@charset "UTF-8";
.ember-basic-dropdown {
  position: relative; }

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box; }

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff; }

.ember-basic-dropdown-content--left {
  left: 0; }

.ember-basic-dropdown-content--right {
  right: 0; }

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none; }

.ember-power-select {
  position: relative; }

.ember-power-select *, .ember-power-select-dropdown * {
  box-sizing: border-box; }

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */ }
  .ember-power-select-trigger:after {
    content: "";
    display: table;
    clear: both; }

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none; }

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent; }
  .ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
    transform: rotate(180deg); }

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer; }

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */ }
  .ember-power-select-trigger-multiple-input:disabled {
    background-color: #eeeeee; }
  .ember-power-select-trigger-multiple-input::placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-moz-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-ms-input-placeholder {
    opacity: 1;
    color: #999999; }

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0; }

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px; }

.ember-power-select-multiple-remove-btn {
  cursor: pointer; }
  .ember-power-select-multiple-remove-btn:not(:hover) {
    opacity: 0.5; }

.ember-power-select-search {
  padding: 4px; }

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px; }
  .ember-power-select-search-input:focus {
    border: 1px solid #aaaaaa;
    box-shadow: none; }

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit; }

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%; }

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none; }
  .ember-power-select-options[role="listbox"] {
    overflow-y: auto;
    /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
    max-height: 12.25em; }

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px; }

.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed; }

.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed; }

.ember-power-select-option[aria-selected="true"] {
  background-color: #dddddd; }

.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff; }

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold; }

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee; }

.ember-power-select-trigger {
  padding: 0 16px 0 0; }

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px; }

.ember-power-select-status-icon {
  right: 5px; }

.ember-power-select-clear-btn {
  right: 25px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px; }

.ember-power-select-group .ember-power-select-option {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px; }

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
    margin-right: 8px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
    left: 5px;
    right: initial; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
    left: 25px;
    right: initial; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px; }

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 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 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

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

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

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

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

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

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

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #777777; }

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

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

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

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

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

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

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

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

p {
  margin: 0 0 10px; }

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

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

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

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

.text-justify {
  text-align: justify; }

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

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

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

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

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

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

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

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

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

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

.bg-success {
  background-color: #dff0d8; }

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

.bg-info {
  background-color: #d9edf7; }

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

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

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

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

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

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: 700; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " "; }

.dl-horizontal dd:after {
  clear: both; }

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

abbr[title],
abbr[data-original-title] {
  cursor: help; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: "\2014 \00A0"; }

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

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .container:before, .container:after {
    display: table;
    content: " "; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

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

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

.row-no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    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: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-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%; } }

table {
  background-color: transparent; }
  table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none; }
  table td[class*="col-"],
  table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

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

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

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

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

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

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }
  input[type="radio"][disabled], input[type="radio"].disabled,
  fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].disabled,
  fieldset[disabled]
  input[type="checkbox"] {
    cursor: not-allowed; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio.disabled label,
  fieldset[disabled] .radio label,
  .checkbox.disabled label,
  fieldset[disabled]
  .checkbox label {
    cursor: not-allowed; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer; }
  .radio-inline.disabled,
  fieldset[disabled] .radio-inline,
  .checkbox-inline.disabled,
  fieldset[disabled]
  .checkbox-inline {
    cursor: not-allowed; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

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

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

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

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

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

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

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

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

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

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

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

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

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

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

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

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

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

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

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    display: table;
    content: " "; }
  .form-horizontal .form-group:after {
    clear: both; }

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

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

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

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

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

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

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

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
      color: #262626;
      text-decoration: none;
      background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

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

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    display: table;
    content: " "; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " "; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .nav:before, .nav:after {
    display: table;
    content: " "; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      cursor: default;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

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

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      margin-bottom: 5px;
      text-align: center; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

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

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

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

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " "; }

.navbar-header:after {
  clear: both; }

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

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    display: table;
    content: " "; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px; }
    @media (max-device-width: 480px) and (orientation: landscape) {
      .navbar-fixed-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px; } }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

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

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

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

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      padding-top: 0;
      padding-bottom: 0;
      margin-right: 0;
      margin-left: 0;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

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

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #090909; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

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

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857;
      color: #337ab7;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd; }
      .pagination > li > a:hover, .pagination > li > a:focus,
      .pagination > li > span:hover,
      .pagination > li > span:focus {
        z-index: 2;
        color: #23527c;
        background-color: #eeeeee;
        border-color: #ddd; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none; }
  .pager:before, .pager:after {
    display: table;
    content: " "; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

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

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

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

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

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

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

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  padding-left: 0;
  margin-bottom: 20px; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #eeeeee; }
    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
      color: inherit; }
    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
      color: #777777; }
  .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > .small {
      color: inherit; }
    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
      color: #c7ddef; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

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

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

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

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

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

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

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2; }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5; }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    display: table;
    content: " "; }
  .modal-header:after {
    clear: both; }

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

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

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

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    display: table;
    content: " "; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

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

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

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0; }
  .tooltip.in {
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px; }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px; }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px; }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px; }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000; }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000; }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }
  .popover > .arrow {
    border-width: 11px; }
    .popover > .arrow, .popover > .arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid; }
    .popover > .arrow:after {
      content: "";
      border-width: 10px; }
  .popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0; }
    .popover.top > .arrow:after {
      bottom: 1px;
      margin-left: -10px;
      content: " ";
      border-top-color: #fff;
      border-bottom-width: 0; }
  .popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0; }
    .popover.right > .arrow:after {
      bottom: -10px;
      left: 1px;
      content: " ";
      border-right-color: #fff;
      border-left-width: 0; }
  .popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25); }
    .popover.bottom > .arrow:after {
      top: 1px;
      margin-left: -10px;
      content: " ";
      border-top-width: 0;
      border-bottom-color: #fff; }
  .popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25); }
    .popover.left > .arrow:after {
      right: 1px;
      bottom: -10px;
      content: " ";
      border-right-width: 0;
      border-left-color: #fff; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

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

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5; }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x; }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x; }
  .carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1; }
  .carousel-control .icon-prev:before {
    content: "\2039"; }
  .carousel-control .icon-next:before {
    content: "\203a"; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px; }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

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

.clearfix:before, .clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

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

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

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

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

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

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

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

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.ember-power-calendar {
  box-sizing: border-box;
  position: relative; }

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between; }

.ember-power-calendar-nav * {
  box-sizing: border-box; }

.ember-power-calendar-days, .ember-power-calendar-days * {
  box-sizing: border-box; }

.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center; }

.ember-power-calendar-row {
  display: flex;
  justify-content: space-between; }

.ember-power-calendar-weekday {
  -webkit-appearance: none;
  flex: 1 1 100%;
  padding: 0;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0; }

.ember-power-calendar-day {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  flex: 1 1 100%;
  font-size: inherit;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0; }

.ember-power-calendar-nav-control {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  font-size: inherit; }

.ember-power-calendar {
  font-size: 14px;
  line-height: 1.42857; }

.ember-power-calendar-weekdays {
  color: #333333; }

.ember-power-calendar-day {
  color: #bbb; }

.ember-power-calendar-nav {
  line-height: 2; }

.ember-power-calendar-nav-control {
  line-height: 1;
  font-size: 150%;
  color: #0078c9; }
  .ember-power-calendar-nav-control:focus {
    transform: scale(1.2);
    color: #0096fc; }

.ember-power-calendar-day--current-month {
  color: #656D78;
  background-color: #F5F7FA; }

.ember-power-calendar-day--today,
.ember-power-calendar-day:not([disabled]):hover {
  background-color: #eee; }

.ember-power-calendar-day--other-month:not([disabled]):hover {
  color: #aaa; }

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold;
  background-color: #c9e9ff;
  color: #656D78; }

.ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: #96d5ff; }
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover,
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
    background-color: #96d5ff; }

.ember-power-calendar-day--focused {
  box-shadow: inset 0px -2px 0px 0px #0078c9; }

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4; }

/* Component Styles */
/*
// CONFIG
*/
/* ==========================================================================
Theme Color Palette - Used only inside Config reference
========================================================================== */
/* $green: #6ac075; */
/* #DDDDDD; */
/* Need to remove */
/* Need to remove */
/* ==========================================================================
Theme Color Palette - Based On style Guide
========================================================================== */
/* ==========================================================================
Fonts Config
========================================================================== */
/* SC Sans Web Thin is 200 */
/* SC Sans Web Light is 300 */
/* SC Sans Web Regular is 400 */
/* SC Sans Web Bold and Bold is 700 */
/* ==========================================================================
Stateful Colors
========================================================================== */
/* Generic Colors */
/* Button Colors */
/* Toggle Colors */
/* Visual Radio */
/* Normal Radio */
/* Utils */
/* Generic Config */
/* ==========================================================================
Basic Reset Styles
========================================================================== */
html,
body {
  font-size: 14px;
  /* App Base Font Size */
  overflow: hidden;
  font-family: "SC Sans Web", sans-serif; }

html, body, ul, ol, li, form, fieldset, legend, p, label {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0; }

fieldset, img {
  border: 0; }

li {
  list-style: none; }

input, textarea {
  /* Iphone Border */
  border-radius: 0; }

a,
a:hover,
a:focus,
a:visited {
  color: #0091ea;
  /* #02b8f8; */
  text-decoration: none; }

@font-face {
  font-family: 'icomoon';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/icomoon.eot?j59azs");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/icomoon.eot?j59azs#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/icomoon.ttf?j59azs") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/icomoon.woff?j59azs") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/icomoon.svg?j59azs#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* ==========================================================================
UI Componen Config
========================================================================== */
/* Action Button Colors */
/* Form Layout / Row*/
/* Form Component Elements */
/* DEFAULTS */
/* ==========================================================================
RESETS
========================================================================== */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-user-select: "none";
  -moz-user-select: "none";
  -ms-user-select: "none";
  user-select: "none";
  -webkit-touch-callout: none; }

html,
body {
  height: 100%;
  font-family: "SC Sans Web", sans-serif; }

body {
  background-color: transparent; }

a {
  text-decoration: none; }

/* reset form styles */
button {
  outline: 0;
  -webkit-touch-callout: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer; }

input, textarea {
  font-family: "SC Sans Web", sans-serif;
  font-weight: 300;
  -webkit-user-select: "auto !important";
  -moz-user-select: "auto !important";
  -ms-user-select: "auto !important";
  user-select: "auto !important";
  padding: 0; }

input,
textarea,
select {
  font-weight: 300;
  -webkit-appearance: none;
  padding: 0;
  border: 0; }

:focus {
  outline: none; }

button, label {
  font-weight: 300;
  /* border: 1px solid transparent; */ }

/* placeholder */
input::-webkit-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

input:-moz-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

/* FF 4-18 */
input::-moz-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

/* FF 19+ */
textarea::-webkit-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

textarea:-moz-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

/* FF 4-18 */
textarea::-moz-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

/* FF 19+ */
/* hides placeholder on focus */
input:focus::-webkit-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

input:focus:-moz-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

input:focus::-moz-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

textarea:focus::-webkit-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

textarea:focus:-moz-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

textarea:focus::-moz-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

/*
* Mixins
-----------------------------------------------*/
/* Font Size */
/*
// Usage:
p {
    @include font-size(14px)
}
*/
/*
// Usage:
//
.selector {
  @include prefix(transform, rotate(45deg), webkit ms);
}
*/
/* Tap Area */
/*
// Usage:
//
.my-icon-button{
  position: relative; // Must to be relative
}
.my-icon-button::after {
    @include extend-tap-area-by(10px, 10px, 10px, 10px)
}
*/
/* Breakpoints */
/*
// Usage:
.sidebar {
    width: 60%; float: left;
    @include bp-small { width: 100%; float: none; }
}
*/
/*
Use other breakpoints
@mixin bp-large {
  @media only screen and (max-width: 60em) {
    @content;
  }
}

@mixin bp-medium {
  @media only screen and (max-width: 40em) {
    @content;
  }
}

@mixin bp-small {
  @media only screen and (max-width: 30em) {
    @content;
  }
}
*/
/* Breakpoints */
/*  Keyframes Animations */
/*
// Usage:
@include keyframes(slide-down) {
    0% { opacity: 1; }
    90% { opacity: 0; }
}

.element {
    width: 100px;
    height: 100px;
    background: black;
    @include animation('slide-down 5s 3');
}
@include keyframes(animate) {
    50% {
        transform: rotate(90deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}
*/
/**
 * Placeholder mixin
 */
/**
 * Prefixer mixin
 */
/* Transitions */
/*
// Usage:
a {
    color: gray;
    @include transition(color .3s ease);
    &:hover {
        color: black;
    }
}
*/
/* Transfor Style */
/* Translate X & Y */
/* Translate X */
/* Translate Y */
/* Filter Blur */
/* Background Gradients */
/* Retina Images */
/*
// Usage:
.logo {
background-image: url("img/logo.png");
  @include retina("img/logo@2x.png", 100px, 21px);
}
*/
/* Centering a block */
/*
// Usage:
.wrapper {
  @include center-block;
}
*/
/* Horizontal & Vertical Center Positioning */
/*
// Usage:
.box {
  @include center-position;
}
*/
/* Horizontal Center Positioning */
/*
// Usage:
.box {
  @include center-horizontal;
}
*/
/* Vertical Center Positioning */
/*
// Usage:
.box {
  @include center-vertical;
}
*/
/* Truncate */
/* Border Radius */
/* Cross browser opacity */
/*
// Usage:
.faded-text {
  @include opacity(0.8);
}
*/
/* Box shadow */
/*
// Usage:
.abc {
  @include box-shadow(0.8);
}
*/
/* Fill Canvas */
/*
// Usage:
.abc {
  @include position-abs-fill; // Parent must be position relative
}
*/
/* Automatically output an element, based on the name of our block */
/* Automatically output an modifier, based on the name of our block */
/* Visually hide an element */
/*
When you hide an element with display: none, that prevents screen readers from reading it to the user.
Sometimes that’s fine, but in other cases this will make the site hard to use for people with screen
readers. Thus, we have to use another technique for hiding elements while at the same time make them
accessible. In this example, we are using the Sass placeholder selector since the output will always
be the same, which enables us to reduce repetetive code in the output.
// Usage:
<button class="mobile-navigation-trigger">
  <b class="visually-hidden">Open the navigation</b>
  <img src="img/mobile-navigation-icon.svg">
</button>
.visually-hidden {
  @extend %visuallyhidden;
}
*/
/**
 * WebKit font-smoothing
 * ------------------------------------------------
 *
 * References:
 *
 * 1. http://maxvoltar.com/sandbox/fontsmoothing/
 * 2. http://maxvoltar.com/archive/-webkit-font-smoothing
 * 3. https://gist.github.com/adamstac/5048881
 *
 * Values: none, antialiased (default), subpixel-antialiased
 */
/* User Select */
/* Table Layout */
/**
 * Crops a text, optionally shows an ellipsis
 */
/* 
No Touch Devices  
Using CSS Media Queries Level 4 Interaction Media Features
Reference: http://www.javascriptkit.com/dhtmltutors/sticky-hover-issue-solutions.shtml
*/
/*
// Usage:
.abc {
    @include no-touch {  &:hover { ... }  }
}
*/
/* 
Placeholder Text
*/
/*
// Usage:
.abc {
    @include placeholder { ... }
}
*/
/* 
Readonly Text
*/
/*
// Usage:
.abc {
    @include readonly { ... }
}
*/
/* Small Utils */
/**
 * Base classes to use with @extend
 */
/* Floated Group Elements */
/* Prevent Highlight */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

/* 
If you want to prevent copy paste functionality then you can use
this 'prevent-select' class. 
*/
* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none; }

/* Hide Elements */
.rdc-radio-button-group input {
  position: absolute !important;
  top: 0 !important;
  left: -99999px !important; }

/* Needed to vertically center the content */
.with-floated-children:after, .rdc-component-base:after, .rdc-summary-field:after, .rdc-text-input.has-prefix .component-holder:after, .rdc-radio-button-group .rdc-radio-button-base .rdc-radio-button-holder:after, .rdc-radio-button-group:after, .rdc-navbar:after, .two-sections:after {
  content: '';
  display: table;
  clear: both; }

/* Clearfix */
/*
%clearfix {
  *zoom: 1;
  &:before, &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
*/
/* COMMON STYLES */
/* ==========================================================================
SC Sans Web Regular & Italic
========================================================================== */
@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.svg#SC Sans Web-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.svg#sc-sans-web-italic") format("svg");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }

/* ==========================================================================
SC Sans Web Bold and Bold Italic
========================================================================== */
@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.svg#SC Sans Web-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.eot");
  src: url("/rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.svg#sc-sans-web-bold-italic") format("svg");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal; }

/* ==========================================================================
SC Sans Web Light & Light Italic
========================================================================== */
@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.svg#SC Sans Web-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.svg#sc-sans-web-light-italic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal; }

/* ==========================================================================
SC Sans Web Thin & Thin Italic
========================================================================== */
@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.svg#sc-sans-web-thin") format("svg");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.svg#sc-sans-web-thin-italic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-stretch: normal; }

/* ==========================================================================
SC Sans Web Ultra Thin and Ultra Thin Italic
========================================================================== */
@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.svg#SC Sans Web-Ultra Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.svg#sc-sans-web-ultra-thin-italic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal; }

.sc-flex, .sc-flex-column, .sc-flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

/*========================================================
// Helper Classes
=========================================================*/
/* Content Padding's */
.no-pad,
.pad-0 {
  padding: 0 !important; }

.pad-5 {
  padding: 5px !important; }

.pad-10 {
  padding: 10px !important; }

.pad-15 {
  padding: 15px !important; }

.pad-20 {
  padding: 20px !important; }

.pad-25 {
  padding: 25px !important; }

.pad-30 {
  padding: 30px !important; }

.pad-35 {
  padding: 35px !important; }

.pad-40 {
  padding: 40px !important; }

.pad-0-5 {
  padding: 0 5px 0 5px !important; }

.pad-0-10 {
  padding: 0 10px 0 10px !important; }

.pad-0-15 {
  padding: 0 15px 0 15px !important; }

.pad-0-20 {
  padding: 0 20px 0 20px !important; }

.pad-0-25 {
  padding: 0 25px 0 25px !important; }

.pad-0-30 {
  padding: 0 30px 0 30px !important; }

.pad-0-35 {
  padding: 0 35px 0 35px !important; }

.pad-0-40 {
  padding: 0 40px 0 40px !important; }

.pad-5-0 {
  padding: 5px 0 5px 0 !important; }

.pad-10-0 {
  padding: 10px 0 10px 0 !important; }

.pad-15-0 {
  padding: 15px 0 15px 0 !important; }

.pad-20-0 {
  padding: 20px 0 20px 0 !important; }

.pad-25-0 {
  padding: 25px 0 25px 0 !important; }

.pad-30-0 {
  padding: 30px 0 30px 0 !important; }

.pad-35-0 {
  padding: 35px 0 35px 0 !important; }

.pad-40-0 {
  padding: 40px 0 40px 0 !important; }

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

.pl2 {
  padding-left: 2px !important; }

.pl4 {
  padding-left: 4px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl6 {
  padding-left: 6px !important; }

.pl8 {
  padding-left: 8px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl12 {
  padding-left: 12px !important; }

.pl14 {
  padding-left: 14px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl16 {
  padding-left: 16px !important; }

.pl18 {
  padding-left: 18px !important; }

.pl20 {
  padding-left: 20px !important; }

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

.pr2 {
  padding-right: 2px !important; }

.pr4 {
  padding-right: 4px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr6 {
  padding-right: 6px !important; }

.pr8 {
  padding-right: 8px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr12 {
  padding-right: 12px !important; }

.pr14 {
  padding-right: 14px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr16 {
  padding-right: 16px !important; }

.pr18 {
  padding-right: 18px !important; }

.pr20 {
  padding-right: 20px !important; }

.pt0 {
  padding-top: 0px !important; }

.pt2 {
  padding-top: 2px !important; }

.pt4 {
  padding-top: 4px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt6 {
  padding-top: 6px !important; }

.pt8 {
  padding-top: 8px !important; }

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

.pt12 {
  padding-top: 12px !important; }

.pt14 {
  padding-top: 14px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt16 {
  padding-top: 16px !important; }

.pt18 {
  padding-top: 18px !important; }

.pt20 {
  padding-top: 20px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb2 {
  padding-bottom: 2px !important; }

.pb4 {
  padding-bottom: 4px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb6 {
  padding-bottom: 6px !important; }

.pb8 {
  padding-bottom: 8px !important; }

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

.pb12 {
  padding-bottom: 12px !important; }

.pb14 {
  padding-bottom: 14px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb16 {
  padding-bottom: 16px !important; }

.pb18 {
  padding-bottom: 18px !important; }

.pb20 {
  padding-bottom: 20px !important; }

/* Content Margins */
.no-margin,
.m-0 {
  margin: 0 !important; }

.ml0 {
  margin-left: 0px !important; }

.ml2 {
  margin-left: 2px !important; }

.ml4 {
  margin-left: 4px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml6 {
  margin-left: 6px !important; }

.ml8 {
  margin-left: 8px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml12 {
  margin-left: 12px !important; }

.ml14 {
  margin-left: 14px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml16 {
  margin-left: 16px !important; }

.ml18 {
  margin-left: 18px !important; }

.ml20 {
  margin-left: 20px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr2 {
  margin-right: 2px !important; }

.mr4 {
  margin-right: 4px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr6 {
  margin-right: 6px !important; }

.mr8 {
  margin-right: 8px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr12 {
  margin-right: 12px !important; }

.mr14 {
  margin-right: 14px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr16 {
  margin-right: 16px !important; }

.mr18 {
  margin-right: 18px !important; }

.mr20 {
  margin-right: 20px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt2 {
  margin-top: 2px !important; }

.mt4 {
  margin-top: 4px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt6 {
  margin-top: 6px !important; }

.mt8 {
  margin-top: 8px !important; }

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

.mt12 {
  margin-top: 12px !important; }

.mt14 {
  margin-top: 14px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt16 {
  margin-top: 16px !important; }

.mt18 {
  margin-top: 18px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb2 {
  margin-bottom: 2px !important; }

.mb4 {
  margin-bottom: 4px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb6 {
  margin-bottom: 6px !important; }

.mb8 {
  margin-bottom: 8px !important; }

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

.mb12 {
  margin-bottom: 12px !important; }

.mb14 {
  margin-bottom: 14px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb16 {
  margin-bottom: 16px !important; }

.mb18 {
  margin-bottom: 18px !important; }

.mb20 {
  margin-bottom: 20px !important; }

/* Alignments */
.align-center {
  text-align: center !important; }

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

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

.auto-h-center {
  margin: 0 auto; }

.auto-v-center {
  margin: auto 0; }

/* Flex Box Alignments */
.fb-align-center {
  align-items: center;
  justify-content: center; }

/* Element Positioning */
.pos-left {
  position: absolute;
  left: 0; }

.pos-right {
  position: absolute;
  right: 0; }

.pos-left {
  position: absolute;
  top: 0; }

.pos-left {
  position: absolute;
  bottom: 0; }

/* Vertical Align child elements - Child element must be an inline-block */
.v-align {
  white-space: nowrap;
  position: relative; }

.v-middle > * {
  vertical-align: middle; }

.v-top > * {
  vertical-align: top; }

.v-bottom > * {
  vertical-align: bottom; }

.v-text-top > * {
  vertical-align: text-top; }

.v-text-bottom > * {
  vertical-align: text-bottom; }

.v-baseline > * {
  vertical-align: baseline; }

/* Percent Width */
.p-width-50 {
  width: 50% !important; }

.p-width-60 {
  width: 60% !important; }

.p-width-70 {
  width: 70% !important; }

.p-width-80 {
  width: 80% !important; }

.p-width-90 {
  width: 90% !important; }

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

/* Uitils */
.block {
  display: block !important; }

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

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

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

.show {
  visibility: visible !important; }

.hide {
  visibility: hidden !important;
  display: none !important; }

.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  pointer-events: none !important;
  cursor: default !important; }

.clickable {
  cursor: pointer; }

.no-clickable {
  pointer-events: none; }

.y-scroller {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*========================================================
// ANIMATION UTILS
=========================================================*/
.sc-hidden {
  visibility: hidden; }

.sc-visible {
  visibility: visible; }

/*========================================================
// LAYOUT
=========================================================*/
.sc-pane {
  position: absolute;
  width: 100%;
  height: 100%; }

.blur-content {
  filter: blur(2px); }

/*========================================================
// FLEX BOX LAYOUT
=========================================================*/
.sc-flex-column {
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.sc-flex-row {
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }

.sc-flex-fill {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.sc-flex-scroller {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -moz-box-flex: 1;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.sc-flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

/* Basic Colors */
.red {
  background-color: #FF0000; }

.orange {
  background-color: #FF9400; }

.amber {
  background-color: #FFBA00; }

.yellow {
  background-color: #FDFF00; }

.yellowgreen {
  background-color: yellowgreen; }

.green {
  background-color: #47B300; }

.teal {
  background-color: #0093D4; }

.blue {
  background-color: #003FFF; }

.violet {
  background-color: #4500AB; }

.purple {
  background-color: #9300B6; }

.magenta {
  background-color: #B6004A; }

.lightgrey {
  background-color: #F5F5F5; }

/* Test Space Contents */
.test-content {
  display: block;
  /* Modifier .test-content__fill-space */
  /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Modifier .test-content__scroll-vertical */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Modifier .test-content__scroll-horizontal */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */ }
  .test-content--fill-space {
    width: 100%;
    height: 100%;
    /* Pullin the actual content */ }
  .test-content__scroll-vertical {
    width: 100%;
    height: 1000px;
    /* Pullin the actual content */ }
  .test-content__scroll-horizontal {
    width: 100%;
    height: 1000px;
    /* Pullin the actual content */ }

/*========================================================
// BREAKPOINT SCREEN TEST
=========================================================*/
/* SMART PHONE NARROW / PORTRAIT - DEFAULT MOBILE FIRST UI */
.screen-test {
  display: inline-block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999; }

.screen-test:after {
  display: inline-block;
  content: "SMART-PHONE-NARROW";
  font-size: 10px;
  color: white;
  font-weight: 300;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 3px 12px;
  /* Prevent from displaying. */ }

/* SMART PHONE LANDSCAPE / WIDE */
@media (min-width: 550px) {
  .screen-test:after {
    content: "SMART-PHONE-WIDE"; } }

/* TABLET VIEW - NARROW / PORTRAIT */
@media (min-width: 650px) {
  .screen-test:after {
    content: "TABLET-NARROW"; } }

/* TABLET VIEW - LANDSAPE / WIDE */
@media (min-width: 900px) {
  .screen-test:after {
    content: "TABLET-WIDE"; } }

/* DESKTOP VIEW */
@media (min-width: 1100px) {
  .screen-test:after {
    content: "DESKTOP"; } }

/* DESKTOP VIEW - WIDE */
@media (min-width: 1500px) {
  .screen-test:after {
    content: "WIDE SCREEN"; } }

/* DESKTOP VIEW - TOO HUGE */
@media (min-width: 2000px) {
  .screen-test:after {
    content: "OMG_THATS_SO_HUGE"; } }

/* ==========================================================================
Icon Styles
========================================================================== */
.rdc-icons {
  /* font-family: 'RDC Icons'; */
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  width: 22px;
  height: 22px;
  /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */ }
  .rdc-icons--ico-tick-white {
    background-image: url("/rdc-ui-adn-theme-scforms/assets/svg/ico-tick-white.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
    /* Pullin the actual content */ }

/* ==========================================================================
RDC GLYPH ICON
========================================================================== */
.rdc-glyphicon {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  font-size: 20px; }
  .rdc-glyphicon::before {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    transition: color 0.3s ease; }

.icon-hamburger:before {
  content: "\e900"; }

.icon-clock-2:before {
  content: "\e91a"; }

.icon-achievement:before {
  content: "\e904"; }

.icon-logout:before {
  content: "\e909"; }

.icon-cart:before {
  content: "\e90a"; }

.icon-add:before {
  content: "\e90b"; }

.icon-address-book:before {
  content: "\e90d"; }

.icon-application:before {
  content: "\e90f"; }

.icon-flag:before {
  content: "\e910"; }

.icon-approved:before {
  content: "\e911"; }

.icon-arrow-down:before {
  content: "\e913"; }

.icon-arrow-left:before {
  content: "\e915"; }

.icon-arrow-right:before {
  content: "\e916"; }

.icon-arrow-up:before {
  content: "\e917"; }

.icon-atm-service:before {
  content: "\e918"; }

.icon-renewal:before {
  content: "\e919"; }

.icon-baby:before {
  content: "\e91b"; }

.icon-bahrain:before {
  content: "\e91c"; }

.icon-bangladesh:before {
  content: "\e91e"; }

.icon-bank:before {
  content: "\e91f"; }

.icon-botswana:before {
  content: "\e920"; }

.icon-brunei:before {
  content: "\e921"; }

.icon-business:before {
  content: "\e922"; }

.icon-calculator:before {
  content: "\e923"; }

.icon-calendar:before {
  content: "\e924"; }

.icon-phone:before {
  content: "\e925"; }

.icon-camera-1:before {
  content: "\e926"; }

.icon-camera-2:before {
  content: "\e927"; }

.icon-cancel:before {
  content: "\e928"; }

.icon-car:before {
  content: "\e929"; }

.icon-card-approve:before {
  content: "\e92a"; }

.icon-card-1:before {
  content: "\e92b"; }

.icon-card-3:before {
  content: "\e92c"; }

.icon-chain-link:before {
  content: "\e92d"; }

.icon-cheque-book:before {
  content: "\e92e"; }

.icon-chevron-down:before {
  content: "\e92f"; }

.icon-chevron-left:before {
  content: "\e930"; }

.icon-chevron-right:before {
  content: "\e931"; }

.icon-chevron-up:before {
  content: "\e932"; }

.icon-china:before {
  content: "\e933"; }

.icon-city:before {
  content: "\e934"; }

.icon-clipboard:before {
  content: "\e935"; }

.icon-display:before {
  content: "\e936"; }

.icon-conversation-1:before {
  content: "\e937"; }

.icon-conversation-2:before {
  content: "\e938"; }

.icon-current-account:before {
  content: "\e939"; }

.icon-customisation:before {
  content: "\e93a"; }

.icon-download-2:before {
  content: "\e93b"; }

.icon-chat:before {
  content: "\e93c"; }

.icon-dollars:before {
  content: "\e93d"; }

.icon-download-3:before {
  content: "\e93e"; }

.icon-download-print:before {
  content: "\e93f"; }

.icon-download-cloud:before {
  content: "\e940"; }

.icon-ease-of-application:before {
  content: "\e941"; }

.icon-edit:before {
  content: "\e942"; }

.icon-email:before {
  content: "\e943"; }

.icon-enter:before {
  content: "\e944"; }

.icon-alert:before {
  content: "\e945"; }

.icon-eyeball:before {
  content: "\e946"; }

.icon-clock-3:before {
  content: "\e947"; }

.icon-favourite:before {
  content: "\e948"; }

.icon-user-1:before {
  content: "\e949"; }

.icon-filter:before {
  content: "\e94a"; }

.icon-flag-pin:before {
  content: "\e94b"; }

.icon-folder-approve:before {
  content: "\e94c"; }

.icon-folder-cancel:before {
  content: "\e94d"; }

.icon-folder:before {
  content: "\e94e"; }

.icon-faq:before {
  content: "\e94f"; }

.icon-library:before {
  content: "\e950"; }

.icon-fund-transfer:before {
  content: "\e951"; }

.icon-generic-tag:before {
  content: "\e952"; }

.icon-user-2:before {
  content: "\e953"; }

.icon-user-3:before {
  content: "\e954"; }

.icon-user-4:before {
  content: "\e955"; }

.icon-ghana:before {
  content: "\e956"; }

.icon-global-currency:before {
  content: "\e957"; }

.icon-global-transfer:before {
  content: "\e958"; }

.icon-graph-chart:before {
  content: "\e959"; }

.icon-grow:before {
  content: "\e95a"; }

.icon-help:before {
  content: "\e95b"; }

.icon-home:before {
  content: "\e95c"; }

.icon-home-2:before {
  content: "\e95d"; }

.icon-hongkong:before {
  content: "\e95e"; }

.icon-download-1:before {
  content: "\e95f"; }

.icon-upload-1:before {
  content: "\e960"; }

.icon-id-card:before {
  content: "\e962"; }

.icon-image-file:before {
  content: "\e963"; }

.icon-india:before {
  content: "\e964"; }

.icon-indonesia:before {
  content: "\e965"; }

.icon-inflation:before {
  content: "\e966"; }

.icon-information:before {
  content: "\e967"; }

.icon-investments-up:before {
  content: "\e968"; }

.icon-invoice:before {
  content: "\e969"; }

.icon-jersey:before {
  content: "\e96a"; }

.icon-kenya:before {
  content: "\e96b"; }

.icon-layers:before {
  content: "\e96c"; }

.icon-list:before {
  content: "\e96d"; }

.icon-location-1:before {
  content: "\e96e"; }

.icon-location-2:before {
  content: "\e96f"; }

.icon-malaysia:before {
  content: "\e970"; }

.icon-user-5:before {
  content: "\e971"; }

.icon-map:before {
  content: "\e972"; }

.icon-card-2:before {
  content: "\e973"; }

.icon-meal:before {
  content: "\e974"; }

.icon-mobile:before {
  content: "\e975"; }

.icon-chinese:before {
  content: "\e976"; }

.icon-money:before {
  content: "\e977"; }

.icon-nepal:before {
  content: "\e978"; }

.icon-globe:before {
  content: "\e979"; }

.icon-new-document:before {
  content: "\e97a"; }

.icon-news:before {
  content: "\e97b"; }

.icon-nigeria:before {
  content: "\e97c"; }

.icon-note:before {
  content: "\e97d"; }

.icon-office:before {
  content: "\e97e"; }

.icon-rewards:before {
  content: "\e97f"; }

.icon-cash:before {
  content: "\e980"; }

.icon-overdraft-1:before {
  content: "\e981"; }

.icon-overdraft-2:before {
  content: "\e982"; }

.icon-attachment:before {
  content: "\e983"; }

.icon-paperless:before {
  content: "\e984"; }

.icon-paperplane:before {
  content: "\e985"; }

.icon-percentage:before {
  content: "\e986"; }

.icon-personalisation-1:before {
  content: "\e987"; }

.icon-personalisation-2:before {
  content: "\e988"; }

.icon-security-1:before {
  content: "\e989"; }

.icon-mail-1:before {
  content: "\e98a"; }

.icon-mail-2:before {
  content: "\e98b"; }

.icon-gift:before {
  content: "\e98c"; }

.icon-print:before {
  content: "\e98d"; }

.icon-lock-1:before {
  content: "\e98e"; }

.icon-add-1:before {
  content: "\e98f"; }

.icon-save:before {
  content: "\e992"; }

.icon-savings:before {
  content: "\e993"; }

.icon-search:before {
  content: "\e994"; }

.icon-lock-2:before {
  content: "\e995"; }

.icon-lock-3:before {
  content: "\e996"; }

.icon-lock-4:before {
  content: "\e997"; }

.icon-security-2:before {
  content: "\e998"; }

.icon-key:before {
  content: "\e999"; }

.icon-lock-5:before {
  content: "\e99a"; }

.icon-settings:before {
  content: "\e99b"; }

.icon-share:before {
  content: "\e99c"; }

.icon-bag:before {
  content: "\e99d"; }

.icon-singapore:before {
  content: "\e99e"; }

.icon-skyscraper:before {
  content: "\e99f"; }

.icon-solutions:before {
  content: "\e9a0"; }

.icon-southkorea:before {
  content: "\e9a1"; }

.icon-diamond:before {
  content: "\e9a2"; }

.icon-star-1:before {
  content: "\e9a3"; }

.icon-star-2:before {
  content: "\e9a4"; }

.icon-srilanka:before {
  content: "\e9a5"; }

.icon-success-1:before {
  content: "\e9a6"; }

.icon-success-2:before {
  content: "\e9a7"; }

.icon-success-3:before {
  content: "\e9a8"; }

.icon-recycle:before {
  content: "\e9a9"; }

.icon-taiwan:before {
  content: "\e9aa"; }

.icon-tanzania:before {
  content: "\e9ab"; }

.icon-thailand:before {
  content: "\e9ac"; }

.icon-up-down:before {
  content: "\e9ae"; }

.icon-trash:before {
  content: "\e9af"; }

.icon-travel:before {
  content: "\e9b0"; }

.icon-uganda:before {
  content: "\e9b1"; }

.icon-uk:before {
  content: "\e9b2"; }

.icon-umbrella:before {
  content: "\e9b3"; }

.icon-united-arab-emirates:before {
  content: "\e9b4"; }

.icon-upload:before {
  content: "\e9b5"; }

.icon-upload-cloud:before {
  content: "\e9b6"; }

.icon-usa:before {
  content: "\e9b7"; }

.icon-video:before {
  content: "\e9b8"; }

.icon-vietnam:before {
  content: "\e9b9"; }

.icon-clock-4:before {
  content: "\e9ba"; }

.icon-sand-clock:before {
  content: "\e9bb"; }

.icon-clock-1:before {
  content: "\e9bc"; }

.icon-wallet:before {
  content: "\e9bd"; }

.icon-wifi:before {
  content: "\e9be"; }

.icon-zambia:before {
  content: "\e9bf"; }

.icon-zimbabwe:before {
  content: "\e9c0"; }

.icon-filled-arrow-right:before {
  content: "\e9c1"; }

.icon-menu:before {
  content: "\e9c2"; }

.icon-cross-thick:before {
  content: "\e901"; }

.icon-down-arrow:before {
  content: "\e902"; }

.icon-cross-thin:before {
  content: "\e903"; }

.icon-female:before {
  content: "\e905"; }

.icon-four-profile:before {
  content: "\e906"; }

.icon-tick:before {
  content: "\e907"; }

.icon-cross-normal:before {
  content: "\e90c"; }

.icon-three-profile:before {
  content: "\e90e"; }

.icon-two-profile:before {
  content: "\e912"; }

.icon-warning:before {
  content: "\e914"; }

.icon-finger-print:before {
  content: "\e908"; }

/* ==========================================================================
RDC SVG ICON
========================================================================== */
.rdc-svgicon {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px; }

.sc-logo-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/images/logo/scb-logo-white.png) no-repeat;
  background-size: contain; }

.icon-balance-home {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/balance_home_icon.svg) no-repeat;
  background-size: 100% 100%; }

.icon-budget-home {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/budget_home_icon.svg) no-repeat;
  background-size: 100% 100%; }

.icon-location-home {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/location_home_icon.svg) no-repeat;
  background-size: 100% 100%; }

.bg-circle-zigzag {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/bg-circle-zigzag.svg) no-repeat;
  background-size: 100% 100%; }

.bg-circle-zigzag-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/bg-circle-zigzag-grey.svg) no-repeat;
  background-size: 100% 100%; }

/* This Icon required to converted as font Icons */
.icon-logo {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-logo.svg) no-repeat;
  background-size: 100% 100%; }

.icon-down-chevron-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-down-chevron-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-down-chevron-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-down-chevron-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-balance {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-balance.svg) no-repeat;
  background-size: 100% 100%; }

.icon-fingerprint-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-fingerprint-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-fingerprint-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-fingerprint-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-wallet-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-wallet-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-dollars-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-dollars-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-tick-thin-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-tick-thin-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-key-back {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-key-back.svg) no-repeat;
  background-size: 100% 100%; }

.icon-system-maintenance-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-system-maintenance-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-calendar-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-calendar.svg) no-repeat;
  background-size: 100% 100%; }

.icon-checkmark-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-checkmark-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-user-profile-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-user-profile-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-x-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-x-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-circle-plus-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-circle-plus-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-trash-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-trash-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-video-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-video-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-video-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-video-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-auto-otp-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-auto-otp-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-pay-now-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-pay-now-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-person-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-person-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-soft-token-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-soft-token-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-track-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-track-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-resume-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-resume-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-tick-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-tick-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-card-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-card-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-phone-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-phone-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-add-dark {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-add-dark.svg) no-repeat;
  background-size: 100% 100%; }

.icon-folder-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-folder-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-multiple-currencies-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-multiple-currencies-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-globe-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-globe-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-security-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-security-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-info-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-info-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-lock-mini {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-lock-mini.svg) no-repeat;
  background-size: 100% 100%; }

/* Settings Icons */
.icon-menu-logout {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-menu-logout.svg) no-repeat;
  background-size: 100% 100%; }

.icon-menu-settings {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-menu-settings.svg) no-repeat;
  background-size: 100% 100%; }

/* RDC UI REUSABLE LAYOUT STYLES */
/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "SC Sans Web", sans-serif;
  font-weight: 300;
  color: #0091ea;
  padding: 0;
  margin: 0;
  margin-bottom: 15px; }

h4, h5, h6 {
  font-weight: 400; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 22px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 18px; }

/* Paragraph */
p {
  font-family: "SC Sans Web", sans-serif;
  font-size: 14px;
  font-size: 1rem;
  font-weight: 400;
  color: #2b2929;
  letter-spacing: 0.2px; }

/* ==========================================================================
RDC View Style Snippets
========================================================================== */
.rdc-pane {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden !important; }

/* Used avoid focus during scroll */
.no-pointer {
  pointer-events: none; }

/* RDC View Main Content Wrapper */
.rdc-view-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 100vh;
  /* Old: 100%, Liquif fire require 100vh */
  min-height: 100vh;
  /* Old: 100%, Liquif fire require 100vh */
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  /* Force Enable Scroll When Keybpard Open */
  /* RDC View Scroll Content Wrapper */
  /* Start: Fixes for iOS Elasic Scroll Black Background */
  /* End: Fixes for iOS Elasic Scroll Black Background */ }
  .rdc-view-wrapper---bg-dark {
    background: rgba(25, 25, 25, 0.9); }
  .rdc-view-wrapper.foce-scroll {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .rdc-view-wrapper .rdc-scroll-content {
    display: block;
    position: relative;
    width: 100%;
    height: calc( 100% - 50px);
    /* min-height: calc( 100% - 50px ); */
    /* Y Scrollable Content */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* Where no scroll required */ }
    .is-ios .rdc-view-wrapper .rdc-scroll-content {
      height: calc( 100% - 50px - 20px);
      /* min-height: calc( 100% - 50px - 20px ); */ }
    .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
      height: calc( 100% - (50px + 50px ));
      /* min-height: calc( 100% - (50px + 50px )); */ }
      .is-ios .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
        height: calc( 100% - (50px + 50px + 20px ));
        /* min-height: calc( 100% - (50px + 50px + 20px )); */ }
    .rdc-view-wrapper .rdc-scroll-content.has-sub-header-and-tab-bar {
      height: calc( 100vh - (50px + 50px + 50px ));
      /* min-height: calc( 100vh - (50px + 50px + 50px )); */ }
      .is-ios .rdc-view-wrapper .rdc-scroll-content.has-sub-header-and-tab-bar {
        height: calc( 100vh - (50px + 50px + 50px + 20px ));
        /* min-height: calc( 100vh - (50px + 50px + 50px + 20px )); */ }
    .rdc-view-wrapper .rdc-scroll-content.has-only-sub-header {
      height: calc( 100% - 50px);
      /* min-height: calc( 100% - 50px ); */ }
      .is-ios .rdc-view-wrapper .rdc-scroll-content.has-only-sub-header {
        height: calc( 100% - (50px + 20px ));
        /* min-height: calc( 100% - (50px + 20px )); */ }
    .rdc-view-wrapper .rdc-scroll-content.no-header {
      height: 100%;
      min-height: 100%; }
    .rdc-view-wrapper .rdc-scroll-content.has-stickey-footer {
      padding-bottom: 50px; }
    .rdc-view-wrapper .rdc-scroll-content---no-scroll {
      overflow-x: hidden;
      overflow-y: hidden; }
  @media only screen and (max-width: 767px) {
    .rdc-view-wrapper .rdc-scroll-content {
      padding-top: 1px;
      /* margin-top: -1px; */ } }
  @media only screen and (min-width: 768px) {
    .rdc-view-wrapper .rdc-scroll-content {
      padding-top: 1px;
      /* margin-top: -1px; */ } }

/* Parent should be some div with full width */
.set-max-width {
  max-width: 1404px;
  margin: 0 auto; }

/* ==========================================================================
RDC View (Page) Styles
========================================================================== */
.rdc-view {
  background: #f6f6f6;
  /* #ececec */
  /* Main Content Holder */
  /* Need to remove this */
  /* Form Footer */
  /* Other Element Styles */ }
  .rdc-view___content {
    padding: 20px 10px;
    /* Filling Minimum Height based on different States */
    /* End: States */
    /* Heading Holder with popout button */ }
    .rdc-view___content.has-only-header {
      min-height: calc( 100vh - ( 50px)); }
      .is-ios .rdc-view___content.has-only-header {
        min-height: calc( 100vh - ( 50px +  20px )); }
    .rdc-view___content.has-only-footer {
      min-height: calc( 100vh - ( 45px)); }
      .is-ios .rdc-view___content.has-only-footer {
        min-height: calc( 100vh - ( 45px +  20px )); }
    .rdc-view___content.has-header-footer {
      min-height: calc( 100vh - ( 50px + 45px )); }
      .is-ios .rdc-view___content.has-header-footer {
        min-height: calc( 100vh - ( 50px + 45px + 20px )); }
    .rdc-view___content.has-sub-header-footer {
      min-height: calc( 100vh - ( 50px + 50px + 45px )); }
      .is-ios .rdc-view___content.has-sub-header-footer {
        min-height: calc( 100vh - ( 50px + 50px + 45px + 20px )); }
    .rdc-view___content.has-sub-header {
      min-height: calc( 100vh - (50px + 50px )); }
      .is-ios .rdc-view___content.has-sub-header {
        min-height: calc( 100vh - (50px + 50px )); }
    .rdc-view___content.has-sub-header-and-tab-bar {
      min-height: calc( 100vh - (50px + 50px + 50px +  20px )); }
      .is-ios .rdc-view___content.has-sub-header-and-tab-bar {
        min-height: calc( 100vh - (50px + 50px + 50px + 20px )); }
    .rdc-view___content.has-only-sub-header {
      min-height: calc( 100vh - 50px); }
      .is-ios .rdc-view___content.has-only-sub-header {
        min-height: calc( 100vh - (50px +  20px)); }
    .rdc-view___content.wide {
      padding: 30px 20px; }
    .rdc-view___content .heading-holder {
      position: relative;
      padding-right: 50px; }
      .rdc-view___content .heading-holder h1 {
        font-weight: 200;
        margin-bottom: 10px; }
      .rdc-view___content .heading-holder .rdc-elm-options-vertical {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
    .rdc-view___content h4 {
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 300;
      color: #0091ea;
      padding: 0 0 5px 0; }
  .rdc-view___section-heading {
    display: block;
    font-size: 16px;
    font-size: 1.14286rem;
    font-weight: 300;
    color: #0091ea;
    line-height: 1.25;
    margin: 20px 0 10px 0; }
  .rdc-view___body-text {
    font-size: 14px;
    font-size: 1rem;
    color: #9b9b9b;
    font-weight: 300; }
  .rdc-view___description-text {
    font-size: 14px;
    font-size: 1rem;
    color: #9b9b9b; }
  .rdc-view___section-description {
    font-size: 14px;
    font-size: 1rem;
    color: #9b9b9b; }
  .rdc-view___footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    /* Equal Width Childrens */
    /* Stickey Footer */ }
    .rdc-view___footer button,
    .rdc-view___footer .rdc-button {
      text-transform: uppercase; }
      .rdc-view___footer button:nth-child(1),
      .rdc-view___footer .rdc-button:nth-child(1) {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
      .rdc-view___footer button:nth-child(2),
      .rdc-view___footer .rdc-button:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 60%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%; }
    .rdc-view___footer---equal-child-width button:nth-child(1), .rdc-view___footer---equal-child-width button:nth-child(2) {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%; }
    .rdc-view___footer---stickey {
      position: fixed !important;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 999; }
  .rdc-view .rdc-steps-info {
    font-size: 12px;
    font-weight: 400;
    color: #8C8C8C;
    letter-spacing: 1.02px;
    text-transform: uppercase;
    margin-bottom: 15px; }

/* ==========================================================================
Responsive Style Changes ( Due to Android external  )
========================================================================== */
body.is-responsive {
  height: 100%; }
  body.is-responsive > div.ember-view,
  body.is-responsive .ember-burger-menu,
  body.is-responsive .rdc-view-wrapper {
    height: 100%; }
  body.is-responsive .liquid-container {
    height: 100%; }
    body.is-responsive .liquid-container .liquid-child {
      height: 100%; }

/* ==========================================================================
RDC Form Layout Styles
========================================================================== */
.rdc-form {
  display: block;
  margin-bottom: 0;
  /* Read Only Item Summary Item View */
  /* Show / Hide Components */ }
  .rdc-form___sub-heading {
    display: block;
    font-size: 16px;
    font-size: 1.14286rem;
    font-weight: 300;
    color: #0091ea;
    line-height: 1.25;
    padding: 10px 0 5px 0; }
  .rdc-form___section-heading {
    display: block;
    font-size: 16px;
    font-size: 1.14286rem;
    font-weight: 300;
    color: #0091ea;
    line-height: 1.25;
    margin: 20px 0 10px 0; }
  .rdc-form___section-description {
    font-size: 14px;
    font-size: 1rem;
    color: #9b9b9b; }
  .rdc-form___fieldset {
    background: transparent;
    border: none;
    margin-bottom: 0;
    padding: 0;
    /* Reand Only Group OR Group Summary View */ }
    .rdc-form___fieldset .rdc-component-base .rdc-component-base,
    .rdc-form___fieldset .rdc-group-component-base .rdc-component-base {
      border-bottom: none; }
    .rdc-form___fieldset .rdc-component-base {
      margin-top: 4px;
      /* Under Edit View Review Components */ }
      .rdc-form___fieldset .rdc-component-base.is-reviewmode {
        margin-top: 0px; }
      .rdc-form___fieldset .rdc-component-base:last-child {
        border-bottom: none; }
    .rdc-form___fieldset---read-only {
      background: white;
      border: solid 1px rgba(116, 116, 116, 0.25);
      border-radius: 5px; }
      .rdc-form___fieldset---read-only .rdc-component-base {
        padding: 15px 10px;
        border-bottom: solid 1px rgba(116, 116, 116, 0.25); }
        .rdc-form___fieldset---read-only .rdc-component-base:last-child {
          border-bottom: none; }
  .rdc-form___read-only-item {
    background: white;
    border: solid 1px rgba(116, 116, 116, 0.25);
    border-radius: 5px;
    margin-bottom: 15px;
    /* Read Only Component & Summary Snippet */ }
    .rdc-form___read-only-item .summary-wrapper,
    .rdc-form___read-only-item .rdc-component-base {
      padding: 15px 10px;
      border-bottom: solid 1px rgba(116, 116, 116, 0.25); }
      .rdc-form___read-only-item .summary-wrapper:last-child,
      .rdc-form___read-only-item .rdc-component-base:last-child {
        border-bottom: none; }
  .rdc-form___label {
    font-size: 12px;
    font-size: 0.85714rem;
    font-weight: 400;
    color: #9b9b9b;
    padding: 10px 0; }
  .rdc-form___group-component-label {
    font-size: 12px;
    font-weight: 400;
    color: #9E9E9E;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0; }
  .rdc-form___hidden-group-component {
    display: none;
    /* by defauly should be display: none */ }
    .rdc-form___hidden-group-component.visible {
      display: block; }
  .rdc-form .row {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0; }

/* ==========================================================================
RDC FERE Layout Styles
========================================================================== */
/* profile-update.hbs */
.rdc-fere-content,
.rdc-fere-main-content {
  position: relative;
  overflow: hidden; }

.rdc-fere-content {
  height: calc(100% - 50px);
  min-height: calc(100% - 50px); }

.rdc-fere-main-content {
  height: 100%;
  min-height: 100%; }
  .rdc-fere-main-content .rdc-scroll-content.has-sub-header {
    height: calc( 100% - 50px - 45px);
    min-height: calc( 100% - 50px - 45px); }

.rdc-fere {
  /* Fere Header Section */
  /* Status Panel */
  /* Fere Content */
  /* Fere Section Wrapper */
  /* Disabled Section */ }
  .rdc-fere___header-wrapper {
    padding: 20px 10px 0px 10px; }
    .rdc-fere___header-wrapper .title {
      font-size: 20px;
      font-size: 1.42857rem;
      font-weight: 400;
      color: #0091ea;
      padding: 0;
      margin: 0 0 10px 0; }
    .rdc-fere___header-wrapper .rdc-alert {
      margin-bottom: 15px; }
  .rdc-fere .rdc-alert___label {
    font-size: 13px;
    font-size: 0.92857rem;
    margin: 10px 12px 10px 12px; }
  .rdc-fere .rdc-status-panel {
    margin: 20px 10px 25px 10px; }
  .rdc-fere .rdc-fere-section-group {
    padding: 5px 5px 35px 5px;
    /* Fere Content No-border*/ }
    .rdc-fere .rdc-fere-section-group.no-styles {
      padding: 0px 10px; }
      .rdc-fere .rdc-fere-section-group.no-styles .rdc-fere-section {
        margin: 0px !important; }
        .rdc-fere .rdc-fere-section-group.no-styles .rdc-fere-section .rdc-fere-section___container {
          padding: 0px;
          border: 0px;
          background-color: transparent; }
          .rdc-fere .rdc-fere-section-group.no-styles .rdc-fere-section .rdc-fere-section___container .rdc-fere-section___fieldset.is-reviewmode {
            background: transparent;
            border: none;
            margin: 0; }
            .rdc-fere .rdc-fere-section-group.no-styles .rdc-fere-section .rdc-fere-section___container .rdc-fere-section___fieldset.is-reviewmode .fere-field {
              padding: 0;
              border-bottom: none; }
  .rdc-fere .rdc-fere-section {
    margin-bottom: 20px;
    /* While showing RESET button need to specify 35px */
    /* Title */
    /* Section Container */
    /* FieldSet - rdc-fere-section___fieldset */ }
    .rdc-fere .rdc-fere-section___title {
      display: block;
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 300;
      color: #0091ea;
      margin: 0 0 10px 0;
      padding: 0 0 0 5px;
      line-height: 1.2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .rdc-fere .rdc-fere-section___title span {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -moz-box-flex: 1;
        -moz-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0; }
      .rdc-fere .rdc-fere-section___title .btn-reset {
        min-height: 0;
        min-width: 0;
        font-size: 12px;
        font-size: 0.85714rem;
        padding: 4px 8px 3px 8px;
        border-radius: 3px; }
      .rdc-fere-section:first-child .rdc-fere .rdc-fere-section___title {
        margin-top: 0; }
    .rdc-fere .rdc-fere-section:first-child .rdc-fere-section___title {
      margin-top: 0; }
    .rdc-fere .rdc-fere-section:last-child {
      margin-bottom: 0; }
    .rdc-fere .rdc-fere-section___fieldset {
      position: relative;
      /* Case: With Notification Alert */
      /* Removing Component Bottom margin from last child */
      /* If It's a REVIEW MODE */ }
      .rdc-fere .rdc-fere-section___fieldset .fere-field {
        padding: 0 5px; }
      .rdc-fere .rdc-fere-section___fieldset .rdc-alert {
        margin-bottom: 15px; }
      .rdc-fere .rdc-fere-section___fieldset > *:last-child .rdc-component-base {
        margin-bottom: 0; }
      .rdc-fere .rdc-fere-section___fieldset.is-reviewmode {
        background-color: white;
        border-radius: 5px;
        border: solid 1px rgba(172, 172, 172, 0.5);
        margin: 0 5px; }
        .rdc-fere .rdc-fere-section___fieldset.is-reviewmode .fere-field {
          padding: 12px;
          width: 100%;
          border-bottom: solid 1px #e8e8e8; }
          .rdc-fere .rdc-fere-section___fieldset.is-reviewmode .fere-field:last-child {
            border-bottom: none; }
      .rdc-fere .rdc-fere-section___fieldset.is-receipt-page {
        border: none; }
  .rdc-fere .fere-section-container---disabled {
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    padding: 10px 6px 0px 6px;
    margin: 0 5px;
    /* Fere Field */ }
    .rdc-fere .fere-section-container---disabled .fere-field {
      padding: 12px;
      border-bottom: solid 1px #e8e8e8; }
      .rdc-fere .fere-section-container---disabled .fere-field:last-child {
        border-bottom: none; }

/* State: Has Scroll to Top button in the View */
.has-scroll-to-top-btn .rdc-fere-section-group {
  padding-bottom: 75px; }

/* ==========================================================================
RDC FERE Component Layout Styles
========================================================================== */
/* Jump to Section Drop Down */
.jump-to-section-select-trigger,
.jump-to-section-select-trigger.ember-power-select-trigger--active,
.jump-to-section-select-trigger.ember-power-select-trigger:focus {
  min-height: 3.5rem;
  line-height: 3.5rem;
  border-top: none;
  border-bottom: 1px solid gainsboro;
  border-right: none;
  border-left: none;
  border-radius: 0;
  /* Arrow Icon */ }
  .jump-to-section-select-trigger .ember-power-select-selected-item,
  .jump-to-section-select-trigger .ember-power-select-placeholder,
  .jump-to-section-select-trigger.ember-power-select-trigger--active .ember-power-select-selected-item,
  .jump-to-section-select-trigger.ember-power-select-trigger--active .ember-power-select-placeholder,
  .jump-to-section-select-trigger.ember-power-select-trigger:focus .ember-power-select-selected-item,
  .jump-to-section-select-trigger.ember-power-select-trigger:focus .ember-power-select-placeholder {
    margin-left: 10px;
    color: #777; }
  .jump-to-section-select-trigger .ember-power-select-status-icon,
  .jump-to-section-select-trigger.ember-power-select-trigger--active .ember-power-select-status-icon,
  .jump-to-section-select-trigger.ember-power-select-trigger:focus .ember-power-select-status-icon {
    right: 15px; }

.jump-to-section-dropdown,
.jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-bottom: solid 1px gainsboro;
  border-left: none;
  border-right: none;
  line-height: 3;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }
  .jump-to-section-dropdown .ember-power-select-options,
  .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below .ember-power-select-options,
  .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place .ember-power-select-options {
    max-height: 16em; }
    .jump-to-section-dropdown .ember-power-select-options .ember-power-select-option,
    .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below .ember-power-select-options .ember-power-select-option,
    .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place .ember-power-select-options .ember-power-select-option {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-bottom: solid 1px #ccc; }
      .jump-to-section-dropdown .ember-power-select-options .ember-power-select-option[aria-current="true"],
      .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below .ember-power-select-options .ember-power-select-option[aria-current="true"],
      .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place .ember-power-select-options .ember-power-select-option[aria-current="true"] {
        background-color: rgba(0, 0, 0, 0.05);
        color: #777; }

/* RDC COMPONENT STYLES */
/* ==========================================================================
COLORS
========================================================================== */
/*/ ----------------------------------------------------------------- DISTANCES */
/*/ ----------------------------------------------------------------- ANIMATION */
/*
* Only Inside Components Reusable Mixins
-----------------------------------------------*/
/**
 * Required/Optional field's asterisk. Used in Text & Select Components.
 */
/**
 * Component Inner Shadow
 */
/* ==========================================================================
RDC Form Layout Styles
========================================================================== */
/* Input Appearance */
input, select, textarea {
  -webkit-appearance: none; }

input, textarea {
  padding: 0;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important; }

/* Variables */
/* ==========================================================================
RDC Form Component Base Styles
========================================================================== */
.rdc-component-base {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  /* State: Is Mandatory */
  /* Has Error */
  /* Is Review Mode */
  /*
    Wrapper Only for TextInput / Textarea Components:

    By default textinput won't take property like position: absolute, left, right properties.
    Due to the same we are wrapping with a wrapper, and it will help us to animate using
    positions.
     */
  /* If label position left */
  /* Clear Floats */ }
  .rdc-component-base:not(.is-reviewmode) {
    margin-bottom: 15px; }
  .rdc-component-base .label-holder,
  .rdc-component-base .component-holder {
    float: left;
    width: 100%;
    position: relative; }
  .rdc-component-base .label-holder label {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #9b9b9b;
    font-weight: 300;
    text-transform: none;
    /* $rdc-form-label-text-transform; */
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .rdc-component-base .label-holder label::first-letter {
      text-transform: uppercase; }
  .rdc-component-base .component-holder {
    height: 44px;
    /* Floating Error Label */ }
    .rdc-component-base .component-holder .component-wrapper {
      display: block;
      position: relative;
      height: 44px; }
    .rdc-component-base .component-holder .float-error-label {
      display: none; }
  .rdc-component-base.is-mandatory:not(.is-reviewmode) .label-holder label {
    position: relative;
    padding-right: 12px; }
    .rdc-component-base.is-mandatory:not(.is-reviewmode) .label-holder label:after {
      content: '*';
      font-size: 20px;
      font-size: 1.42857rem;
      color: #d0021b;
      position: absolute;
      display: inline-block;
      right: 0;
      top: 2px; }
  .rdc-component-base.has-error .float-error-label {
    display: block;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #d0021b;
    font-weight: 300;
    line-height: 14px;
    margin-top: 8px; }
  .rdc-component-base.is-reviewmode {
    height: auto; }
    .rdc-component-base.is-reviewmode .label-holder,
    .rdc-component-base.is-reviewmode .component-wrapper {
      float: none;
      height: auto;
      border: none;
      /* Resetting Label Styles */ }
      .rdc-component-base.is-reviewmode .label-holder label,
      .rdc-component-base.is-reviewmode .component-wrapper label {
        position: relative;
        left: initial;
        right: initial;
        top: initial;
        bottom: initial;
        margin: 0;
        padding: 0;
        transform: none; }
    .rdc-component-base.is-reviewmode .component-wrapper label {
      display: block;
      font-family: "SC Sans Web", sans-serif;
      font-size: 14px;
      color: #2f2f2f;
      font-weight: 400;
      line-height: 20px; }
  .rdc-component-base .textinput-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .rdc-component-base .textinput-wrapper input {
      font-family: "SC Sans Web", sans-serif;
      font-size: 15px;
      font-weight: 400;
      outline: 0;
      width: 100%;
      height: 100%;
      padding: 0 15px; }
      .rdc-component-base .textinput-wrapper input::-webkit-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-component-base .textinput-wrapper input::-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-component-base .textinput-wrapper input:-ms-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-component-base .textinput-wrapper input:-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
  .rdc-component-base.label-left .label-holder,
  .rdc-component-base.label-left .component-holder {
    height: 44px; }
  .rdc-component-base.label-left .label-holder {
    width: 35%; }
    .rdc-component-base.label-left .label-holder label {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
  .rdc-component-base.label-left .component-holder {
    width: 65%; }

/* ==========================================================================
Global Component Overrides
========================================================================== */
.rdc-text-input .component-holder,
.rdc-radio-button-group .component-holder,
.rdc-checkbox-group .component-holder,
.rdc-form-selectbox .component-holder {
  height: auto; }

.rdc-text-input:not(.is-reviewmode),
.rdc-radio-button-group:not(.is-reviewmode),
.rdc-checkbox-group:not(.is-reviewmode),
.rdc-form-selectbox:not(.is-reviewmode) {
  margin-bottom: 15px; }

.rdc-radio-button-group .component-holder .component-wrapper,
.rdc-checkbox-group .component-holder .component-wrapper {
  height: auto; }

/* ==========================================================================
RDC Form Summary Styles
========================================================================== */
.rdc-summary-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid rgba(116, 116, 116, 0.25);
  /* Clear Floats */ }
  .rdc-summary-field .label-holder,
  .rdc-summary-field .value-holder {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .rdc-summary-field .label-holder label, .rdc-summary-field .label-holder a,
    .rdc-summary-field .value-holder label,
    .rdc-summary-field .value-holder a {
      display: block; }
  .rdc-summary-field .label-holder {
    flex: 0 0 35%; }
    .rdc-summary-field .label-holder label {
      font-size: 12px;
      color: #9b9b9b;
      font-weight: 300;
      text-transform: uppercase;
      line-height: 16px; }
  .rdc-summary-field .value-holder {
    flex: 0 0 65%;
    padding-left: 15px;
    /* Group Action */ }
    .rdc-summary-field .value-holder label, .rdc-summary-field .value-holder a {
      font-family: "SC Sans Web", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
    .rdc-summary-field .value-holder a {
      display: block;
      position: relative;
      color: #0091ea;
      margin-right: 15px;
      text-decoration: none; }
      .rdc-summary-field .value-holder a::after {
        content: ' ';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: -10px;
        margin-right: -30px;
        margin-bottom: -10px;
        margin-left: -5px;
        background-color: rgba(255, 0, 0, 0); }
    .rdc-summary-field .value-holder.action-group .action-link::after {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin-top: -10px;
      margin-right: -15px;
      margin-bottom: -10px;
      margin-left: -15px;
      background-color: rgba(255, 0, 0, 0); }
    .rdc-summary-field .value-holder.action-group .seperator {
      color: #787878;
      margin: 0 5px; }
    .rdc-summary-field .value-holder.action-group .action-icon {
      margin-left: 15px; }
      .rdc-summary-field .value-holder.action-group .action-icon::after {
        content: ' ';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: -10px;
        margin-right: -15px;
        margin-bottom: -10px;
        margin-left: -15px;
        background-color: rgba(255, 0, 0, 0); }
  .rdc-summary-field:last-child {
    border-bottom: none; }

/* ==========================================================================
Flexible Row Item Styles
========================================================================== */
.flexible-container {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 44px;
  line-height: initial;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .flexible-container .flexible-item {
    display: table-cell;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    height: 100%;
    -webkit-transition: 0.3s ease width;
    -moz-transition: 0.3s ease width;
    -ms-transition: 0.3s ease width;
    transition: 0.3s ease width; }
    .flexible-container .flexible-item.flexible-item---spacer {
      width: 0px; }

/* ==========================================================================
RDC Form Date Component Styles
========================================================================== */
.rdc-label {
  font-family: "SC Sans Web", sans-serif;
  font-size: 15px;
  font-weight: 300;
  margin: 0;
  padding: 0; }

/* ==========================================================================
RDC Text Input Component Styles
========================================================================== */
/* Variables */
.rdc-text-input {
  /* If Focused */
  /* Is Disabled */
  /* Is ReadOnly */
  /* If has prefix label */
  /* With left label */ }
  .rdc-text-input .textinput-wrapper {
    /* @include transition(border $rdc-textbox-input-animation-duriation ease); */
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid rgba(116, 116, 116, 0.25);
    height: 44px; }
  .rdc-text-input.focusedcss .textinput-wrapper {
    border: 1px solid #0085d4; }
  .rdc-text-input.has-error .textinput-wrapper {
    border: 1px solid #d0021b; }
  .rdc-text-input.is-disabled .textinput-wrapper {
    border: 1px solid rgba(116, 116, 116, 0.25);
    background-color: #efefef; }
    .rdc-text-input.is-disabled .textinput-wrapper input {
      color: #a6a6a6; }
  .rdc-text-input.is-readonly .textinput-wrapper {
    background-color: rgba(0, 0, 0, 0.02); }
  .rdc-text-input .textinput-wrapper {
    display: block;
    position: relative; }
    .rdc-text-input .textinput-wrapper input {
      font-family: "SC Sans Web", sans-serif;
      font-size: 15px;
      font-weight: 400;
      width: 100%;
      height: 100%;
      padding: 0 15px;
      background: transparent; }
      .rdc-text-input .textinput-wrapper input::-webkit-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-text-input .textinput-wrapper input::-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-text-input .textinput-wrapper input:-ms-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-text-input .textinput-wrapper input:-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
  .rdc-text-input .prefix-label {
    display: none;
    font-family: "SC Sans Web", sans-serif;
    font-size: 15px;
    font-weight: 300; }
  .rdc-text-input.has-prefix .component-holder {
    height: 44px; }
  .rdc-text-input.has-prefix .prefix-label {
    display: block;
    position: relative;
    width: auto;
    height: 100%;
    float: left;
    padding-left: 15px;
    padding-top: 12px; }
    .rdc-text-input.has-prefix .prefix-label p {
      font-weight: 400;
      display: inline-block;
      margin: 0;
      padding: 0; }
  .rdc-text-input.has-prefix .textinput-wrapper {
    display: block;
    position: relative;
    width: auto;
    height: 44px;
    float: none;
    overflow: hidden; }
    .rdc-text-input.has-prefix .textinput-wrapper input {
      display: inline-block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
      .rdc-text-input.has-prefix .textinput-wrapper input::-webkit-input-placeholder {
        color: #444444; }
      .rdc-text-input.has-prefix .textinput-wrapper input::-moz-placeholder {
        color: #444444; }
      .rdc-text-input.has-prefix .textinput-wrapper input:-ms-input-placeholder {
        color: #444444; }
      .rdc-text-input.has-prefix .textinput-wrapper input:-moz-placeholder {
        color: #444444; }

/* ==========================================================================
RDC Floating Text Input (Login) Component Styles
========================================================================== */
.rdc-login-text-input {
  position: relative;
  padding: 20px 0 0 0;
  /* Floating Label */ }
  .rdc-login-text-input input {
    font-size: 14px;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    border: none;
    display: block;
    margin: 0;
    padding: 10px 12px;
    width: 100%;
    background: 0 0;
    text-align: left; }
  .rdc-login-text-input___label {
    font-size: 16px;
    font-size: 1.14286rem;
    color: rgba(255, 255, 255, 0.7);
    left: 12px;
    right: 0;
    bottom: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 18px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
    .is-focused .rdc-login-text-input___label,
    .has-content .rdc-login-text-input___label {
      font-size: 11px;
      font-size: 0.78571rem;
      top: 10px;
      visibility: visible; }

/* Chrome Auto Fill Yellow Color Fixes */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  /*  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important, 0 0 8px rgba(255, 255, 255, 0); */ }

/* ==========================================================================
RDC Text Input Component Styles
========================================================================== */
/* Variables */
.rdc-textarea {
  /* State: Lable positioned Left */
  /* If Focused */
  /* Floating Error Label */
  /* If Review Mode */ }
  .rdc-textarea .component-holder {
    height: auto;
    /* @include transition(border $rdc-textbox-input-animation-duriation ease); */
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid rgba(116, 116, 116, 0.25);
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.12);
    /* Error Message Space */
    margin-bottom: 18px; }
  .rdc-textarea.label-left .component-holder {
    height: auto; }
  .rdc-textarea:hover .component-holder, .rdc-textarea.focusedcss .component-holder {
    border: 1px solid #0085d4; }
  .rdc-textarea.has-error .component-holder {
    border: 1px solid #d0021b; }
  .rdc-textarea .textarea-wrapper {
    position: relative;
    display: block; }
    .rdc-textarea .textarea-wrapper textarea {
      font-family: "SC Sans Web", sans-serif;
      font-size: 15px;
      font-weight: 400;
      width: 100%;
      height: auto;
      resize: none;
      padding: 8px 15px;
      background: transparent; }
      .rdc-textarea .textarea-wrapper textarea::-webkit-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-textarea .textarea-wrapper textarea::-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-textarea .textarea-wrapper textarea:-ms-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-textarea .textarea-wrapper textarea:-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
  .rdc-textarea .float-error-label {
    display: none; }
  .rdc-textarea.has-error .float-error-label {
    display: inline-block;
    width: 100%;
    position: absolute;
    line-height: 18px;
    bottom: -18px;
    font-size: 11px;
    color: #d0021b;
    font-weight: 400; }
  .rdc-textarea.is-reviewmode {
    height: auto; }
    .rdc-textarea.is-reviewmode .label-holder,
    .rdc-textarea.is-reviewmode .component-holder {
      height: auto;
      border: none;
      /* Resetting Label Styles */ }
      .rdc-textarea.is-reviewmode .label-holder label,
      .rdc-textarea.is-reviewmode .component-holder label {
        position: relative;
        left: initial;
        right: initial;
        top: initial;
        bottom: initial;
        margin: 0;
        padding: 0;
        transform: none; }
    .rdc-textarea.is-reviewmode .component-holder {
      margin-bottom: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background-color: transparent;
      border: none; }
      .rdc-textarea.is-reviewmode .component-holder label {
        display: block;
        font-family: "SC Sans Web", sans-serif;
        font-size: 14px;
        color: #2f2f2f;
        font-weight: 400;
        line-height: 20px; }

/* Variables */
/* 48 */
/* ==========================================================================
Registration / Login Passcode Component Styles
========================================================================== */
/* Reset Default RDC Text Input */
.rdc-passcode .rdc-text-input:hover .component-holder, .rdc-passcode .rdc-text-input.focusedcss .component-holder {
  border: none; }

.rdc-passcode .rdc-text-input .component-holder {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  border: none; }
  .rdc-passcode .rdc-text-input .component-holder .textinput-wrapper input {
    width: 100%;
    height: 100%;
    padding: 0;
    left: 0; }

/* Registration Passcode Styles */
.rdc-passcode {
  display: inline-block;
  position: relative;
  width: auto;
  height: 44px;
  overflow: visible;
  /* Applying padding when title is exist */
  /* Focused Styles */
  /* Disabled Styles */
  /* Clear Floats */
  /* Modifier: ..rdc-passcode---login  */ }
  .rdc-passcode .rdc-text-input,
  .rdc-passcode .rdc-text-input input {
    display: inline-block;
    width: 100px;
    height: 100% !important;
    font-size: 38px !important;
    text-align: center !important;
    border: none; }
    .rdc-passcode .rdc-text-input:focus,
    .rdc-passcode .rdc-text-input input:focus {
      outline: none;
      /* -webkit-focus-ring-color auto 2px; */ }
  .rdc-passcode .rdc-text-input {
    position: relative;
    float: left;
    border-bottom: 1px solid rgba(116, 116, 116, 0.25); }
    .rdc-passcode .rdc-text-input::before, .rdc-passcode .rdc-text-input:last-child::after {
      content: " ";
      position: absolute;
      width: 1px;
      height: 20%;
      left: 0;
      bottom: 0;
      background: rgba(116, 116, 116, 0.25);
      z-index: 1; }
    .rdc-passcode .rdc-text-input:last-child::after {
      left: initial;
      right: 0;
      z-index: 1; }
  .rdc-passcode .floatlabel {
    position: absolute;
    display: block;
    top: 0px;
    font-family: "SC Sans Web", sans-serif;
    color: #0085d4;
    font-size: 13px;
    font-weight: 400;
    -webkit-transition: 150ms linear top, 150ms linear opacity;
    -moz-transition: 150ms linear top, 150ms linear opacity;
    -ms-transition: 150ms linear top, 150ms linear opacity;
    transition: 150ms linear top, 150ms linear opacity;
    z-index: 10; }
  .rdc-passcode .floatlabel ~ .textinput-wrapper-base .text-input {
    padding-top: 15px; }
  .rdc-passcode .rdc-text-input.focusedcss {
    border-bottom: 1px solid #0085d4; }
    .rdc-passcode .rdc-text-input.focusedcss::before, .rdc-passcode .rdc-text-input.focusedcss:last-child::after {
      background: #0085d4; }
  .rdc-passcode .rdc-text-input.focusedcss + .rdc-text-input::before {
    background: #0085d4; }
  .rdc-passcode input[disabled] {
    color: rgba(0, 0, 0, 0.3); }
  .rdc-passcode::after {
    content: " ";
    clear: both;
    display: table; }
  .rdc-passcode---full-border .rdc-text-input {
    border-top: 1px solid rgba(116, 116, 116, 0.25); }
    .rdc-passcode---full-border .rdc-text-input::before, .rdc-passcode---full-border .rdc-text-input:last-child::after {
      height: 100%; }
    .rdc-passcode---full-border .rdc-text-input:last-child::after {
      left: initial;
      right: 0; }
  .rdc-passcode---full-border .rdc-text-input.focusedcss {
    border-top: 1px solid #0085d4; }

/* ==========================================================================
Form / Registration Passcode Component Styles
========================================================================== */
/* Variables */
.rdc-single-passcode {
  border-bottom: none;
  display: inline-block;
  /* ( ( cell-width * cell-count ) + (  text-indent + cell-width + ( font-size / 2 )  ) ) */
  width: calc( calc( 68px * 6 ) + calc( 38px + 68px + calc( 48px / 2 )));
  position: relative; }
  .rdc-single-passcode .floatlabel {
    top: 0; }
  .rdc-single-passcode input {
    font-size: 48px;
    text-align: left;
    color: #000;
    border: 0 none;
    background: transparent;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    letter-spacing: 68px;
    text-indent: 38px; }
  .rdc-single-passcode .separator {
    position: absolute;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 25%;
    margin: 0;
    padding: 0;
    padding-right: 38px;
    /* Offset Child Item */
    overflow: hidden;
    bottom: 0; }
    .rdc-single-passcode .separator___line {
      display: table-cell;
      overflow: hidden;
      position: relative;
      vertical-align: top;
      height: auto;
      border-left: 1px solid rgba(116, 116, 116, 0.25);
      border-bottom: 1px solid rgba(116, 116, 116, 0.25);
      border-right: none; }
      .rdc-single-passcode .separator___line:last-child {
        border-right: 1px solid rgba(116, 116, 116, 0.25); }

.separator___line.focusedcss {
  border-left: 1px solid #0085d4;
  border-bottom: 1px solid #0085d4; }

.separator___line.focusedcss + .separator___line {
  border-left: 1px solid #0085d4; }

.separator___line:last-child.focusedcss {
  border-right: 1px solid #0085d4; }

/* ==========================================================================
OTP Passcode Styles [PreLogin, PostLogin, CDI]
========================================================================== */
/* Variables */
.rdc-passcode-otp {
  position: relative;
  border-bottom: none;
  display: inline-block;
  width: calc( calc( 48px * 6 ));
  height: 48px; }
  .rdc-passcode-otp .rdc-text-input {
    width: 48px;
    border-bottom: none;
    margin-bottom: 0;
    /* Resetting Old Values */ }
    .rdc-passcode-otp .rdc-text-input .component-holder {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      transition: none;
      background-color: transparent;
      border-radius: 0;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      margin-bottom: 0; }
      .rdc-passcode-otp .rdc-text-input .component-holder .textinput-wrapper {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
        background-color: transparent;
        border-radius: 0;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
        .rdc-passcode-otp .rdc-text-input .component-holder .textinput-wrapper input {
          font-size: 48px;
          font-size: 3.42857rem;
          text-align: center !important;
          color: #000;
          border: 0 none;
          background: transparent;
          letter-spacing: 0;
          text-indent: 0; }
    .rdc-passcode-otp .rdc-text-input::before, .rdc-passcode-otp .rdc-text-input:last-child::after {
      display: none; }
    .rdc-passcode-otp .rdc-text-input::after, .rdc-passcode-otp .rdc-text-input:last-child::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      width: 18px;
      height: 1px;
      background-color: #858585;
      margin-right: 4px;
      /* Offset */
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    .rdc-passcode-otp .rdc-text-input.focusedcss {
      border-bottom: none; }
      .rdc-passcode-otp .rdc-text-input.focusedcss::after, .rdc-passcode-otp .rdc-text-input.focusedcss:last-child::after {
        background-color: #0091ea; }

/* ==========================================================================
OTP Single Textinput Passcode Styles
========================================================================== */
.rdc-passcode-single-input {
  display: inline-block;
  position: relative;
  width: 288px;
  height: 48px; }
  .rdc-passcode-single-input .textinput-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .rdc-passcode-single-input .textinput-wrapper input {
      font-size: 42px;
      font-size: 3rem;
      text-align: left !important;
      color: #000;
      border: 0 none;
      background: transparent;
      letter-spacing: 35px;
      text-indent: 18px;
      width: calc( 288px + 18px);
      height: 100%; }
  .rdc-passcode-single-input .seperators {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center; }
    .rdc-passcode-single-input .seperators___line {
      flex: 0 0 20px;
      height: 1px;
      /* background-color: #858585; */
      border-bottom: solid 1px #858585; }

/* ==========================================================================
Default Button Component Styles
========================================================================== */
/* Variable Definitions - Default Button */
/* Variable Definitions - Primary Button - Outlined */
/* Variable Definitions - Primary Button */
/* Variable Definitions - Primary Button - Outlined */
/* Variable Definitions - Secondary Button */
/* Variable Definitions - Secondary Button - Outlined */
/* Variable Definitions - Callout Button */
/* Variable Definitions - Callout Button - Outlined */
/* Common to All Buttons */
/* Default RDC Button */
.rdc-button {
  font-family: "SC Sans Web", sans-serif;
  font-weight: 400;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  width: auto;
  min-width: 100px;
  min-height: 45px;
  padding: 5px 25px 5px 25px;
  border-radius: 0px;
  text-align: center;
  color: #000;
  background: #F1F0EA;
  border: solid 1px transparent;
  text-shadow: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  transition: all .3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.15);
  /* Default Button .rdc-button---outlined */
  /* Primary Button .rdc-button---primary */
  /* Primary Outlined Button .rdc-button---primary-outlined */
  /* Secondary Button .rdc-button---secondary */
  /* Secondary Outlined Button .rdc-button---secondary-outlined */
  /* Call out to action button .rdc-button---callout */
  /* Callout Button .rdc-button---callout-outlined */
  /* Button with Icons */ }
  .rdc-button:focus {
    outline: none; }
  @media (pointer: fine) {
    .rdc-button:hover, .rdc-button:focus {
      border: solid 1px transparent;
      background: #dddacb; } }
  .rdc-button:disabled {
    color: rgba(0, 0, 0, 0.35);
    background: #CCCCCC;
    border: solid 1px transparent;
    cursor: not-allowed; }
  .rdc-button---outlined {
    color: #000;
    background: transparent;
    border: solid 1px #dddacb;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---outlined:hover, .rdc-button---outlined:focus {
        color: #000;
        background: #dddacb;
        border: solid 1px #dddacb; } }
    .rdc-button---outlined:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button---primary {
    color: #fff;
    background: #00a546;
    border: none;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---primary:hover, .rdc-button---primary:focus {
        color: #fff;
        background: #007230;
        border: none; } }
    .rdc-button---primary:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button---primary-outlined {
    color: #00a546;
    background: transparent;
    border: solid 1px #00a546;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---primary-outlined:hover, .rdc-button---primary-outlined:focus {
        color: #fff;
        background: #007230;
        border: solid 1px #007230; } }
    .rdc-button---primary-outlined:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button---secondary {
    color: #ffffff;
    background: #2b2929;
    border: none;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---secondary:hover, .rdc-button---secondary:focus {
        color: #ffffff;
        background: #111010;
        border: none; } }
    .rdc-button---secondary:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button---secondary-outlined {
    color: #2b2929;
    background: transparent;
    border: solid 1px #2b2929; }
    @media (pointer: fine) {
      .rdc-button---secondary-outlined:hover, .rdc-button---secondary-outlined:focus {
        color: #ffffff;
        background: #111010;
        border: solid 1px #111010; } }
  .rdc-button---callout {
    color: #ffffff;
    background: #ec4d4d;
    border: none;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---callout:hover, .rdc-button---callout:focus {
        color: #ffffff;
        background: #e71f1f;
        border: none; } }
    .rdc-button---callout:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button---callout-outlined {
    color: #ec4d4d;
    background: transparent;
    border: solid 1px #ec4d4d;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---callout-outlined:hover, .rdc-button---callout-outlined:focus {
        color: #ffffff;
        background: #e71f1f;
        border: solid 1px #e71f1f; } }
    .rdc-button---callout-outlined:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button .rdc-icons {
    vertical-align: middle; }

/* RDC Select Button */
.rdc-select-button {
  color: #fff;
  background: #00a546;
  border: none;
  /* Modifier .rdc-select-button--selected */ }
  .rdc-select-button .rdc-icons {
    visibility: hidden;
    width: 0;
    height: 0;
    margin: -5px 5px 0 0;
    will-change: transform;
    -webkit-animation: bump-down-anim 400ms ease-in-out 500ms 0s ease 1;
    -moz-animation: bump-down-anim 400ms ease-in-out 500ms 0s ease 1;
    animation: bump-down-anim 400ms ease-in-out 500ms 0s ease 1; }
  .rdc-select-button---selected .rdc-icons {
    visibility: visible;
    width: 16px;
    height: 16px;
    -webkit-animation: bump-up-anim 400ms ease-in-out 500ms 0s ease 1;
    -moz-animation: bump-up-anim 400ms ease-in-out 500ms 0s ease 1;
    animation: bump-up-anim 400ms ease-in-out 500ms 0s ease 1; }
  @media (pointer: fine) {
    .rdc-select-button:hover, .rdc-select-button:focus {
      color: #fff;
      background: #007230;
      border: none; } }
  .rdc-select-button:disabled {
    color: rgba(0, 0, 0, 0.35);
    background: #CCCCCC;
    border: none;
    cursor: not-allowed; }

/* Button Micro Transitions */
@keyframes bump-up-anim {
  0% {
    width: 0px;
    height: 0px;
    transform: scale(0); }
  80% {
    transform: scale(1.5); }
  100% {
    width: 16px;
    height: 16px;
    transform: scale(1); } }

@keyframes bump-down-anim {
  0% {
    width: 16px;
    height: 16px;
    transform: scale(1); }
  100% {
    width: 0px;
    height: 0px;
    transform: scale(0); } }

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Pagination Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: 10px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 1px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      display: block;
      position: relative;
      height: 20px;
      width: 20px;
      border: 0;
      background: transparent;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer;
      /* Actual Dots */ }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        content: ' ';
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        background-color: #00a546;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* ==========================================================================
Toggle Component Styles
========================================================================== */
/* RDC Toggle */
.rdc-toggle {
  display: block; }
  .rdc-toggle .rdc-label {
    font-family: "SC Sans Web", sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    -webkit-font-smoothing: antialiased; }

/*
.rdc-label {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    &.left {
    	float:left;
	}
	
	.x-toggle {
		display: none;
	}
}
*/
.rdc-toggle-switch {
  pointer-events: none;
  width: 54px;
  height: 32px;
  background-color: #cccccc;
  border-radius: 16px;
  padding: 3px 0px 3px 5px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }
  .rdc-toggle-switch___control {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 16px;
    transition: all .2s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px 8px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0; }
    .rdc-toggle-switch___control.icon {
      background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-cross-grey.svg"); }
  .rdc-toggle-switch.is-selected {
    background-color: #00a546; }
    .rdc-toggle-switch.is-selected .rdc-toggle-switch___control {
      transform: translateX(19px);
      -ms-transform: translateX(19px);
      -moz-transform: translateX(19px);
      -webkit-transform: translateX(19px); }
      .rdc-toggle-switch.is-selected .rdc-toggle-switch___control.icon {
        background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-tick-green.svg"); }
  .rdc-toggle-switch.is-active {
    background-color: #999999; }
    .rdc-toggle-switch.is-active .rdc-toggle-switch___control {
      width: 75%; }
  .rdc-toggle-switch.is-active.is-selected {
    background-color: #00a546; }
    .rdc-toggle-switch.is-active.is-selected .rdc-toggle-switch___control {
      transform: translateX(8px);
      -ms-transform: translateX(8px);
      -moz-transform: translateX(8px);
      -webkit-transform: translateX(8px); }
  .rdc-toggle-switch.is-disabled {
    pointer-events: none; }

/* ==========================================================================
Drawer Component Styles
========================================================================== */
.rdc-drawer {
  display: inline-block;
  width: 100%;
  height: 300px;
  background: #25272C;
  position: relative;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  /* Element .rdc-drawer__triangle-top */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Element .rdc-drawer__cross-icon */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Element .rdc-drawer__content-container */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Modifier .rdc-drawer--closed */
  /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Modifier .rdc-drawer--vertical */
  /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */ }
  .rdc-drawer__triangle-top {
    display: inline-block;
    overflow: hidden;
    width: 0px;
    height: 0px;
    border: 8px solid black;
    border-color: black rgba(255, 255, 255, 0);
    border-width: 0 8px 8px 8px;
    position: absolute;
    right: 50px;
    top: 0px;
    margin-top: -8px;
    /* Pullin the actual content */ }
  .rdc-drawer__cross-icon {
    display: inline-block;
    position: absolute;
    height: 48px;
    width: 48px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-image: url("/rdc-ui-adn-theme-scforms/assets/svg/icons/ico-drawer-close.svg");
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center center;
    /* Pullin the actual content */ }
    .rdc-drawer__cross-icon::after {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin-top: -10px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      background-color: rgba(255, 0, 0, 0); }
  .rdc-drawer__container {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* Modifier .rdc-drawer__content-container--scroll-vertical */
    /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */
    /* Modifier .rdc-drawer__content-container--scroll-horizontal */
    /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */
    /* Pullin the actual content */ }
    .rdc-drawer__container--scroll-vertical {
      overflow-x: hidden;
      overflow-y: auto;
      /* Pullin the actual content */ }
    .rdc-drawer__container--scroll-horizontal {
      overflow-x: auto;
      overflow-y: hidden;
      /* Pullin the actual content */ }
  .rdc-drawer--closed {
    height: 0;
    /* Pullin the actual content */ }
  .rdc-drawer--vertical {
    width: 300px;
    height: 100%;
    /* Pullin the actual content */ }
    .rdc-drawer--vertical.rdc-drawer--closed {
      width: 0px;
      height: 100%; }

/* ==========================================================================
Flyout Component Styles
========================================================================== */
.rdc-flyout {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1050;
  /* .rdc-flyout__container */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* .rdc-flyout__obfuscator */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* .rdc-flyout__cross-icon */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */ }
  .rdc-flyout__container {
    position: relative;
    width: 280px;
    height: 100%;
    color: white;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    border-right: 1px solid black;
    background: #333333;
    will-change: transform;
    transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    -moz-transform: translateX(-280px);
    -webkit-transform: translateX(-280px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    overflow: visible;
    overflow-y: auto;
    pointer-events: all;
    /* Pullin the actual content */ }
    .rdc-flyout__container.rdc-flyout__is-visible {
      transform: translateX(0);
      -ms-transform: translateX(0);
      -moz-transform: translateX(0);
      -webkit-transform: translateX(0); }
  .rdc-flyout__obfuscator {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: transparent;
    opacity: 0;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    /* Pullin the actual content */ }
    .rdc-flyout__obfuscator.rdc-flyout__is-visible {
      pointer-events: all;
      background-color: rgba(0, 0, 0, 0.5);
      visibility: visible;
      opacity: 1; }
  .rdc-flyout__cross-icon {
    display: inline-block;
    position: absolute;
    height: 48px;
    width: 48px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-image: url("/rdc-ui-adn-theme-scforms/assets/svg/icons/ico-drawer-close.svg");
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center center;
    /* Pullin the actual content */ }
    .rdc-flyout__cross-icon::after {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin-top: -10px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      background-color: rgba(255, 0, 0, 0); }

/* ==========================================================================
RDC Select DropDown Component Styles
========================================================================== */
/* Variables */
/* Form Select Dropdown Holder */
.rdc-form-selectbox {
  /* If Focused */ }
  .rdc-form-selectbox:hover .rdc-selectbox-triger, .rdc-form-selectbox:focus .rdc-selectbox-triger, .rdc-form-selectbox.focusedcss .rdc-selectbox-triger {
    border: 1px solid #0085d4; }
  .rdc-form-selectbox.has-error .rdc-selectbox-triger {
    border: 1px solid #d0021b; }
  .rdc-form-selectbox.is-readonly {
    pointer-events: none !important;
    cursor: default !important; }

/* Select DropDown Trigger */
.rdc-selectbox-triger {
  height: 44px;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  border: 1px solid rgba(116, 116, 116, 0.25);
  /*
    @include inner-shadow;
    */
  /* @include transition(border $rdc-dropdown-border-animation-duriation ease); */
  /* Clear Icon */
  /* Right Icon */ }
  .rdc-selectbox-triger .ember-power-select-placeholder,
  .rdc-selectbox-triger .ember-power-select-selected-item {
    font-family: "SC Sans Web", sans-serif;
    font-size: 15px;
    font-weight: 300;
    position: absolute;
    display: inline-block;
    left: 10px;
    right: 5px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .rdc-selectbox-triger .ember-power-select-placeholder {
    font-size: 14px;
    font-size: 1rem;
    color: #969696;
    font-weight: 300; }
  .rdc-selectbox-triger:focus,
  .rdc-selectbox-triger .ember-power-select-trigger--active {
    border: 1px solid #0085d4;
    /* $rdc-dropdown-border; */ }
  .rdc-selectbox-triger .ember-power-select-clear-btn {
    cursor: pointer;
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 6px;
    right: 35px;
    font-size: 24px;
    font-size: 1.71429rem;
    font-weight: 200;
    color: rgba(0, 0, 0, 0.5); }
  .rdc-selectbox-triger .ember-power-select-status-icon {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 8px;
    opacity: .65;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: none;
    background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-down-chevron-grey.svg) no-repeat;
    background-size: 100% 100%;
    /*
        position: absolute;
        display: inline-block;
        color: rgba( 216, 216, 216, 1);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: center center;
        right: 15px;
        font-size: 10px;
        width: 16px;
        height: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        border: none;
        @include icon-font-style;
        
        &:before {
          content: "\e92f";
        }

        */ }
  .rdc-selectbox-triger.is-readonly {
    pointer-events: none !important;
    cursor: default !important; }
  .rdc-selectbox-triger .native-select {
    font-family: "SC Sans Web", sans-serif;
    font-size: 15px;
    font-weight: 300;
    width: 98%;
    padding-left: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }

/* ==========================================================================
RDC Select Menu Component Styles ( Product Offring Style )
========================================================================== */
.rdc-selectbox-dd-menu {
  border-radius: 0;
  font-size: 15px;
  color: #000;
  padding: 10px 0;
  text-align: center;
  background-color: white;
  -webkit-box-shadow: 3px 3px 13px -4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 13px -4px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 13px -4px rgba(0, 0, 0, 0.2); }
  .rdc-selectbox-dd-menu .ember-power-select-options[role="listbox"] {
    /* Set max height if required */ }
  .rdc-selectbox-dd-menu.ember-power-select-dropdown.ember-basic-dropdown-content--below, .rdc-selectbox-dd-menu.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
    border-top: none;
    border-left: 1px solid rgba(116, 116, 116, 0.25);
    border-right: 1px solid rgba(116, 116, 116, 0.25);
    border-bottom: 1px solid rgba(116, 116, 116, 0.25);
    border-radius: 0; }
  .rdc-selectbox-dd-menu .ember-power-select-options[role="listbox"] .ember-power-select-option {
    font-family: "SC Sans Web", sans-serif;
    font-size: 15px;
    font-weight: 300;
    padding: 3px 10px 3px 25px;
    text-align: left;
    padding: 4px 15px; }
  .rdc-selectbox-dd-menu .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"] {
    color: #000;
    background-color: #F9F9F9; }
  .rdc-selectbox-dd-menu .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-selected="true"] {
    color: #000;
    background-color: #F9F9F9; }

/* Dropdown Open / Close */
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px; }

@keyframes dd-open-anim {
  0% {
    opacity: 0;
    transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); } }

@keyframes dd-close-anim {
  0% {
    opacity: 0;
    transform: translateY(10px);
    -ms-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); } }

.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
  animation: dd-open-anim .15s; }

.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
  animation: dd-close-anim .15s reverse; }

/* Intermediate Animation Frames */
@keyframes progress-move {
  0% {
    left: 0%; }
  75% {
    left: 100%; }
  100% {
    left: 100%; } }

/* ==========================================================================
RDC Form Date Component Styles
========================================================================== */
.rdc-component---date {
  position: relative;
  border-bottom: none !important;
  /* Date Seperators */
  /* Focus Colors */ }
  .rdc-component---date input[type=date],
  .rdc-component---date input[type=text] {
    display: none; }
  .rdc-component---date .rdc-date {
    display: inline-block;
    width: 25%;
    line-height: 100%; }
    .rdc-component---date .rdc-date---year {
      width: 45%; }
  .rdc-component---date input.rdc-date-input {
    display: inline-block;
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: top;
    border: 0;
    padding-top: 25px !important;
    width: 100%;
    line-height: 100%; }
  .rdc-component---date .date-separators {
    position: absolute;
    width: 100%;
    height: 15px;
    bottom: 0;
    -webkit-transition: 0.3s ease border-color;
    -moz-transition: 0.3s ease border-color;
    -ms-transition: 0.3s ease border-color;
    transition: 0.3s ease border-color;
    border-bottom: 1px solid rgba(116, 116, 116, 0.25); }
    .rdc-component---date .date-separators.separator-d {
      width: 25%;
      left: 0;
      border-right: 1px solid rgba(116, 116, 116, 0.25);
      border-left: 1px solid rgba(116, 116, 116, 0.25); }
    .rdc-component---date .date-separators.separator-m {
      width: 25%;
      left: 25%;
      border-right: 1px solid rgba(116, 116, 116, 0.25);
      border-left: none !important; }
    .rdc-component---date .date-separators.separator-y {
      width: 50%;
      left: 50%;
      border-right: 1px solid rgba(116, 116, 116, 0.25); }
  .rdc-component---date .rdc-date---day.focusedcss ~ .separator-d {
    border: 1px solid #0085d4;
    border-top: none !important; }
  .rdc-component---date .rdc-date---month.focusedcss ~ .separator-m {
    border: 1px solid #0085d4;
    border-top: none !important; }
  .rdc-component---date .rdc-date---month.focusedcss ~ .separator-d {
    border-right: 1px solid #0085d4; }
  .rdc-component---date .rdc-date---year.focusedcss ~ .separator-y {
    border-bottom: 1px solid #0085d4;
    border-right: 1px solid #0085d4; }
  .rdc-component---date .rdc-date---year.focusedcss ~ .separator-m {
    border-right: 1px solid #0085d4; }

/* ==========================================================================
RDC Progress Bar Component Styles
========================================================================== */
.rdc-progress {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #424546;
  color: white; }
  .rdc-progress__status {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }
    .rdc-progress__status--cvalue {
      font-size: 16px;
      font-weight: 400;
      color: white;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .rdc-progress__completed {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    /* Set by JS */
    height: 100%;
    background-color: #6AC0ED;
    -webkit-transition: width 300ms;
    -moz-transition: width 300ms;
    -ms-transition: width 300ms;
    transition: width 300ms; }

/* ==========================================================================
RDC Extended Progress Bar Component Styles
========================================================================== */
.rdc-progress-bar {
  position: relative;
  width: 100%;
  height: 20px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: visible; }
  .rdc-progress-bar___tooltip {
    position: absolute;
    left: 0;
    transform: translateX(-50%);
    white-space: nowrap;
    top: -30px;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    font-size: 10px;
    font-size: 0.71429rem;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #ffffff;
    transition: transform .2s linear;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.2); }
  .rdc-progress-bar___caret {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    transform: translateX(-50%);
    transition: transform .2s linear;
    border-top: 5px solid rgba(255, 255, 255, 0.2);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent; }
  .rdc-progress-bar___progress-base {
    height: 100%;
    transform: translateZ(0);
    border-radius: 10px;
    overflow: hidden; }
    .rdc-progress-bar___progress-base .progress-bar {
      position: relative;
      height: 100%;
      background-color: #fff47e;
      transition: width .2s linear; }
    .rdc-progress-bar___progress-base .target {
      position: absolute;
      width: 1px;
      height: 100%;
      background-color: white;
      z-index: 100; }

/* ==========================================================================
Modal Winkow Wrapper
========================================================================== */
.rdc-modal-window-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.45);
  z-index: 101; }

/* Transparent Background Window */
.rdc-modal-translucent {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.85);
  max-height: 100vh; }

/* ==========================================================================
Modal Pop-up Component Styles
========================================================================== */
.rdc-modal-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: hidden;
  max-height: 100vh;
  z-index: 1100;
  /* Element */
  /* Element */
  /* Element */
  /*
  @keyframes zoomin {
      0% { 
        transform: scale(1.2); 
        opacity: 0;  
      }
      100%   { 
        transform: scale(1); 
        opacity: 1;  
      }
  }
  */
  /* Mofifier - Details Popup */
  /* Mofifier - Action Popup */
  /* Mofifier - Alert Popup */
  /* Mofifier - Info Popup */ }
  .rdc-modal-popup__translucent {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.65);
    max-height: 100vh;
    animation: fadein .2s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .rdc-modal-popup__cross-icon {
    display: inline-block;
    position: fixed;
    top: 5px;
    right: 5px;
    width: 48px;
    height: 48px;
    background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-overlay-popup-close.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer; }
  .rdc-modal-popup__content {
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #fff;
    border: none;
    overflow: hidden;
    /*
    max-width: 95%;
    animation: zoomin .2s;
    animation-timing-function: ease-in;
    */
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }
  .rdc-modal-popup--details .rdc-modal-popup__content {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 56px; }
  .rdc-modal-popup--action .rdc-modal-popup__content {
    border: none;
    width: 340px;
    min-height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .rdc-modal-popup--alert .rdc-modal-popup__content {
    border: none;
    width: 340px;
    min-height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .rdc-modal-popup--info {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .rdc-modal-popup--info .rdc-modal-popup__cross-icon {
      right: 20px; }
    .rdc-modal-popup--info .rdc-modal-popup__content {
      width: 60%;
      left: 50%;
      margin: 40px 0;
      transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%); }

/* Alert Content */
/* Error Type */
.rdc-alert-content {
  /* Modifier - Info */
  /* Modifier - Warning */
  /* Modifier - Error */ }
  .rdc-alert-content__body {
    padding: 25px 25px 30px 25px;
    text-align: center; }
    .rdc-alert-content__body .title {
      font-size: 30px;
      font-size: 2.14286rem;
      font-weight: 300 !important;
      margin-bottom: 15px; }
    .rdc-alert-content__body p {
      font-family: 'SC Sans Web';
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      color: #000;
      font-size: 16px;
      font-size: 1.14286rem;
      line-height: 20px;
      text-align: center; }
  .rdc-alert-content__footer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
    .rdc-alert-content__footer .rdc-button {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .rdc-alert-content .info-icon {
    display: inline-block;
    width: 82px;
    height: 82px;
    background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-warning-sign-grey.svg");
    background-size: 80px 80px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px; }
  .rdc-alert-content__info .title {
    color: #00a546; }
  .rdc-alert-content__info .info-icon {
    background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-warning-sign-grey.svg");
    background-size: 82px 82px;
    background-repeat: no-repeat;
    background-position: center; }
  .rdc-alert-content__warning .title {
    color: #000; }
  .rdc-alert-content__warning .info-icon {
    background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-warning-sign-grey.svg");
    background-size: 82px 82px;
    background-repeat: no-repeat;
    background-position: center; }
  .rdc-alert-content__error .title {
    color: #d0011b; }
  .rdc-alert-content__error .info-icon {
    background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-warning-sign-red.svg");
    background-size: 82px 82px;
    background-repeat: no-repeat;
    background-position: center; }

/* ==========================================================================
RDC Radio Button Group Styles
========================================================================== */
/* Variables */
.rdc-radio-button-group {
  display: inline-block;
  position: relative;
  /* Clear Floats */
  /* Other Scenarios */
  /* Horizontal Layout */
  /* Display Radio Group as List with Checkbox */
  /* State: Tablet View */ }
  .rdc-radio-button-group .component-holder {
    height: auto; }
  .rdc-radio-button-group .rdc-radio-button-base {
    display: block;
    float: none;
    margin-bottom: 5px;
    /* Rsdio Button States */ }
    .rdc-radio-button-group .rdc-radio-button-base .rdc-outer-label {
      display: block; }
    .rdc-radio-button-group .rdc-radio-button-base .rdc-radio-button-holder {
      display: block;
      line-height: 1.2em;
      background: white;
      border-radius: 5px;
      border: 1px solid #ddd;
      padding: 12px 15px;
      /* Clear Floats */ }
      .rdc-radio-button-group .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___icon {
        display: block;
        float: left;
        background: #f4f4f4;
        border-radius: 100%;
        border: 1px solid #b4b4b4;
        width: 1.2em;
        height: 1.2em;
        margin-right: 10px;
        -webkit-transition: all 250ms ease;
        transition: all 250ms ease;
        cursor: pointer; }
      .rdc-radio-button-group .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___label {
        display: block;
        position: relative;
        float: none;
        width: auto;
        overflow: hidden;
        font-size: 14px;
        font-weight: 300;
        color: #969696;
        line-height: 1.2em;
        margin-right: 20px; }
        .rdc-radio-button-group .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___label::after {
          content: ' ';
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin-top: -10px;
          margin-right: -10px;
          margin-bottom: -10px;
          margin-left: -10px;
          background-color: rgba(255, 0, 0, 0); }
    .rdc-radio-button-group .rdc-radio-button-base.checked .rdc-radio-button-holder, .rdc-radio-button-group .rdc-radio-button-base:checked .rdc-radio-button-holder {
      background-color: #edf6ec; }
      .rdc-radio-button-group .rdc-radio-button-base.checked .rdc-radio-button-holder .rdc-radio-button___icon, .rdc-radio-button-group .rdc-radio-button-base:checked .rdc-radio-button-holder .rdc-radio-button___icon {
        background-color: #00a546;
        border-color: #00a546;
        box-shadow: inset 0 0 0 0 #f4f4f4; }
    .rdc-radio-button-group .rdc-radio-button-base.focusedcss .rdc-radio-button-holder .rdc-radio-button___icon, .rdc-radio-button-group .rdc-radio-button-base:focus .rdc-radio-button-holder .rdc-radio-button___icon, .rdc-radio-button-group .rdc-radio-button-base:hover .rdc-radio-button-holder .rdc-radio-button___icon {
      outline: none;
      border-color: #00a546; }
    .rdc-radio-button-group .rdc-radio-button-base.disabled .rdc-radio-button-holder .rdc-radio-button___icon, .rdc-radio-button-group .rdc-radio-button-base.is-disabled .rdc-radio-button-holder .rdc-radio-button___icon, .rdc-radio-button-group .rdc-radio-button-base:disabled .rdc-radio-button-holder .rdc-radio-button___icon {
      box-shadow: inset 0 0 0 2px #f4f4f4;
      border-color: #b4b4b4; }
    .rdc-radio-button-group .rdc-radio-button-base.is-readonly {
      pointer-events: none !important;
      cursor: default !important; }
  .rdc-radio-button-group.label-left .label-holder,
  .rdc-radio-button-group.label-left .component-holder {
    height: auto;
    min-height: 44px; }
  .rdc-radio-button-group.label-left .component-holder {
    padding-top: 15px; }
  .rdc-radio-button-group---two-col .component-holder .component-wrapper, .rdc-radio-button-group---horizontal .component-holder .component-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
    .rdc-radio-button-group---two-col .component-holder .component-wrapper .rdc-radio-button-base, .rdc-radio-button-group---horizontal .component-holder .component-wrapper .rdc-radio-button-base {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      .rdc-radio-button-group---two-col .component-holder .component-wrapper .rdc-radio-button-base:nth-child(1), .rdc-radio-button-group---horizontal .component-holder .component-wrapper .rdc-radio-button-base:nth-child(1) {
        margin-right: 5px; }
      .rdc-radio-button-group---two-col .component-holder .component-wrapper .rdc-radio-button-base:nth-child(2), .rdc-radio-button-group---horizontal .component-holder .component-wrapper .rdc-radio-button-base:nth-child(2) {
        margin-left: 5px; }
  .rdc-radio-button-group---as-list .rdc-radio-button-base {
    margin-bottom: -1px;
    /* Stete Readonly */
    /* state Checked */ }
    .rdc-radio-button-group---as-list .rdc-radio-button-base.is-readonly .rdc-radio-button-holder {
      background-color: transparent;
      border: none;
      padding-left: 0; }
      .rdc-radio-button-group---as-list .rdc-radio-button-base.is-readonly .rdc-radio-button-holder .rdc-radio-button___label {
        font-family: "SC Sans Web", sans-serif;
        font-size: 14px;
        color: #2f2f2f;
        font-weight: 400;
        line-height: 20px; }
    .rdc-radio-button-group---as-list .rdc-radio-button-base.is-readonly:not(.checked) {
      display: none !important;
      visibility: hidden;
      opacity: 0; }
    .rdc-radio-button-group---as-list .rdc-radio-button-base .rdc-radio-button-holder {
      background: white;
      border-radius: 0px;
      border: 1px solid #ddd; }
      .rdc-radio-button-group---as-list .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___label {
        float: left;
        margin-top: 4px; }
      .rdc-radio-button-group---as-list .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___icon {
        float: right;
        position: relative;
        border-radius: 0;
        border: none;
        background: transparent;
        box-shadow: none;
        width: 24px;
        height: 24px;
        margin: 0; }
        .rdc-radio-button-group---as-list .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___icon::after {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 16px;
          content: "\e907";
          color: #d1d1d1;
          padding: 4px 0 0 2px;
          width: 24px;
          height: 24px;
          position: absolute;
          right: 0;
          top: 0;
          -webkit-transition: 400ms ease all;
          -moz-transition: 400ms ease all;
          -ms-transition: 400ms ease all;
          transition: 400ms ease all; }
        .checked .rdc-radio-button-group---as-list .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___icon::after {
          color: blue; }
    .rdc-radio-button-group---as-list .rdc-radio-button-base.checked .rdc-radio-button-holder .rdc-radio-button___icon {
      background: none; }
      .rdc-radio-button-group---as-list .rdc-radio-button-base.checked .rdc-radio-button-holder .rdc-radio-button___icon::after {
        color: #00a546; }
  .media-tablet .rdc-radio-button-group .component-holder .rdc-radio-button-base {
    float: left;
    width: 50%; }

/* ==========================================================================
RDC CheckBox Styles
========================================================================== */
/* Variabled */
.rdc-checkbox {
  position: relative;
  /* Base for label styling */
  /* Checkbox Label */
  /* Covered */
  /* Checkbox with Big Tick */
  /* Disabled Check Box */
  /* Component Like Overide */
  /* State: Checked */
  /* State: Has Error */ }
  .rdc-checkbox [type="checkbox"]:not(:checked),
  .rdc-checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px; }
  .rdc-checkbox___label {
    display: inherit;
    position: relative;
    padding-left: 30px;
    padding-right: 10px;
    cursor: pointer;
    font-family: "SC Sans Web", sans-serif;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 300;
    color: #969696;
    line-height: 20px;
    /* Check Box Base box */
    /* Check Mark Icon */ }
    .rdc-checkbox___label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      border-radius: 2px;
      border: 1px solid #ccc;
      background: #ffffff; }
      .rdc-checkbox.checked .rdc-checkbox___label:before {
        opacity: 1;
        transform: scale(1);
        border: solid 1px #00a546;
        background: #00a546; }
    .rdc-checkbox___label:after {
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      font-size: 10px;
      font-size: 0.71429rem;
      line-height: 0.8;
      color: #67CA66;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e907";
      position: absolute;
      top: 6px;
      left: 4px;
      opacity: 0;
      transform: scale(0);
      /* transition: all .2s; */
      transition: none; }
      .rdc-checkbox.checked .rdc-checkbox___label:after {
        opacity: 1;
        transform: scale(1);
        color: #fff; }
  .rdc-checkbox---covered {
    display: block;
    border-radius: 5px;
    border: 1px solid rgba(116, 116, 116, 0.25);
    background-color: #fff;
    padding: 15px 15px; }
    .rdc-checkbox---covered.checked {
      background-color: #edf6ec; }
  .rdc-checkbox---big-tick .rdc-checkbox___label {
    line-height: 20px;
    padding-left: 45px;
    padding-right: 0;
    text-align: left; }
    .rdc-checkbox---big-tick .rdc-checkbox___label::before {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: none;
      background: #eaeaea;
      top: -8px; }
    .rdc-checkbox---big-tick .rdc-checkbox___label::after {
      left: 7px;
      top: 4px;
      transition: none;
      font-size: 14px;
      font-size: 1rem;
      color: #fff; }
  .rdc-checkbox---big-tick.checked .rdc-checkbox___label::before {
    background: #00a546;
    border: none; }
  .rdc-checkbox [type="checkbox"]:disabled:not(:checked) + span:before,
  .rdc-checkbox [type="checkbox"]:disabled:checked + span:before {
    box-shadow: none;
    border-color: 1px solid #bbb;
    background-color: #ddd; }
  .rdc-checkbox [type="checkbox"]:disabled:checked + span:after {
    color: #999; }
  .rdc-checkbox---component-holder {
    background-color: #fff;
    border-radius: 5px;
    border: 1.5px solid rgba(116, 116, 116, 0.25); }
  .rdc-checkbox.is-readonly {
    pointer-events: none !important;
    cursor: default !important; }
  .has-error .rdc-checkbox:not(.checked) .rdc-checkbox___label::before {
    border: 1px solid #d0021b; }

/* ==========================================================================
Plain Component that Require Component Styles
========================================================================== */
.rdc-checkbox-component-base {
  background: white;
  border: solid 1px rgba(116, 116, 116, 0.25);
  border-radius: 5px;
  padding: 15px; }

/* ==========================================================================
RDC Image Component Styles
========================================================================== */
.rdc-image {
  display: inline-block;
  /* State: Error */
  /* State: Loading */ }
  .rdc-image___img,
  .rdc-image img {
    display: inline-block;
    border: none; }

/* @import "file-upload"; */
/* ==========================================================================
RDC Upload ( Multiple Files ) Component Styles
========================================================================== */
.rdc-upload .component-holder {
  height: auto;
  cursor: auto;
  /* First Time Upload */
  /* Upload Another File */
  /* File Preview Item */ }
  .rdc-upload .component-holder .rdc-file-upload-form > label {
    display: block; }
  .rdc-upload .component-holder .component-wrapper,
  .rdc-upload .component-holder .upload-another {
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .rdc-upload .component-holder .component-wrapper {
    min-height: 100px;
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    padding: 15px; }
    .rdc-upload .component-holder .component-wrapper .rdc-svgicon {
      width: 70px;
      height: 70px;
      margin-right: 20px;
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-add-bold-grey.svg) no-repeat;
      background-size: 100% 100%; }
    .rdc-upload .component-holder .component-wrapper .label {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #0091ea;
      font-weight: 300; }
  .rdc-upload .component-holder .upload-another {
    padding-left: 15px;
    margin-top: 15px;
    font-size: 15px;
    font-size: 1.07143rem;
    color: #0091ea;
    font-weight: 300; }
    .rdc-upload .component-holder .upload-another .rdc-svgicon {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 12px; }
  .rdc-upload .component-holder .preview-wrapper .preview-item {
    display: block;
    min-height: 100px;
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 15px;
    margin-bottom: 10px;
    /* Item State: Uploading... */
    /* Item State: Completed */
    /* Item State: Has Error */ }
    .rdc-upload .component-holder .preview-wrapper .preview-item .content-base {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      .rdc-upload .component-holder .preview-wrapper .preview-item .content-base .content-top,
      .rdc-upload .component-holder .preview-wrapper .preview-item .content-base .content-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .rdc-upload .component-holder .preview-wrapper .preview-item .content-base .content-top {
        align-items: flex-end; }
    .rdc-upload .component-holder .preview-wrapper .preview-item___preview-image-base {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      position: relative;
      width: 70px;
      height: 70px;
      background-color: rgba(0, 0, 0, 0.05);
      overflow: hidden;
      margin-right: 20px; }
      .rdc-upload .component-holder .preview-wrapper .preview-item___preview-image-base img {
        display: inline-block;
        width: 100%;
        height: auto;
        transform: scale(2);
        transform-origin: center center;
        border: none; }
      .rdc-upload .component-holder .preview-wrapper .preview-item___preview-image-base .icon-ghana,
      .rdc-upload .component-holder .preview-wrapper .preview-item___preview-image-base .icon-invoice {
        width: 100%;
        height: 100%;
        font-size: 32px;
        color: rgba(0, 0, 0, 0.5); }
    .rdc-upload .component-holder .preview-wrapper .preview-item___file-name {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #9b9b9b;
      font-weight: 300; }
    .rdc-upload .component-holder .preview-wrapper .preview-item___icon-btn {
      display: inline-block;
      width: 24px;
      height: 24px; }
      .rdc-upload .component-holder .preview-wrapper .preview-item___icon-btn .rdc-svgicon {
        width: 24px;
        height: 24px;
        background-size: 16px 16px;
        background-position: center bottom; }
    .rdc-upload .component-holder .preview-wrapper .preview-item___link-retry {
      display: none; }
    .rdc-upload .component-holder .preview-wrapper .preview-item___progress-base {
      display: block;
      position: relative;
      height: 4px;
      background-color: #d4d4d4;
      margin: 5px 0 5px 0; }
      .rdc-upload .component-holder .preview-wrapper .preview-item___progress-base .progress-bar {
        position: relative;
        height: 100%;
        background-color: #00a546;
        transition: width .2s linear; }
    .rdc-upload .component-holder .preview-wrapper .preview-item___status, .rdc-upload .component-holder .preview-wrapper .preview-item___size {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #9b9b9b;
      font-weight: 300; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.is-uploading .preview-item___preview-image-base {
      background-color: #fff; }
      .rdc-upload .component-holder .preview-wrapper .preview-item.is-uploading .preview-item___preview-image-base img {
        opacity: .35; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.is-completed .preview-item___preview-image-base {
      background-color: rgba(0, 0, 0, 0.05); }
      .rdc-upload .component-holder .preview-wrapper .preview-item.is-completed .preview-item___preview-image-base img {
        opacity: 1; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.is-completed .preview-item___status {
      color: #00a546; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.has-error .preview-item___preview-image-base {
      background-color: rgba(0, 0, 0, 0.05); }
      .rdc-upload .component-holder .preview-wrapper .preview-item.has-error .preview-item___preview-image-base img {
        opacity: .35; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.has-error .preview-item___status {
      color: #d0021b; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.has-error .progress-bar {
      background-color: #d0021b; }

/* ==========================================================================
RDC DatePicker Component Styles
========================================================================== */
/* Variables */
.rdc-date-picker {
  /* If Focused */ }
  .rdc-date-picker .component-holder > .ember-basic-dropdown {
    width: 100%;
    height: 44px; }
  .rdc-date-picker .rdc-svgicon {
    position: absolute;
    right: 12px;
    top: 10px;
    width: 20px;
    height: 20px;
    pointer-events: none; }
  .rdc-date-picker .component-holder {
    height: auto; }
    .rdc-date-picker .component-holder .textinput-wrapper {
      /* @include transition(border $rdc-datepicker-border-animation-duriation ease); */
      border-radius: 5px;
      border: 1px solid rgba(116, 116, 116, 0.25);
      background-color: #fff; }
  .rdc-date-picker:hover .component-holder .textinput-wrapper, .rdc-date-picker.focusedcss .component-holder .textinput-wrapper {
    border: 1px solid #0085d4; }
  .rdc-date-picker:hover .rdc-glyphicon::before, .rdc-date-picker.focusedcss .rdc-glyphicon::before {
    color: #0085d4; }
  .rdc-date-picker.has-error .component-holder .textinput-wrapper {
    border: 1px solid #d0021b; }
  .rdc-date-picker .textinput-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .rdc-date-picker .textinput-wrapper input {
      font-family: "SC Sans Web", sans-serif;
      font-size: 15px;
      font-weight: 400;
      width: 100%;
      height: 100%;
      position: absolute;
      padding: 0 15px;
      background: transparent; }
      .rdc-date-picker .textinput-wrapper input::-webkit-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-date-picker .textinput-wrapper input::-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-date-picker .textinput-wrapper input:-ms-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-date-picker .textinput-wrapper input:-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }

/* ==========================================================================
RDC Date Picker Component Styles
========================================================================== */
.rdc-datepicker-dropdown {
  top: 43px;
  border: 1px solid rgba(116, 116, 116, 0.25);
  border-radius: 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0 6px 12px 0; }
  .rdc-datepicker-dropdown .rdc-datepicker-calendar .ember-power-calendar-day--selected,
  .rdc-datepicker-dropdown .rdc-datepicker-calendar .ember-power-calendar-day:not([disabled]):hover {
    color: #fff;
    font-weight: 300;
    border-radius: 50%;
    background-color: #139936; }

/* Month and Year Selection Dropdown */
.rdc-datepicker-dropdown + .rdc-date-picker-month-year-dd {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  box-shadow: rgba(0, 0, 0, 0.15) 0 6px 12px 0;
  transition: none;
  animation: none; }
  .rdc-datepicker-dropdown + .rdc-date-picker-month-year-dd .ember-power-select-search .ember-power-select-search-input {
    font-size: 14px;
    font-size: 1rem;
    color: #000;
    font-weight: 400;
    letter-spacing: 1.1px;
    padding: 0px 5px; }

/* ==========================================================================
RDC Range Picker Component Styles
========================================================================== */
.rdc-modal-window-wrapper .rdc-date-range-picker {
  border-radius: 5px;
  border: none;
  background-color: #fff;
  /* Date Range Header */ }
  .rdc-modal-window-wrapper .rdc-date-range-picker___header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 25px 15px 10px 15px; }
    .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date {
      position: relative;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      height: 30px;
      border: solid 1px #0091ea; }
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date.active, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date.active {
        background-color: #0091ea; }
        .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date.active label, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date.active label {
          color: #fff; }
        .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date.active .rdc-glyphicon, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date.active .rdc-glyphicon {
          color: #fff; }
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date .hint-label,
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date .date-label, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date .hint-label,
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date .date-label {
        font-size: 11px;
        font-size: 0.78571rem;
        color: #000;
        font-weight: 300; }
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date .hint-label, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date .hint-label {
        position: absolute;
        left: 6px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        text-transform: uppercase; }
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date .rdc-glyphicon, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date .rdc-glyphicon {
        position: absolute;
        right: 6px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 14px;
        height: 14px;
        font-size: 14px; }
    .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }

/* ==========================================================================
RDC Calabdar Base Styles
========================================================================== */
.rdc-datepicker-calendar {
  width: auto;
  padding: 10px 15px 15px 15px;
  /* Today Color */
  /* Date Range */
  /* Date Range - First & Last Date */ }
  .rdc-datepicker-calendar .ember-power-calendar-nav-control:focus {
    transform: scale(1); }
  .rdc-datepicker-calendar .ember-power-calendar-nav-control--previous,
  .rdc-datepicker-calendar .ember-power-calendar-nav-control--next {
    position: relative;
    font-size: 0px !important;
    flex: 0 0 42px; }
    .rdc-datepicker-calendar .ember-power-calendar-nav-control--previous::after,
    .rdc-datepicker-calendar .ember-power-calendar-nav-control--next::after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      color: #898989;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .rdc-datepicker-calendar .ember-power-calendar-nav-control--previous::after {
    content: "\e930";
    left: 0; }
  .rdc-datepicker-calendar .ember-power-calendar-nav-control--next::after {
    content: "\e931";
    right: 0; }
  .rdc-datepicker-calendar .ember-power-calendar-nav-title {
    /*
        @include font-size(14px);
        color: #000;
        font-weight: $regular;
        letter-spacing: 1.1px;
        text-transform: uppercase;
        */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .rdc-datepicker-calendar .ember-power-calendar-nav-title .ember-power-select-trigger {
      position: relative;
      border-top: none;
      border-bottom: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      background-color: transparent;
      line-height: 2;
      overflow-x: hidden;
      text-overflow: ellipsis;
      min-height: 2em; }
      .rdc-datepicker-calendar .ember-power-calendar-nav-title .ember-power-select-trigger .ember-power-select-selected-item {
        font-size: 14px;
        font-size: 1rem;
        color: #000;
        font-weight: 400;
        letter-spacing: 1.1px;
        text-transform: uppercase;
        margin-left: 0; }
      .rdc-datepicker-calendar .ember-power-calendar-nav-title .ember-power-select-trigger .ember-power-select-status-icon {
        border-width: 5px 3px 0 3px;
        border-top-color: #8c8c8c; }
  .rdc-datepicker-calendar .ember-basic-dropdown .rdc-date-picker-month-dd .ember-power-select-option,
  .rdc-datepicker-calendar .ember-basic-dropdown .rdc-date-picker-year-dd .ember-power-select-option {
    text-align: left; }
  .rdc-datepicker-calendar .ember-basic-dropdown .rdc-date-picker-month-dd {
    min-width: 120px; }
  .rdc-datepicker-calendar .ember-basic-dropdown .rdc-date-picker-year-dd {
    min-width: 60px; }
  .rdc-datepicker-calendar .ember-power-calendar-days {
    /* Week Days Heading */
    /* Calandar Grid */ }
    .rdc-datepicker-calendar .ember-power-calendar-days .ember-power-calendar-weekdays {
      margin: 13px 0 10px;
      border-bottom: solid 1px #F8F6F6; }
    .rdc-datepicker-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-row {
      margin: 3px 0; }
    .rdc-datepicker-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-day {
      margin: 0; }
  .rdc-datepicker-calendar .ember-power-calendar-weekday {
    font-size: 14px;
    font-size: 1rem;
    color: #0091ea;
    font-weight: 300; }
  .rdc-datepicker-calendar .ember-power-calendar-day,
  .rdc-datepicker-calendar .ember-power-calendar-weekday {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: -webkit-box; }
  .rdc-datepicker-calendar .ember-power-calendar-day--current-month {
    color: #656D78;
    background-color: transparent; }
  .rdc-datepicker-calendar .ember-power-calendar-day--today {
    border-radius: 50%;
    border: solid 1px #139936;
    background-color: transparent; }
  .rdc-datepicker-calendar .ember-power-calendar-day--focused,
  .rdc-datepicker-calendar .ember-power-calendar-day:not([disabled]):hover {
    background-color: #e6e6e6;
    border-radius: 50%;
    box-shadow: none; }
  .rdc-datepicker-calendar .ember-power-calendar-day--selected,
  .rdc-datepicker-calendar .ember-power-calendar-day:not([disabled]):hover {
    color: #646464;
    font-weight: 300;
    border-radius: 0;
    background-color: #C1EAD0; }
  .rdc-datepicker-calendar .ember-power-calendar-day--selected[disabled] {
    opacity: 0.65; }
    .rdc-datepicker-calendar .ember-power-calendar-day--selected[disabled]::before {
      display: none; }
  .rdc-datepicker-calendar .ember-power-calendar-day--range-start,
  .rdc-datepicker-calendar .ember-power-calendar-day--range-end {
    position: relative;
    z-index: 1;
    color: #fff;
    font-weight: 300;
    border-radius: 50%;
    background-color: transparent; }
    .rdc-datepicker-calendar .ember-power-calendar-day--range-start::after, .rdc-datepicker-calendar .ember-power-calendar-day--range-start::before,
    .rdc-datepicker-calendar .ember-power-calendar-day--range-end::after,
    .rdc-datepicker-calendar .ember-power-calendar-day--range-end::before {
      content: '';
      display: block;
      position: absolute;
      z-index: -1; }
    .rdc-datepicker-calendar .ember-power-calendar-day--range-start::after,
    .rdc-datepicker-calendar .ember-power-calendar-day--range-end::after {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      border-radius: 50%;
      background-color: #139936; }
    .rdc-datepicker-calendar .ember-power-calendar-day--range-start::before,
    .rdc-datepicker-calendar .ember-power-calendar-day--range-end::before {
      left: 50%;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: #C1EAD0; }
  .rdc-datepicker-calendar .ember-power-calendar-day--range-end::before {
    left: 0;
    right: 50%; }

/* ==========================================================================
RDC Alert  Styles
========================================================================== */
/* Variables */
.rdc-alert {
  min-height: 50px;
  background-color: #E2EDE4;
  border: solid 1px #d2e3d5;
  border-radius: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  /* Override: No icon */
  /* .rdc-alert___label */
  /* Success State */
  /* Info State */
  /* Warning State */
  /* Error State */
  /* Gneric Html Elements */ }
  .rdc-alert .rdc-glyphicon {
    flex: 0 0 60px; }
  .rdc-alert .rdc-glyphicon:before {
    content: "\e945";
    font-size: 28px; }
  .rdc-alert___label {
    flex: 1 1 auto;
    font-size: 14px;
    font-size: 1rem;
    color: gray;
    margin: 15px 15px 15px 0; }
    .rdc-alert---no-icon .rdc-alert___label {
      margin-left: 15px; }
    .rdc-alert___label li::before {
      background-color: gray; }
  .rdc-alert---success {
    background-color: #dff0d8;
    border: solid 1px #d0e9c6; }
    .rdc-alert---success .rdc-glyphicon:before {
      content: "\e9bc";
      color: #3c763d; }
    .rdc-alert---success .rdc-alert___label {
      color: #3c763d; }
      .rdc-alert---success .rdc-alert___label li::before {
        background-color: #3c763d; }
  .rdc-alert---info {
    background-color: #d9edf7;
    border: solid 1px #c4e3f3; }
    .rdc-alert---info .rdc-glyphicon:before {
      content: "\e945";
      color: #31708f; }
    .rdc-alert---info .rdc-alert___label {
      color: #31708f; }
      .rdc-alert---info .rdc-alert___label li::before {
        background-color: #31708f; }
  .rdc-alert---warning {
    background-color: #ffffba;
    border: solid 1px #ffffa1; }
    .rdc-alert---warning .rdc-glyphicon:before {
      content: "\e945";
      color: #8a6d3b; }
    .rdc-alert---warning .rdc-alert___label {
      color: #8a6d3b; }
      .rdc-alert---warning .rdc-alert___label li::before {
        background-color: #8a6d3b; }
  .rdc-alert---error {
    background-color: #f2dede;
    border: solid 1px #ebcccc; }
    .rdc-alert---error .rdc-glyphicon:before {
      content: "\e945";
      color: #D93037; }
    .rdc-alert---error .rdc-alert___label {
      color: #D93037; }
      .rdc-alert---error .rdc-alert___label li::before {
        background-color: #D93037; }
  .rdc-alert ul, .rdc-alert ol {
    list-style-type: none;
    margin-left: 20px;
    padding: 12px 0; }
    .rdc-alert ul li, .rdc-alert ol li {
      position: relative;
      list-style-type: none;
      margin-bottom: 5px; }
      .rdc-alert ul li::before, .rdc-alert ol li::before {
        content: " ";
        display: inline-block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        left: -20px;
        top: 6px; }

/* ==========================================================================
RDC Tab Bar Styles
========================================================================== */
.rdc-tab-bar {
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  border: 1px solid #0091ea;
  /* White Based Theme */ }
  .rdc-tab-bar___tab {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    font-size: 14px;
    font-size: 1rem;
    color: #0091ea;
    font-weight: 400;
    text-align: center;
    background-color: transparent;
    line-height: 30px;
    /* State: Active */ }
    .rdc-tab-bar___tab.active, .rdc-tab-bar___tab---active {
      color: white;
      background-color: #0091ea; }
  .rdc-tab-bar---white {
    border: 1px solid white; }
    .rdc-tab-bar---white .rdc-tab-bar___tab {
      color: white;
      /* State: Active */ }
      .rdc-tab-bar---white .rdc-tab-bar___tab.active, .rdc-tab-bar---white .rdc-tab-bar___tab---active {
        color: #000;
        background-color: white; }

/* ==========================================================================
RDC Alert  Styles
========================================================================== */
/* Variables */
.rdc-navbar-wrapper {
  /* Only If Physical Device (iOS), pushing content to manage Status Bar overlay space  */ }
  .is-ios .rdc-navbar-wrapper {
    background-color: #0091ea;
    height: calc( 50px + 20px); }

.rdc-navbar {
  position: relative;
  min-height: 50px;
  height: 50px;
  background-color: #0091ea;
  border-bottom: solid 1px #0091ea;
  /* Only If Physical Device (iOS), pushing content to manage Status Bar overlay space  */
  /* SC Logo */
  /* Title */
  /* Clear Floats */
  /* State: With Back Button Enabled */
  /* Override Classes */ }
  .is-ios .rdc-navbar {
    top: 20px; }
  .rdc-navbar::before {
    content: '';
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2); }
  .rdc-navbar .rdc-scb-logo {
    width: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px; }
  .rdc-navbar___title {
    display: block;
    position: absolute;
    left: 60px;
    right: 60px;
    top: 0;
    bottom: 0;
    font-family: "SC Sans Web", sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.21429rem;
    color: #fff;
    pointer-events: none;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .rdc-navbar.has-label .rdc-navbar___title {
    left: 84px;
    right: 84px; }
  .rdc-navbar___left-button {
    float: left; }
  .rdc-navbar___right-button {
    float: right; }
  .rdc-navbar___left-button, .rdc-navbar___right-button, .rdc-navbar___middle-space {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
  .rdc-navbar___middle-space {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .rdc-navbar___left-button, .rdc-navbar___right-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.03);
    padding: 0 18px; }
    .rdc-navbar___left-button span, .rdc-navbar___left-button i, .rdc-navbar___right-button span, .rdc-navbar___right-button i {
      display: inline-block; }
    .rdc-navbar___left-button span, .rdc-navbar___right-button span {
      font-family: "SC Sans Web", sans-serif;
      font-weight: 400;
      font-size: 13px;
      line-height: 13px;
      color: #666666; }
  .rdc-navbar___left-button .rdc-icon {
    color: #fff;
    margin-right: 8px; }
    .rdc-navbar___left-button .rdc-icon.icon-hamburger {
      font-size: 18px;
      font-size: 1.28571rem;
      font-weight: 600; }
    .rdc-navbar___left-button .rdc-icon.icon-chevron-left {
      display: inline-block;
      position: relative;
      width: 19px;
      height: 19px; }
      .rdc-navbar___left-button .rdc-icon.icon-chevron-left::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 19px;
        height: 19px;
        left: -5px;
        background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-back-chevron-white.svg) no-repeat;
        background-size: 100% 100%;
        margin-right: 0; }
  .rdc-navbar___right-button .rdc-icon {
    color: #fff;
    margin-left: 8px; }
  .rdc-navbar___right-button .rdc-glyphicon.settings {
    font-size: 22px;
    font-size: 1.57143rem; }
  .rdc-navbar___right-button .rdc-svgicon.icon-security-white {
    width: 18px;
    height: 18px; }
  .rdc-navbar.has-back-button .rdc-navbar___left-button:nth-child(2) {
    padding: 0 10px 0 18px; }
  .rdc-navbar.has-back-button .rdc-navbar___left-button:nth-child(3) {
    padding: 0 18px 0 10px; }
  .rdc-navbar---transparent {
    background: transparent !important;
    border: none; }
    .rdc-navbar---transparent::before {
      visibility: hidden; }

/* Override Classes */
.rdc-navbar-transparent {
  background: transparent !important; }
  .rdc-navbar-transparent .rdc-navbar {
    background: transparent !important;
    border: none; }
    .rdc-navbar-transparent .rdc-navbar::before {
      visibility: hidden; }

/* ==========================================================================
Bootstrap Accordion Component Styles
========================================================================== */
.bootstrap-accordion {
  /* Individual Menu Item */ }
  .bootstrap-accordion .menu-item {
    border-bottom: solid 1px #F0F0F0; }
    .bootstrap-accordion .menu-item .rdc-glyphicon {
      font-size: 18px;
      color: #787878;
      width: 16px;
      height: 16px;
      margin-right: 18px; }
    .bootstrap-accordion .menu-item a {
      display: block;
      font-size: 15px;
      font-weight: 300;
      color: #131313;
      padding: 10px 25px; }
  .bootstrap-accordion .menu-group-gap {
    display: block;
    height: 10px; }
  .bootstrap-accordion .menu-group {
    border-bottom: solid 1px #F0F0F0; }
    .bootstrap-accordion .menu-group .menu-heading {
      position: relative; }
      .bootstrap-accordion .menu-group .menu-heading .rdc-glyphicon {
        font-size: 18px;
        color: #00a546;
        width: 16px;
        height: 16px;
        margin-right: 18px; }
      .bootstrap-accordion .menu-group .menu-heading a {
        display: block;
        font-size: 15px;
        font-weight: 300;
        color: #00a546;
        padding: 10px 25px;
        -webkit-transition: 400ms ease all;
        -moz-transition: 400ms ease all;
        -ms-transition: 400ms ease all;
        transition: 400ms ease all;
        /* Arrow Menu */
        /* State Collapsed */ }
        .bootstrap-accordion .menu-group .menu-heading a::after {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 10px;
          content: "\e92f";
          width: 16px;
          height: 10px;
          position: absolute;
          right: 15px;
          top: 15px;
          -webkit-transition: 400ms ease all;
          -moz-transition: 400ms ease all;
          -ms-transition: 400ms ease all;
          transition: 400ms ease all;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
        .bootstrap-accordion .menu-group .menu-heading a.collapsed {
          color: #131313; }
          .bootstrap-accordion .menu-group .menu-heading a.collapsed .glyphicon {
            color: #7F7F7F; }
          .bootstrap-accordion .menu-group .menu-heading a.collapsed .rdc-glyphicon {
            color: #787878; }
        .bootstrap-accordion .menu-group .menu-heading a.collapsed::after {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg); }
    .bootstrap-accordion .menu-group ul.menu-content {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .bootstrap-accordion .menu-group ul.menu-content li a {
        display: block;
        font-size: 14px;
        font-weight: 300;
        color: #666;
        padding: 5px 15px 5px 60px; }
      .bootstrap-accordion .menu-group ul.menu-content li:last-child {
        margin-bottom: 20px; }

/* ==========================================================================
Bootstrap Accordion Component Styles
========================================================================== */
/* ==========================================================================
RDC Accordion Component Styles
========================================================================== */
.rdc-accordion {
  display: block; }
  .rdc-accordion-item {
    /* Header With Link and without Children */
    /* Active 0R Selected Link */
    /* Accordion Toggle Header */
    /* Accordion Content Base */
    /* Section Gap */
    /* Removing Last Seperator Line of Accordion Item */ }
    .rdc-accordion-item___link-header, .rdc-accordion-item___link-header:hover, .rdc-accordion-item___link-header:focus, .rdc-accordion-item___link-header:visited {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      position: relative;
      font-size: 15px;
      font-weight: 300;
      color: white;
      padding: 12px 25px;
      text-decoration: none;
      /* Mail / notification Bubble */ }
      .rdc-accordion-item___link-header .rdc-glyphicon, .rdc-accordion-item___link-header:hover .rdc-glyphicon, .rdc-accordion-item___link-header:focus .rdc-glyphicon, .rdc-accordion-item___link-header:visited .rdc-glyphicon {
        font-size: 20px;
        font-size: 1.42857rem;
        color: rgba(255, 255, 255, 0.8);
        width: 20px;
        height: 20px;
        margin-right: 18px; }
      .rdc-accordion-item___link-header .rdc-svgicon, .rdc-accordion-item___link-header:hover .rdc-svgicon, .rdc-accordion-item___link-header:focus .rdc-svgicon, .rdc-accordion-item___link-header:visited .rdc-svgicon {
        width: 24px;
        height: 24px;
        margin-left: -3px;
        margin-right: calc(18px - 4px); }
      .rdc-accordion-item___link-header:not(.is-disabled), .rdc-accordion-item___link-header:hover:not(.is-disabled), .rdc-accordion-item___link-header:focus:not(.is-disabled), .rdc-accordion-item___link-header:visited:not(.is-disabled) {
        cursor: pointer; }
      .rdc-accordion-item___link-header .bubble, .rdc-accordion-item___link-header:hover .bubble, .rdc-accordion-item___link-header:focus .bubble, .rdc-accordion-item___link-header:visited .bubble {
        position: absolute;
        display: inline-block;
        right: 15px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        border-radius: 3px;
        background-color: #C53D3C;
        font-size: 11px;
        font-size: 0.78571rem;
        font-weight: 100;
        color: white;
        line-height: 11px;
        padding: 3px 6px; }
    .rdc-accordion-item___link-header.active {
      color: rgba(255, 255, 255, 0.8); }
      .rdc-accordion-item___link-header.active .rdc-glyphicon {
        color: rgba(255, 255, 255, 0.8); }
    .rdc-accordion-item___header {
      position: relative;
      display: block;
      font-size: 15px;
      font-size: 1.07143rem;
      font-weight: 300;
      color: #9b9b9b;
      padding: 12px 25px;
      -webkit-transition: 400ms ease all;
      -moz-transition: 400ms ease all;
      -ms-transition: 400ms ease all;
      transition: 400ms ease all;
      /* Arrow Menu */
      /* Open State */ }
      .rdc-accordion-item___header::after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10px;
        content: "\e92f";
        width: 16px;
        height: 10px;
        position: absolute;
        right: 15px;
        top: 15px;
        -webkit-transition: 400ms ease all;
        -moz-transition: 400ms ease all;
        -ms-transition: 400ms ease all;
        transition: 400ms ease all;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
      .rdc-accordion-item___header .rdc-glyphicon {
        font-size: 18px;
        color: rgba(255, 255, 255, 0.8);
        width: 16px;
        height: 12px;
        margin-right: 14px; }
      .rdc-accordion-item___header:not(.is-disabled) {
        cursor: pointer; }
      .rdc-accordion-item___header.is-active {
        color: rgba(255, 255, 255, 0.8) !important; }
        .rdc-accordion-item___header.is-active .rdc-glyphicon {
          color: rgba(255, 255, 255, 0.8); }
        .rdc-accordion-item___header.is-active::after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
    .rdc-accordion-item___content {
      padding: 0;
      margin: 0;
      /* Open State */ }
      .rdc-accordion-item___content.is-active {
        min-height: 10px;
        /* Minimum Empty Content */ }
    .rdc-accordion-item___gap {
      height: 40px; }
    .rdc-accordion-item:nth-last-child(2) ul li:last-child::before {
      display: none !important; }

/* List of Items under Accordion Content */
.rdc-accordion-item___content {
  position: relative;
  overflow: hidden;
  /* Decorator Line */
  /* State Active (Open) */ }
  .rdc-accordion-item___content ul {
    list-style-type: none;
    padding: 8px 0;
    margin: 0;
    background-color: #f9f9f9;
    /* border-left: solid 6px $rdc-highlight-color; */ }
    .rdc-accordion-item___content ul li {
      position: relative; }
      .rdc-accordion-item___content ul li a {
        display: block;
        font-size: 15px;
        font-size: 1.07143rem;
        font-weight: 300;
        color: #969696;
        padding: 8px 15px 8px 60px; }
      .rdc-accordion-item___content ul li:hover {
        background-color: rgba(0, 0, 0, 0.035); }
      .rdc-accordion-item___content ul li a.active {
        color: rgba(255, 255, 255, 0.8); }
  .rdc-accordion-item___content::before {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #0091ea;
    width: 6px;
    left: 0px;
    top: 0px;
    bottom: 0;
    z-index: 2;
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    transition: all 600ms ease; }
  .rdc-accordion-item___content.is-active::before {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0); }

/* List of Items under Accordion Content */
ul.rdc-accordion-list {
  list-style-type: none;
  padding: 8px 0;
  margin: 0;
  background-color: #f9f9f9;
  /* border-left: solid 6px $rdc-highlight-color; */ }
  ul.rdc-accordion-list li {
    position: relative; }
    ul.rdc-accordion-list li a {
      display: block;
      font-size: 15px;
      font-size: 1.07143rem;
      font-weight: 300;
      color: #969696;
      padding: 8px 15px 8px 60px; }
    ul.rdc-accordion-list li:hover {
      background-color: rgba(0, 0, 0, 0.035); }
    ul.rdc-accordion-list li a.active {
      color: rgba(255, 255, 255, 0.8); }

.rdc-swiper {
  display: block;
  width: 100%;
  height: 100%;
  /* Additional Util Classed */ }
  .rdc-swiper .rdc-swiper-container {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    /* Holdes all the slides need to translate this guy */
    /* Pagination */ }
    .rdc-swiper .rdc-swiper-container .rdc-swiper-wrapper {
      transform: translate3d(-375px, 0px, 0px);
      /* Test 2nd Content */
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform,-webkit-transform;
      box-sizing: content-box;
      /* Slide Content */ }
      .rdc-swiper .rdc-swiper-container .rdc-swiper-wrapper .swiper-slide {
        position: relative;
        width: 100%;
        height: 100%;
        font-size: 18px;
        font-size: 1.28571rem;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    .rdc-swiper .rdc-swiper-container .rdc-swiper-pagination {
      text-align: center;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      position: absolute;
      z-index: 10;
      -webkit-transition: .3s;
      transition: .3s;
      pointer-events: none;
      left: 0;
      bottom: 10px;
      width: 100%; }
      .rdc-swiper .rdc-swiper-container .rdc-swiper-pagination___bullet {
        pointer-events: auto;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 3px;
        border-radius: 100%;
        background-color: rgba(0, 165, 70, 0.2); }
        .rdc-swiper .rdc-swiper-container .rdc-swiper-pagination___bullet:first-child {
          margin-left: 0; }
        .rdc-swiper .rdc-swiper-container .rdc-swiper-pagination___bullet:last-child {
          margin-right: 0; }
        .rdc-swiper .rdc-swiper-container .rdc-swiper-pagination___bullet.activated {
          background-color: #00a546; }
  .rdc-swiper .slide-zoom {
    text-align: center;
    display: block;
    width: 100%; }

/* ==========================================================================
Collapsible Panel Component Styles
========================================================================== */
.rdc-collapsible-panel {
  position: relative;
  background-color: #fff;
  border: solid 1px #eaeaea;
  border-radius: 5px;
  /* Decorator Line */
  /* State Collapse */
  /* Override: No Active ( Decorator ) Border */ }
  .rdc-collapsible-panel___header {
    position: relative;
    padding: 12px 35px 12px 15px;
    min-height: 60px; }
    .rdc-collapsible-panel___header .rdc-glyphicon {
      width: 15px;
      height: 10px;
      display: inline-block;
      position: absolute;
      right: 20px;
      top: 20px;
      font-size: 10px;
      font-size: 0.71429rem;
      color: #d8d8d8; }
    .rdc-collapsible-panel___header .down-arrow {
      display: inline-block;
      width: 10px;
      height: 6px;
      position: absolute;
      right: 12px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-down-chevron-grey.svg) no-repeat;
      background-size: 100% 100%; }
  .rdc-collapsible-panel___content {
    border-top: solid 1px #eaeaea;
    padding: 12px 15px 12px 15px; }
  .rdc-collapsible-panel::after {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #0091ea;
    width: 2px;
    left: 3px;
    top: 3px;
    bottom: 3px;
    -webkit-transition: bottom 600ms ease;
    -moz-transition: bottom 600ms ease;
    -ms-transition: bottom 600ms ease;
    transition: bottom 600ms ease; }
  .rdc-collapsible-panel.collapsed .rdc-collapsible-panel___header .rdc-glyphicon,
  .rdc-collapsible-panel.collapsed .rdc-collapsible-panel___header .down-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transform-origin: top center; }
  .rdc-collapsible-panel.collapsed::after {
    bottom: 100%; }
  .rdc-collapsible-panel---no-decorator::after {
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none; }

/* ==========================================================================
Collapsible Notes ( Collapsible Panel Component ) Styles
========================================================================== */
.rdc-collapsible-panel.rdc-collapsible-notes {
  position: relative;
  background-color: transparent;
  border: none;
  border-radius: 0;
  /* Decorator Line */
  /* State Collapse */
  /* Notes Header */ }
  .rdc-collapsible-panel.rdc-collapsible-notes .rdc-collapsible-panel___header {
    position: relative;
    padding: 0;
    min-height: 0;
    height: 44px;
    display: flex; }
  .rdc-collapsible-panel.rdc-collapsible-notes .rdc-collapsible-panel___content {
    border-top: none;
    padding: 0; }
    .rdc-collapsible-panel.rdc-collapsible-notes .rdc-collapsible-panel___content p {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #969696;
      font-weight: 300; }
  .rdc-collapsible-panel.rdc-collapsible-notes::after {
    display: none; }
  .rdc-collapsible-panel.rdc-collapsible-notes.collapsed .rdc-notes-header___notes .plus-icon:before {
    width: 1px; }
  .rdc-collapsible-panel.rdc-collapsible-notes.expanded .rdc-notes-header___notes .plus-icon:before {
    width: 0px; }
  .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header {
    flex: 0 0 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___line {
      flex: 1 1 auto;
      height: 1px;
      background: #CFCFCF; }
    .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes {
      flex: 0;
      display: inline-flex;
      align-items: center;
      font-size: 12px;
      font-size: 0.85714rem;
      color: #969696;
      font-weight: 300;
      line-height: 12px;
      margin: 0 10px; }
      .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes .plus-icon {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        margin-left: 5px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: solid 1px #9b9b9b;
        /* Horizontal line */
        /* Vertical Line */ }
        .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes .plus-icon:after, .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes .plus-icon:before {
          content: '';
          position: absolute;
          background: #9b9b9b;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes .plus-icon:after {
          width: 8px;
          height: 1px; }
        .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes .plus-icon:before {
          height: 8px; }

/* ==========================================================================
RDC List Styles
========================================================================== */
.rdc-list .item {
  contain: content;
  background-color: white; }
  .rdc-list .item.activated {
    background-color: #d9d9d9;
    transition-duration: 0ms; }

.rdc-list .item-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  text-align: initial;
  line-height: normal;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 4.4rem;
  border: 0;
  overflow: hidden; }

.rdc-list li {
  border-bottom: solid 1px #d2d2d2; }

/* ==========================================================================
RDC OTP Component Styles
========================================================================== */
.rdc-otp {
  position: fixed !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  /* Default Theme */
  /* Dark Theme Override */ }
  .rdc-otp .rdc-scroll-content {
    padding: 0 15px; }
    .rdc-otp .rdc-scroll-content .rdc-view___content {
      padding: 0;
      margin: 0;
      text-align: center; }
  .rdc-otp .heading,
  .rdc-otp .title {
    text-align: center; }
  .rdc-otp .heading {
    font-size: 18px;
    font-size: 1.28571rem;
    font-weight: 300;
    line-height: 1.35;
    padding: 70px 30px 35px 30px;
    margin-bottom: 0; }
  .rdc-otp .title {
    color: #201F1F;
    margin-bottom: 15px;
    margin-bottom: 10px; }
  .rdc-otp .rdc-otp-input-wrapper {
    width: 100%;
    margin-bottom: 25px;
    text-align: center; }
  .rdc-otp .resend-button {
    font-size: 13px;
    font-size: 0.92857rem;
    color: #646464;
    background: transparent; }
  .rdc-otp---dark {
    background: rgba(25, 25, 25, 0.9) !important;
    background-color: rgba(25, 25, 25, 0.9) !important; }
    .rdc-otp---dark .rdc-scroll-content {
      display: flex;
      flex-flow: column nowrap;
      align-items: center;
      justify-content: center;
      padding: 0 15px; }
      .rdc-otp---dark .rdc-scroll-content .rdc-view___content {
        text-align: center; }
    .rdc-otp---dark .heading {
      font-size: 22px;
      font-size: 1.57143rem;
      color: white;
      font-weight: 300;
      text-align: center;
      line-height: 1.33;
      padding: 0 25px;
      margin-bottom: 35px; }
    .rdc-otp---dark .title {
      color: #fff;
      font-weight: 300;
      margin-bottom: 10px; }
    .rdc-otp---dark .rdc-otp-input-wrapper {
      width: 100%;
      margin-bottom: 25px;
      text-align: center; }
      .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input .component-holder .textinput-wrapper input {
        color: #fff; }
      .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input::after, .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input:last-child::after {
        background-color: #fff; }
      .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input.focusedcss {
        border-bottom: none; }
        .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input.focusedcss::after, .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input.focusedcss:last-child::after {
          background-color: #0091ea; }
    .rdc-otp---dark .resend-button {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #00a546;
      background: transparent;
      min-height: 50px;
      margin-bottom: 10px; }
    .rdc-otp---dark .proceed-button {
      min-height: 60px; }
    .rdc-otp---dark .cross-icon {
      display: inline-block;
      position: fixed;
      top: 5px;
      right: 5px;
      width: 48px;
      height: 48px;
      background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-overlay-popup-close.svg");
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer; }

/* ==========================================================================
Soft Number Pad Styles
========================================================================== */
.rdc-number-pad-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: solid 1px #ccc; }
  .rdc-number-pad-wrapper .rdc-number-pad {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    background: white; }
    .rdc-number-pad-wrapper .rdc-number-pad___key-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      border-top: solid 1px #ccc; }
      .rdc-number-pad-wrapper .rdc-number-pad___key-row:first-child {
        border-top: none; }
      .rdc-number-pad-wrapper .rdc-number-pad___key-row .key {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        height: 54px;
        font-size: 30px;
        font-size: 2.14286rem;
        color: #030303;
        font-weight: 400;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); }
        .rdc-number-pad-wrapper .rdc-number-pad___key-row .key.no-action {
          pointer-events: none;
          -webkit-tap-highlight-color: transparent !important; }
        .rdc-number-pad-wrapper .rdc-number-pad___key-row .key.shaded {
          background-color: #f9f9f9; }
        .rdc-number-pad-wrapper .rdc-number-pad___key-row .key:first-child {
          border-right: solid 1px #ccc; }
        .rdc-number-pad-wrapper .rdc-number-pad___key-row .key:last-child {
          border-left: solid 1px #ccc; }
        .rdc-number-pad-wrapper .rdc-number-pad___key-row .key .btn-key-back {
          width: 22px;
          height: 16px; }
    .rdc-number-pad-wrapper .rdc-number-pad___footer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      /* Equal Width Childrens */ }
      .rdc-number-pad-wrapper .rdc-number-pad___footer button,
      .rdc-number-pad-wrapper .rdc-number-pad___footer .rdc-button {
        text-transform: uppercase; }
        .rdc-number-pad-wrapper .rdc-number-pad___footer button:nth-child(1),
        .rdc-number-pad-wrapper .rdc-number-pad___footer .rdc-button:nth-child(1) {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
          -moz-box-flex: 1;
          -moz-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
        .rdc-number-pad-wrapper .rdc-number-pad___footer button:nth-child(2),
        .rdc-number-pad-wrapper .rdc-number-pad___footer .rdc-button:nth-child(2) {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 66.66%;
          -moz-box-flex: 0;
          -moz-flex: 0 0 66.66%;
          -ms-flex: 0 0 66.66%;
          flex: 0 0 66.66%; }
      .rdc-number-pad-wrapper .rdc-number-pad___footer---equal-child-width button:nth-child(1), .rdc-number-pad-wrapper .rdc-number-pad___footer---equal-child-width button:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%; }

/* ==========================================================================
Currency Snippet Styles
========================================================================== */
.rdc-currency .numberinput-wrapper input {
  text-align: right; }

/* ==========================================================================
Currency Input Styles
========================================================================== */
.rdc-currency-input {
  display: inline-block; }
  .rdc-currency-input___amount, .rdc-currency-input___decimal {
    display: inline-block;
    font-size: 18px;
    font-size: 1.28571rem;
    color: #00a546;
    font-weight: 300; }
    .negative .rdc-currency-input___amount, .negative .rdc-currency-input___decimal {
      color: #d2534d; }
    .is-negative .rdc-currency-input___amount, .is-negative .rdc-currency-input___decimal {
      color: #d2534d; }
  .rdc-currency-input___decimal {
    margin-left: -3px; }
  .rdc-currency-input___currency {
    display: inline-block;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    font-weight: 300; }

/* ==========================================================================
Off Canvas Menu Styles [WIP]
========================================================================== */
.off-canvas-base {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* Off Canvas Menu */
  /* Off Canvas Content Wrapper */
  /* Dim Layer */ }
  .off-canvas-base .off-canvas-menu-wrapper,
  .off-canvas-base .off-canvas-content-wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    transition-property: transform,-webkit-transform; }
  .off-canvas-base .off-canvas-menu-wrapper {
    position: absolute;
    width: 275px;
    height: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    background: #F7F7F7;
    /* white */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-transform: translateX(-275px);
    transform: translateX(-275px);
    overflow: hidden;
    z-index: 5;
    /* State Open */ }
    .off-canvas-base .off-canvas-menu-wrapper .menu-header {
      height: 50px;
      background-color: white;
      border-bottom: solid 1px #EBEBEB;
      display: flex;
      flex-flow: row nowrap; }
      .off-canvas-base .off-canvas-menu-wrapper .menu-header .menu-item {
        flex: 1 1 auto;
        display: flex;
        align-items: center; }
        .off-canvas-base .off-canvas-menu-wrapper .menu-header .menu-item a {
          font-size: 15px;
          font-weight: 300;
          color: #131313;
          padding: 10px 25px; }
          .off-canvas-base .off-canvas-menu-wrapper .menu-header .menu-item a .rdc-glyphicon {
            width: 16px;
            height: 16px;
            margin-right: 18px; }
      .off-canvas-base .off-canvas-menu-wrapper .menu-header .notification {
        display: flex;
        height: 100%;
        align-items: center;
        margin-right: 12px; }
        .off-canvas-base .off-canvas-menu-wrapper .menu-header .notification___icon {
          font-size: 18px;
          color: #787878; }
        .off-canvas-base .off-canvas-menu-wrapper .menu-header .notification___badge {
          display: inline-block;
          font-size: 12px;
          color: #fff;
          text-align: center;
          padding: 0 8px;
          min-height: 24px;
          line-height: 24px;
          background-color: #DD353D;
          border-radius: 16px; }
    .off-canvas-base .off-canvas-menu-wrapper .menu-scroll-content {
      position: absolute;
      left: 0;
      right: 0;
      top: 80px;
      /* 50px */
      bottom: 95px;
      /* Y Scrollable Content */
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      border-top: solid 1px #EBEBEB;
      border-bottom: solid 1px #EBEBEB; }
    .off-canvas-base .off-canvas-menu-wrapper .menu-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 30px 10px 15px 10px;
      background-color: #F7F7F7; }
      .off-canvas-base .off-canvas-menu-wrapper .menu-footer .rdc-button span {
        font-weight: 400;
        display: inline-block;
        margin-left: 10px;
        line-height: 22px; }
    .off-canvas-base .off-canvas-menu-wrapper.is-drawer-open {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  .off-canvas-base .off-canvas-content-wrapper {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    /* Off Canvas Scroll Content Wrapper */ }
    .off-canvas-base .off-canvas-content-wrapper .off-canvas-scroll-content {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      /* 50px */
      /* Pass Header Height when header exist */
      bottom: 0;
      /* Pass Footer Height when footer exist */
      /* Y Scrollable Content */
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      .off-canvas-base .off-canvas-content-wrapper .off-canvas-scroll-content.is-header-enabled {
        top: 50px; }
      .off-canvas-base .off-canvas-content-wrapper .off-canvas-scroll-content.is-footer-enabled {
        bottom: 50px; }
    .off-canvas-base .off-canvas-content-wrapper.is-drawer-open {
      -webkit-transform: translateX(275px);
      transform: translateX(275px); }
      .off-canvas-base .off-canvas-content-wrapper.is-drawer-open .off-canvas-scroll-content {
        filter: blur(1.5px); }
  .off-canvas-base .off-canvas-obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 4;
    /* Close Icon */ }
    .off-canvas-base .off-canvas-obfuscator.is-drawer-open {
      background-color: rgba(0, 0, 0, 0.6);
      visibility: visible;
      opacity: 1;
      pointer-events: auto; }
    .off-canvas-base .off-canvas-obfuscator .rdc-icons {
      position: absolute;
      right: 15px;
      top: 15px;
      color: rgba(255, 255, 255, 0.75);
      font-size: 18px;
      cursor: pointer; }

/* ==========================================================================
Off Canvas Menu Styles [WIP]
========================================================================== */
/* Burger Menu Overrides */
.ember-burger-menu .bm-outlet .bm-content {
  overflow: hidden !important; }

.bm--rdc-push-animation.ember-burger-menu.left .bm-outlet {
  transition: transform 300ms; }

.bm--rdc-push-animation .bm-menu {
  width: 100% !important;
  visibility: visible; }

.bm--rdc-push-animation.ember-burger-menu.left .bm-outlet {
  z-index: 100;
  transition: transform 400ms; }

/* BM Content Wrapper */
.bm-content-wrapper {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  /* BM Scroll Content Wrapper */ }
  .bm-content-wrapper .bm-scroll-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    /* Pass Header Height when header exist */
    bottom: 0;
    /* Pass Footer Height when footer exist */
    /* Y Scrollable Content */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .bm-content-wrapper .bm-scroll-content.is-header-enabled {
      top: 50px; }
    .bm-content-wrapper .bm-scroll-content.is-footer-enabled {
      bottom: 50px; }

/* Scenario: When Sliding Native Web View */
.sidebar-burger-menu.is-hijacked .bm-outlet {
  -webkit-transition: none !important;
  transition: none !important; }

.sidebar-burger-menu.is-hijacked .bm-menu::after {
  display: none !important; }

/* ==========================================================================
RDC Loading Indicator Styles
========================================================================== */
.loading-indicator-wrapper,
.rdc-loading-indicator-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5); }
  .loading-indicator-wrapper .loading-message-wrapper,
  .loading-indicator-wrapper .rdc-loading-indicator,
  .rdc-loading-indicator-wrapper .loading-message-wrapper,
  .rdc-loading-indicator-wrapper .rdc-loading-indicator {
    border-radius: 5px;
    background-color: #000;
    padding: 5px 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .loading-indicator-wrapper .loading-message-wrapper .loading-spinner, .loading-indicator-wrapper .loading-message-wrapper___spinner,
    .loading-indicator-wrapper .rdc-loading-indicator .loading-spinner,
    .loading-indicator-wrapper .rdc-loading-indicator___spinner,
    .rdc-loading-indicator-wrapper .loading-message-wrapper .loading-spinner,
    .rdc-loading-indicator-wrapper .loading-message-wrapper___spinner,
    .rdc-loading-indicator-wrapper .rdc-loading-indicator .loading-spinner,
    .rdc-loading-indicator-wrapper .rdc-loading-indicator___spinner {
      display: block;
      float: left;
      position: relative;
      top: 4px;
      width: 20px;
      height: 20px;
      background: url(../rdc-ui-adn-theme-ui20/assets/images/spinner.svg) no-repeat;
      background-size: 20px; }
    .loading-indicator-wrapper .loading-message-wrapper .loading-message, .loading-indicator-wrapper .loading-message-wrapper___message,
    .loading-indicator-wrapper .rdc-loading-indicator .loading-message,
    .loading-indicator-wrapper .rdc-loading-indicator___message,
    .rdc-loading-indicator-wrapper .loading-message-wrapper .loading-message,
    .rdc-loading-indicator-wrapper .loading-message-wrapper___message,
    .rdc-loading-indicator-wrapper .rdc-loading-indicator .loading-message,
    .rdc-loading-indicator-wrapper .rdc-loading-indicator___message {
      font-size: 15px;
      font-size: 1.07143rem;
      color: white;
      font-weight: 400;
      padding-left: 30px;
      line-height: 30px;
      margin-bottom: 0; }

/* ==========================================================================
RDC Fancy SpinnerStyles
========================================================================== */
.fancy-spinner {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.85); }
  .fancy-spinner___spinner {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(../rdc-ui-adn-theme-ui20/assets/images/spinner/cicle-loader.gif) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

/* ==========================================================================
RDC Shield SpinnerStyles
========================================================================== */
.shield-spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .shield-spinner-wrapper .rdc-loading-indicator___message {
    padding-left: 10px; }

.shield-spinner-circle {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 20px; }

.shield-spinner {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 5px solid rgba(0, 0, 0, 0.3);
  border-right: 5px solid #0091ea;
  animation: rotate--spinner 1.6s linear infinite;
  box-sizing: border-box; }

.shield-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: white; }

@keyframes rotate--spinner {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

/* ==========================================================================
Bootstrap Collapse Component Styles
========================================================================== */
/* ==========================================================================
RDC Collapse Component Styles
========================================================================== */
.rdc-collapse {
  display: block; }
  .rdc-collapse-item {
    /* Header With Link and without Children */
    /* Active 0R Selected Link */
    /* Collapse Toggle Header */
    /* Collapse Content Base */
    /* Section Gap */ }
    .rdc-collapse-item___link-header, .rdc-collapse-item___link-header:hover, .rdc-collapse-item___link-header:focus, .rdc-collapse-item___link-header:visited {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      position: relative;
      font-size: 15px;
      font-weight: 300;
      color: white;
      padding: 12px 25px;
      text-decoration: none;
      /* Mail / notification Bubble */ }
      .rdc-collapse-item___link-header .rdc-glyphicon, .rdc-collapse-item___link-header:hover .rdc-glyphicon, .rdc-collapse-item___link-header:focus .rdc-glyphicon, .rdc-collapse-item___link-header:visited .rdc-glyphicon {
        font-size: 20px;
        font-size: 1.42857rem;
        color: rgba(255, 255, 255, 0.8);
        width: 20px;
        height: 20px;
        margin-right: 18px; }
      .rdc-collapse-item___link-header .rdc-svgicon, .rdc-collapse-item___link-header:hover .rdc-svgicon, .rdc-collapse-item___link-header:focus .rdc-svgicon, .rdc-collapse-item___link-header:visited .rdc-svgicon {
        width: 24px;
        height: 24px;
        margin-left: -3px;
        margin-right: calc(18px - 4px); }
      .rdc-collapse-item___link-header:not(.is-disabled), .rdc-collapse-item___link-header:hover:not(.is-disabled), .rdc-collapse-item___link-header:focus:not(.is-disabled), .rdc-collapse-item___link-header:visited:not(.is-disabled) {
        cursor: pointer; }
      .rdc-collapse-item___link-header .bubble, .rdc-collapse-item___link-header:hover .bubble, .rdc-collapse-item___link-header:focus .bubble, .rdc-collapse-item___link-header:visited .bubble {
        position: absolute;
        display: inline-block;
        right: 15px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        border-radius: 3px;
        background-color: #C53D3C;
        font-size: 11px;
        font-size: 0.78571rem;
        font-weight: 100;
        color: white;
        line-height: 11px;
        padding: 3px 6px; }
    .rdc-collapse-item___link-header.active {
      color: rgba(255, 255, 255, 0.8); }
      .rdc-collapse-item___link-header.active .rdc-glyphicon {
        color: rgba(255, 255, 255, 0.8); }
    .rdc-collapse-item___header {
      position: relative;
      display: block;
      font-size: 15px;
      font-size: 1.07143rem;
      font-weight: 300;
      color: #9b9b9b;
      padding: 12px 25px;
      -webkit-transition: 400ms ease all;
      -moz-transition: 400ms ease all;
      -ms-transition: 400ms ease all;
      transition: 400ms ease all;
      /* Arrow Menu */
      /* Open State */ }
      .rdc-collapse-item___header::after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10px;
        content: "\e92f";
        width: 16px;
        height: 10px;
        position: absolute;
        right: 15px;
        top: 15px;
        -webkit-transition: 400ms ease all;
        -moz-transition: 400ms ease all;
        -ms-transition: 400ms ease all;
        transition: 400ms ease all;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
      .rdc-collapse-item___header .rdc-glyphicon {
        font-size: 18px;
        color: rgba(255, 255, 255, 0.8);
        width: 16px;
        height: 12px;
        margin-right: 14px; }
      .rdc-collapse-item___header:not(.is-disabled) {
        cursor: pointer; }
      .rdc-collapse-item___header.is-active {
        color: rgba(255, 255, 255, 0.8) !important; }
        .rdc-collapse-item___header.is-active .rdc-glyphicon {
          color: rgba(255, 255, 255, 0.8); }
        .rdc-collapse-item___header.is-active::after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
    .rdc-collapse-item___content {
      padding: 0;
      margin: 0;
      /* Open State */ }
      .rdc-collapse-item___content.is-active {
        min-height: 10px;
        /* Minimum Empty Content */ }
    .rdc-collapse-item___gap {
      height: 40px; }

/* ==========================================================================
RDC Card List Styles
========================================================================== */
/* Variables */
.rdc-card-list .debit-card {
  margin-bottom: 15px; }

.rdc-card-list .component-header {
  height: 34px;
  background-color: #e7e7e7;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  font-size: 12px;
  font-size: 0.85714rem; }

.rdc-card-list .select-all {
  color: #0091ea; }

.rdc-card-list .rdc-card-component.checked .card-holder {
  border: 1px solid #00a546; }

.rdc-card-list .rdc-card-component.checked .cards .card-button__icon {
  background-color: #00a546; }
  .rdc-card-list .rdc-card-component.checked .cards .card-button__icon::after {
    color: #fff; }

.rdc-card-list .rdc-card-component .card-holder {
  border: 1px solid #e7e7e7;
  padding: 18px;
  height: auto;
  background-color: #fff; }

.rdc-card-list .rdc-card-component .cards {
  display: -webkit-flex;
  display: flex;
  text-align: left; }
  .rdc-card-list .rdc-card-component .cards .card-image {
    -webkit-flex: none;
    flex: none;
    width: 58px;
    padding: 2px 10px 0 0; }
    .rdc-card-list .rdc-card-component .cards .card-image img {
      width: 48px;
      height: 30px; }
  .rdc-card-list .rdc-card-component .cards .card-details {
    -webkit-flex: auto;
    flex: auto;
    width: auto; }
    .rdc-card-list .rdc-card-component .cards .card-details .card-name {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #777777; }
    .rdc-card-list .rdc-card-component .cards .card-details .card-number {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #9b9b9b; }
  .rdc-card-list .rdc-card-component .cards .card-button {
    -webkit-flex: none;
    flex: none;
    width: 40px;
    padding-left: 10px; }
    .rdc-card-list .rdc-card-component .cards .card-button__icon {
      float: right;
      position: relative;
      border: none;
      background-color: #efefef;
      box-shadow: none;
      width: 30px;
      height: 30px;
      margin: 0;
      border-radius: 21px; }
      .rdc-card-list .rdc-card-component .cards .card-button__icon::after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        content: "\e907";
        color: #efefef;
        padding: 4px 0 0 2px;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 1px;
        top: 5px;
        -webkit-transition: 400ms ease all;
        -moz-transition: 400ms ease all;
        -ms-transition: 400ms ease all;
        transition: 400ms ease all; }

/* ==========================================================================
RDC cheque List Styles
========================================================================== */
/* Variables */
.rdc-cheque-book-list .cheque-book-list {
  margin-bottom: 15px; }

.rdc-cheque-book-list .component-header {
  height: 34px;
  padding: 10px;
  font-size: 12px;
  font-size: 0.85714rem;
  color: #9b9b9b; }

.rdc-cheque-book-list .select-all {
  font-size: 14px;
  font-size: 1rem;
  color: #0091ea; }

.rdc-cheque-book-list .rdc-cheque-book.checked .cheque-holder {
  border: 1px solid #00a546; }

.rdc-cheque-book-list .rdc-cheque-book.checked .cheques .cheque-button__icon {
  background-color: #00a546; }
  .rdc-cheque-book-list .rdc-cheque-book.checked .cheques .cheque-button__icon::after {
    color: #fff; }

.rdc-cheque-book-list .rdc-cheque-book:first-child .cheque-holder {
  border-radius: 3px 3px 0 0; }

.rdc-cheque-book-list .rdc-cheque-book:last-child .cheque-holder {
  border-radius: 0 0 3px 3px; }

.rdc-cheque-book-list .rdc-cheque-book .cheque-holder {
  border: 1px solid #e7e7e7;
  padding: 16px;
  height: auto;
  background-color: #fff; }

.rdc-cheque-book-list .rdc-cheque-book .cheques {
  display: -webkit-flex;
  display: flex;
  text-align: left; }
  .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-details {
    -webkit-flex: auto;
    flex: auto;
    width: auto; }
    .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-details .cheque-name {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #777777; }
    .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-details .cheque-number {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #9b9b9b; }
  .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-button {
    -webkit-flex: none;
    flex: none;
    width: 40px;
    padding-left: 10px; }
    .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-button__icon {
      float: right;
      position: relative;
      border: none;
      background-color: #efefef;
      box-shadow: none;
      width: 30px;
      height: 30px;
      margin: 0;
      border-radius: 21px; }
      .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-button__icon::after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        content: "\e907";
        color: #efefef;
        padding: 4px 0 0 2px;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 1px;
        top: 5px;
        -webkit-transition: 400ms ease all;
        -moz-transition: 400ms ease all;
        -ms-transition: 400ms ease all;
        transition: 400ms ease all; }

/* ==========================================================================
Rdc Navigation Select Component Styles
========================================================================== */
/* Variables */
.rdc-navigation-select .label-holder label {
  font-weight: 400;
  color: #0091ea;
  margin: 0 0 5px 0;
  padding: 0 0 0 5px;
  line-height: 1.2; }

.rdc-navigation-select .label-holder span {
  font-weight: 400;
  position: absolute;
  right: 10px; }

.rdc-navigation-select .component-holder {
  height: auto; }

.rdc-navigation-select .textinput-wrapper {
  display: block;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid rgba(116, 116, 116, 0.25);
  height: 60px;
  margin-bottom: 5px; }
  .rdc-navigation-select .textinput-wrapper button {
    font-family: "SC Sans Web", sans-serif;
    font-size: 15px;
    font-weight: 200;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background: transparent;
    text-align: left; }
    .rdc-navigation-select .textinput-wrapper button .rdc-navigation-item-label {
      font-weight: 300; }
  .rdc-navigation-select .textinput-wrapper span {
    position: absolute;
    right: 12px;
    top: 23px;
    width: 20px;
    height: 20px;
    pointer-events: none; }

/* RDC UI SNIPPET STYLES */
/* Small Utils */
.error {
  color: #d0021b !important; }

/* ==========================================================================
Side Bar Burger Menu Styles
========================================================================== */
.sidebar-burger-menu {
  background: url(../rdc-ui-adn-theme-ui20/assets/images/s-idebar-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  /* Dim Overlay */ }
  .sidebar-burger-menu.is-open.translucent-overlay .bm-outlet::after {
    background: transparent !important; }
  .sidebar-burger-menu.is-open .bm-content {
    /* When 3D Squeze Effect */
    -webkit-box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.7); }
  .sidebar-burger-menu .sidebar-menu-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 77%;
    height: 100%;
    left: 0;
    /* Only If Physical Device (iOS), pushing content to manage Status Bar overlay space  */
    /* Scroll Menu Content */ }
    .is-ios .sidebar-burger-menu .sidebar-menu-wrapper {
      height: calc( 100% - 20px);
      margin-top: 20px; }
    .sidebar-burger-menu .sidebar-menu-wrapper .banner-header {
      -webkit-box-flex: none;
      -webkit-flex: none;
      -moz-box-flex: none;
      -moz-flex: none;
      -ms-flex: none;
      flex: none;
      padding: 25px 18px 0 18px;
      /* Sub Nav Links */ }
      .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .title a {
        font-size: 24px;
        font-size: 1.71429rem;
        font-weight: 200;
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        padding: 0;
        border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
        .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links .spacer {
          position: relative;
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
          -moz-box-flex: 1;
          -moz-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          height: 15px; }
          .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links .spacer::after {
            content: '';
            display: inline-block;
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            width: 1px;
            background-color: rgba(255, 255, 255, 0.3); }
        .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links li {
          position: relative; }
          .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links li:first-child {
            padding-left: 0; }
          .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links li:last-child::after {
            visibility: hidden; }
          .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links li a {
            font-size: 13px;
            font-size: 0.92857rem;
            font-weight: 300;
            color: white;
            letter-spacing: 0.2;
            padding-top: 15px;
            padding-bottom: 15px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row nowrap;
            -moz-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center; }
            .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links li a .rdc-svgicon {
              width: 12px;
              height: 12px;
              margin-right: 5px; }
        .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links.disabled {
          opacity: .3;
          pointer-events: none; }
      .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .last-login {
        display: block;
        font-size: 11px;
        font-size: 0.78571rem;
        color: white;
        font-weight: 200;
        padding: 10px 0 0 0; }
    .sidebar-burger-menu .sidebar-menu-wrapper .sub-links-2 .spacer {
      position: relative;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 1;
      -moz-box-flex: 0;
      -moz-flex: 0 0 1;
      -ms-flex: 0 0 1;
      flex: 0 0 1; }
    .sidebar-burger-menu .sidebar-menu-wrapper .sub-links-2 li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
    .sidebar-burger-menu .sidebar-menu-wrapper .menu-scroll-content {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 20px 0 50px 0;
      /* Y Scrollable Content */
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      .sidebar-burger-menu .sidebar-menu-wrapper .menu-scroll-content.is-loggedin {
        padding-top: 10px; }
      .sidebar-burger-menu .sidebar-menu-wrapper .menu-scroll-content::before {
        content: '';
        position: absolute;
        top: 0;
        left: 25px;
        right: 50px;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.35); }

/* ==========================================================================
RDC Sidebar Accordion Component Styles
========================================================================== */
.rdc-collapse-item.always-expanded .rdc-collapse-item___header {
  pointer-events: none; }

.rdc-sidebar-accordion {
  display: block; }
  .rdc-sidebar-accordion .rdc-collapse-item {
    margin: 8px 0;
    /* Accordion Toggle Header */
    /* Accordion Content Base */
    /* Section Gap */ }
    .rdc-sidebar-accordion .rdc-collapse-item___header {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      padding: 10px 25px;
      -webkit-transition: 400ms ease all;
      -moz-transition: 400ms ease all;
      -ms-transition: 400ms ease all;
      transition: 400ms ease all;
      /* Arrow Menu */
      /* Open State */ }
      .rdc-sidebar-accordion .rdc-collapse-item___header a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
      .rdc-sidebar-accordion .rdc-collapse-item___header label {
        font-size: 15px;
        font-size: 1.07143rem;
        font-weight: 300;
        color: #fff;
        line-height: 15px;
        margin-top: 3px; }
      .rdc-sidebar-accordion .rdc-collapse-item___header::after {
        display: none; }
      .rdc-sidebar-accordion .rdc-collapse-item___header .rdc-glyphicon,
      .rdc-sidebar-accordion .rdc-collapse-item___header .rdc-svgicon {
        font-size: 18px;
        color: rgba(255, 255, 255, 0.8);
        width: 20px;
        height: 20px;
        margin-right: 14px; }
      .rdc-sidebar-accordion .rdc-collapse-item___header:not(.is-disabled) {
        cursor: pointer; }
      .rdc-sidebar-accordion .rdc-collapse-item___header.is-active::before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        right: 18px;
        top: 0;
        bottom: 0;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        background-color: rgba(255, 255, 255, 0.22); }
    .rdc-sidebar-accordion .rdc-collapse-item___content {
      position: relative;
      overflow: hidden;
      padding: 0;
      margin: 0;
      /* Open State */
      /* Decorator Line */
      /* State Active (Open) */ }
      .rdc-sidebar-accordion .rdc-collapse-item___content.is-active {
        min-height: 10px;
        /* Minimum Empty Content */ }
      .rdc-sidebar-accordion .rdc-collapse-item___content ul {
        list-style-type: none;
        padding: 8px 0;
        margin: 0;
        background-color: transparent; }
        .rdc-sidebar-accordion .rdc-collapse-item___content ul li {
          position: relative; }
          .rdc-sidebar-accordion .rdc-collapse-item___content ul li a {
            display: block;
            position: relative;
            font-size: 15px;
            font-size: 1.07143rem;
            font-weight: 200;
            color: white;
            padding: 8px 15px 8px 70px;
            letter-spacing: 0.2; }
            .rdc-sidebar-accordion .rdc-collapse-item___content ul li a.active::before {
              content: ' ';
              display: block;
              position: absolute;
              left: 54px;
              top: 5px;
              bottom: 5px;
              width: 3px;
              background-color: white; }
          .rdc-sidebar-accordion .rdc-collapse-item___content ul li:hover {
            background-color: rgba(0, 0, 0, 0.035); }
      .rdc-sidebar-accordion .rdc-collapse-item___content::before {
        content: '';
        display: inline-block;
        position: absolute;
        background-color: rgba(255, 255, 255, 0.35);
        width: 1px;
        left: 55px;
        top: 14px;
        bottom: 14px;
        z-index: 2;
        transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        transition: all 600ms ease; }
      .rdc-sidebar-accordion .rdc-collapse-item___content.is-expanded::before {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0); }
    .rdc-sidebar-accordion .rdc-collapse-item___gap {
      position: relative;
      height: 40px; }
      .rdc-sidebar-accordion .rdc-collapse-item___gap::after {
        content: '';
        position: absolute;
        left: 24px;
        right: 25%;
        height: 1px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }

/* ==========================================================================
Side Bar Burger Menu Styles
========================================================================== */
.sidebar-burger-menu---kitchen-sink {
  /* Menu Footer */ }
  .sidebar-burger-menu---kitchen-sink .menu-footer {
    bottom: 0;
    padding: 12px 25px; }
    .sidebar-burger-menu---kitchen-sink .menu-footer .version_title,
    .sidebar-burger-menu---kitchen-sink .menu-footer .version_number {
      padding: 0;
      margin: 0; }
    .sidebar-burger-menu---kitchen-sink .menu-footer .version_title {
      font-size: 15px;
      font-size: 1.07143rem;
      font-weight: 200;
      color: rgba(255, 255, 255, 0.7); }
    .sidebar-burger-menu---kitchen-sink .menu-footer .version_number {
      font-size: 28px;
      font-size: 2rem;
      font-weight: 200;
      color: rgba(255, 255, 255, 0.7);
      margin-top: -6px; }
    .sidebar-burger-menu---kitchen-sink .menu-footer .dot {
      font-weight: 300; }

.help-description {
  font-size: 14px;
  font-size: 1rem;
  color: #9b9b9b; }

/* ==========================================================================
NavBar Sub Header Styles
========================================================================== */
.navbar-sub-header {
  height: 50px;
  background-color: #0091ea;
  padding: 0px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  /* Tab Bar Holder Override */ }
  .navbar-sub-header___title, .navbar-sub-header___steps {
    color: white; }
  .navbar-sub-header___title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    font-size: 15px;
    font-size: 1.07143rem;
    line-height: 1.2; }
  .navbar-sub-header___steps {
    font-size: 12px;
    font-size: 0.85714rem; }
  .navbar-sub-header---tab-bar {
    background-color: white;
    border-bottom: solid 1px #cccccc; }

/* ==========================================================================
Options Vertical Button Styles
========================================================================== */
.rdc-elm-options-vertical {
  display: inline-block;
  color: #C1C1C1;
  width: 36px;
  height: 36px;
  border: 1px solid #C1C1C1;
  border-radius: 50%; }
  .rdc-elm-options-vertical:hover, .rdc-elm-options-vertical:focus {
    background-color: rgba(0, 0, 0, 0.05); }
  .rdc-elm-options-vertical::before {
    display: inline-block;
    width: 14px;
    height: 16px;
    font-size: 16px;
    margin: 9px 0 0 10px; }
  .rdc-elm-options-vertical::after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    margin-left: -15px;
    background-color: rgba(255, 0, 0, 0); }

/* ==========================================================================
Info Card Styles
========================================================================== */
.info-card-list___item {
  margin-bottom: 10px; }

/* Info Card */
.info-card {
  display: flex;
  flex-flow: row nowrap;
  min-height: 110px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.12);
  border-bottom: solid 4px rgba(0, 0, 0, 0.12);
  padding: 15px 20px 15px 0; }
  .info-card___icon-base {
    flex: 0 0 120px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .info-card___icon-base .rdc-icons {
      width: 72px;
      height: 72px;
      font-size: 42px;
      display: flex;
      justify-content: center;
      align-items: center; }
  .info-card___content-base {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center; }
    .info-card___content-base h3 {
      font-size: 20px;
      margin-bottom: 0; }
    .info-card___content-base p {
      font-size: 14px;
      margin-top: 15px;
      /* This truncate solution only for webkit browsers */
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }

/* ==========================================================================
View Card Styles
========================================================================== */
.rdc-view-card {
  border-radius: 10px;
  background: white;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 25px;
  top: 15px; }
  .rdc-view-card---scrollable {
    /* Y Scrollable Content */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .rdc-view-card---no-fill {
    bottom: initial;
    overflow-x: hidden;
    overflow-y: hidden; }
  .rdc-view-card___footer {
    border-top: solid 1px #d3d3d3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 20px;
    text-align: center; }

/* ==========================================================================
Panel Styles
========================================================================== */
.rdc-panel___header {
  background-color: #E1E1E1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0px 15px 0px 15px;
  min-height: 34px;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 34px; }

.rdc-panel___content {
  border: solid 1px #eaeaea;
  border-top: none; }

/* ==========================================================================
White Card Styles
========================================================================== */
.rdc-card {
  border-radius: 5px;
  background-color: white;
  border: 1px solid rgba(116, 116, 116, 0.25);
  padding: 15px 12px; }

/* ==========================================================================
Success Panel Styles
========================================================================== */
.info-panel,
.rdc-status-panel {
  border-radius: 5px;
  background-color: white;
  border: 1px solid #CECECE;
  border-top: 5px solid #00a546;
  padding: 0 25px 25px 25px;
  text-align: center;
  /* State: Error OR Warning */ }
  .info-panel h3, .info-panel___heading,
  .rdc-status-panel h3,
  .rdc-status-panel___heading {
    font-size: 30px;
    font-size: 2.14286rem;
    color: #00a546;
    font-weight: 400; }
  .info-panel___body,
  .rdc-status-panel___body {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #2b2929;
    font-weight: 400; }
  .info-panel > .rdc-svgicon,
  .info-panel > .rdc-glyphicon,
  .rdc-status-panel > .rdc-svgicon,
  .rdc-status-panel > .rdc-glyphicon {
    width: 78px;
    height: 78px;
    font-size: 78px;
    color: #00a546;
    margin: 30px 0; }
  .info-panel___title,
  .rdc-status-panel___title {
    font-size: 12px;
    font-size: 0.85714rem;
    font-weight: 300;
    color: #969696;
    margin-bottom: 5px; }
  .info-panel___description,
  .rdc-status-panel___description {
    font-size: 13px;
    font-size: 0.92857rem;
    font-weight: 300;
    color: #969696; }
  .info-panel hr,
  .rdc-status-panel hr {
    margin-top: 8px;
    margin-bottom: 8px;
    border-top: 1px solid #cccccc; }
  .info-panel---negative,
  .rdc-status-panel---negative {
    border-top: 5px solid #d2534d; }
    .info-panel---negative h3, .info-panel---negative___heading,
    .info-panel---negative > .rdc-glyphicon,
    .rdc-status-panel---negative h3,
    .rdc-status-panel---negative___heading,
    .rdc-status-panel---negative > .rdc-glyphicon {
      color: #d2534d; }

/* ==========================================================================
Dashboard Account Summary Group Styles
========================================================================== */
.account-summary-group {
  /* Collapsable Panel Content */
  /* Overring Collapsable Panel Styles */ }
  .account-summary-group___heading {
    font-size: 15px;
    font-size: 1.07143rem;
    margin-bottom: 10px;
    font-weight: 400; }
  .account-summary-group___current-balance {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    text-align: right;
    margin-bottom: 0;
    margin-top: 10px; }
  .account-summary-group .account-details-card .title {
    display: block;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    font-weight: 400; }
  .account-summary-group .account-details-card .value {
    display: block;
    font-size: 15px;
    font-size: 1.07143rem;
    color: #2b2929;
    font-weight: 400; }
  .account-summary-group .account-info-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .account-summary-group .account-info-card .account-wrapper {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      .account-summary-group .account-info-card .account-wrapper .title {
        font-size: 15px;
        font-size: 1.07143rem;
        color: #2b2929;
        font-weight: 400; }
      .account-summary-group .account-info-card .account-wrapper .value {
        font-size: 13px;
        font-size: 0.92857rem;
        color: #969696;
        font-weight: 400; }
    .account-summary-group .account-info-card .balance-wrapper {
      padding-left: 15px;
      min-width: 155px; }
      .account-summary-group .account-info-card .balance-wrapper .title {
        font-size: 12px;
        font-size: 0.85714rem;
        color: #969696;
        font-weight: 400; }
  .account-summary-group .rdc-collapsible-panel + .rdc-collapsible-panel {
    margin-top: 15px; }

/* Transfer Info card */
.transfer-info-card {
  position: relative; }
  .transfer-info-card .amount-wrapper {
    position: absolute;
    right: 10px;
    top: 4px; }
    .transfer-info-card .amount-wrapper .amount {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #0091ea;
      font-weight: 400; }

/* ==========================================================================
Summary Group Snippet Styles
========================================================================== */
.summary-group {
  border-radius: 5px;
  border: solid 1px rgba(172, 172, 172, 0.5);
  background: white; }
  .summary-group___header {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #0091ea;
    padding: 12px 15px;
    border-bottom: solid 1px gainsboro; }

.summary-col-wrapper {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding: 0; }
  .summary-col-wrapper .summary-wrapper {
    padding-left: 15px; }
    .summary-col-wrapper .summary-wrapper:before {
      content: '';
      display: inline-block;
      position: absolute;
      width: 1px;
      background: #eaeaea;
      right: 0px;
      top: 5px;
      bottom: 5px; }
    .summary-col-wrapper .summary-wrapper:last-child:before {
      display: none; }

/* Summary with title and value */
.summary-wrapper {
  display: block; }
  .summary-wrapper .title,
  .summary-wrapper .value {
    display: block; }
  .summary-wrapper .title {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    font-weight: 300;
    margin-bottom: 2px; }
  .summary-wrapper .value {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #2b2929;
    font-weight: 400;
    margin-bottom: 10px; }
    .summary-wrapper .value:last-child {
      margin-bottom: 0; }

/* ==========================================================================
Tile List Styles Styles
========================================================================== */
.rdc-tile-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  list-style: none;
  background: none;
  overflow: hidden; }
  .rdc-tile-list___item {
    background: #fff;
    border: solid 1px #D7D7D7;
    border-radius: 5px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(33.33% - 5px);
    -moz-box-flex: 0;
    -moz-flex: 0 0 calc(33.33% - 5px);
    -ms-flex: 0 0 calc(33.33% - 5px);
    flex: 0 0 calc(33.33% - 5px);
    margin-right: calc( 5px / 2);
    /* First Column */
    /* Second Column */
    /* Tile Item */ }
    .rdc-tile-list___item:last-child {
      margin-right: 0; }
    .rdc-tile-list___item:nth-child(odd) {
      /* margin-right: calc( 5px / 2) ; */ }
    .rdc-tile-list___item:nth-child(even) {
      /* margin-left: calc( 5px / 2) ; */ }
    .rdc-tile-list___item .tile-content {
      display: flex;
      flex-flow: column nowrap;
      align-items: center;
      padding: 20px 15px; }
      .rdc-tile-list___item .tile-content .rdc-glyphicon {
        font-size: 32px;
        font-size: 2.28571rem;
        margin-bottom: 12px; }
      .rdc-tile-list___item .tile-content p {
        font-size: 13px;
        font-size: 0.92857rem;
        color: #2b2929;
        text-align: center;
        margin: 0;
        line-height: 1.28571rem; }

/* ==========================================================================
List Selection Box Styles
========================================================================== */
.rdc-list-selection-box {
  background: white;
  border-radius: 5px;
  border: solid 1px rgba(172, 172, 172, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 15px 10px;
  margin-bottom: 10px; }
  .rdc-list-selection-box .rdc-glyphicon {
    font-size: 26px;
    font-size: 1.85714rem;
    color: #0091ea;
    margin-left: 10px;
    margin-right: 10px; }
  .rdc-list-selection-box p {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #969696;
    font-weight: 400;
    margin: 0;
    margin-top: 3px; }
    .rdc-list-selection-box p:nth-child(2) {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #9b9b9b;
      font-weight: 300; }

/* ==========================================================================
List Selection Box Styles
========================================================================== */
.rdc-list-item-link {
  background: white;
  border-radius: 5px;
  border: solid 1px rgba(172, 172, 172, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 15px 10px;
  margin-bottom: 10px; }
  .rdc-list-item-link___icon {
    font-size: 26px;
    font-size: 1.85714rem;
    color: #0091ea;
    margin-left: 10px;
    margin-right: 15px; }
  .rdc-list-item-link___title, .rdc-list-item-link___description {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #969696;
    font-weight: 400;
    margin: 0;
    margin-top: 3px; }
  .rdc-list-item-link___description {
    font-size: 13px;
    font-size: 0.92857rem;
    color: #9b9b9b;
    font-weight: 300; }

/* ==========================================================================
RDC Status Steps Bar Styles
========================================================================== */
/* Variables */
.rdc-steps-status-bar {
  display: block;
  position: relative;
  height: 16px;
  margin: 2px 0 2px 0;
  /* Steps Circle Wrapper */
  /* Progress Fill Wrapper */
  /* Base Haddle Bar */
  /* State Override: Completed */
  /* State Override: Validating */ }
  .rdc-steps-status-bar___steps-circle-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    z-index: 2; }
    .rdc-steps-status-bar___steps-circle-wrapper .steps-circle {
      display: inline-block;
      position: relative;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background-color: #CFCFCF;
      z-index: 3; }
      .rdc-steps-status-bar___steps-circle-wrapper .steps-circle::after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 4; }
  .rdc-steps-status-bar___progress-fill-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0 calc(8px);
    z-index: 1; }
    .rdc-steps-status-bar___progress-fill-wrapper .progress-fill {
      background: transparent;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      height: 100%; }
  .rdc-steps-status-bar___handle {
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    background-color: #CFCFCF;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 0; }
  .rdc-steps-status-bar---completed {
    /* Circles */ }
    .rdc-steps-status-bar---completed .steps-circle {
      background-color: #89C9A1; }
      .rdc-steps-status-bar---completed .steps-circle:last-child {
        background-color: #00a546;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 6px;
        font-size: 0.42857rem;
        color: white;
        text-align: center;
        /* Tick Icon */ }
        .rdc-steps-status-bar---completed .steps-circle:last-child::after {
          content: '';
          display: inline-block;
          width: 16px;
          height: 16px;
          line-height: 16px;
          border-radius: 50%;
          background-color: transparent;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          content: "\e907";
          z-index: 4; }
    .rdc-steps-status-bar---completed .progress-fill {
      background-color: #89C9A1; }
  .rdc-steps-status-bar---validating {
    /* Circles */
    /* Progress */ }
    .rdc-steps-status-bar---validating .steps-circle:nth-child(1), .rdc-steps-status-bar---validating .steps-circle:nth-child(2) {
      background-color: #FAC80B; }
    .rdc-steps-status-bar---validating .progress-fill:first-child {
      background-color: #FAC80B; }

/* ==========================================================================
RDC Status Steps Bar Styles - Only 3 Grey Items ( Application Flow )
========================================================================== */
.rdc-request-status-collapsible {
  /* Collapse Overrides */
  margin-bottom: 10px;
  /* Override: No Active ( Decorator ) Border */ }
  .rdc-request-status-collapsible .rdc-collapsible-panel___header .rdc-glyphicon {
    top: 28px;
    right: 15px;
    color: #b3b3b3; }
  .rdc-request-status-collapsible.expanded .rdc-collapsible-panel___header .rdc-glyphicon {
    top: 18px; }
  .rdc-request-status-collapsible .rdc-collapsible-panel___content {
    padding: 0; }
  .rdc-request-status-collapsible::after {
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none; }
  .rdc-request-status-collapsible .request-status-header .heading-wrapper {
    position: relative;
    margin-bottom: 5px; }
    .rdc-request-status-collapsible .request-status-header .heading-wrapper .status-heading {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #0091ea;
      font-weight: 400;
      line-height: 1.6;
      margin: 0; }
    .rdc-request-status-collapsible .request-status-header .heading-wrapper .badge {
      position: absolute;
      right: 5px;
      top: 2px;
      font-size: 10px;
      font-size: 0.71429rem;
      color: white;
      font-weight: 300;
      border-radius: 10px;
      border: none;
      background-color: #bababa;
      padding: 2px 10px 0 10px;
      line-height: 1.6;
      text-transform: uppercase; }
  .rdc-request-status-collapsible .request-status-header .heading-description {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #555555;
    font-weight: 300;
    line-height: 1; }
  .rdc-request-status-collapsible .request-status-content-flow-list {
    padding: 12px 15px;
    border-bottom: solid 1px #e0e0e0; }
    .rdc-request-status-collapsible .request-status-content-flow-list .list-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .rdc-request-status-collapsible .request-status-content-flow-list .list-item p {
        font-size: 12px;
        font-size: 0.85714rem;
        color: #555;
        line-height: 3; }
      .rdc-request-status-collapsible .request-status-content-flow-list .list-item label {
        font-size: 10px;
        font-size: 0.71429rem;
        color: white;
        font-weight: 300;
        text-align: center;
        border-radius: 10px;
        border: none;
        background-color: #d9d9d9;
        padding: 1px 10px 0 10px;
        line-height: 1.4;
        text-transform: uppercase;
        min-width: 90px; }
  .rdc-request-status-collapsible .request-status-summary {
    padding: 12px 15px 12px 15px; }
    .rdc-request-status-collapsible .request-status-summary .summary-wrapper {
      margin-bottom: 10px; }
      .rdc-request-status-collapsible .request-status-summary .summary-wrapper .value {
        font-size: 14px;
        font-size: 1rem; }
  .rdc-request-status-collapsible .rdc-request-status {
    display: block;
    position: relative;
    height: 16px;
    margin: 15px 0 20px 0;
    /* Steps Circle Wrapper */
    /* Progress Fill Wrapper */
    /* Base Haddle Bar */
    /* State Override: Completed */
    /* State Override: Validating */ }
    .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      z-index: 2; }
      .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper .steps-circle {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #e0e0e0;
        z-index: 3; }
        .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper .steps-circle::after {
          content: '';
          display: inline-block;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: white;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          z-index: 4; }
        .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper .steps-circle::before {
          content: attr(data-status);
          display: inline-block;
          position: absolute;
          /* left: calc( -50% - 10px); */
          top: 20px;
          position: absolute;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          font-size: 11px;
          font-size: 0.78571rem;
          color: #e0e0e0;
          font-weight: 300;
          text-transform: uppercase; }
        .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper .steps-circle:first-child::before {
          left: 0;
          transform: translateX(0);
          -ms-transform: translateX(0);
          -moz-transform: translateX(0);
          -webkit-transform: translateX(0);
          right: initial; }
        .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper .steps-circle:last-child::before {
          left: initial;
          right: 0;
          transform: translateX(0);
          -ms-transform: translateX(0);
          -moz-transform: translateX(0);
          -webkit-transform: translateX(0); }
    .rdc-request-status-collapsible .rdc-request-status___progress-fill-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      width: 100%;
      height: 5px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      padding: 0 calc(8px);
      z-index: 1; }
      .rdc-request-status-collapsible .rdc-request-status___progress-fill-wrapper .progress-fill {
        background: transparent;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 100%; }
    .rdc-request-status-collapsible .rdc-request-status___handle {
      display: block;
      position: relative;
      width: 100%;
      height: 5px;
      background-color: #e0e0e0;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      z-index: 0; }
    .rdc-request-status-collapsible .rdc-request-status---received {
      /* Circles */ }
      .rdc-request-status-collapsible .rdc-request-status---received .steps-circle:nth-child(1) {
        background-color: #9b9b9b; }
        .rdc-request-status-collapsible .rdc-request-status---received .steps-circle:nth-child(1)::before {
          color: #9b9b9b; }
    .rdc-request-status-collapsible .rdc-request-status---processing {
      /* Circles */
      /* Progress */ }
      .rdc-request-status-collapsible .rdc-request-status---processing .steps-circle:nth-child(1), .rdc-request-status-collapsible .rdc-request-status---processing .steps-circle:nth-child(2) {
        background-color: #9b9b9b; }
        .rdc-request-status-collapsible .rdc-request-status---processing .steps-circle:nth-child(1)::before, .rdc-request-status-collapsible .rdc-request-status---processing .steps-circle:nth-child(2)::before {
          color: #9b9b9b; }
      .rdc-request-status-collapsible .rdc-request-status---processing .progress-fill:first-child {
        background-color: #9b9b9b; }
    .rdc-request-status-collapsible .rdc-request-status---completed {
      /* Circles */ }
      .rdc-request-status-collapsible .rdc-request-status---completed .steps-circle {
        background-color: #9b9b9b; }
        .rdc-request-status-collapsible .rdc-request-status---completed .steps-circle::before {
          color: #9b9b9b; }
        .rdc-request-status-collapsible .rdc-request-status---completed .steps-circle:last-child {
          background-color: #9b9b9b;
          /* Tick Icon */ }
          .rdc-request-status-collapsible .rdc-request-status---completed .steps-circle:last-child::after {
            content: '';
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 6px;
            font-size: 0.42857rem;
            color: white;
            text-align: center;
            display: inline-block;
            width: 16px;
            height: 16px;
            line-height: 16px;
            border-radius: 50%;
            background-color: transparent;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            content: "\e907";
            z-index: 4; }
      .rdc-request-status-collapsible .rdc-request-status---completed .progress-fill {
        background-color: #9b9b9b; }

/* ==========================================================================
RDC Steps Status Flow Information Styles
========================================================================== */
/* Variables */
.rdc-steps-status-flow {
  display: block;
  position: relative;
  /* State Override: Completed */ }
  .rdc-steps-status-flow .step-heading {
    position: relative;
    font-size: 12px;
    font-size: 0.85714rem;
    color: white;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 22px;
    padding: 0 20px 0 25px;
    border: none;
    border-radius: 12px;
    background-color: #92DA98;
    /* White Circle */
    /* Dot */ }
    .rdc-steps-status-flow .step-heading::before, .rdc-steps-status-flow .step-heading::after {
      content: '';
      position: absolute;
      border-radius: 50%; }
    .rdc-steps-status-flow .step-heading::before {
      width: 14px;
      height: 14px;
      background-color: white;
      left: 5px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .rdc-steps-status-flow .step-heading::after {
      width: 4px;
      height: 4px;
      background-color: #5AB661;
      left: 10px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .rdc-steps-status-flow .step-content {
    display: block;
    position: relative;
    padding: 10px 0 10px 35px;
    /* Vertical Decorative Line */
    /* No Decorative Line Required for Last Item */ }
    .rdc-steps-status-flow .step-content .step-status {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #333333;
      font-weight: 400; }
    .rdc-steps-status-flow .step-content .step-description {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #868686;
      font-weight: 300;
      margin-top: 8px; }
    .rdc-steps-status-flow .step-content::before {
      content: '';
      display: block;
      position: absolute;
      width: 5px;
      left: 10px;
      top: -1px;
      bottom: -1px;
      background-color: #52B35A;
      z-index: -1; }
    .rdc-steps-status-flow .step-content:last-child::before {
      display: none; }
  .rdc-steps-status-flow---completed .step-heading:first-child {
    background: #5AB661; }
  .rdc-steps-status-flow---completed .step-heading:first-child {
    /* Tick Icon */ }
    .rdc-steps-status-flow---completed .step-heading:first-child::after {
      content: '';
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 6px;
      font-size: 0.42857rem;
      color: #5AB661;
      text-align: center;
      display: inline-block;
      width: 14px;
      height: 14px;
      line-height: 14px;
      border-radius: 50%;
      background-color: transparent;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      content: "\e907";
      left: 12px;
      z-index: 4; }

/* Notes Header */
.rdc-or-seperator,
.rdc-section-seperator {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 20px 0; }
  .rdc-or-seperator___line,
  .rdc-section-seperator___line {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 1px;
    background: #CFCFCF; }
  .rdc-or-seperator___text,
  .rdc-section-seperator___text {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-box-flex: 0;
    -moz-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    font-weight: 300;
    line-height: 12px;
    margin: 0 10px; }

/* ==========================================================================
Skeleton Styles
========================================================================== */
.animate .animated-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: skeletonShader;
  -moz-animation-name: skeletonShader;
  animation-name: skeletonShader;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #d8d8d8;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.15)), color-stop(20%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 20%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 20%);
  -webkit-background-size: 800px 100%;
  -moz-background-size: 800px 100%;
  background-size: 800px 100%; }

.bg-masker {
  background: #fff;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@-webkit-keyframes skeletonShader {
  0% {
    background-position: -400px 0; }
  100% {
    background-position: 400px 0; } }

@-moz-keyframes skeletonShader {
  0% {
    background-position: -400px 0; }
  100% {
    background-position: 400px 0; } }

@-ms-keyframes skeletonShader {
  0% {
    background-position: -400px 0; }
  100% {
    background-position: 400px 0; } }

@keyframes skeletonShader {
  0% {
    background-position: -400px 0; }
  100% {
    background-position: 400px 0; } }

/* ==========================================================================
Login Message Slide Component
========================================================================== */
.rdc-login-message {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  transition: all .3s;
  transform: translateY(0px);
  /* Login Button */ }
  .rdc-login-message.hide-notification {
    transform: translateY(70px); }
  .rdc-login-message.is-open {
    transition: none;
    pointer-events: initial; }
    .rdc-login-message.is-open .rdc-login-message___content {
      white-space: inherit; }
  .rdc-login-message___dark-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: #1e1f1c; }
  .rdc-login-message___title {
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 0 15px; }
    .rdc-login-message___title .rdc-svgicon {
      width: 20px;
      height: 20px;
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-info-brown.svg) no-repeat;
      background-size: 100% 100%; }
    .rdc-login-message___title label {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #969696;
      font-weight: 300;
      text-transform: uppercase;
      margin-left: 10px; }
  .rdc-login-message___content {
    background-color: #ffffcc;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0;
    height: 100%;
    transform: translateY(calc(100% - 70px));
    margin-left: 16px;
    margin-right: 16px;
    cursor: pointer;
    pointer-events: all;
    white-space: nowrap;
    overflow: hidden; }
  .rdc-login-message___message {
    font-size: 14px;
    font-size: 1rem;
    color: #2b2929;
    font-weight: 300;
    line-height: 1.57;
    letter-spacing: 0.6px;
    padding: 15px;
    padding-top: 0;
    overflow: hidden;
    text-overflow: ellipsis; }
  .rdc-login-message .btn-login {
    font-size: 14px;
    font-size: 1rem;
    letter-spacing: 0.6px;
    text-align: center;
    color: #2b2929;
    text-align: center;
    padding: 15px 50px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px; }

.rdc-pagination {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .rdc-pagination a,
  .rdc-pagination___prev .rdc-pagination___next, .rdc-pagination___pages {
    font-size: 14px;
    font-size: 1rem;
    color: #919191;
    font-weight: 300; }
  .rdc-pagination___prev {
    margin-right: 10px; }
  .rdc-pagination___next {
    margin-left: 7px; }
  .rdc-pagination___pages {
    margin-left: 5px;
    color: #000; }

.rdc-pagination-select-box {
  display: inline-block;
  width: auto;
  min-width: 40px; }
  .rdc-pagination-select-box .rdc-selectbox-triger {
    height: 26px;
    border-radius: 3px;
    border: solid 1px #e0e0e0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .rdc-pagination-select-box .rdc-selectbox-triger .ember-power-select-placeholder,
    .rdc-pagination-select-box .rdc-selectbox-triger .ember-power-select-selected-item {
      left: 0;
      right: 0;
      margin: 0;
      padding: 0 0 0 5px;
      font-size: 14px;
      font-size: 1rem; }
    .rdc-pagination-select-box .rdc-selectbox-triger .ember-power-select-status-icon {
      right: 2px; }

/* ==========================================================================
Scroll To Top Styles
========================================================================== */
.rdc-scroll-to-top-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  right: 15px;
  bottom: 55px;
  width: 45px;
  height: 45px;
  background-color: white;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
  .rdc-scroll-to-top-btn .rdc-glyphicon {
    width: 16px;
    height: 16px;
    font-size: 13px;
    margin-bottom: 3px;
    color: #0091ea; }
  .rdc-scroll-to-top-btn label {
    font-size: 10px;
    font-size: 0.71429rem;
    color: #0091ea;
    font-weight: 400;
    line-height: 1; }

/* ==========================================================================
List with Tick Styles
========================================================================== */
.rdc-rick-list li {
  font-size: 14px;
  font-size: 1rem;
  color: #777777;
  font-weight: 300;
  line-height: 1.7;
  text-align: left;
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-tick-green.svg) no-repeat;
  background-size: 12px 8px;
  background-position: left 6px;
  padding-left: 22px; }

.rdc-rick-list > ul {
  margin: 10px 0 0 20px; }

/* ==========================================================================
Curved Close button Styles
========================================================================== */
.rdc-curved-close-button {
  display: inline-block;
  width: 88px;
  height: 38px;
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-cross-curved.svg) no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

/* ==========================================================================
Tile List Styles Styles
========================================================================== */
.rdc-tooltip {
  position: absolute;
  right: 10px;
  top: 50px;
  display: inline-block;
  width: 230px;
  min-height: 35px;
  border-radius: 5px;
  background-color: #f4f4cf;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  z-index: 999; }
  .rdc-tooltip---arrow-top-right::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 16px;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #f4f4cf transparent; }
  .rdc-tooltip___close {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px;
    background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-close-button-dark.svg) no-repeat;
    background-size: 100% 100%; }
    .rdc-tooltip___close::before {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin-top: -10px;
      margin-right: -10px;
      margin-bottom: -10px;
      margin-left: -10px;
      background-color: rgba(255, 0, 0, 0); }
  .rdc-tooltip___content {
    padding: 15px 30px 15px 15px; }
    .rdc-tooltip___content p {
      font-size: 14px;
      font-size: 1rem;
      color: #000;
      font-weight: 300;
      line-height: 1.36;
      text-align: left; }

.ux-app-summary {
  position: relative;
  background-color: #42474f;
  padding: 25px 15px 0 15px;
  /* Compact View */ }
  .ux-app-summary::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
    background-color: #42474f; }
  .ux-app-summary .content-wrapper .header-wrapper {
    display: flex;
    flex-flow: row nowrap; }
    .ux-app-summary .content-wrapper .header-wrapper .title,
    .ux-app-summary .content-wrapper .header-wrapper .app-id {
      font-size: 12px;
      font-size: 0.85714rem;
      font-weight: 300; }
    .ux-app-summary .content-wrapper .header-wrapper .title {
      color: #6ac075;
      padding-right: 15px;
      text-align: left; }
    .ux-app-summary .content-wrapper .header-wrapper .app-id {
      flex: 1 1 auto;
      color: #fff;
      text-align: right;
      opacity: .5; }
  .ux-app-summary .content-wrapper .account-list {
    margin: 15px 0 15px 0; }
    .ux-app-summary .content-wrapper .account-list li {
      font-size: 20px;
      font-size: 1.42857rem;
      font-weight: 200;
      color: #fff; }
  .ux-app-summary .item-link {
    display: block;
    position: relative;
    line-height: 50px;
    font-size: 13px;
    font-size: 0.92857rem;
    font-weight: 300;
    color: #fff;
    border-top: solid 1px rgba(255, 255, 255, 0.15); }
    .ux-app-summary .item-link::before {
      position: absolute;
      display: inline-block;
      width: 16px;
      height: 16px;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e931";
      font-size: 12px;
      font-size: 0.85714rem;
      color: #d8d8d8;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      border: none; }
  .ux-app-summary---compact {
    padding: 15px 15px 15px 15px; }
    .ux-app-summary---compact .content-wrapper .account-list {
      margin: 5px 0 0 0; }
      .ux-app-summary---compact .content-wrapper .account-list li {
        font-size: 16px;
        font-size: 1.14286rem; }

/* FERE ENGINE STYLES */
/*
.fere-button-bar {
	display: flex;
	width: 100%;
	margin-top: 10px;
	button {
		flex-grow: 1;
	}
}
*/
/* UI VIEW SPECIFIC STYLES */
/* Common Views */
.italic {
  font-style: italic; }

.view-app-intro {
  background: transparent !important; }
  .view-app-intro .slide-box-wrapper {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: #fff;
    text-align: center; }
    .view-app-intro .slide-box-wrapper .view-content {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding-bottom: 95px; }
      .is-ios .view-app-intro .slide-box-wrapper .view-content {
        margin-top: 20px; }
      .view-app-intro .slide-box-wrapper .view-content .quick-demo {
        display: inline-block;
        position: relative;
        width: 300px;
        height: 300px; }
        .view-app-intro .slide-box-wrapper .view-content .quick-demo .rdc-svgicon,
        .view-app-intro .slide-box-wrapper .view-content .quick-demo .img-intro {
          display: inline-block;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0; }
        .view-app-intro .slide-box-wrapper .view-content .quick-demo .img-intro {
          visibility: hidden;
          height: 98%; }
      .view-app-intro .slide-box-wrapper .view-content .title {
        visibility: hidden;
        font-size: 20px;
        font-size: 1.42857rem;
        color: #0091ea;
        font-weight: 300;
        line-height: 1.3; }
    .view-app-intro .slide-box-wrapper .view-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 50px; }
      .view-app-intro .slide-box-wrapper .view-footer .rdc-button {
        width: 65%;
        max-width: 280px;
        border-radius: 25px; }
    .view-app-intro .slide-box-wrapper---first-slide {
      background-color: #336e7b;
      background-image: radial-gradient(circle at 73% 156%, rgba(0, 0, 0, 0.51), rgba(0, 0, 0, 0.42) 39%, rgba(0, 0, 0, 0)); }
      .view-app-intro .slide-box-wrapper---first-slide .view-content .title {
        color: white;
        margin-top: 20px; }
    .view-app-intro .slide-box-wrapper---last-slide {
      background-color: rgba(0, 0, 0, 0.65); }
      .view-app-intro .slide-box-wrapper---last-slide .view-content {
        width: 80%; }
        .view-app-intro .slide-box-wrapper---last-slide .view-content .quick-demo {
          width: 100%;
          height: 140px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
          -ms-flex-align: end;
          -webkit-align-items: flex-end;
          -moz-align-items: flex-end;
          align-items: flex-end;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          justify-content: center;
          margin-bottom: 20px; }
          .view-app-intro .slide-box-wrapper---last-slide .view-content .quick-demo .group-icon {
            position: relative; }
          .view-app-intro .slide-box-wrapper---last-slide .view-content .quick-demo .icon-intro-arrow {
            display: inline-block;
            width: 45px;
            height: 100px;
            background: url(../rdc-ui-adn-theme-ui20/assets/svg/intro-arrow.svg) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            top: -75px;
            left: -50px; }
          .view-app-intro .slide-box-wrapper---last-slide .view-content .quick-demo .rdc-svgicon {
            position: relative;
            width: 48px;
            height: 48px; }
        .view-app-intro .slide-box-wrapper---last-slide .view-content .title {
          font-size: 20px;
          font-size: 1.42857rem;
          color: white;
          line-height: 1.3; }
  .view-app-intro.is-first-slide .slick-dots li button:before, .view-app-intro.is-last-slide .slick-dots li button:before {
    background-color: white;
    opacity: 0.25; }
  .view-app-intro.is-first-slide .slick-dots li.slick-active button:before, .view-app-intro.is-last-slide .slick-dots li.slick-active button:before {
    opacity: 1; }

/* ==========================================================================
Landing Style
========================================================================== */
.view-landing {
  /* Reset styles */
  -webkit-transition: -webkit-filter .3s linear;
  -moz-transition: -moz-filter .3s linear;
  -ms-transition: -ms-filter .3s linear;
  -o-transition: -o-filter .3s linear;
  transition: filter .3s linear;
  /* Launch Styles */
  /* Quick Actions */ }
  .is-ios .view-landing {
    margin-top: 20px; }
  .view-landing.rdc-view-wrapper,
  .view-landing .rdc-view,
  .view-landing .rdc-navbar {
    background: transparent !important;
    border: none; }
  .view-landing .rdc-navbar::before {
    visibility: hidden; }
  .view-landing.has-overlay {
    -webkit-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px); }
  .view-landing .login-header {
    min-height: 74px; }
    .view-landing .login-header .icon-hamburger {
      font-size: 20px;
      font-size: 1.42857rem;
      color: #fff;
      font-weight: 600;
      margin: 35px 20px 20px 20px; }
    .view-landing .login-header .sc-logo {
      display: inline-block;
      width: 130px;
      padding: 25px 20px 0 0; }
    .view-landing .login-header .bubble {
      position: absolute;
      display: inline-block;
      background-color: #d0021b;
      font-size: 11px;
      font-size: 0.78571rem;
      font-weight: 300;
      color: white;
      line-height: 1;
      text-transform: uppercase;
      padding: 7px 6px 6px 6px;
      border-radius: 10px;
      top: 18px;
      left: 36px;
      pointer-events: none; }
  .view-landing .login-btn-wrapper {
    height: 367px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    /*
        position: absolute;
        left: 0;
        right: 0;
        top: 21.5%;
        
        @include flexbox;
        @include justify-content(space-between);
        @include align-items(center);
        padding-left: 20px;
        */ }
    .view-landing .login-btn-wrapper h2 {
      font-size: 26px;
      font-size: 1.85714rem;
      color: white;
      font-weight: 300;
      margin-bottom: 0;
      line-height: 30px;
      text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
      display: inline-block;
      float: left; }
    .view-landing .login-btn-wrapper .btn-login {
      min-width: 100px;
      height: 60px;
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      float: right; }
  .view-landing .quick-actions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 0 20px; }
    .view-landing .quick-actions .clip-svg-defs {
      position: fixed;
      left: -999px;
      top: -999px; }
    .view-landing .quick-actions .action {
      border: none;
      text-decoration: none;
      position: relative;
      background: transparent;
      border: none;
      background-color: rgba(0, 0, 0, 0.88);
      border-radius: 5px;
      border-bottom: 7px solid #00a546;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
      height: 118px;
      padding: 0;
      margin: 0; }
      .view-landing .quick-actions .action .item-wrapper {
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -moz-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
      .view-landing .quick-actions .action .bubble {
        display: inline-block;
        background-color: #d0021b;
        font-size: 11px;
        font-size: 0.78571rem;
        font-weight: 300;
        color: white;
        line-height: 1;
        text-transform: uppercase;
        position: absolute;
        right: -5px;
        top: -8px;
        padding: 4px 10px 2px 10px;
        border-radius: 10px; }
      .view-landing .quick-actions .action:first-child {
        margin-right: 10px; }
      .view-landing .quick-actions .action:last-child {
        margin-left: 10px; }
      .view-landing .quick-actions .action .icon-wrapper {
        display: inline-block;
        position: relative;
        width: auto;
        height: auto;
        margin: 20px 0 15px 0;
        display: flex;
        align-items: center;
        justify-content: center; }
        .view-landing .quick-actions .action .icon-wrapper .rdc-svgicon {
          color: white;
          width: 52px;
          height: 52px;
          font-size: 64px;
          /* clip-path: url(#clipping); */ }
          .view-landing .quick-actions .action .icon-wrapper .rdc-svgicon.icon-balance-home, .view-landing .quick-actions .action .icon-wrapper .rdc-svgicon.icon-budget-home {
            width: 60px; }
      .view-landing .quick-actions .action label {
        font-size: 12px;
        font-size: 0.85714rem;
        color: white;
        font-weight: 300; }

/* Overlay Views */
.overlay-view-bg {
  background: url(../rdc-ui-adn-theme-ui20/assets/images/bgblur.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.view-overlay-route {
  pointer-events: initial; }
  .view-overlay-route.rdc-view-wrapper,
  .view-overlay-route .rdc-view {
    background-color: transparent;
    border: none; }
  .view-overlay-route .rdc-navbar___left-button {
    font-size: 20px;
    font-size: 1.42857rem; }
  .view-overlay-route .rdc-navbar::before {
    visibility: hidden; }
  .view-overlay-route .rdc-view___content {
    padding: 0; }
    .view-overlay-route .rdc-view___content.has-header-footer {
      min-height: calc( 100vh - ( 50px + 75px )); }
  .view-overlay-route .no-data-info {
    display: inline-block;
    position: absolute;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    width: 100%;
    padding-bottom: 75px; }
    .view-overlay-route .no-data-info .quick-demo {
      display: inline-block;
      position: relative;
      width: 305px;
      height: 300px; }
      .view-overlay-route .no-data-info .quick-demo .bg-circle-zigzag {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      .view-overlay-route .no-data-info .quick-demo .img-intro {
        border: none;
        display: inline-block;
        width: 300px;
        height: 300px;
        top: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
    .view-overlay-route .no-data-info p {
      font-size: 16px;
      font-size: 1.14286rem;
      color: rgba(255, 255, 255, 0.7);
      font-weight: 300;
      padding: 0 35px; }
  .view-overlay-route .rdc-view___footer {
    padding: 0 15px; }
    .view-overlay-route .rdc-view___footer .btn-configure {
      bottom: 15px;
      border-radius: 3px;
      height: 60px; }

/* ==========================================================================
Quick Balaces
========================================================================== */
.view-quick-balances .block-intro-balance {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 72%;
  left: 0;
  top: 0;
  background: url(../rdc-ui-adn-theme-ui20/assets/images/intro-balance.gif) no-repeat;
  background-size: contain;
  background-position: 50% 50%; }

.view-quick-balances .rdc-view___content {
  padding: 20px 10px; }

.view-quick-balances .skeleton-list {
  padding: 20px 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  /* Masker */ }
  .view-quick-balances .skeleton-list___item {
    pointer-events: none;
    position: relative;
    background-color: #d8d8d8;
    height: 68px;
    border-radius: 5px;
    margin-bottom: 15px; }
    .view-quick-balances .skeleton-list___item .left-title,
    .view-quick-balances .skeleton-list___item .left-value,
    .view-quick-balances .skeleton-list___item .right-title,
    .view-quick-balances .skeleton-list___item .right-value {
      position: absolute;
      height: 14px;
      background-color: #d8d8d8; }
    .view-quick-balances .skeleton-list___item .left-title {
      left: 12px;
      top: 16px;
      width: 105px; }
    .view-quick-balances .skeleton-list___item .left-value {
      left: 12px;
      top: 34px;
      width: 50px; }
    .view-quick-balances .skeleton-list___item .right-title {
      right: 12px;
      top: 16px;
      width: 90px;
      height: 12px; }
    .view-quick-balances .skeleton-list___item .right-value {
      right: 12px;
      top: 34px;
      width: 110px; }
  .view-quick-balances .skeleton-list .gap-top,
  .view-quick-balances .skeleton-list .gap-middle,
  .view-quick-balances .skeleton-list .gap-bottom {
    left: 0;
    right: 0; }
  .view-quick-balances .skeleton-list .gap-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 16px; }
  .view-quick-balances .skeleton-list .gap-middle {
    top: calc( 16px + 14px);
    height: 3px; }
  .view-quick-balances .skeleton-list .gap-bottom {
    top: calc( 16px + 14px + 3px + 15px);
    height: 14px; }
  .view-quick-balances .skeleton-list .patch-left,
  .view-quick-balances .skeleton-list .patch-right {
    top: 10px;
    bottom: 10px;
    width: 12px; }
  .view-quick-balances .skeleton-list .patch-left {
    left: 0; }
  .view-quick-balances .skeleton-list .patch-right {
    right: 0; }
  .view-quick-balances .skeleton-list .patch-content-first-middle {
    left: calc( 12px + 102px);
    right: calc( 12px + 92px);
    top: 16px;
    height: 14px; }
  .view-quick-balances .skeleton-list .patch-content-second-middle {
    left: calc( 12px + 50px);
    right: calc( 12px + 110px);
    top: calc( 16px + 14px + 3px);
    height: 15px; }
  .view-quick-balances .skeleton-list .patch-content-first-right {
    left: calc( 12px + 102px);
    right: calc( 12px + 0px);
    top: calc( 16px + 11px);
    height: 3px; }

.view-quick-balances .quick-list {
  padding: 10px 10px 20px 10px;
  position: relative;
  left: 0;
  right: 0;
  top: 0; }
  .view-quick-balances .quick-list___item {
    position: relative;
    background-color: white;
    min-height: 68px;
    border-radius: 5px;
    border-bottom: solid 6px #0091ea;
    margin-bottom: 15px;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
    .view-quick-balances .quick-list___item .summary-wrapper {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: column nowrap;
      -moz-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center; }
      .view-quick-balances .quick-list___item .summary-wrapper.first .title {
        font-size: 14px;
        font-size: 1rem;
        color: #000; }
      .view-quick-balances .quick-list___item .summary-wrapper.last {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end; }

/* ==========================================================================
Quick Transactions
========================================================================== */
.view-quick-transactions .rdc-scroll-content.no-data {
  display: flex; }

.view-quick-transactions .rdc-scroll-content .rdc-view___content {
  padding: 10px 10px 20px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.view-quick-transactions .panel-top,
.view-quick-transactions .panel-bottom {
  border-radius: 10px; }

.view-quick-transactions .panel-top {
  min-height: 70px;
  margin-bottom: 15px;
  border-radius: 10px;
  background-image: linear-gradient(102deg, #0091ea, #0756af);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }
  .view-quick-transactions .panel-top .monthly-budget-base {
    min-height: 230px;
    padding: 20px 15px;
    text-align: center; }
    .view-quick-transactions .panel-top .monthly-budget-base .date-range {
      display: inline-block; }
      .view-quick-transactions .panel-top .monthly-budget-base .date-range a {
        display: none; }
      .view-quick-transactions .panel-top .monthly-budget-base .date-range p {
        font-size: 16px;
        font-size: 1.14286rem;
        font-weight: 300;
        color: white; }
    .view-quick-transactions .panel-top .monthly-budget-base .progress-wrapper {
      margin: 45px 0 15px 0; }
    .view-quick-transactions .panel-top .monthly-budget-base .spent-info {
      display: inline-block; }
      .view-quick-transactions .panel-top .monthly-budget-base .spent-info p {
        font-size: 12px;
        font-size: 0.85714rem;
        color: white; }
      .view-quick-transactions .panel-top .monthly-budget-base .spent-info .rdc-currency-input___amount, .view-quick-transactions .panel-top .monthly-budget-base .spent-info .rdc-currency-input___decimal {
        font-size: 40px;
        font-size: 2.85714rem;
        font-weight: 300;
        color: #fff47e; }
      .view-quick-transactions .panel-top .monthly-budget-base .spent-info .rdc-currency-input___currency {
        font-size: 24px;
        font-size: 1.71429rem;
        color: rgba(255, 255, 255, 0.5); }
      .view-quick-transactions .panel-top .monthly-budget-base .spent-info .you-have-left {
        font-size: 12px;
        font-size: 0.85714rem;
        font-weight: 300;
        color: rgba(255, 255, 255, 0.5);
        letter-spacing: 0.5px; }
        .view-quick-transactions .panel-top .monthly-budget-base .spent-info .you-have-left span {
          color: white; }
  .view-quick-transactions .panel-top .btn-not-configured {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 15px 25px; }
    .view-quick-transactions .panel-top .btn-not-configured .content {
      margin-left: 20px; }
      .view-quick-transactions .panel-top .btn-not-configured .content p {
        font-size: 12px;
        font-size: 0.85714rem;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 300; }
      .view-quick-transactions .panel-top .btn-not-configured .content .configure {
        font-size: 14px;
        font-size: 1rem;
        color: white;
        margin-top: 4px; }

.view-quick-transactions .panel-bottom {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: white;
  /* When there is no data available */
  /* Filter Menu */ }
  .view-quick-transactions .panel-bottom___header {
    padding: 0px 0 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .view-quick-transactions .panel-bottom___header .content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: column nowrap;
      -moz-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      align-items: flex-start; }
    .view-quick-transactions .panel-bottom___header .title {
      font-size: 16px;
      font-size: 1.14286rem;
      color: #0091ea;
      font-weight: 300; }
    .view-quick-transactions .panel-bottom___header .description {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #777777; }
    .view-quick-transactions .panel-bottom___header .btn-filter {
      width: 64px;
      height: 64px;
      position: relative; }
      .view-quick-transactions .panel-bottom___header .btn-filter::before {
        content: '';
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 0;
        width: 1px;
        background-color: rgba(150, 150, 150, 0.2); }
      .view-quick-transactions .panel-bottom___header .btn-filter .rdc-glyphicon {
        width: 100%;
        height: 100%;
        font-size: 22px;
        font-size: 1.57143rem;
        color: #000; }
  .view-quick-transactions .panel-bottom.no-data {
    text-align: center;
    padding-top: 20px; }
    .view-quick-transactions .panel-bottom.no-data .title {
      display: inline;
      font-size: 16px;
      font-size: 1.14286rem;
      color: #0091ea;
      font-weight: 300;
      margin: 0; }
    .view-quick-transactions .panel-bottom.no-data .no-data-content {
      display: inline-block;
      text-align: center;
      max-width: 185px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .view-quick-transactions .panel-bottom.no-data .no-data-content .icon-holder {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #f2f2f2;
        margin-bottom: 25px; }
        .view-quick-transactions .panel-bottom.no-data .no-data-content .icon-holder .rdc-svgicon {
          width: 64px;
          height: 64px; }
      .view-quick-transactions .panel-bottom.no-data .no-data-content .description {
        font-size: 13px;
        font-size: 0.92857rem;
        font-weight: 300;
        color: #969696;
        line-height: 1.5; }
  .view-quick-transactions .panel-bottom .anim-filter-drop-down {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none; }
    .view-quick-transactions .panel-bottom .anim-filter-drop-down .liquid-child {
      width: 100%;
      height: 100%; }
  .view-quick-transactions .panel-bottom .filter-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 1; }
  .view-quick-transactions .panel-bottom .filter-base {
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35); }
    .view-quick-transactions .panel-bottom .filter-base___header {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      background-color: #0091ea;
      padding: 0px 0 0 12px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
      .view-quick-transactions .panel-bottom .filter-base___header .title {
        font-size: 16px;
        font-size: 1.14286rem;
        color: white;
        font-weight: 300; }
      .view-quick-transactions .panel-bottom .filter-base___header .description {
        font-size: 12px;
        font-size: 0.85714rem;
        color: #777777; }
      .view-quick-transactions .panel-bottom .filter-base___header .btn-filter {
        width: 64px;
        height: 64px;
        position: relative; }
        .view-quick-transactions .panel-bottom .filter-base___header .btn-filter::before {
          content: '';
          position: absolute;
          top: 10px;
          bottom: 10px;
          left: 0;
          width: 1px;
          background-color: rgba(255, 255, 255, 0.35); }
        .view-quick-transactions .panel-bottom .filter-base___header .btn-filter .rdc-glyphicon {
          width: 100%;
          height: 100%;
          font-size: 22px;
          font-size: 1.57143rem;
          color: #fff; }
    .view-quick-transactions .panel-bottom .filter-base .filter-list___item {
      background-color: white;
      border-radius: 0;
      border-bottom: solid 1px rgba(211, 211, 211, 0.35); }
      .view-quick-transactions .panel-bottom .filter-base .filter-list___item a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        padding: 0 12px;
        min-height: 50px; }
        .view-quick-transactions .panel-bottom .filter-base .filter-list___item a .title {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          -webkit-justify-content: flex-start;
          -moz-justify-content: flex-start;
          justify-content: flex-start;
          font-size: 14px;
          font-size: 1rem;
          color: #000;
          font-weight: 400;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-right: 30px; }
          .view-quick-transactions .panel-bottom .filter-base .filter-list___item a .title span {
            font-size: 12px;
            font-size: 0.85714rem;
            color: #969696;
            font-weight: 300;
            padding-left: 20px; }
        .view-quick-transactions .panel-bottom .filter-base .filter-list___item a .rdc-svgicon {
          width: 16px;
          height: 16px;
          visibility: hidden; }
      .view-quick-transactions .panel-bottom .filter-base .filter-list___item:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom: none; }
      .view-quick-transactions .panel-bottom .filter-base .filter-list___item.is-selected .rdc-svgicon {
        visibility: visible; }

.view-quick-transactions .transaction-list-heading {
  font-size: 10px;
  font-size: 0.71429rem;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 10px;
  color: #969696;
  background-color: #f1f1f1;
  margin: 0;
  padding: 6px 12px; }

.view-quick-transactions .transaction-list {
  display: flex;
  flex-flow: column nowrap; }
  .view-quick-transactions .transaction-list___item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 0 12px;
    min-height: 45px;
    border-bottom: solid 1px rgba(211, 211, 211, 0.35); }
    .view-quick-transactions .transaction-list___item .description {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 65%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 65%;
      -ms-flex: 0 0 65%;
      flex: 0 0 65%;
      font-size: 14px;
      font-size: 1rem;
      color: #000;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .view-quick-transactions .transaction-list___item .amount-holder {
      flex: 0 0 35%;
      text-align: right;
      line-height: 0; }
    .view-quick-transactions .transaction-list___item .rdc-currency-input___amount, .view-quick-transactions .transaction-list___item .rdc-currency-input___decimal {
      font-size: 14px;
      font-size: 1rem;
      line-height: 14px; }
    .view-quick-transactions .transaction-list___item .rdc-currency-input___currency {
      font-size: 10px;
      font-size: 0.71429rem;
      line-height: 10px; }

.view-quick-transactions .updated-date {
  font-size: 11px;
  font-size: 0.78571rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 15px 0 0 0; }

/* ==========================================================================
Touch Login & Login Passphrase ( Malasiya Specific )
========================================================================== */
.view-touch-login .top-portion,
.view-login-passphrase .top-portion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: 35vh;
  min-height: 35vh; }
  .view-touch-login .top-portion p,
  .view-login-passphrase .top-portion p {
    font-size: 40px;
    font-size: 2.85714rem;
    color: white;
    font-weight: 300;
    text-align: center;
    line-height: 1.3; }

.view-touch-login .bottom-portion,
.view-login-passphrase .bottom-portion {
  height: 65vh;
  min-height: 65vh;
  background: white;
  position: relative; }
  .view-touch-login .bottom-portion .content-wrapper,
  .view-login-passphrase .bottom-portion .content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
  .view-touch-login .bottom-portion .content-holder,
  .view-login-passphrase .bottom-portion .content-holder {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 55px;
    /* Required for Footer Controls */ }
    .view-touch-login .bottom-portion .content-holder .title,
    .view-login-passphrase .bottom-portion .content-holder .title {
      font-size: 20px;
      font-size: 1.42857rem;
      color: #000;
      font-weight: 600;
      text-align: center; }
    .view-touch-login .bottom-portion .content-holder .description,
    .view-login-passphrase .bottom-portion .content-holder .description {
      font-size: 14px;
      font-size: 1rem;
      color: #777777;
      font-weight: 300;
      text-align: center;
      padding: 0 8%; }
    .view-touch-login .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input,
    .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      background-color: #f8f8f8; }
      .view-touch-login .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input input,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input input {
        color: #000; }
      .view-touch-login .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input___label,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input___label {
        font-size: 14px;
        font-size: 1rem;
        color: #969696; }
      .view-touch-login .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input.is-focused .rdc-login-text-input___label, .view-touch-login .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input.has-content .rdc-login-text-input___label,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input.is-focused .rdc-login-text-input___label,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input.has-content .rdc-login-text-input___label {
        font-size: 11px;
        font-size: 0.78571rem; }
    .view-touch-login .bottom-portion .content-holder .inputs-wrapper .password-wrapper,
    .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .password-wrapper {
      position: relative;
      margin-top: 2px; }
      .view-touch-login .bottom-portion .content-holder .inputs-wrapper .password-wrapper .rdc-login-text-input,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .password-wrapper .rdc-login-text-input {
        border-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px; }
      .view-touch-login .bottom-portion .content-holder .inputs-wrapper .password-wrapper .forgot-password,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .password-wrapper .forgot-password {
        font-size: 10px;
        font-size: 0.71429rem;
        font-weight: 400;
        color: #969696;
        position: absolute;
        right: 15px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        .view-touch-login .bottom-portion .content-holder .inputs-wrapper .password-wrapper .forgot-password:after,
        .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .password-wrapper .forgot-password:after {
          content: ' ';
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin-top: -5px;
          margin-right: -15px;
          margin-bottom: -5px;
          margin-left: -20px;
          background-color: rgba(255, 0, 0, 0); }

.view-touch-login .footer-controls,
.view-login-passphrase .footer-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px; }
  .view-touch-login .footer-controls .rdc-button,
  .view-login-passphrase .footer-controls .rdc-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 60px; }
    .view-touch-login .footer-controls .rdc-button:first-child,
    .view-login-passphrase .footer-controls .rdc-button:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border-right: solid 1px #fff; }
    .view-touch-login .footer-controls .rdc-button:last-child,
    .view-login-passphrase .footer-controls .rdc-button:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }

/* ==========================================================================
Touch Login
========================================================================== */
.view-touch-login .circle-icon-holder {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 78px;
  height: 78px;
  border-radius: 50%;
  margin-top: calc( -78px / 2);
  background: -moz-linear-gradient(135deg, #0091ea 0%, #0756af 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #0091ea), color-stop(100%, #0756af));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(135deg, #0091ea 0%, #0756af 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(135deg, #0091ea 0%, #0756af 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(135deg, #0091ea 0%, #0756af 100%);
  /* ie10+ */
  background: linear-gradient(135deg, #0091ea 0%, #0756af 100%);
  /* w3c */ }
  .view-touch-login .circle-icon-holder .rdc-svgicon {
    width: 36px;
    height: 36px; }

.view-touch-login .content-holder .inputs-wrapper {
  margin: 15px 0 20px 0; }

.view-touch-login .content-holder .terms-chechbox-holder {
  text-align: center; }

/* ==========================================================================
Login Passphrase ( Malasiya Specific )
========================================================================== */
.view-login-passphrase .circle-icon-holder {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 98px;
  height: 98px;
  border-radius: 50%;
  border: solid 2px white;
  background-color: white;
  margin-top: calc( -100px / 2);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden; }
  .view-login-passphrase .circle-icon-holder img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 0; }

.view-login-passphrase .content-holder .inputs-wrapper {
  margin: 15px 0 0 0; }

/* Dummy Loading Spinner */
.sp {
  width: 32px;
  height: 32px;
  clear: both;
  margin: 20px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* DUMMY SPINNER NEEDS TO BE REMOVED */
.sp-sphere {
  border-radius: 50%;
  border-left: 0px #fff solid;
  border-right: 0px #fff solid;
  -webkit-animation: spSphere 1s infinite linear;
  animation: spSphere 1s infinite linear; }

@-webkit-keyframes spSphere {
  0% {
    border-left: 0px #fff solid;
    border-right: 0px #fff solid; }
  33% {
    border-left: 32px #fff solid;
    border-right: 0px #fff solid; }
  34% {
    border-left: 0px #fff solid;
    border-right: 32px #fff solid; }
  66% {
    border-left: 0px #fff solid;
    border-right: 0px #fff solid; } }

@keyframes spSphere {
  0% {
    border-left: 0px #fff solid;
    border-right: 0px #fff solid; }
  33% {
    border-left: 32px #fff solid;
    border-right: 0px #fff solid; }
  34% {
    border-left: 0px #fff solid;
    border-right: 32px #fff solid; }
  66% {
    border-left: 0px #fff solid;
    border-right: 0px #fff solid; } }

/* ==========================================================================
Configure Settings
========================================================================== */
.view-settings {
  /* Setting Main View list */
  /* Row Item With Toggle */
  /* Item To Enable Row */ }
  .view-settings .rdc-view___content {
    padding: 0; }
  .view-settings .section-title {
    display: block;
    font-size: 10px;
    font-size: 0.71429rem;
    color: #969696;
    text-transform: uppercase;
    padding: 0 15px 10px 15px; }
    .view-settings .section-title:first-child {
      padding: 30px 15px 10px 15px; }
  .view-settings .description-info {
    display: block;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    padding: 15px;
    line-height: 1.5;
    letter-spacing: 0.3px; }
  .view-settings .description {
    font-size: 13px;
    font-size: 0.92857rem;
    color: #969696;
    font-weight: 300;
    padding: 0 15px; }
  .view-settings .settings-list {
    background-color: white;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 20px; }
    .view-settings .settings-list.first-child, .view-settings .settings-list:first-child {
      margin-top: 30px;
      margin-bottom: 0; }
    .view-settings .settings-list:last-child, .view-settings .settings-list.last-child {
      margin-bottom: 0; }
    .view-settings .settings-list___item {
      position: relative; }
      .view-settings .settings-list___item::after {
        content: '';
        display: inline-block;
        position: absolute;
        height: 1px;
        right: 0;
        bottom: 0;
        left: 60px;
        background-color: #e8e8e8; }
      .view-settings .settings-list___item:last-child::after {
        visibility: hidden; }
      .view-settings .settings-list___item .rdc-toggle {
        margin-bottom: 0; }
    .view-settings .settings-list___content {
      padding: 20px 20px 20px 60px; }
  .view-settings .item-status {
    min-height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .view-settings .item-status .icon-left.rdc-svgicon {
      background-size: 24px 24px;
      background-position: center center; }
      .view-settings .item-status .icon-left.rdc-svgicon.icon-balance {
        background-size: 32px 32px; }
      .view-settings .item-status .icon-left.rdc-svgicon.icon-finger-print {
        background-size: 26px 26px; }
      .view-settings .item-status .icon-left.rdc-svgicon.icon-pay-now-blue {
        background-size: 24px 26px; }
    .view-settings .item-status .icon-left {
      width: 60px;
      height: 60px;
      font-size: 24px;
      font-size: 1.71429rem; }
    .view-settings .item-status .title {
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 400;
      color: #000; }
    .view-settings .item-status .spacer {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
    .view-settings .item-status .status {
      font-size: 10px;
      font-size: 0.71429rem;
      font-weight: 300;
      color: #969696; }
      .view-settings .item-status .status.is-on {
        color: #00a546; }
    .view-settings .item-status .icon-right {
      width: 12px;
      height: 12px;
      font-size: 10px;
      font-size: 0.71429rem;
      color: #969696;
      margin: 0 10px 0 10px; }
    .view-settings .item-status .icon-lock-mini {
      position: absolute;
      right: 62px;
      width: 10px;
      height: 14px;
      background-size: 10px 12px;
      background-position: top center;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .view-settings .item-to-toggle {
    min-height: 60px;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .view-settings .item-to-toggle .title {
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 400;
      color: #000; }
    .view-settings .item-to-toggle .spacer {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
    .view-settings .item-to-toggle .rdc-toggle {
      display: inline-block;
      width: auto; }
  .view-settings .item-to-enable {
    position: relative;
    padding: 15px 12px; }
    .view-settings .item-to-enable .account-info___name, .view-settings .item-to-enable .account-info___number {
      display: block;
      font-size: 14px;
      font-size: 1rem;
      font-weight: 400; }
    .view-settings .item-to-enable .account-info___name {
      color: #000; }
    .view-settings .item-to-enable .account-info___number {
      color: #9b9b9b; }
    .view-settings .item-to-enable .rdc-checkbox {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
      .view-settings .item-to-enable .rdc-checkbox.checked .rdc-checkbox___label::before {
        background: #00a546;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25); }
      .view-settings .item-to-enable .rdc-checkbox .rdc-checkbox___label {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
        .view-settings .item-to-enable .rdc-checkbox .rdc-checkbox___label::before {
          left: initial;
          top: initial;
          right: 20px;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          width: 24px;
          height: 24px;
          border: none;
          border-radius: 5px;
          background: #eaeaea; }
        .view-settings .item-to-enable .rdc-checkbox .rdc-checkbox___label::after {
          left: initial;
          top: initial;
          color: white;
          right: 25px;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
    .view-settings .item-to-enable---indented {
      padding: 15px 12px 15px 60px; }

/* ==========================================================================
Configure Settings > Quick Balance
========================================================================== */
.view-settings-quick-balance .rdc-view {
  background-color: #ececec; }

.view-settings-quick-balance .settings-list___item::after {
  left: 12px; }

/* ==========================================================================
Configure Settings > Transaction History
========================================================================== */
.view-settings-transaction-history .budget-content {
  position: relative;
  margin-top: 25px;
  /* Disabled State */ }
  .view-settings-transaction-history .budget-content.is-disabled::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.08); }
  .view-settings-transaction-history .budget-content.is-disabled .title,
  .view-settings-transaction-history .budget-content.is-disabled .sub-title,
  .view-settings-transaction-history .budget-content.is-disabled .dd-wrapper,
  .view-settings-transaction-history .budget-content.is-disabled .rdc-currency-input {
    opacity: .35; }
  .view-settings-transaction-history .budget-content .sub-title {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #777777;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0px; }
  .view-settings-transaction-history .budget-content .dd-wrapper {
    line-height: 44px;
    margin-bottom: 20px; }
  .view-settings-transaction-history .budget-content .rdc-currency-input___amount, .view-settings-transaction-history .budget-content .rdc-currency-input___decimal, .view-settings-transaction-history .budget-content .rdc-currency-input___currency {
    font-size: 40px;
    font-size: 2.85714rem;
    font-weight: 300;
    color: #000; }
  .view-settings-transaction-history .budget-content .rdc-currency-input___currency {
    font-size: 24px;
    font-size: 1.71429rem;
    color: #777; }

/* ==========================================================================
Login View Styles - UI 2.0 Theme
========================================================================== */
.video-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden !important;
  background-color: #121314; }
  .video-wrapper video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 100%;
    height: auto;
    /*
        background: url("../rdc-ui-adn-theme-ui20/assets/images/ui10/bg2x.png") no-repeat;
        background-size: cover;
        */
    background-color: transparent !important; }
  .video-wrapper.has-overlay {
    -webkit-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px); }

.video-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    /* z-index: -100; */
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*
        background: url("../rdc-ui-adn-theme-ui20/assets/images/ui10/bg2x.png") no-repeat;
        background-size: cover;
        */ }
  .video-container .thin-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22); }

/* Login View */
.pane-login {
  overflow: visible !important; }
  .pane-login::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    bottom: 0;
    background: url(../rdc-ui-adn-theme-ui20/assets/images/bgblur.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

.login-view {
  position: relative;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: transparent; }
  .is-ios .login-view {
    padding-top: 20px; }
  .login-view .btn-close {
    color: white;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px; }
    .is-ios .login-view .btn-close {
      margin-top: 20px; }
  .login-view___scroll-content {
    position: relative;
    height: calc( 100vh - 75px);
    min-height: calc( 100vh - 75px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0  35px; }
    .login-view___scroll-content .view-content {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      left: 25px;
      right: 25px;
      /* Landscape */ }
      @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
        .login-view___scroll-content .view-content {
          position: relative;
          top: initial;
          left: initial;
          right: initial;
          bottom: initial;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
      .login-view___scroll-content .view-content h1 {
        font-size: 26px;
        font-size: 1.85714rem;
        color: white;
        font-weight: 300;
        text-align: left;
        line-height: 32px;
        margin-bottom: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between; }
      .login-view___scroll-content .view-content .country-trigger {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        float: right;
        position: relative;
        padding-left: 15px; }
        .login-view___scroll-content .view-content .country-trigger .flag-icon {
          display: inline-block;
          width: 32px;
          height: 24px;
          background: url(../rdc-ui-adn-theme-ui20/assets/svg/flags/flag-singapore.svg) no-repeat;
          background-size: 100% 100%; }
        .login-view___scroll-content .view-content .country-trigger .rdc-glyphicon {
          width: 14px;
          height: 14px;
          font-size: 8px;
          margin-left: 10px;
          display: none;
          /* Switch Country Not Supporting */ }
        .login-view___scroll-content .view-content .country-trigger::before {
          content: '';
          position: absolute;
          display: inline-block;
          width: 1px;
          left: 0;
          top: -5px;
          bottom: -5px;
          background-color: rgba(255, 255, 255, 0.5); }
      .login-view___scroll-content .view-content .inputs-wrapper {
        flex: 0; }
        .login-view___scroll-content .view-content .inputs-wrapper .rdc-login-text-input {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          background-color: rgba(255, 255, 255, 0.25); }
        .login-view___scroll-content .view-content .inputs-wrapper .password-wrapper {
          position: relative;
          margin-top: 2px; }
          .login-view___scroll-content .view-content .inputs-wrapper .password-wrapper .rdc-login-text-input {
            border-radius: 0;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px; }
          .login-view___scroll-content .view-content .inputs-wrapper .password-wrapper .forgot-password {
            font-size: 10px;
            font-size: 0.71429rem;
            font-weight: 400;
            color: white;
            position: absolute;
            right: 15px;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
            .login-view___scroll-content .view-content .inputs-wrapper .password-wrapper .forgot-password:after {
              content: ' ';
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin-top: -5px;
              margin-right: -15px;
              margin-bottom: -5px;
              margin-left: -20px;
              background-color: rgba(255, 0, 0, 0); }
      .login-view___scroll-content .view-content .login-buttons-holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        margin-top: 25px; }
        .login-view___scroll-content .view-content .login-buttons-holder .rdc-button {
          width: 100%;
          height: 60px;
          border-radius: 5px; }
        .login-view___scroll-content .view-content .login-buttons-holder .rdc-login-button {
          font-size: 18px;
          font-size: 1.28571rem; }
        .login-view___scroll-content .view-content .login-buttons-holder .rdc-touch-button {
          flex: 0 0 110px;
          min-width: 0;
          margin-left: 15px;
          padding: 0; }
          .login-view___scroll-content .view-content .login-buttons-holder .rdc-touch-button .rdc-svgicon {
            width: 36px;
            height: 36px;
            margin-top: 2px; }
      .login-view___scroll-content .view-content .floating-footer {
        margin-top: 20px; }
        .login-view___scroll-content .view-content .floating-footer p {
          font-size: 14px;
          font-size: 1rem;
          color: white;
          font-weight: 300;
          letter-spacing: 0.6px;
          margin-bottom: 0; }
        .login-view___scroll-content .view-content .floating-footer a {
          display: inline-block;
          position: relative;
          font-size: 14px;
          font-size: 1rem;
          color: #00a546;
          font-weight: 400;
          padding: 5px 0; }
          .login-view___scroll-content .view-content .floating-footer a::after {
            content: ' ';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin-top: -20px;
            margin-right: -50px;
            margin-bottom: -20px;
            margin-left: 0px;
            background-color: rgba(255, 0, 0, 0); }

/* ==========================================================================
Login View Styles - UI 1.0 Theme
========================================================================== */
.login-view-ui-10 {
  position: relative;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  /*
    background: url("../rdc-ui-adn-theme-ui20/assets/images/ui10/bg2x.png") no-repeat;
    background-size: cover;
    */ }
  .login-view-ui-10___header, .login-view-ui-10___scroll-content, .login-view-ui-10___footer {
    position: absolute;
    left: 0;
    right: 0; }
  .login-view-ui-10___header {
    top: 0;
    height: auto; }
    .login-view-ui-10___header .icon-menu {
      font-size: 20px;
      font-size: 1.42857rem;
      color: #fff;
      font-weight: 600;
      margin: 25px 20px 20px 25px;
      display: none; }
  .login-view-ui-10___scroll-content {
    top: calc( 65px + 1px);
    bottom: 0;
    /* Y Scrollable Content */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0  35px; }
    .login-view-ui-10___scroll-content .view-content {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      left: 35px;
      right: 35px;
      padding-bottom: 135px;
      /* Offset Footer Space + Logo Gap */
      /* Landscape */ }
      @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
        .login-view-ui-10___scroll-content .view-content {
          position: relative;
          top: initial;
          left: initial;
          right: initial;
          bottom: initial;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
      .login-view-ui-10___scroll-content .view-content .logo-wrapper {
        text-align: center; }
        .login-view-ui-10___scroll-content .view-content .logo-wrapper .sc-logo {
          display: inline-block;
          width: 140px;
          margin-bottom: 40px; }
      .login-view-ui-10___scroll-content .view-content .inputs-wrapper {
        flex: 0; }
        .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder {
          height: 55px;
          margin-bottom: 0;
          -webkit-transition: none;
          -moz-transition: none;
          -ms-transition: none;
          transition: none;
          border-top-left-radius: 0;
          border-top-right-radius: 0;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          border: 1px solid transparent;
          background-color: transparent;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          border-bottom: solid 1px rgba(255, 255, 255, 0.85); }
          .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input {
            font-size: 16px;
            font-size: 1.14286rem;
            color: #fff;
            font-weight: 300;
            background-color: transparent;
            padding: 0; }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input::selection {
              color: #000;
              background: #fff;
              /* WebKit/Blink Browsers */ }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input::-moz-selection {
              color: #000;
              background: #fff;
              /* Gecko Browsers */ }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input::-webkit-input-placeholder {
              color: rgba(255, 255, 255, 0.85); }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input::-moz-placeholder {
              color: rgba(255, 255, 255, 0.85); }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input:-ms-input-placeholder {
              color: rgba(255, 255, 255, 0.85); }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input:-moz-placeholder {
              color: rgba(255, 255, 255, 0.85); }
        .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input.focusedcss .component-holder {
          border-bottom: solid 1px white; }
        .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-login-password {
          margin-top: 10px; }
      .login-view-ui-10___scroll-content .view-content .rdc-login-button {
        font-size: 18px;
        font-size: 1.28571rem;
        width: 100%;
        height: 60px;
        border-radius: 0px;
        margin-top: 25px;
        border: 1px solid #32914c;
        background-color: #46bf67;
        background: -webkit-gradient(linear, left top, left bottom, from(#46bf67), to(#39a456));
        background: -webkit-linear-gradient(top, #46bf67, #39a456);
        background: -moz-linear-gradient(top, #46bf67, #39a456);
        background: -ms-linear-gradient(top, #46bf67, #39a456);
        background: -o-linear-gradient(top, #46bf67, #39a456); }
  .login-view-ui-10___footer {
    bottom: 0;
    height: 50px;
    background: #fff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center; }
    .login-view-ui-10___footer .rdc-register-link {
      position: relative;
      font-size: 14px;
      font-size: 1rem;
      color: #11bcf8;
      font-weight: 300;
      height: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center; }
      .login-view-ui-10___footer .rdc-register-link .rdc-glyphicon {
        margin-top: -5px;
        margin-right: 5px;
        width: 26px;
        height: 26px;
        font-size: 22px; }
    .login-view-ui-10___footer .rdc-register-link:first-child::after {
      content: '';
      display: inline-block;
      position: absolute;
      right: 0;
      width: 1px;
      top: 0;
      bottom: 0;
      background: #e8e8e8; }

/* ==========================================================================
Logout View Styles
========================================================================== */
.view-logout {
  /* View Overrides */ }
  .view-logout .rdc-view___content {
    padding: 20px 10px; }
  .view-logout .rdc-view___content {
    text-align: center; }
    .view-logout .rdc-view___content h1 {
      font-size: 20px;
      font-size: 1.42857rem;
      font-weight: 300;
      line-height: 26px;
      margin-bottom: 18px;
      color: #00a546; }
    .view-logout .rdc-view___content p {
      font-size: 15px;
      font-size: 1.07143rem;
      line-height: 20px;
      font-weight: 300;
      color: #2b2929;
      margin: 0 25px 30px 25px; }
    .view-logout .rdc-view___content .rdc-rating {
      display: none;
      height: 80px;
      background: #ffeded; }
    .view-logout .rdc-view___content .rdc-textarea {
      display: block;
      width: 100%;
      height: 135px;
      font-size: 14px;
      color: #555555;
      font-weight: 300;
      line-height: 20px;
      border: 1px solid #CECECE;
      border-radius: 0px;
      background-color: #f7f7f7 !important;
      background-image: none;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857;
      background-color: #fff;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      margin-bottom: 20px; }
      .view-logout .rdc-view___content .rdc-textarea::-webkit-input-placeholder {
        color: #969696; }
      .view-logout .rdc-view___content .rdc-textarea::-moz-placeholder {
        color: #969696; }
      .view-logout .rdc-view___content .rdc-textarea:-ms-input-placeholder {
        color: #969696; }
      .view-logout .rdc-view___content .rdc-textarea:-moz-placeholder {
        color: #969696; }
    .view-logout .rdc-view___content .rdc-button {
      width: 100%;
      padding: 25px 25px 25px 25px; }
  .view-logout---success .info-panel {
    padding: 30px 10px 15px 10px; }
  .view-logout---success .rdc-view___content {
    text-align: left; }

/* Home Views */
/* ==========================================================================
Account Details Styles - WIP
========================================================================== */
.rdc-account--details .rdc-form-fieldset {
  border-bottom: 0; }

.rdc-account--details .rdc-account-info:first-child .rdc-account-number-heading {
  margin-top: 5px; }

.rdc-account--details .rdc-account-info .rdc-account-number-heading {
  font-weight: 400;
  color: #02b8f8;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  font-size: 15px;
  margin-bottom: 25px;
  display: inline-block; }

/* Transfer */
/* ==========================================================================
Transfer History Styles
========================================================================== */
.view-transfer-history .rdc-panel {
  margin-bottom: 10px; }

.view-transfer-history .rdc-collapsible-panel {
  border: none;
  border-radius: 0;
  border-bottom: solid 1px #dcdcdc; }
  .view-transfer-history .rdc-collapsible-panel:last-child {
    border-bottom: none; }

/* ==========================================================================
FX Rates Styles
========================================================================== */
.view-fx-rates .rdc-view___content {
  padding: 20px 10px; }

.view-fx-rates .summary-group {
  margin-bottom: 10px; }
  .view-fx-rates .summary-group .summary-col-wrapper {
    padding: 10px 0; }

/* ==========================================================================
View Standing Orders
========================================================================== */
.view-standing-orders .rdc-panel {
  margin-bottom: 10px; }

/* ==========================================================================
Local and SC Standing Orders
========================================================================== */
/* ==========================================================================
Payment History
========================================================================== */
.view-payment-history .rdc-panel {
  margin-bottom: 10px; }

.view-payment-history .rdc-collapsible-panel {
  border: none;
  border-radius: 0;
  border-bottom: solid 1px #dcdcdc; }
  .view-payment-history .rdc-collapsible-panel:last-child {
    border-bottom: none; }

/* Authorise */
/* ==========================================================================
Authorise View Styles
========================================================================== */
.view-authorise .rdc-view___content {
  padding: 20px 10px; }

.view-authorise .summary-group {
  margin-bottom: 10px; }
  .view-authorise .summary-group .summary-col-wrapper {
    padding: 10px 0; }

/* Accounts */
/* ==========================================================================
Global Accounts View
========================================================================== */
.view-global-account .rdc-card h2 {
  font-size: 20px;
  font-size: 1.42857rem;
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #0091ea; }

.view-global-account .rdc-card .rdc-button {
  border-radius: 5px; }

/* ==========================================================================
Transaction History Styles - WIP
========================================================================== */
.view-transaction-history .rdc-navbar .rdc-navbar___left-button:nth-child(2) {
  padding: 0 10px 0 18px; }

.view-transaction-history .rdc-navbar .rdc-navbar___left-button:nth-child(3) {
  padding: 0 18px 0 10px; }

.view-transaction-history .rdc-view___content {
  position: relative;
  z-index: 0;
  /* Decorative Sub Header Background Color */ }
  .view-transaction-history .rdc-view___content::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #0091ea;
    height: 50px;
    z-index: -1; }

.view-transaction-history .top-summary-grid {
  margin-bottom: 20px; }
  .view-transaction-history .top-summary-grid .summary-group___header .title {
    font-size: 16px;
    font-weight: 400;
    color: #444;
    display: block;
    margin-bottom: 2px; }
  .view-transaction-history .top-summary-grid .summary-group___header .value {
    color: #969696;
    font-size: 14px;
    font-weight: 400;
    display: block; }
  .view-transaction-history .top-summary-grid .summary-group {
    margin-bottom: 10px; }
    .view-transaction-history .top-summary-grid .summary-group .summary-col-wrapper {
      border-bottom: 1px solid #dcdcdc;
      padding: 5px 0; }

.view-transaction-history .rdc-panel {
  margin-bottom: 15px; }

.view-transaction-history .rdc-transaction-info-head {
  line-height: 32px; }
  .view-transaction-history .rdc-transaction-info-head .debit {
    color: green; }
  .view-transaction-history .rdc-transaction-info-head .credit {
    color: #da0202; }

.amount-wrapper {
  position: absolute;
  right: 45px;
  top: 15px; }
  .amount-wrapper .amount {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #0091ea;
    font-weight: 400; }
    .amount-wrapper .amount.positive {
      color: #00a546; }
    .amount-wrapper .amount.negative {
      color: #d5153a; }

/* Soft Token */
/* ==========================================================================
View Soft Token
========================================================================== */
.view-soft-token {
  position: relative; }
  .view-soft-token .rdc-view {
    background-color: white; }
  .view-soft-token .rdc-view___content {
    padding: 50px 0 20px 0;
    text-align: center; }
  .view-soft-token .intro-wrapper {
    padding-bottom: 60px;
    /* @include center-position; */ }
    .view-soft-token .intro-wrapper .intro-img {
      display: inline-block;
      width: 322px;
      height: 340px;
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/empty-mobile.svg) no-repeat;
      border: none; }
    .view-soft-token .intro-wrapper h2 {
      font-size: 24px;
      font-size: 1.71429rem;
      color: #0091ea;
      font-weight: 300;
      margin-bottom: 20px;
      padding: 0 55px; }
    .view-soft-token .intro-wrapper p {
      font-size: 14px;
      font-size: 1rem;
      color: #777777;
      line-height: 1.5;
      margin-bottom: 30px;
      padding: 0 55px; }
  .view-soft-token .view-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px 0 15px;
    text-align: center; }
    .view-soft-token .view-footer .btn-register {
      height: 60px; }
    .view-soft-token .view-footer .footer-text {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #777777;
      margin: 20px 0 20px 0; }
      .view-soft-token .view-footer .footer-text a {
        color: #0091ea; }

.registration .rdc-modal-popup__content {
  position: relative;
  border-radius: 5px;
  border-top: 5px solid #00a546;
  background-color: #fff;
  overflow: hidden;
  box-shadow: none;
  margin-top: 15px; }

.registration .info-icon {
  background-image: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-checkmark-green.svg); }

.registration h1 {
  font-size: 24px;
  font-size: 1.71429rem;
  color: #00a546;
  font-size: 30px !important;
  font-weight: 500; }

.registration p {
  font-weight: 400; }

.register-screen .rdc-view___section-heading,
.register-screen .body-text {
  text-align: center; }

.register-screen .rdc-view___section-heading {
  margin: 30px 0; }

.register-screen .body-text {
  color: #201F1F;
  margin-bottom: 15px; }

.register-screen .rdc-otp-input-wrapper {
  width: 100%;
  margin-bottom: 25px;
  text-align: center; }

.register-screen .resend-button {
  font-size: 13px;
  font-size: 0.92857rem;
  color: #646464;
  background: transparent; }

.terms-and-condition .header-content {
  padding: 15px 0 10px 20px;
  background: #f9f9f9; }

.terms-and-condition .footer-content {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  background: #f9f9f9;
  height: 50px;
  padding-top: 15px; }

/* Other Views */
/* ==========================================================================
Help & Services Styles
========================================================================== */
.view-help .help-item {
  background: white;
  border-radius: 5px;
  border: solid 1px rgba(172, 172, 172, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 18px 10px;
  margin-bottom: 20px; }
  .view-help .help-item .rdc-glyphicon {
    font-size: 22px;
    font-size: 1.57143rem;
    margin-right: 10px; }
  .view-help .help-item p {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #969696;
    margin: 0;
    margin-top: 3px; }

/* ==========================================================================
ContactUs Styles
========================================================================== */
.view-contactus .rdc-component-base .component-holder {
  height: 45px; }

.view-contactus .rdc-form___fieldset .rdc-component-base {
  margin-top: 0px; }

.view-contactus .rdc-form___fieldset:last-child {
  padding-bottom: 0; }

.view-contactus .rdc-form___fieldset {
  background: transparent;
  border-bottom: none;
  margin-bottom: 0;
  padding: 0; }

.view-contactus .rdc-form___fieldset .rdc-component-base,
.view-contactus .rdc-form___fieldset .rdc-group-component-base {
  border-bottom: none; }

.view-contactus .rdc-text-area .component-holder {
  height: 300px; }

/* ==========================================================================
Service Request Main
========================================================================== */
.view-service-request-wrapper {
  /* Section Seperator */ }
  .view-service-request-wrapper .lg-nav-header {
    background: white;
    padding: 40px 42px 10px 42px; }
    .view-service-request-wrapper .lg-nav-header .breadcrumb {
      padding: 0;
      margin-bottom: 15px;
      list-style: none;
      background-color: transparent;
      border-radius: 4px; }
      .view-service-request-wrapper .lg-nav-header .breadcrumb___item {
        display: inline;
        font-size: 10px;
        font-size: 0.71429rem;
        color: #9b9b9b;
        font-weight: 400; }
      .view-service-request-wrapper .lg-nav-header .breadcrumb a {
        position: relative;
        margin-left: 20px; }
        .view-service-request-wrapper .lg-nav-header .breadcrumb a::before {
          content: '';
          position: absolute;
          display: inline-block;
          left: -10px;
          top: 1px;
          width: 0px;
          height: 0px;
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent;
          border-left: 4px solid rgba(0, 0, 0, 0.35); }
        .view-service-request-wrapper .lg-nav-header .breadcrumb a::after {
          content: "";
          display: inline-block;
          position: absolute;
          height: 1px;
          border-bottom: 1px dashed rgba(0, 0, 0, 0.35);
          bottom: -3px;
          left: -3px;
          right: -3px; }
    .view-service-request-wrapper .lg-nav-header .title {
      font-size: 36px;
      font-size: 2.57143rem;
      color: #0091ea;
      font-weight: 300;
      letter-spacing: 0.5px;
      margin: 0; }
  .view-service-request-wrapper .rdc-section-seperator {
    padding: 10px 0; }

/* ==========================================================================
Service Request Styles
========================================================================== */
.view-service-request {
  margin-top: -1px;
  /* iOS Black Sceoll Fixes */
  /* Block Header */
  /* Vertical List Items */ }
  .view-service-request .filter-header-base {
    background-color: #0091ea;
    padding: 2px 10px 20px 10px; }
    .view-service-request .filter-header-base .search-wrapper {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 65px; }
      .view-service-request .filter-header-base .search-wrapper .search-input {
        font-size: 22px;
        font-size: 1.57143rem;
        font-weight: 200;
        line-height: 30px;
        width: 100%;
        padding: 15px 22px 15px 50px;
        transition: none;
        letter-spacing: .3px;
        color: #fff;
        border: none;
        background-color: transparent !important;
        appearance: none; }
        .view-service-request .filter-header-base .search-wrapper .search-input:-ms-input-placeholder {
          color: rgba(255, 255, 255, 0.35); }
        .view-service-request .filter-header-base .search-wrapper .search-input::-moz-placeholder {
          color: rgba(255, 255, 255, 0.35); }
        .view-service-request .filter-header-base .search-wrapper .search-input::-webkit-input-placeholder {
          color: rgba(255, 255, 255, 0.35); }
      .view-service-request .filter-header-base .search-wrapper .icon-search {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 32px;
        height: 32px;
        top: 43%;
        left: 8px;
        font-size: 22px;
        font-size: 1.57143rem;
        color: white; }
    .view-service-request .filter-header-base .filter-dd-wrapper {
      text-align: center;
      padding: 10px 0; }
      .view-service-request .filter-header-base .filter-dd-wrapper .rdc-form-selectbox {
        margin-bottom: 0; }
      .view-service-request .filter-header-base .filter-dd-wrapper .need-help-dd {
        margin-bottom: 20px; }
      .view-service-request .filter-header-base .filter-dd-wrapper .need-help-dd p,
      .view-service-request .filter-header-base .filter-dd-wrapper .regards-to-dd p {
        display: inline;
        font-size: 20px;
        font-size: 1.42857rem;
        color: #fff;
        font-weight: 200; }
      .view-service-request .filter-header-base .filter-dd-wrapper .need-help-dd .dummy-dd,
      .view-service-request .filter-header-base .filter-dd-wrapper .regards-to-dd .dummy-dd {
        position: relative; }
        .view-service-request .filter-header-base .filter-dd-wrapper .need-help-dd .dummy-dd:before,
        .view-service-request .filter-header-base .filter-dd-wrapper .regards-to-dd .dummy-dd:before {
          content: '';
          display: inline-block;
          position: absolute;
          left: 0;
          right: -25px;
          bottom: -5px;
          height: 1px;
          border-bottom: dashed 1px #fff; }
        .view-service-request .filter-header-base .filter-dd-wrapper .need-help-dd .dummy-dd:after,
        .view-service-request .filter-header-base .filter-dd-wrapper .regards-to-dd .dummy-dd:after {
          content: '';
          display: inline-block;
          position: absolute;
          width: 20px;
          height: 14px;
          bottom: 0;
          margin-left: 2px;
          background: transparent;
          font-size: 10px;
          color: #fff;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e92f"; }
    .view-service-request .filter-header-base .filter-footer {
      padding-top: 20px; }
      .view-service-request .filter-header-base .filter-footer .rdc-button.rdc-button---outlined {
        color: #fff;
        background: transparent;
        border-radius: 5px;
        border: solid 1px #fff; }
  .view-service-request h4 {
    display: block;
    font-size: 15px;
    font-size: 1.07143rem;
    font-weight: 300;
    color: #0091ea;
    padding-left: 2px;
    margin-bottom: 10px; }
  .view-service-request .rdc-tile-list {
    margin-bottom: 30px; }
    .view-service-request .rdc-tile-list___item {
      border-bottom: solid 5px #0091ea; }
      .view-service-request .rdc-tile-list___item a {
        color: #CFCFCF; }
  .view-service-request .service-request-list {
    list-style: none;
    background: none;
    overflow: hidden; }
    .view-service-request .service-request-list li {
      display: block; }
    .view-service-request .service-request-list___item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      background: #fff;
      border: solid 1px #D7D7D7;
      border-bottom: solid 5px #0091ea;
      border-radius: 5px;
      margin-bottom: 15px;
      padding: 30px 25px; }
      .view-service-request .service-request-list___item .rdc-svgicon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 64px;
        -moz-box-flex: 0;
        -moz-flex: 0 0 64px;
        -ms-flex: 0 0 64px;
        flex: 0 0 64px;
        height: 64px;
        margin-right: 20px; }
      .view-service-request .service-request-list___item .content-wrapper {
        /*
                @include flexbox;
                @include flex-flow(column nowrap);
                @include justify-content(center);
                */ }
        .view-service-request .service-request-list___item .content-wrapper .title,
        .view-service-request .service-request-list___item .content-wrapper .description {
          display: block; }
        .view-service-request .service-request-list___item .content-wrapper .title {
          font-size: 16px;
          font-size: 1.14286rem;
          color: #0091ea;
          font-weight: 300;
          margin: 0 0 10px 0;
          line-height: 1.28571rem; }
        .view-service-request .service-request-list___item .content-wrapper .description {
          font-size: 13px;
          font-size: 0.92857rem;
          color: #555;
          font-weight: 400;
          margin: 0;
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 33.8px;
          /* Fallback for non-webkit */
          margin: 0 auto;
          line-height: 1.3;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }
  .view-service-request .rdc-accordion-list {
    border-radius: 5px;
    border: solid 1px #E0E0E0;
    background-color: white; }
    .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___header {
      font-size: 14px;
      font-size: 1rem;
      color: #2b2929;
      font-weight: 400;
      border-bottom: solid 1px #D9D9D9; }
    .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content ul {
      background: white; }
      .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content ul li {
        position: relative; }
        .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content ul li::before {
          content: '';
          position: absolute;
          display: inline-block;
          height: 1px;
          background-color: #D9D9D9;
          left: 25px;
          right: 10px;
          bottom: 0; }
    .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content ul li a {
      color: #4A4A4A;
      padding: 8px 15px 8px 25px;
      background: transparent; }
      .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content ul li a.active {
        color: #4A4A4A; }
    .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content::before {
      display: none; }

/* ==========================================================================
Service Request Status Styles
========================================================================== */
.view-service-request-status .rdc-collapsible-panel {
  margin-bottom: 10px;
  /* Override: No Active ( Decorator ) Border */ }
  .view-service-request-status .rdc-collapsible-panel .rdc-collapsible-panel___header .rdc-glyphicon {
    top: 15px;
    right: 15px; }
  .view-service-request-status .rdc-collapsible-panel .rdc-collapsible-panel___content {
    padding: 0; }
  .view-service-request-status .rdc-collapsible-panel::after {
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none; }

.view-service-request-status .request-status-header-card .heading-wrapper,
.view-service-request-status .request-status-header-card .description-wrapper {
  position: relative; }

.view-service-request-status .request-status-header-card .status-heading {
  font-size: 15px;
  font-size: 1.07143rem;
  color: #0091ea;
  font-weight: 400;
  margin: 0; }

.view-service-request-status .request-status-header-card .description-wrapper {
  height: 45px; }
  @media only screen and (min-width: 768px) {
    .view-service-request-status .request-status-header-card .description-wrapper p {
      display: inline-block; }
      .view-service-request-status .request-status-header-card .description-wrapper p:first-child {
        padding-right: 12px;
        margin-right: 12px;
        border-right: solid 1px #D9D9D9; } }

.view-service-request-status .request-status-header-card .status-reference-no,
.view-service-request-status .request-status-header-card .status-updated-date {
  font-size: 11px;
  font-size: 0.78571rem;
  color: #A6A6A6;
  font-weight: 400;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: relative;
  margin: 0; }

.view-service-request-status .request-status-header-card .status-badge {
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 12px;
  font-size: 0.85714rem;
  color: white;
  font-weight: 300;
  border-radius: 10px;
  border: none;
  background-color: lightgray;
  padding: 2px 8px 0 8px;
  /* State: Completed */
  /* State: Validating */
  /* State: Processing */
  /* State: Received */ }
  .view-service-request-status .request-status-header-card .status-badge---completed {
    background-color: #00a546; }
  .view-service-request-status .request-status-header-card .status-badge---validating {
    background-color: #FAC80B; }
  .view-service-request-status .request-status-header-card .status-badge---processing {
    background-color: #9b9b9b; }
  .view-service-request-status .request-status-header-card .status-badge---received {
    background-color: #cccccc; }

.view-service-request-status .request-status-content-card {
  padding: 12px 15px 12px 15px; }
  .view-service-request-status .request-status-content-card .summary-wrapper {
    margin-bottom: 10px; }
  .view-service-request-status .request-status-content-card .alert-notify-wrapper .button-wrapper {
    margin-left: 20px;
    border-left: solid 1px #d9d9d9; }
    .view-service-request-status .request-status-content-card .alert-notify-wrapper .button-wrapper .notification-button {
      font-size: 12px;
      font-size: 0.85714rem;
      border: none;
      background: transparent;
      color: #0091ea; }

.view-service-request-status .request-status-footer-card {
  border-top: solid 1px #e2e2e2;
  padding: 12px 15px 12px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  .view-service-request-status .request-status-footer-card label {
    margin: 0; }
  .view-service-request-status .request-status-footer-card .rdc-toggle {
    width: auto; }
    .view-service-request-status .request-status-footer-card .rdc-toggle .component-holder {
      height: auto; }

/* ==========================================================================
Mail Box Main View
========================================================================== */
.view-mail-box-main .navbar-sub-header---tab-bar {
  background-color: transparent;
  border-bottom: none; }

/* ==========================================================================
Notification Message Details
========================================================================== */
.view-notification-message .rdc-view-card {
  overflow: hidden;
  /* Message Header */
  /* Message Scroll Content */ }
  .view-notification-message .rdc-view-card .message-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    height: 115px;
    padding: 15px;
    background-color: #f8f8f8; }
    .view-notification-message .rdc-view-card .message-header h3 {
      font-size: 24px;
      font-size: 1.71429rem;
      color: #000;
      font-weight: 400;
      margin-bottom: 10px; }
    .view-notification-message .rdc-view-card .message-header p {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #777;
      margin-bottom: 2px;
      text-transform: uppercase; }
    .view-notification-message .rdc-view-card .message-header .doc-icon {
      display: inline-block;
      width: 100px;
      height: 85px;
      position: absolute;
      right: 15px;
      bottom: 0;
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/doc-icon.svg) no-repeat;
      background-size: auto 100%;
      background-position: right bottom; }
  .view-notification-message .rdc-view-card .message-scroll-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 115px;
    bottom: 0;
    padding: 20px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .view-notification-message .rdc-view-card .message-scroll-content p {
      font-size: 16px;
      font-size: 1.14286rem;
      color: #000;
      font-weight: 400;
      line-height: 1.5; }

/* ==========================================================================
Mail Box List Wrapper
========================================================================== */
.mailbox-wrapper {
  margin: 5px 12px 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: 100%;
  /* Sortable Header */
  /* Scrollable Content */ }
  .mailbox-wrapper .mailbox-header {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 30px;
    -moz-box-flex: 1;
    -moz-flex: 1 0 30px;
    -ms-flex: 1 0 30px;
    flex: 1 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: linear-gradient(95deg, #0091ea, #0756af); }
    .mailbox-wrapper .mailbox-header .block-item {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%; }
      .mailbox-wrapper .mailbox-header .block-item .ember-power-select-trigger {
        position: relative;
        border-top: none;
        border-bottom: none;
        border-right: none;
        border-left: none;
        border-radius: 0;
        background-color: transparent;
        line-height: 2.1;
        min-height: 2.1em; }
        .mailbox-wrapper .mailbox-header .block-item .ember-power-select-trigger .ember-power-select-placeholder,
        .mailbox-wrapper .mailbox-header .block-item .ember-power-select-trigger .ember-power-select-selected-item {
          display: block;
          font-size: 13px;
          font-size: 0.92857rem;
          color: #fff;
          font-weight: 300;
          overflow-x: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-left: 12px; }
        .mailbox-wrapper .mailbox-header .block-item .ember-power-select-trigger .ember-power-select-status-icon {
          right: 12px;
          border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; }
      .mailbox-wrapper .mailbox-header .block-item:first-child {
        position: relative; }
        .mailbox-wrapper .mailbox-header .block-item:first-child::after {
          content: '';
          position: absolute;
          display: block;
          right: 0;
          top: 5px;
          bottom: 5px;
          width: 1px;
          background-color: rgba(255, 255, 255, 0.5); }
  .mailbox-wrapper .mailbox-scroll-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

/* DropDown */
.aa-bb-cc.ember-power-select-dropdown {
  border-left: none;
  border-right: none;
  line-height: 3;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); }
  .aa-bb-cc.ember-power-select-dropdown .ember-power-select-option {
    position: relative;
    color: #000; }
    .aa-bb-cc.ember-power-select-dropdown .ember-power-select-option::after {
      content: '';
      display: block;
      left: 10px;
      right: 10px;
      bottom: 0;
      height: 1px;
      background-color: #e2e2e2; }
    .aa-bb-cc.ember-power-select-dropdown .ember-power-select-option:last-child::after {
      display: none; }
  .aa-bb-cc.ember-power-select-dropdown .ember-power-select-option[aria-current="true"] {
    background-color: transparent;
    color: #0091ea; }

.aa-bb-cc.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.aa-bb-cc.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

/* ==========================================================================
Mail Box List
========================================================================== */
.mail-box-list {
  display: block; }
  .mail-box-list .mail-item {
    display: block;
    /* State Un Read */ }
    .mail-box-list .mail-item .item {
      padding: 20px 15px;
      background-color: #F1F1F1; }
    .mail-box-list .mail-item.un-read .item {
      background-color: #ffffff; }
    .mail-box-list .mail-item___date, .mail-box-list .mail-item___content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
    .mail-box-list .mail-item___date {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 45px;
      -moz-box-flex: 0;
      -moz-flex: 0 0 45px;
      -ms-flex: 0 0 45px;
      flex: 0 0 45px;
      width: 45px;
      height: 45px;
      -webkit-flex-flow: column nowrap;
      -moz-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      text-transform: uppercase;
      border-radius: 50%;
      background-color: #00a546; }
      .mail-box-list .mail-item___date label {
        font-size: 12px;
        font-size: 0.85714rem;
        color: white;
        font-weight: 700;
        line-height: 14px; }
    .mail-box-list .mail-item___content {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -webkit-flex-flow: column nowrap;
      -moz-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      padding: 0;
      margin-left: 12px;
      margin-right: 12px; }
      .mail-box-list .mail-item___content p {
        margin: 0;
        padding: 0; }
      .mail-box-list .mail-item___content .title-wrapper {
        position: relative;
        margin-bottom: 6px; }
        .mail-box-list .mail-item___content .title-wrapper .title {
          font-size: 14px;
          font-size: 1rem;
          color: #2b2929;
          font-weight: 400;
          position: relative;
          margin-bottom: 0;
          padding-left: 0;
          max-width: 80%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          /* State: Un-Read */ }
          .mail-box-list .mail-item___content .title-wrapper .title::before {
            display: none; }
          .un-read .mail-box-list .mail-item___content .title-wrapper .title {
            padding-left: 15px; }
            .un-read .mail-box-list .mail-item___content .title-wrapper .title::before {
              content: '';
              position: absolute;
              display: inline-block;
              width: 8px;
              height: 8px;
              border-radius: 50%;
              background-color: #0091ea;
              left: 0;
              position: absolute;
              top: 50%;
              -webkit-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
        .mail-box-list .mail-item___content .title-wrapper .time {
          position: absolute;
          right: 0;
          top: 0;
          font-size: 11px;
          font-size: 0.78571rem;
          color: #89868a;
          font-weight: 300; }
      .mail-box-list .mail-item___content .description {
        font-size: 12px;
        font-size: 0.85714rem;
        color: #999999;
        font-weight: 400;
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 31.2px;
        /* Fallback for non-webkit */
        line-height: 1.3;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }

/* ==========================================================================
Message Details View
========================================================================== */
/*
.view-message-details { 
    
    .message-heading {
        @include flexbox;
        @include align-items(center);
        height: 65px;
        padding: 0 15px;

        &___body {
            @include flex(1, 1, auto);

            p {
                @include font-size(14px);
                color: white;
                font-weight: 100;
                letter-spacing: 0.5px;
                margin: 0;
                
                &:nth-child(2) {
                    font-weight: $light;
                }
            }
        }
        &___date {
            @include flex(0, 0, auto);

            @include flexbox;
            @include flex-flow(column nowrap);
            @include justify-content(center);
            @include align-items(center);

            label {
                @include font-size(10px);
                color: white;
                font-weight: $light;
                line-height: 10px;
                text-transform: uppercase;

                &.date {
                    @include font-size(20px);
                    color: white;
                    font-weight: $light;    
                    line-height: 20px;

                    margin-bottom: 2px;
                }
            }
        }
    }

    .rdc-scroll-content.has-sub-header { 
        height: calc( 100vh - ( 65px + 50px ));
        min-height: calc( 100vh - ( 65px + 50px ));
    }

    .text-area-wrapper {
        position: relative;

        &:before {
            content: '';
            position: absolute;

            left: 22px;
            top: -10px;
            
            border-bottom: solid #E1E2AF 10px;
            border-left: solid transparent 8px;
            border-right:solid transparent 8px;
        }
    }

    .rdc-reply-textarea {
        
        @include font-size(14px);
        color: rgba(0,0,0,0.75);
        font-weight: $regular;
        line-height: 20px;

        display: block;
        width: 100%;
        height: 200px;
        padding: 20px 15px;
        
        border-radius: 5px;
        border: 1px solid #E1E2AF;
        background-color: #FFFFC1;

        overflow: auto;
        resize: none;
        
        @include placeholder {
            @include font-size(14px);
            color: lighten(#000, 65%);
            font-weight: $light;
        }
    }
}
*/
/* DAC, PL, CCLI */
/* ==========================================================================
View Pay In installment ( Balances )
========================================================================== */
.view-pay-in-installment .summary-group {
  margin-bottom: 20px; }
  .view-pay-in-installment .summary-group .summary-col-wrapper {
    padding: 10px 0; }

/* Other Overrides */
/* ==========================================================================
About Style
========================================================================== */
.view-about .view-content {
  text-align: center;
  padding: 25px 40px 0 25px; }
  .view-about .view-content .sc-logo {
    display: inline-block;
    width: 210px;
    height: auto;
    margin-bottom: 40px; }
  .view-about .view-content p {
    font-size: 14px;
    font-size: 1rem;
    color: #777777;
    font-weight: 300;
    line-height: 1.5; }

.view-about .rdc-view-card___footer .version {
  font-size: 12px;
  font-size: 0.85714rem;
  color: #777777;
  margin-bottom: 10px; }

.view-about .rdc-view-card___footer .copyright {
  font-size: 12px;
  font-size: 0.85714rem;
  color: #969696; }

/* ==========================================================================
Contact Style
========================================================================== */
.view-contact .rdc-view-card {
  padding: 20px 20px 20px 20px; }
  .view-contact .rdc-view-card .body-txt {
    font-size: 14px;
    font-size: 1rem;
    color: #777777;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 20px; }
  .view-contact .rdc-view-card .title {
    font-size: 14px;
    font-size: 1rem;
    color: #2b2929;
    text-transform: uppercase; }
    .view-contact .rdc-view-card .title span {
      color: #969696;
      text-transform: none; }
  .view-contact .rdc-view-card .phone-block {
    display: block; }
    .view-contact .rdc-view-card .phone-block:first-child {
      margin-bottom: 10px; }
    .view-contact .rdc-view-card .phone-block___badge, .view-contact .rdc-view-card .phone-block___number {
      display: inline-block; }
    .view-contact .rdc-view-card .phone-block___badge {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #fff;
      background-color: #0091ea;
      min-width: 85px;
      border-radius: 12px;
      text-align: center;
      text-transform: uppercase;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      height: 18px;
      padding-top: 1px;
      line-height: 0;
      margin-right: 5px; }
    .view-contact .rdc-view-card .phone-block___number {
      font-size: 24px;
      font-size: 1.71429rem;
      color: #0091ea;
      line-height: 35px;
      font-weight: 200; }

/* ==========================================================================
Contact Style
========================================================================== */
.view-system-maintenance .rdc-view___content {
  text-align: center;
  padding: 20px 40px 100px 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.view-system-maintenance .rdc-svgicon {
  width: 100px;
  height: 100px;
  margin-bottom: 25px; }

.view-system-maintenance .heading {
  font-size: 24px;
  font-size: 1.71429rem;
  color: white;
  font-weight: 400;
  line-height: 1.3; }

.view-system-maintenance p {
  font-size: 14px;
  font-size: 1rem;
  color: white;
  font-weight: 300;
  letter-spacing: 0.6;
  line-height: 1.45; }

.view-system-maintenance .max-limit-scroller {
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/* ==========================================================================
FAQ Style
========================================================================== */
.view-faq .rdc-view___content {
  padding: 20px 15px; }

.view-faq .faq-group {
  margin-bottom: 30px; }
  .view-faq .faq-group___title {
    font-size: 14px;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase; }
  .view-faq .faq-group .rdc-collapsible-panel {
    margin-bottom: 10px; }
    .view-faq .faq-group .rdc-collapsible-panel___header {
      display: flex;
      align-items: center; }
    .view-faq .faq-group .rdc-collapsible-panel .faq-panel-title-base p,
    .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base p {
      font-size: 16px;
      font-size: 1.14286rem;
      color: #777777;
      font-weight: 300;
      line-height: 1.3; }
    .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base {
      /* Inner List */ }
      .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base p {
        font-size: 13px;
        font-size: 0.92857rem;
        line-height: 1.35; }
      .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base .inner-list___item {
        border-bottom: solid 1px #eaeaea;
        padding: 8px 0; }
        .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base .inner-list___item:last-child {
          border-bottom: none; }
        .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base .inner-list___item .title {
          margin-bottom: 10px; }
        .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base .inner-list___item .value {
          font-size: 20px;
          font-size: 1.42857rem;
          font-weight: 300;
          /* color: #777777; */ }

.view-faq .faq-footer {
  text-align: center; }
  .view-faq .faq-footer p, .view-faq .faq-footer a {
    display: block;
    font-size: 12px;
    font-size: 0.85714rem;
    font-weight: 300;
    text-align: center; }
  .view-faq .faq-footer p {
    color: white; }
  .view-faq .faq-footer a {
    font-size: 14px;
    font-size: 1rem;
    margin-top: 5px; }

/* ==========================================================================
Comong soon Styles
========================================================================== */
.comming-soon-view {
  background-color: white; }

.comming-soon {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  .comming-soon .rdc-glyphicon {
    font-size: 48px;
    width: 60px;
    height: 60px;
    color: #7b7b7b; }
  .comming-soon p {
    display: inline-block;
    font-size: 24px;
    font-size: 1.71429rem;
    font-weight: 200; }

/* ==========================================================================
KitchenSink Help Document
========================================================================== */
.view-kitchensink-doc {
  /* Code Block */ }
  .view-kitchensink-doc .row {
    margin-left: 0;
    margin-right: 0; }
  @media (min-width: 768px) {
    .view-kitchensink-doc .row .col-sm-6 {
      /* First Column */
      /* Second Column */ }
      .view-kitchensink-doc .row .col-sm-6:nth-child(odd) {
        padding-right: 10px; }
      .view-kitchensink-doc .row .col-sm-6:nth-child(even) {
        padding-left: 10px; } }
  .view-kitchensink-doc code,
  .view-kitchensink-doc pre {
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    white-space: pre-wrap; }
  .view-kitchensink-doc .doc-body {
    position: relative; }
  .view-kitchensink-doc .doc-content {
    padding: 20px 15px; }
  .view-kitchensink-doc .section-title {
    font-size: 22px;
    font-size: 1.57143rem;
    font-weight: 300;
    color: #0091ea;
    border-bottom: solid 1px #d4d4d4;
    padding-bottom: 8px;
    margin-bottom: 15px; }
    .view-kitchensink-doc .section-title:first-child {
      margin-top: 0; }
  .view-kitchensink-doc .section-block {
    margin-bottom: 25px; }
    .view-kitchensink-doc .section-block .block-title {
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 300;
      color: #0091ea;
      margin: 20px 0 10px 0; }
      .view-kitchensink-doc .section-block .block-title:first-child {
        margin-top: 0; }
    .view-kitchensink-doc .section-block p {
      font-weight: 300; }
  .view-kitchensink-doc .code-block {
    margin-top: 10px;
    margin-bottom: 20px; }
    .view-kitchensink-doc .code-block code,
    .view-kitchensink-doc .code-block pre {
      background-color: white; }
  .view-kitchensink-doc blockquote {
    margin: 0 0 20px 0;
    padding: 30px 20px;
    background: white; }
    .view-kitchensink-doc blockquote p {
      font-size: 14px;
      font-size: 1rem;
      font-weight: 300; }

/* Snippet Group */
.snippet-group {
  margin: 0; }
  .snippet-group .snippet-header {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }
  .snippet-group .snippet-demos,
  .snippet-group .snippet-captions {
    display: table-row; }
  .snippet-group .snippet-demo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    margin: 0; }
    .snippet-group .snippet-demo .snippet-demo-container {
      text-align: left;
      display: inline-block; }
  .snippet-group .snippet-captions {
    background-color: rgba(255, 255, 255, 0.65);
    height: 48px; }
  .snippet-group .snippet-demo-padding {
    text-align: center;
    padding: 0; }
  .snippet-group .snippet-demo-padding,
  .snippet-group .snippet-caption,
  .snippet-group .snippet-caption-padding {
    display: table-cell;
    vertical-align: middle;
    margin: 0; }
  .snippet-group .snippet-caption-padding {
    text-align: center;
    padding: 0; }
  .snippet-group .snippet-caption {
    font-size: 13px;
    padding: 0 40px;
    white-space: nowrap;
    text-align: center;
    position: relative; }
  .snippet-group .snippet-demo {
    padding: 0 15px 25px 15px; }
    @media (max-width: 768px) {
      .snippet-group .snippet-demo {
        padding: 0 0 30px 0; } }
  .snippet-group .snippet-demos .snippet-demo-padding {
    width: 50%; }
  .snippet-group .snippet-demos .snippet-demo-padding {
    width: auto; }
  .snippet-group .snippet-code {
    position: relative;
    overflow: hidden; }
    .snippet-group .snippet-code pre {
      background-color: white; }
  @media (max-width: 850px) {
    .snippet-group .snippet-group .snippet-demo {
      padding-left: 5px;
      padding-right: 5px; } }
  .snippet-group.is-full-width .snippet-demo-container {
    width: 100%; }
  .snippet-group.is-full-width .snippet-demos > .snippet-demo {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .snippet-group.is-full-width .snippet-demo-padding {
    width: 0;
    padding: 8px;
    margin: 0; }

.snippet-code {
  position: relative;
  overflow: hidden; }
  .snippet-code pre {
    background-color: white; }

/* ==========================================================================
Override Styles
========================================================================== */
/* Home Dashboard View, Account summary View  */
.view-home-dashboard .rdc-view___content,
.view-account-dashboard .rdc-view___content {
  padding: 20px 10px; }

/* Only FERE Specific Views */
/* ==========================================================================
Only FERE Specific styles
========================================================================== */
/* Common */
.view-bg {
  background: url("../rdc-ui-adn-theme-ui20/assets/images/breeze-mountain-bg.png") no-repeat;
  background-size: cover; }

.view-breeze-bg {
  background: url("../rdc-ui-adn-theme-ui20/assets/images/breeze-bg.jpg") no-repeat;
  background-size: cover; }

/* ==========================================================================
RDC Langunage Select Styles
========================================================================== */
.rdc-language-select {
  position: relative;
  float: right;
  height: 100%;
  overflow: hidden;
  width: auto; }
  .rdc-language-select .icon-globe-white,
  .rdc-language-select .icon-down-chevron-white {
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .rdc-language-select .icon-globe-white {
    left: 10px;
    width: 16px;
    height: 18px;
    background-size: 16px 16px;
    background-position: top center; }
  .rdc-language-select .icon-down-chevron-white {
    right: 10px;
    width: 6px;
    height: 4px; }
  .rdc-language-select select {
    background: transparent;
    border: none;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #fff;
    text-transform: uppercase;
    height: 100%;
    width: 100%;
    padding: 0 30px 0 38px; }

/* ==========================================================================
Snippets
========================================================================== */
.action-content-security .top-content {
  text-align: center;
  padding-bottom: 10px; }
  .action-content-security .top-content .logo-mcafee {
    border: none; }

.action-content-security .bottom-content {
  position: relative;
  padding-top: 10px;
  border-top: solid 1px rgba(0, 0, 0, 0.1); }
  .action-content-security .bottom-content p {
    font-size: 13px;
    font-size: 0.92857rem;
    font-weight: 300;
    color: #000;
    padding-right: 40px; }
  .action-content-security .bottom-content .rdc-svgicon {
    width: 16px;
    height: 16px;
    right: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }

/* ==========================================================================
Button Styles
========================================================================== */
.cdi-button {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 100px;
  min-height: 45px;
  padding: 5px 25px 5px 25px;
  border-radius: 0;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.2px;
  color: white;
  font-weight: 300;
  letter-spacing: 0.5px;
  background: #00a546;
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.15);
  /* Primary Button Outlinedy */
  /* Primary White Button .rdc-button---primary */
  /* Primary Outlined Button .rdc-button---primary-outlined */
  /* Link Button */
  /* Selected button with Tick */ }
  .cdi-button:focus {
    outline: none; }
  .cdi-button.rounded {
    border-radius: 22px; }
  .cdi-button .icon {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .cdi-button---primary-outlined {
    color: #00a546;
    background: transparent;
    border: solid 1px #00a546; }
  .cdi-button---primary-white {
    color: #0285d4;
    background: white; }
  .cdi-button---primary-white-outlined {
    color: white;
    background: transparent;
    border: solid 1px white; }
  .cdi-button---link {
    min-height: auto;
    padding: 2px 5px;
    background: transparent; }
  .cdi-button.selected-button .icon-check {
    display: inline-block;
    width: 12px;
    height: 9px;
    background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-check-mark.svg) no-repeat;
    background-size: cover; }

/* ==========================================================================
CDI Product Opening
========================================================================== */
.view-cdi-product-opening .rdc-view-content {
  padding: 10px 12px 15px 12px; }

.view-cdi-product-opening .rdc-view___footer {
  -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.5); }

.view-cdi-product-opening .section-group {
  margin-bottom: 40px; }
  .view-cdi-product-opening .section-group .section-title {
    font-size: 24px;
    font-weight: 200;
    color: white;
    letter-spacing: 1.5px; }
  .view-cdi-product-opening .section-group .section-description {
    font-size: 14px;
    font-weight: 200;
    color: white;
    letter-spacing: 1.2px;
    margin-bottom: 15px; }
  .view-cdi-product-opening .section-group .product-list .product-list-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    border-radius: 6px;
    background-color: white;
    margin-bottom: 12px;
    overflow: hidden; }
    .view-cdi-product-opening .section-group .product-list .product-list-item .product-img {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100px;
      -moz-box-flex: 0;
      -moz-flex: 0 0 100px;
      -ms-flex: 0 0 100px;
      flex: 0 0 100px;
      overflow: hidden;
      min-height: 130px;
      background-size: cover;
      background-color: #f2f2f2; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .product-img.current-account {
        background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-current-account.jpg) no-repeat;
        background-size: auto 100%;
        background-position: center 0; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .product-img.excel-saver {
        background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-excel-saver.jpg) no-repeat;
        background-size: auto 100%;
        background-position: center 0; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .product-img.fixed-deposit {
        background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-fixed-deposit.jpg) no-repeat;
        background-size: auto 100%;
        background-position: -70px 0; }
    .view-cdi-product-opening .section-group .product-list .product-list-item .content-wrapper {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 12px; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .content-wrapper .title {
        font-size: 18px;
        font-weight: 300;
        color: #000;
        margin-bottom: 8px; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .content-wrapper .description {
        font-size: 13px;
        font-weight: 300;
        color: #919191;
        line-height: 1.3; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .content-wrapper .footer-wrapper {
        width: 100%;
        margin-top: 20px; }
        .view-cdi-product-opening .section-group .product-list .product-list-item .content-wrapper .footer-wrapper .cdi-button {
          width: 100%;
          min-height: 40px; }
    .view-cdi-product-opening .section-group .product-list .product-list-item .info-icon {
      position: absolute;
      display: inline-block;
      width: 35px;
      height: 35px;
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-info-blue.svg) no-repeat;
      background-size: 16px 16px;
      background-position: center center;
      right: 0px;
      top: 0px; }

/* ==========================================================================
CDI Product Checkout Styles
========================================================================== */
.view-product-checkout .product-section {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(173, 173, 173, 0.5);
  margin-bottom: 20px;
  overflow: hidden; }
  .view-product-checkout .product-section .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 1px #e8e8e8; }
    .view-product-checkout .product-section .header .product-img {
      display: inline-block;
      width: 90px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 90px;
      -moz-box-flex: 0;
      -moz-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
      flex: 0 0 90px;
      height: 82px;
      background-color: #f8f8f8; }
      .view-product-checkout .product-section .header .product-img.current-account {
        background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-current-account.jpg) no-repeat;
        background-size: auto 100%;
        background-position: center 0; }
      .view-product-checkout .product-section .header .product-img.excel-saver {
        background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-excel-saver.jpg) no-repeat;
        background-size: auto 100%;
        background-position: center 0; }
    .view-product-checkout .product-section .header div {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
      .view-product-checkout .product-section .header div .title {
        font-size: 20px;
        font-size: 1.42857rem;
        color: #000;
        font-weight: 300;
        margin: 15px; }
      .view-product-checkout .product-section .header div .rdc-svgicon {
        position: absolute;
        right: 15px;
        top: 18px;
        width: 14px;
        height: 15px; }
        .view-product-checkout .product-section .header div .rdc-svgicon::after {
          content: ' ';
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin-top: -15px;
          margin-right: -15px;
          margin-bottom: -15px;
          margin-left: -15px;
          background-color: rgba(255, 0, 0, 0); }
  .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper,
  .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper {
    padding: 20px 12px 12px 12px; }
    .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group,
    .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-radio-button-group,
    .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-checkbox-group,
    .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-radio-button-group {
      margin-bottom: 0; }
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group .label-holder label,
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-radio-button-group .label-holder label,
      .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-checkbox-group .label-holder label,
      .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-radio-button-group .label-holder label {
        color: #919191;
        font-weight: 400; }
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group .component-holder,
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-radio-button-group .component-holder,
      .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-checkbox-group .component-holder,
      .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-radio-button-group .component-holder {
        border-radius: 5px;
        border: solid 1px #e8e8e8;
        overflow: hidden; }
  .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper {
    border-bottom: solid 1px #e8e8e8; }
    .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group .component-wrapper .rdc-checkbox {
      display: block;
      padding: 12px 10px;
      border-bottom: solid 1px #e8e8e8; }
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group .component-wrapper .rdc-checkbox.checked {
        background-color: #edf6ec; }
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group .component-wrapper .rdc-checkbox:last-child {
        border-bottom: none; }
  .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-radio-button-group .component-wrapper .rdc-radio-button-base {
    margin-bottom: 0; }
    .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-radio-button-group .component-wrapper .rdc-radio-button-base .rdc-radio-button-holder {
      border-radius: 0;
      border: none;
      padding: 12px 10px 12px 18px;
      border-bottom: solid 1px #e8e8e8; }

/* ==========================================================================
CDI Track Application Styles
========================================================================== */
.view-track-application .section-wrapper {
  display: block;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: inset 0 0 2px 0 rgba(116, 116, 116, 0.5);
  margin-bottom: 15px; }
  .view-track-application .section-wrapper .row-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 20px 15px; }
    .view-track-application .section-wrapper .row-item .rdc-svgicon {
      margin-right: 20px; }
    .view-track-application .section-wrapper .row-item p {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      font-size: 14px;
      font-size: 1rem;
      color: #777777; }
    .view-track-application .section-wrapper .row-item .login-link {
      position: relative;
      color: #9e9e9e;
      padding-right: 15px; }
      .view-track-application .section-wrapper .row-item .login-link::after {
        content: '';
        position: absolute;
        top: 1px;
        display: inline-block;
        width: 8px;
        height: 14px;
        background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-down-chevron-grey.svg) no-repeat;
        background-size: 100% 100%;
        right: 0;
        transform: rotate(-91deg);
        opacity: .5; }
  .view-track-application .section-wrapper .item {
    position: relative;
    padding: 20px 15px 5px 15px;
    /* Seperator Line */ }
    .view-track-application .section-wrapper .item .rdc-view___section-heading {
      margin-top: 0; }
    .view-track-application .section-wrapper .item::before {
      content: '';
      display: block;
      position: absolute;
      left: 15px;
      right: 15px;
      top: 0;
      height: 1px;
      background-color: #e8e8e8; }

/* ==========================================================================
CDI Register Online Banking
========================================================================== */
.view-register-online-banking .section-sub-heading {
  font-size: 16px;
  font-size: 1.14286rem;
  color: #000;
  font-weight: 400;
  margin-top: 25px;
  margin-bottom: 10px; }

.view-register-online-banking .body-text {
  font-size: 14px;
  font-size: 1rem;
  color: #9b9b9b;
  font-weight: 300;
  text-align: left; }

.view-register-online-banking .list-title {
  font-size: 14px;
  font-size: 1rem;
  color: #777777;
  font-weight: 400;
  margin-bottom: 6px; }

.view-register-online-banking .section-content .icon-add-dark {
  display: block;
  width: 22px;
  height: 22px;
  margin: 5px auto; }

.view-register-online-banking .item-wrapper {
  display: flex;
  flex-flow: row nowrap;
  padding: 20px 20px;
  background-color: white;
  border-radius: 5px;
  border: 1px solid rgba(116, 116, 116, 0.25); }
  .view-register-online-banking .item-wrapper .icon-phone-green {
    width: 52px;
    height: 52px;
    margin-right: 15px; }
  .view-register-online-banking .item-wrapper .icon-card-green {
    width: 48px;
    height: 32px;
    margin-right: 15px; }

/* ==========================================================================
CDI Multiple Currencncy
========================================================================== */
.view-multiple-currency {
  position: relative;
  background-color: #f6f6f6; }
  .view-multiple-currency .rdc-view___content {
    padding: 80px 20px 20px 20px; }
  .view-multiple-currency .rdc-curved-close-button {
    position: absolute;
    right: 0;
    top: 0; }
  .view-multiple-currency .heading,
  .view-multiple-currency .sub-heading {
    margin: 0; }
  .view-multiple-currency .heading {
    font-size: 32px;
    font-size: 2.28571rem;
    font-weight: 300;
    margin-bottom: 30px;
    color: #0c77b9; }
  .view-multiple-currency .sub-heading {
    font-size: 17px;
    font-size: 1.21429rem;
    font-weight: 300;
    line-height: 1.65;
    color: #000; }
  .view-multiple-currency .currency-table {
    background: #fff;
    width: 100%;
    margin: 30px 0;
    font-size: 17px;
    font-size: 1.21429rem;
    color: #000;
    font-weight: 300; }
    .view-multiple-currency .currency-table thead {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #0091ea;
      text-transform: uppercase;
      background: #fcfcfc; }
      .view-multiple-currency .currency-table thead tr {
        height: 55px; }
    .view-multiple-currency .currency-table tr {
      text-align: center; }
      .view-multiple-currency .currency-table tr td {
        padding: 12px 0; }
  .view-multiple-currency p {
    font-size: 13px;
    font-size: 0.92857rem;
    font-weight: 300;
    line-height: 1.38; }

/* ==========================================================================
CDI Account Details Screen
========================================================================== */
.view-account-details .view-header {
  height: 130px;
  border-bottom: solid 3px #00a546; }
  .view-account-details .view-header.current-account {
    background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-current-account.jpg) no-repeat;
    background-size: cover; }
  .view-account-details .view-header.excel-saver {
    background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-excel-saver.jpg) no-repeat;
    background-size: cover; }
  .view-account-details .view-header.fixed-deposit {
    background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-fixed-deposit.jpg) no-repeat;
    background-size: cover; }

.view-account-details.rdc-view-wrapper .rdc-scroll-content {
  height: calc( 100% - 230px);
  min-height: calc( 100% - 230px); }

.view-account-details .header-content {
  display: flex;
  flex-flow: row nowrap;
  height: 100px;
  padding: 0 15px;
  background: #FFF; }
  .view-account-details .header-content > div {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; }
    .view-account-details .header-content > div:last-child {
      flex: 0 0 auto; }
  .view-account-details .header-content .title {
    font-size: 20px;
    font-size: 1.42857rem;
    color: #3A2121;
    font-weight: 300; }
  .view-account-details .header-content .description {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #919191;
    font-weight: 300;
    line-height: 1.17;
    letter-spacing: 0.5px; }
  .view-account-details .header-content .cdi-button {
    padding: 5px 15px;
    min-width: 118px; }

.view-account-details .slide-box-wrapper {
  min-height: 260px;
  background: white;
  margin-right: 12px;
  padding: 12px 20px; }
  .view-account-details .slide-box-wrapper .rdc-svgicon {
    width: 120px;
    height: 120px;
    margin-bottom: 10px; }
    .view-account-details .slide-box-wrapper .rdc-svgicon.icon-multiple-currencies-green {
      background-size: 103px 81px;
      background-position: left center; }
    .view-account-details .slide-box-wrapper .rdc-svgicon.icon-folder-grey {
      background-size: 69px 93px;
      background-position: left center; }
  .view-account-details .slide-box-wrapper h5 {
    font-size: 16px;
    line-height: 1.0;
    letter-spacing: 0.5px;
    color: #000000; }
  .view-account-details .slide-box-wrapper p {
    font-size: 13px;
    font-size: 0.92857rem;
    color: #919191;
    font-weight: 400;
    line-height: 1.23;
    padding-bottom: 20px; }
  .view-account-details .slide-box-wrapper a {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #000;
    font-weight: 400;
    text-transform: uppercase; }

.view-account-details .content-wrapper {
  padding: 0 15px 30px 15px; }
  .view-account-details .content-wrapper .section-heading {
    font-size: 21px;
    font-size: 1.5rem;
    color: #0091ea;
    font-weight: 300;
    margin-top: 35px; }
  .view-account-details .content-wrapper .card-section {
    background: #fff;
    padding: 30px 25px; }
    .view-account-details .content-wrapper .card-section .title {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #0091ea;
      text-transform: uppercase;
      line-height: 40px;
      border-bottom: solid 1px #e8e8e8;
      margin-bottom: 20px; }

.view-account-details .view-footer {
  display: block;
  position: relative;
  height: 400px;
  padding: 25px;
  background: url(../rdc-ui-adn-theme-ui20/assets/images/promotion-bg.jpg) no-repeat;
  background-size: cover; }
  .view-account-details .view-footer .title,
  .view-account-details .view-footer .description-bold {
    color: #fff; }
  .view-account-details .view-footer .title {
    font-size: 12px;
    font-size: 0.85714rem;
    font-weight: 300;
    text-transform: uppercase; }
  .view-account-details .view-footer .description-bold {
    font-size: 22px;
    font-size: 1.57143rem;
    line-height: 1.15;
    font-weight: 200; }
  .view-account-details .view-footer .cdi-button {
    position: absolute;
    left: 25px;
    bottom: 150px;
    color: #fff;
    border: solid 1px #fff; }

.view-account-details .rdc-navbar___left-button {
  padding-bottom: 50px; }

/* ==========================================================================
CDI Getting Started Screen
========================================================================== */
.view-getting-started .rdc-fere-main-content .rdc-scroll-content.has-sub-header {
  height: calc( 100% - 50px - 45px);
  min-height: calc( 100% - 50px - 45px); }

.view-getting-started .form-header-info {
  background-color: #43474F;
  color: #fff;
  padding: 20px; }
  .view-getting-started .form-header-info .form-header-info___sub1 {
    border-bottom: 1px solid #575A61; }
  .view-getting-started .form-header-info .form-header-info___title1 {
    color: #75AD76;
    font-size: 12px;
    font-size: 0.85714rem;
    padding: 30px 0 10px 0; }
  .view-getting-started .form-header-info .form-header-info___title2 {
    color: #F0F1F2;
    font-size: 17px;
    font-size: 1.21429rem;
    padding-bottom: 30px; }
  .view-getting-started .form-header-info .form-header-info___sub2 {
    color: #FDFDFD;
    padding: 25px 0 5px 0; }
    .view-getting-started .form-header-info .form-header-info___sub2 label {
      font-size: 12px;
      font-size: 0.85714rem; }
    .view-getting-started .form-header-info .form-header-info___sub2 button {
      float: right; }
      .view-getting-started .form-header-info .form-header-info___sub2 button i {
        font-size: 17px;
        font-size: 1.21429rem; }

/* VENDOR OVERRIDE STYLES */
/* ==========================================================================
Bootstrap Override Styles
========================================================================== */
/* Resetting default Bootstrap Gutters */
.container,
.container-fluid {
  padding-left: 0;
  padding-right: 0; }

.row {
  margin-left: 0;
  margin-right: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 0;
  padding-right: 0; }

.ember-burger-menu.translucent-overlay .bm-menu::after {
  background: transparent;
  opacity: 1; }

#header-context-menu {
  transition: all 0.6s ease;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 4; }
  #header-context-menu .rdc-navbar___right-button {
    position: relative;
    z-index: 4;
    height: auto;
    top: 18px; }

.context-menu-hidden {
  visibility: hidden;
  opacity: 0; }

.rdc-context-menu-wrapper {
  overflow: hidden;
  position: fixed;
  top: 8px;
  right: 10px;
  z-index: 3;
  width: 200px;
  background: #fff;
  border-radius: 5px; }
  .rdc-context-menu-wrapper .rdc-context-menu-header {
    background: #0091ea;
    padding: 10px;
    color: #fff; }
  .rdc-context-menu-wrapper .rdc-context-menu-body {
    padding: 15px; }
    .rdc-context-menu-wrapper .rdc-context-menu-body .rdc-context-menu-option {
      border-bottom: 1px solid #eaeaea;
      padding: 10px 0; }
      .rdc-context-menu-wrapper .rdc-context-menu-body .rdc-context-menu-option:first-child {
        padding-top: 0; }
      .rdc-context-menu-wrapper .rdc-context-menu-body .rdc-context-menu-option:last-child {
        border-bottom: 0;
        padding-bottom: 0; }

.rdc-context-menu-background {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0; }

.fere-content-wrapper .rdc-collapsible-panel {
  background: transparent;
  border: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.anim-quick-balance-skeleton {
  overflow: visible; }

/*details*/
/*
@media only screen and (min-width: 1025px) {
	//page specific class added
	.dac-icp-dac-icp-details{

		.dac-icp-details-content{
			height:100%;
			background-color: #fbfbfb;
		}

		.rdc-view-wrapper .rdc-scroll-content{
			height:calc(100vh - 245px );
			min-height:50%;
		}
		.dac-icp-loan-input-cont,
		.dac-icp-loan-container{
			background:#fff;
		}

		.dac-icp-details-header{
			margin:0 20px 20px 20px;
			font-size: 15px;
			padding:0 20px;
			border:1px solid red;
		}

		.dac-icp-details-header > div{
			color:#9b9b9b;
			padding:20px 0;
			border:1px solid green;

		}

		.dac-icp-loan-lim-desc{
			margin:0 40px;
			background-color: #0091ea;
			color:#fff;
			display:flex;
			justify-content: space-between;
			padding:20px;
		}


		.dac-icp-loan-input-cont h4{
			text-transform: uppercase;
			padding:20px 20px 0;
		}

		.dac-icp-loan-input-cont{
			margin:0 40px;
			padding:0;
		}

		.currencyData{
			position: relative;
		}


		.currencyData .component-holder{
			max-width:245px;
		}

		.currencyData .label-holder{
			margin-top: 15px;
		}


		.currencyData .currencyCode{
			position: absolute;
			right:225px;
			top:33px;
			z-index:2;
			color: #9e9e9e;
		}

		.currencyData input[type="text"]{
			padding-left:50px;
			color:#000;
		}

	
		.currencyData .dac-icp-loan-amt,
		.dac-icp-loan-tenure,
		.dac-icp-loan-container{
			font-size: 14px;
			color:#9e9e9e;
			border-bottom: 1px solid  #ebebeb;
			display:flex;
			justify-content: space-between;
			padding:20px;
		}

		.currencyData .dac-icp-loan-amt{
			padding-bottom:0;
		}

		.rdc-form-selectbox,
		.currencyData .dac-icp-loan-amt{
			margin:0;
		}

		.dac-icp-loan-tenure .label-holder label,
		.dac-icp-loan-input-cont .label-holder label{
			text-transform: uppercase;
			font-size: 14px;
		}
	
		.dac-icp-loan-tenure .ember-basic-dropdown{
			max-width:245px;
			margin-left:auto;
			color:#000;
		}

		.rdc-form-selectbox .component-holder{
			margin:0;
			color:0;
		}

		.dac-icp-loan-container:last-child{
			border:0;
		}

		.dac-icp-loan-input-cont .rdc-form-selectbox{
			margin:0;
		}

		.dac-icp-loan-mro-val,
		.dac-icp-loan-af-val,
		.dac-icp-loan-apr-val,
		.dac-icp-loan-emi-val{
			color:#000;
		}

		.dac-icp-loan-section{
			text-transform: uppercase;
		}

		.rdc-view___footer---stickey{
			bottom:50px;
			margin:0 40px;
		}



	}

}

*/
@media only screen and (min-width: 1025px) {
  .dac-product-selection .csd-product-selection-cont.rdc-scroll-content.has-subheader.rdc-view {
    height: calc(100vh - 150px);
    background-color: #fbfbfb; }
  .dac-product-selection .csd-product-selection-cont h3 {
    font-size: 36px;
    text-indent: 40px;
    padding-top: 25px;
    margin-bottom: 40px; }
  .dac-product-selection .product-selection-content {
    background: #fff;
    margin: 0 40px;
    padding: 20px;
    overflow: hidden;
    padding-bottom: 40px;
    margin-bottom: 70px; }
  .dac-product-selection .csd-product-selection-cont p {
    color: #9e9e9e;
    margin-bottom: 20px; }
  .dac-product-selection .col-wrapper {
    display: flex; }
  .dac-product-selection .product-option-cont {
    flex: 1; }
  .dac-product-selection .product-option-cont.col1,
  .dac-product-selection .product-option-cont.col2 {
    padding-top: 20px;
    padding-right: 10px;
    text-align: center;
    border-right: solid 1px #dcdcdc;
    padding-bottom: 15px;
    cursor: pointer; }
  .dac-product-selection .product-option-cont.col2 {
    border: 0;
    margin: 0;
    padding-left: 10px; }
  .dac-product-selection .product-option-cont.col1 .product-option-header,
  .dac-product-selection .product-option-cont.col2 .product-option-header {
    background: url("images/icons/svg/disable-icon-clock.svg") no-repeat center top;
    padding-top: 80px;
    font-size: 17px;
    color: #000;
    padding-bottom: 10px; }
  .dac-product-selection .product-option-cont.col2 .product-option-header {
    background: url("images/icons/svg/disable-money-icon.svg") no-repeat center top; }
  .dac-product-selection .product-option-cont.col1.active .product-option-header {
    background: url("images/icons/svg/icon-clock.svg") no-repeat center top;
    color: #0285d4; }
  .dac-product-selection .product-option-cont.col2.active .product-option-header {
    background: url("images/icons/svg/money-icon.svg") no-repeat center top;
    color: #0285d4; }
  .dac-product-selection .product-option-cont.col1 .product-option-content,
  .dac-product-selection .product-option-cont.col2 .product-option-content {
    color: #9b9b9b;
    margin: 0 85px; }
  .dac-product-selection .rdc-view___footer---stickey {
    bottom: 30px;
    margin: 0 40px;
    background-color: #fbfbfb;
    padding: 10px 40px; } }

@media only screen and (min-width: 1025px) {
  .dac-icp-dac-icp-details header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px; }
  .dac-icp-dac-icp-details header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .dac-icp-dac-icp-details header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .dac-icp-dac-icp-details .global-close-btn {
    right: 0;
    top: 0; }
  .dac-icp-dac-icp-details .rdc-view-wrapper.dac-icp-details-content,
  .dac-icp-dac-icp-details .rdc-view {
    height: 100%;
    background-color: #fbfbfb; }
  .dac-icp-dac-icp-details .rdc-view-wrapper .rdc-scroll-content {
    height: calc(100vh - 245px);
    min-height: 50%; }
  .dac-icp-dac-icp-details .dac-icp-loan-input-cont,
  .dac-icp-dac-icp-details .dac-icp-loan-container {
    background: #fff; }
  .dac-icp-dac-icp-details .dac-icp-details-header {
    margin: 0 20px 20px 20px;
    font-size: 15px;
    padding: 0 20px; }
  .dac-icp-dac-icp-details .dac-icp-details-header > div {
    color: #9b9b9b;
    padding: 20px 0;
    padding-left: 15px; }
  .dac-icp-dac-icp-details .dac-icp-loan-container {
    margin: 0 40px; }
  .dac-icp-dac-icp-details .dac-icp-loan-limit.title-info {
    margin: 0 40px;
    background-color: #0091ea;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    flex-flow: row wrap; }
    .dac-icp-dac-icp-details .dac-icp-loan-limit.title-info .row {
      width: 100%;
      color: #000; }
      .dac-icp-dac-icp-details .dac-icp-loan-limit.title-info .row a {
        color: #fff;
        cursor: pointer; }
  .dac-icp-dac-icp-details p.dac-icp-loan-lim-desc {
    width: 100%;
    justify-content: space-between;
    width: 100%;
    display: flex;
    color: #fff;
    font-size: 17px;
    padding-bottom: 10px; }
  .dac-icp-dac-icp-details .dac-icp-loan-lim-desc .dac-icp-loan-req-amt {
    font-size: 18px; }
  .dac-icp-dac-icp-details .dac-icp-loan-input-cont h4 {
    padding: 20px 20px 0; }
  .dac-icp-dac-icp-details .dac-icp-loan-input-cont {
    margin: 0 40px;
    padding: 0; }
  .dac-icp-dac-icp-details .currencyData {
    position: relative; }
  .dac-icp-dac-icp-details .currencyData .component-holder {
    max-width: 245px; }
  .dac-icp-dac-icp-details .currencyData .label-holder {
    margin-top: 15px; }
  .dac-icp-dac-icp-details .currencyData .currencyCode {
    position: absolute;
    right: 225px;
    top: 33px;
    z-index: 2;
    color: #9e9e9e; }
  .dac-icp-dac-icp-details .currencyData input[type="tel"] {
    padding-left: 50px;
    color: #000; }
  .dac-icp-dac-icp-details .currencyData .dac-icp-loan-amt,
  .dac-icp-dac-icp-details .dac-icp-loan-tenure,
  .dac-icp-dac-icp-details .dac-icp-loan-container {
    font-size: 14px;
    color: #9e9e9e;
    border-bottom: 1px solid  #ebebeb;
    display: flex;
    justify-content: space-between;
    padding: 20px; }
  .dac-icp-dac-icp-details .dac-icp-loan-container.last {
    border: 0; }
  .dac-icp-dac-icp-details .currencyData .dac-icp-loan-amt {
    padding-bottom: 20px; }
  .dac-icp-dac-icp-details .rdc-form-selectbox,
  .dac-icp-dac-icp-details .currencyData .dac-icp-loan-amt {
    margin: 0; }
  .dac-icp-dac-icp-details .dac-icp-loan-tenure .label-holder label,
  .dac-icp-dac-icp-details .dac-icp-loan-input-cont .label-holder label {
    font-size: 14px;
    font-weight: 400; }
  .dac-icp-dac-icp-details .dac-icp-loan-tenure .ember-basic-dropdown {
    max-width: 245px;
    margin-left: auto;
    color: #000; }
  .dac-icp-dac-icp-details .rdc-form-selectbox .component-holder {
    margin: 0;
    color: 0; }
  .dac-icp-dac-icp-details .dac-icp-loan-container:last-child {
    border: 0; }
  .dac-icp-dac-icp-details .dac-icp-loan-input-cont .rdc-form-selectbox {
    margin: 0; }
  .dac-icp-dac-icp-details .dac-icp-loan-mro-val,
  .dac-icp-dac-icp-details .dac-icp-loan-af-val,
  .dac-icp-dac-icp-details .dac-icp-loan-apr-val,
  .dac-icp-dac-icp-details .dac-icp-loan-emi-val {
    color: #000; }
  .dac-icp-dac-icp-details .rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px; }
  .dac-icp-dac-icp-details .notes-details {
    margin: 0 40px; }
  .dac-icp-dac-icp-details .formValidateBeforeNextBtn {
    position: absolute;
    width: 60%;
    background: rgba(0, 0, 0, 0);
    right: 0;
    top: 0;
    height: 100%;
    display: none; }
  .dac-icp-dac-icp-details .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .dac-icp-dac-icp-details .error {
    display: none; }
  .dac-icp-dac-icp-details .error.showError1 {
    display: block;
    font-size: 14px;
    text-align: right;
    padding-right: 25px; }
  .dac-icp-dac-icp-details .move-left {
    display: inline-block;
    width: 245px;
    text-align: left; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dac-icp-dac-icp-details .currencyData input[type="tel"] {
    padding-left: 10px; } }

@media only screen and (min-width: 1025px) {
  .dac-icp-dac-icp-review .rdc-view-wrapper.dac-icp-review-content {
    height: 100%;
    background-color: #fbfbfb; }
  .dac-icp-dac-icp-review .dac-icp-review-content,
  .dac-icp-dac-icp-review .rdc-scroll-content {
    background-color: #fbfbfb; }
  .dac-icp-dac-icp-review .dac-icp-review.rdc-scroll-content.has-sub-header {
    margin: 0 40px;
    height: calc( 100vh - 250px);
    min-height: 50%;
    width: calc(100% - 80px); }
  .dac-icp-dac-icp-review header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px; }
  .dac-icp-dac-icp-review header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .dac-icp-dac-icp-review header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .dac-icp-dac-icp-review .global-close-btn {
    right: 0;
    top: 0; }
  .dac-icp-dac-icp-review .dac-icp-review h4 {
    font-size: 17px;
    color: #9e9e9e; }
  .dac-icp-dac-icp-review .dac-icp-review-cont {
    background: #fff;
    margin-bottom: 20px; }
  .dac-icp-dac-icp-review .dac-icp-review-sec {
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    color: #9e9e9e;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    padding: 20px; }
  .dac-icp-dac-icp-review .dac-icp-review-sec > label,
  .dac-icp-dac-icp-review .dac-icp-review-sec > .dac-icp-review-header {
    max-width: 60%; }
  .dac-icp-dac-icp-review .dac-icp-review-sec > .dac-icp-review-val {
    color: #000;
    font-size: 17px; }
  .dac-icp-dac-icp-review .dac-icp-review-val span {
    display: inline-block; }
  .dac-icp-dac-icp-review .cs2i_terms_condition {
    margin: 0 10px;
    background: #fff;
    box-shadow: inset 0 0 2px 0 rgba(116, 116, 116, 0.5);
    border-radius: 3px; }
  .dac-icp-dac-icp-review .rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px; }
  .dac-icp-dac-icp-review .move-right {
    margin-left: auto;
    margin-right: 20px; }
  .dac-icp-dac-icp-review .error {
    display: none; }
  .dac-icp-dac-icp-review .error.showError1 {
    display: block;
    padding-left: 15px;
    padding-top: 5px; }
  .dac-icp-dac-icp-review .error-visual .rdc-checkbox---covered {
    border: 1px solid red !important; } }

@media only screen and (min-width: 1025px) {
  .dac-icp-dac-icp-confirmation .rdc-view-wrapper.dac-icp-confirmation-content {
    height: 100%;
    background-color: #fbfbfb; }
  .dac-icp-dac-icp-confirmation .dac-icp-confirmation-content,
  .dac-icp-dac-icp-confirmation .dac-confirmation.rdc-scroll-content {
    background-color: #fbfbfb; }
  .dac-icp-dac-icp-confirmation .dac-confirmation.rdc-scroll-content.has-sub-header {
    margin: 0 40px;
    height: calc( 100vh - 250px);
    min-height: 50%;
    width: calc(100% - 80px); }
  .dac-icp-dac-icp-confirmation header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px; }
  .dac-icp-dac-icp-confirmation header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .dac-icp-dac-icp-confirmation header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .dac-icp-dac-icp-confirmation .global-close-btn {
    right: 0;
    top: 0; }
  .dac-icp-dac-icp-confirmation .info-panel {
    border: 0;
    border-radius: 0;
    padding: 20px;
    text-align: left; }
  .dac-icp-dac-icp-confirmation .success-info {
    background-color: #edf6ec;
    padding: 20px;
    padding-left: 70px;
    position: relative;
    color: #00a546; }
    .dac-icp-dac-icp-confirmation .success-info .icon-success-2 {
      position: absolute;
      left: 20px;
      width: 60px;
      height: 60px;
      top: 0;
      font-size: 36px; }
    .dac-icp-dac-icp-confirmation .success-info h3, .dac-icp-dac-icp-confirmation .success-info span {
      font-size: 14px;
      display: block;
      padding-left: 20px; }
  .dac-icp-dac-icp-confirmation .info-panel {
    padding: 0; }
  .dac-icp-dac-icp-confirmation .refnum-div {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: space-between;
    padding: 20px; }
  .dac-icp-dac-icp-confirmation .refnum-div > span {
    color: #9e9e9e;
    font-size: 14px;
    text-transform: uppercase;
    max-width: 60%; }
  .dac-icp-dac-icp-confirmation .move-right {
    margin-left: auto;
    margin-right: 20px; }
  .dac-icp-dac-icp-confirmation .refnum-div > div {
    color: #000;
    font-size: 17px; }
  .dac-icp-dac-icp-confirmation .rdc-view___footer---stickey {
    background-color: #fbfbfb;
    bottom: 50px;
    margin: 0 40px;
    padding-top: 10px; } }

@media only screen and (min-width: 1025px) {
  .dac-icp-dac-icp-declaration .rdc-view-wrapper.dac-icp-declaration-content {
    background-color: #fbfbfb;
    height: 100%; }
  .dac-icp-dac-icp-declaration .dac-icp-dec-container.rdc-scroll-content.has-sub-header {
    margin: 0 40px;
    height: calc( 100vh - 245px);
    min-height: 50%;
    padding: 20px;
    background: #fff;
    width: calc(100% - 80px); }
  .dac-icp-dac-icp-declaration header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px; }
  .dac-icp-dac-icp-declaration header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .dac-icp-dac-icp-declaration header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .dac-icp-dac-icp-declaration .global-close-btn {
    right: 0;
    top: 0; }
  .dac-icp-dac-icp-declaration .dac-icp-dec-header {
    color: #000;
    font-size: 14px;
    margin-bottom: 40px; }
  .dac-icp-dac-icp-declaration .dac-chinese-text .ember-basic-dropdown .rdc-selectbox-triger .ember-power-select-placeholder, .dac-icp-dac-icp-declaration .dac-chinese-text .rdc-selectbox-triger .ember-power-select-selected-item, .dac-icp-dac-icp-declaration .dac-chinese-text .rdc-selectbox-dd-menu .ember-power-select-options[role="listbox"] .ember-power-select-option {
    font-size: 16px; }
  .dac-icp-dac-icp-declaration .declaration-row {
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0; }
  .dac-icp-dac-icp-declaration .declaration-row.first {
    padding: 0;
    flex-wrap: wrap; }
  .dac-icp-dac-icp-declaration .declaration-row:last-child {
    border: 0; }
  .dac-icp-dac-icp-declaration .declaration-row,
  .dac-icp-dac-icp-declaration .rdc-component-base {
    display: flex; }
  .dac-icp-dac-icp-declaration .declaration-row.business .rdc-component-base,
  .dac-icp-dac-icp-declaration .declaration-row.occupation .rdc-component-base {
    display: flex;
    width: 100%; }
    .dac-icp-dac-icp-declaration .declaration-row.business .rdc-component-base .label-holder,
    .dac-icp-dac-icp-declaration .declaration-row.occupation .rdc-component-base .label-holder {
      text-align: left;
      color: #9e9e9e;
      width: 65%; }
      .dac-icp-dac-icp-declaration .declaration-row.business .rdc-component-base .label-holder label,
      .dac-icp-dac-icp-declaration .declaration-row.occupation .rdc-component-base .label-holder label {
        font-size: 14px; }
    .dac-icp-dac-icp-declaration .declaration-row.business .rdc-component-base .component-holder,
    .dac-icp-dac-icp-declaration .declaration-row.occupation .rdc-component-base .component-holder {
      margin-bottom: 0; }
      .dac-icp-dac-icp-declaration .declaration-row.business .rdc-component-base .component-holder .ember-power-select-trigger,
      .dac-icp-dac-icp-declaration .declaration-row.occupation .rdc-component-base .component-holder .ember-power-select-trigger {
        min-width: 265px; }
        .dac-icp-dac-icp-declaration .declaration-row.business .rdc-component-base .component-holder .ember-power-select-trigger .ember-power-select-placeholder,
        .dac-icp-dac-icp-declaration .declaration-row.occupation .rdc-component-base .component-holder .ember-power-select-trigger .ember-power-select-placeholder {
          text-align: left; }
  .dac-icp-dac-icp-declaration .ember-basic-dropdown .ember-power-select-placeholder {
    text-align: left; }
  .dac-icp-dac-icp-declaration .declaration-row > p,
  .dac-icp-dac-icp-declaration .declaration-row .rdc-component-base {
    width: 65%;
    color: #9e9e9e; }
  .dac-icp-dac-icp-declaration .declaration-row.first .label-holder {
    text-align: left;
    line-height: 4; }
  .dac-icp-dac-icp-declaration .declaration-row.first .component-holder .ember-basic-dropdown-trigger {
    width: 100%;
    text-align-last: left; }
  .dac-icp-dac-icp-declaration .declaration-row.first .label-holder label {
    color: #9e9e9e;
    font-size: 14px; }
  .dac-icp-dac-icp-declaration .business .rdc-component-base .component-holder .component-wrapper,
  .dac-icp-dac-icp-declaration .occupation .rdc-component-base .component-holder .component-wrapper {
    width: 265px;
    margin-left: auto; }
  .dac-icp-dac-icp-declaration .declaration-row .component-holder {
    text-align: right; }
  .dac-icp-dac-icp-declaration .declaration-row.first .rdc-component-base {
    width: 100%; }
  .dac-icp-dac-icp-declaration .declaration-row .rdc-component-base {
    width: 35%; }
  .dac-icp-dac-icp-declaration .rdc-component-base .label-holder {
    float: none;
    text-align: right; }
  .dac-icp-dac-icp-declaration .rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px; }
  .dac-icp-dac-icp-declaration .rdc-radio-button-group .rdc-radio-button-base,
  .dac-icp-dac-icp-declaration .ember-basic-dropdown-trigger {
    display: inline-block;
    min-width: 130px; }
  .dac-icp-dac-icp-declaration .ember-power-select-selected-item {
    text-align-last: left; }
  .dac-icp-dac-icp-declaration .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .dac-icp-dac-icp-declaration .declaration-row.first .rdc-component-base {
    margin-bottom: 0; }
  .dac-icp-dac-icp-declaration .error {
    display: none; }
  .dac-icp-dac-icp-declaration .error.showError1 {
    display: block;
    text-align: right;
    flex-basis: 100%; } }

@media only screen and (min-width: 1025px) {
  .dac-icp-dac-icp-card {
    /*validation requirement*/ }
    .dac-icp-dac-icp-card .rdc-view-wrapper .dac-icp-card-details-content {
      height: 100%;
      background-color: #fbfbfb; }
    .dac-icp-dac-icp-card .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
      height: calc(100vh - 250px);
      min-height: 50%; }
    .dac-icp-dac-icp-card .dac-icp-card-details-content,
    .dac-icp-dac-icp-card .dac-icp-card-container,
    .dac-icp-dac-icp-card .rdc-scroll-content {
      background-color: #fbfbfb; }
    .dac-icp-dac-icp-card header {
      padding-top: 20px;
      position: relative;
      padding-bottom: 15px; }
    .dac-icp-dac-icp-card header h3 {
      text-indent: 40px;
      margin-bottom: 0;
      font-size: 36px;
      position: relative; }
      .dac-icp-dac-icp-card header h3 span {
        color: #000;
        font-size: 16px;
        position: absolute;
        right: 40px;
        bottom: 0; }
    .dac-icp-dac-icp-card .global-close-btn {
      right: 0;
      top: 0; }
    .dac-icp-dac-icp-card .dac-icp-card-container {
      background: #fff;
      margin: 0 40px;
      padding: 20px;
      margin-bottom: 60px; }
    .dac-icp-dac-icp-card .dac-icp-card-header {
      font-size: 16px;
      color: #9e9e9e;
      margin-bottom: 13px; }
    .dac-icp-dac-icp-card .dac-cc-card-left {
      background: url("images/icons/svg/dac-credit-card.svg") no-repeat left center;
      min-width: 50px;
      min-height: 30px; }
    .dac-icp-dac-icp-card .dac-cc-card-container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .dac-icp-dac-icp-card .dac-icp-card-container ul {
      padding: 5px 0; }
      .dac-icp-dac-icp-card .dac-icp-card-container ul li {
        border: solid #ebebeb;
        border-width: 0 1px 1px 1px;
        padding: 0 10px; }
      .dac-icp-dac-icp-card .dac-icp-card-container ul li:first-child {
        border-top: solid 1px #ebebeb; }
    .dac-icp-dac-icp-card .dac-icp-card-container.section2 ul {
      padding-bottom: 0; }
    .dac-icp-dac-icp-card .dac-icp-card-container.section2 .dac-cc-card-left {
      display: none; }
    .dac-icp-dac-icp-card .dac-cc-icon-section {
      position: relative; }
    .dac-icp-dac-icp-card .dac-cc-card-icon .dac-cc-card-info-icon {
      position: absolute;
      top: 5px;
      right: 40px; }
      .dac-icp-dac-icp-card .dac-cc-card-icon .dac-cc-card-info-icon .rdc-svgicon.info-icon {
        background: url(images/icons/svg/info-icon.svg) no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px; }
    .dac-icp-dac-icp-card .dac-cc-card-icon .toolTip {
      position: absolute;
      background: #fff;
      z-index: 5;
      min-width: 350px;
      border-radius: 3px;
      max-width: 40%;
      right: 30px;
      top: 40px;
      padding: 15px;
      filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
      display: none; }
      .dac-icp-dac-icp-card .dac-cc-card-icon .toolTip .toolTip-title {
        color: #0091ea;
        padding: 0 3px;
        display: block;
        margin-bottom: 10px; }
    .dac-icp-dac-icp-card .dac-cc-card-icon .toolTip:after {
      content: " ";
      position: absolute;
      top: -15px;
      right: 20px;
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid white; }
    .dac-icp-dac-icp-card .showToolTip .toolTip {
      display: block; }
    .dac-icp-dac-icp-card .dac-cc-card-container > div {
      padding: 15px; }
    .dac-icp-dac-icp-card .dac-cc-card-container.other-bank {
      border: solid #ebebeb;
      border-width: 0 1px 1px 1px;
      padding: 0 10px; }
    .dac-icp-dac-icp-card .dac-cc-card-right {
      flex: 1 1 auto; }
    .dac-icp-dac-icp-card .dac-cc-card-name,
    .dac-icp-dac-icp-card .dac-cc-card-num {
      display: inline-block; }
    .dac-icp-dac-icp-card .dac-cc-card-name {
      color: #000;
      font-size: 17px;
      margin-right: 30px; }
    .dac-icp-dac-icp-card .dac-cc-card-num {
      font-size: 13px;
      color: #9b9b9b; }
    .dac-icp-dac-icp-card .dac-cc-icon-section .outline {
      position: absolute;
      right: 0;
      top: 0;
      width: 24px;
      height: 24px; }
    .dac-icp-dac-icp-card .dac-cc-icon-section span,
    .dac-icp-dac-icp-card .dac-cc-card-radio span {
      display: inline-block; }
    .dac-icp-dac-icp-card .dac-cc-card-radio .outline {
      border: solid 1px #9b9b9b;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      padding: 10%; }
    .dac-icp-dac-icp-card .dac-cc-icon-section .outline {
      position: absolute;
      right: 0;
      top: 0;
      border: solid 1px #9b9b9b;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      padding: 2px; }
    .dac-icp-dac-icp-card .cs2i-highlight-transaction .dac-cc-icon-section .outline,
    .dac-icp-dac-icp-card .cs2i-highlight-transaction .dac-cc-card-radio .outline {
      border: solid 1px #00a546; }
    .dac-icp-dac-icp-card .cs2i-highlight-transaction .dac-cc-icon-section .fill,
    .dac-icp-dac-icp-card .cs2i-highlight-transaction .dac-cc-card-radio .fill {
      background: #00a546;
      border-radius: 50%;
      width: 100%;
      height: 100%; }
    .dac-icp-dac-icp-card .rdc-view___footer---stickey {
      bottom: 50px;
      margin: 0 40px; }
    .dac-icp-dac-icp-card .rdc-view___footer .rdc-button.validate {
      background: #ccc; }
    .dac-icp-dac-icp-card .error {
      display: none; }
    .dac-icp-dac-icp-card .error.showError1 {
      display: block;
      font-size: 14px; }
    .dac-icp-dac-icp-card .align-space {
      font-size: 25px; } }

@media only screen and (min-width: 1025px) {
  .cs2i-balance-balance-details .rdc-view-wrapper.balance-content {
    height: 100%;
    min-height: 50%; }
  .cs2i-balance-balance-details .rdc-view-wrapper.balance-content,
  .cs2i-balance-balance-details .balanceDetails.rdc-scroll-content {
    background: #fbfbfb; }
  .cs2i-balance-balance-details .balanceDetails.rdc-scroll-content.has-subheader.rdc-view {
    height: calc(100vh - 240px);
    min-height: 50%;
    margin: 0 40px;
    width: calc(100% - 80px); }
  .cs2i-balance-balance-details header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px; }
  .cs2i-balance-balance-details header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .cs2i-balance-balance-details header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .cs2i-balance-balance-details .global-close-btn {
    right: 0;
    top: 0; }
  .cs2i-balance-balance-details .panel-top {
    margin: 0 40px; }
  .cs2i-balance-balance-details .rdc-panel___content {
    border: 0; }
  .cs2i-balance-balance-details .foreHeader {
    padding: 15px 20px 0 0;
    margin-bottom: 20px; }
  .cs2i-balance-balance-details .foreHeader .cardlist_title {
    color: #000;
    padding-bottom: 5px;
    font-size: 15px; }
  .cs2i-balance-balance-details .foreHeader .cardlist_title {
    color: #9b9b9b; }
  .cs2i-balance-balance-details .card-list-container {
    background: #fff;
    padding: 20px; }
  .cs2i-balance-balance-details .card-list-container h6 {
    color: #9e9e9e;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 50px; }
  .cs2i-balance-balance-details .card-list-container ul {
    border: 1px solid #ebebeb;
    border-bottom: 0;
    color: #000; }
  .cs2i-balance-balance-details .card-list-container li {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: space-between;
    padding: 10px 0 15px 10px; }
  .cs2i-balance-balance-details .card-list-container h5 {
    border-right: 1px solid #dcdcdc;
    flex: 0 0 40%;
    margin: 0;
    font-size: 17px;
    color: #000;
    background: url("images/icons/svg/dac-credit-card.svg") no-repeat 0 center;
    padding: 10px 0 10px 80px;
    background-size: 60px 40px; }
    .cs2i-balance-balance-details .card-list-container h5 span.num {
      color: #777;
      display: block;
      padding-top: 5px; }
  .cs2i-balance-balance-details .card-list-container .col1,
  .cs2i-balance-balance-details .card-list-container .col2 {
    flex: 0 0 27%;
    border-right: 1px solid #dcdcdc;
    padding: 10px 0 0 0; }
  .cs2i-balance-balance-details .card-list-container .col1 .value-label,
  .cs2i-balance-balance-details .card-list-container .col2 .value-label,
  .cs2i-balance-balance-details .card-list-container .col1 .label-value,
  .cs2i-balance-balance-details .card-list-container .col2 .label-value {
    padding-left: 20px; }
  .cs2i-balance-balance-details .card-list-container .col3 {
    flex: 0 0 6%; }
  .cs2i-balance-balance-details .card-list-container .col3 span {
    display: inline-block;
    border-radius: 50%;
    cursor: pointer; }
  .cs2i-balance-balance-details .card-list-container .select-parent {
    width: 100%;
    height: 100%;
    text-align: center; }
  .cs2i-balance-balance-details .card-list-container .col3 .outline {
    border: 1px solid #9b9b9b;
    width: 26px;
    height: 26px;
    position: relative;
    margin-top: 30%; }
  .cs2i-balance-balance-details .card-list-container .col3 .fill {
    background: #00a546;
    width: 80%;
    height: 80%;
    display: none;
    position: absolute;
    left: 10%;
    top: 10%; }
  .cs2i-balance-balance-details .highlight .col3 .fill {
    display: inline-block; }
  .cs2i-balance-balance-details .card-list-container .label-value,
  .cs2i-balance-balance-details .card-list-container .value-label {
    display: block; }
  .cs2i-balance-balance-details .card-list-container .label-value .dasher {
    display: block; }
  .cs2i-balance-balance-details .card-list-container .value-label {
    color: #777;
    font-size: 14px; }
  .cs2i-balance-balance-details .rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px;
    z-index: 1; }
  .cs2i-balance-balance-details .rdc-view___footer.rdc-button.validate {
    background: #ccc; }
  .cs2i-balance-balance-details .error {
    display: none; }
  .cs2i-balance-balance-details .error.showError1 {
    display: block; } }

@media screen and (min-width: 769px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cs2i-balance-balance-details .card-list-container h5 {
    flex: 0 0 20%; } }

@media only screen and (min-width: 1025px) {
  .cs2i-balance-balance-edit .balance-content {
    height: 100%; }
  .cs2i-balance-balance-edit .rdc-view-wrapper.balance-content,
  .cs2i-balance-balance-edit .balanceEmi.rdc-scroll-content {
    background: #fbfbfb; }
  .cs2i-balance-balance-edit .balanceEmi.rdc-scroll-content.has-subheader.rdc-view {
    height: calc(100vh - 250px);
    min-height: 50%;
    margin: 0 40px;
    width: calc(100% - 80px); }
  .cs2i-balance-balance-edit header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px; }
  .cs2i-balance-balance-edit header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .cs2i-balance-balance-edit header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .cs2i-balance-balance-edit .global-close-btn {
    right: 0;
    top: 0; }
  .cs2i-balance-balance-edit .panel-top {
    margin: 0 40px; }
  .cs2i-balance-balance-edit .rdc-panel___content {
    border: 0; }
  .cs2i-balance-balance-edit .balanceEmi h6 {
    color: #fff;
    display: flex;
    font-size: 17px;
    background: #0091ea url("images/icons/svg/credit-card-white.svg") no-repeat 20px center;
    background-size: 60px 40px;
    padding: 30px 20px 30px 100px;
    margin-bottom: 0; }
  .cs2i-balance-balance-edit .balanceEmi h6 span {
    display: inline-block;
    margin-left: auto;
    font-size: 15px; }
  .cs2i-balance-balance-edit .rdc-panel-content {
    background: #fff;
    padding: 0 20px 20px; }
  .cs2i-balance-balance-edit .title-tenure {
    text-transform: uppercase;
    color: #9e9e9e;
    padding: 20px 0;
    display: block; }
  .cs2i-balance-balance-edit .form-inner > .currencyData,
  .cs2i-balance-balance-edit .form-inner > .rdc-component-base,
  .cs2i-balance-balance-edit .form-inner > .column-label-holder {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: space-between; }
  .cs2i-balance-balance-edit .form-inner > .column-label-holder:last-child {
    border: 0; }
  .cs2i-balance-balance-edit .form-inner .rdc-form-selectbox .component-holder,
  .cs2i-balance-balance-edit .form-inner .rdc-component-base {
    margin: 0; }
  .cs2i-balance-balance-edit .form-inner .label-holder label,
  .cs2i-balance-balance-edit .form-inner .column-label-holder label {
    font-size: 14px !important;
    color: #9e9e9e;
    text-transform: uppercase; }
  .cs2i-balance-balance-edit .form-inner .ember-power-select-placeholder {
    color: #000; }
  .cs2i-balance-balance-edit .form-inner .select-balance {
    padding: 10px 0; }
    .cs2i-balance-balance-edit .form-inner .select-balance .component-holder {
      width: 460px;
      margin-left: auto; }
    .cs2i-balance-balance-edit .form-inner .select-balance .label-holder label {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  .cs2i-balance-balance-edit .form-inner .currencyData {
    padding: 10px 0;
    position: relative; }
    .cs2i-balance-balance-edit .form-inner .currencyData .currencyCode {
      position: absolute;
      right: 210px;
      top: 23px;
      z-index: 2;
      color: #9e9e9e; }
    .cs2i-balance-balance-edit .form-inner .currencyData .rdc-text-input .textinput-wrapper input {
      padding-left: 50px; }
    .cs2i-balance-balance-edit .form-inner .currencyData .rdc-component-base .label-holder {
      width: 50%; }
    .cs2i-balance-balance-edit .form-inner .currencyData .label-holder {
      height: 100%;
      width: 40%; }
    .cs2i-balance-balance-edit .form-inner .currencyData .label-holder label {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
    .cs2i-balance-balance-edit .form-inner .currencyData .rdc-component-base {
      display: flex;
      margin: 0; }
    .cs2i-balance-balance-edit .form-inner .currencyData .component-holder {
      width: 250px;
      margin-left: auto; }
  .cs2i-balance-balance-edit .currencyData.noborder {
    border: 0; }
  .cs2i-balance-balance-edit .form-inner .spliter {
    display: block;
    border-top: 1px solid #ebebeb; }
  .cs2i-balance-balance-edit .form-inner > .installment-duration .component-holder {
    width: 250px;
    float: right;
    margin-left: auto; }
  .cs2i-balance-balance-edit .form-inner > .column-label-holder {
    padding: 20px 0; }
  .cs2i-balance-balance-edit .form-inner > .installment-duration {
    padding: 10px 0; }
  .cs2i-balance-balance-edit .rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px;
    position: relative;
    z-index: 1; }
    .cs2i-balance-balance-edit .rdc-view___footer---stickey .formValidateBeforeNextBtn {
      position: absolute;
      right: 0;
      margin-right: 40px;
      width: 60%;
      max-width: 240px;
      padding: 35px 0;
      cursor: pointer;
      background: rgba(0, 0, 0, 0); }
  .cs2i-balance-balance-edit .move-left {
    display: inline-block;
    width: 250px; } }

@media only screen and (min-width: 1025px) {
  .cs2i-balance-balance-review .rdc-view-wrapper.balance-content {
    height: 100%;
    background: #fbfbfb;
    min-height: 50%; }
  .cs2i-balance-balance-review .balanceReviewContent {
    background: #fbfbfb; }
  .cs2i-balance-balance-review header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px; }
  .cs2i-balance-balance-review header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .cs2i-balance-balance-review header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .cs2i-balance-balance-review .global-close-btn {
    right: 0;
    top: 0; }
  .cs2i-balance-balance-review .balance-review.rdc-scroll-content {
    height: calc(100vh - 245px);
    min-height: 50%; }
  .cs2i-balance-balance-review .balance-review {
    padding: 0 40px; }
  .cs2i-balance-balance-review ul {
    background: #fff;
    margin-bottom: 20px; }
  .cs2i-balance-balance-review ul li {
    border-bottom: 1px solid #ebebeb;
    padding: 20px;
    display: flex;
    justify-content: space-between; }
  .cs2i-balance-balance-review ul li .label-review {
    color: #9e9e9e;
    text-transform: uppercase;
    font-size: 14px; }
  .cs2i-balance-balance-review ul li .label-detail {
    font-size: 17px; }
  .cs2i-balance-balance-review .card-details .label-detail span span:last-child {
    display: none; }
  .cs2i-balance-balance-review .rdc-view___footer---stickey {
    background: #fbfbfb;
    bottom: 50px;
    margin: 0 40px;
    z-index: 1;
    padding-top: 10px; }
  .cs2i-balance-balance-review .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .cs2i-balance-balance-review .error {
    display: none; }
  .cs2i-balance-balance-review .error.showError1 {
    display: block; }
  .cs2i-balance-balance-review .error-visual .rdc-checkbox---covered {
    border: 1px solid red !important; } }

@media only screen and (min-width: 1025px) {
  /* page specific*/
  .cs2i-balance-balance-confirmation .rdc-view,
  .cs2i-balance-balance-confirmation .confirmation-content {
    background: #fbfbfb; }
  .cs2i-balance-balance-confirmation .confirmation-content {
    height: 100%;
    min-height: 50%; }
  .cs2i-balance-balance-confirmation header {
    position: relative;
    background: #fbfbfb;
    padding: 40px 0px; }
  .cs2i-balance-balance-confirmation header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
  .cs2i-balance-balance-confirmation .global-close-btn {
    right: 0;
    top: 0; }
  .cs2i-balance-balance-confirmation .rdc-view___content.rdc-scroll-content {
    background: #fbfbfb;
    height: calc(100vh - 300px);
    min-height: 50%;
    padding: 0 40px;
    width: calc(100% - 0px); }
  .cs2i-balance-balance-confirmation .info-panel {
    border: 0;
    padding: 0; }
  .cs2i-balance-balance-confirmation .status-success-info-mm {
    border: solid 1px #ebebeb;
    padding: 20px;
    color: #00a546;
    text-align: left;
    background: #edf6ec;
    padding-left: 20px; }
    .cs2i-balance-balance-confirmation .status-success-info-mm .rdc-glyphicon.icon-success-2 {
      vertical-align: middle; }
  .cs2i-balance-balance-confirmation .refnum-div {
    border-bottom: 1px solid  #ebebeb;
    padding: 20px;
    display: flex;
    justify-content: space-between; }
    .cs2i-balance-balance-confirmation .refnum-div .card-details > div {
      display: inline-block;
      margin-left: 10px; }
    .cs2i-balance-balance-confirmation .refnum-div .card-details > div span:last {
      border: 1px solid red; }
  .cs2i-balance-balance-confirmation .rdc-view___footer {
    bottom: 40px;
    margin: 0 40px;
    position: relative;
    background: #fbfbfb;
    padding: 20px 40px; } }

@media only screen and (min-width: 1025px) {
  /* page specific*/
  .cs2i-purchase-purchase-confirmation .rdc-view,
  .cs2i-purchase-purchase-confirmation .confirmation-content {
    background: #fbfbfb; }
  .cs2i-purchase-purchase-confirmation .confirmation-content {
    height: 100%;
    padding-bottom: 20px; }
  .cs2i-purchase-purchase-confirmation header {
    position: relative;
    background: #fbfbfb;
    padding: 40px 0px; }
  .cs2i-purchase-purchase-confirmation header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
  .cs2i-purchase-purchase-confirmation .global-close-btn {
    right: 0;
    top: 0; }
  .cs2i-purchase-purchase-confirmation .rdc-view___content.rdc-scroll-content {
    background: #fbfbfb;
    height: calc(100vh - 300px);
    min-height: 50%;
    width: calc(100%); }
  .cs2i-purchase-purchase-confirmation .info-panel {
    border: 0;
    padding: 0;
    background: #fbfbfb; }
  .cs2i-purchase-purchase-confirmation .footNotes,
  .cs2i-purchase-purchase-confirmation .status-success-class-mm.info-panel.success-block-lg {
    margin: 0 40px; }
  .cs2i-purchase-purchase-confirmation .trans-box {
    margin-bottom: 20px;
    background: #fff; }
  .cs2i-purchase-purchase-confirmation .status-success-info-mm {
    border: solid 1px #ebebeb;
    padding: 20px;
    color: #00a546;
    text-align: left;
    padding-left: 20px;
    background: #edf6ec; }
    .cs2i-purchase-purchase-confirmation .status-success-info-mm .rdc-glyphicon.icon-success-2 {
      vertical-align: middle; }
  .cs2i-purchase-purchase-confirmation .refnum-div {
    border-bottom: 1px solid  #ebebeb;
    padding: 20px;
    display: flex;
    justify-content: space-between; }
    .cs2i-purchase-purchase-confirmation .refnum-div .card-details > div {
      display: inline-block;
      margin-left: 10px; }
  .cs2i-purchase-purchase-confirmation .rdc-view___footer---stickey {
    bottom: 40px;
    margin: 0 40px;
    position: relative;
    background: #fbfbfb; } }

/*bpp*/
@media only screen and (min-width: 1025px) {
  .dac-bpp-dac-bpp-details header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px; }
  .dac-bpp-dac-bpp-details header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .dac-bpp-dac-bpp-details header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .dac-bpp-dac-bpp-details .global-close-btn {
    right: 0;
    top: 0; }
  .dac-bpp-dac-bpp-details .rdc-view-wrapper.dac-bpp-details-content,
  .dac-bpp-dac-bpp-details .rdc-view {
    height: 100%;
    background-color: #fbfbfb; }
  .dac-bpp-dac-bpp-details .rdc-view-wrapper .rdc-scroll-content {
    height: calc(100vh - 245px);
    min-height: 50%;
    width: calc(100% - 80px); }
  .dac-bpp-dac-bpp-details .dac-icp-loan-input-cont,
  .dac-bpp-dac-bpp-details .dac-icp-loan-container {
    background: #fff; }
  .dac-bpp-dac-bpp-details .dac-icp-details-header {
    margin: 0 20px 20px 20px;
    font-size: 15px;
    padding: 0 20px; }
  .dac-bpp-dac-bpp-details .dac-icp-details-header > div {
    color: #9b9b9b;
    padding: 20px 0;
    padding-left: 15px; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-container {
    margin: 0 40px; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-limit.title-info {
    margin: 0 40px;
    background-color: #0091ea;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    flex-flow: row wrap; }
    .dac-bpp-dac-bpp-details .dac-icp-loan-limit.title-info .row {
      width: 100%;
      color: #000; }
      .dac-bpp-dac-bpp-details .dac-icp-loan-limit.title-info .row a {
        color: #fff;
        cursor: pointer; }
  .dac-bpp-dac-bpp-details p.dac-icp-loan-lim-desc {
    width: 100%;
    justify-content: space-between;
    width: 100%;
    display: flex;
    color: #fff;
    font-size: 17px;
    padding-bottom: 10px; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-lim-desc .dac-icp-loan-req-amt {
    font-size: 18px; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-input-cont h4 {
    padding: 20px 20px 0; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-input-cont {
    margin: 0 40px;
    padding: 0; }
  .dac-bpp-dac-bpp-details .currencyData {
    position: relative; }
  .dac-bpp-dac-bpp-details .currencyData .component-holder {
    max-width: 245px;
    padding-bottom: 10px; }
  .dac-bpp-dac-bpp-details .currencyData .label-holder {
    margin-top: 15px; }
  .dac-bpp-dac-bpp-details .currencyData .currencyCode {
    position: absolute;
    right: 225px;
    top: 33px;
    z-index: 2;
    color: #9e9e9e; }
  .dac-bpp-dac-bpp-details .currencyData input[type="tel"] {
    padding-left: 50px;
    color: #000; }
  .dac-bpp-dac-bpp-details .currencyData .dac-icp-loan-amt,
  .dac-bpp-dac-bpp-details .dac-icp-loan-tenure,
  .dac-bpp-dac-bpp-details .dac-icp-loan-container {
    font-size: 14px;
    color: #9e9e9e;
    border-bottom: 1px solid  #ebebeb;
    display: flex;
    justify-content: space-between;
    padding: 20px; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-container.last {
    border: 0; }
  .dac-bpp-dac-bpp-details .currencyData .dac-icp-loan-amt {
    padding-bottom: 0; }
  .dac-bpp-dac-bpp-details .rdc-form-selectbox,
  .dac-bpp-dac-bpp-details .currencyData .dac-icp-loan-amt {
    margin: 0; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-tenure .label-holder label,
  .dac-bpp-dac-bpp-details .dac-icp-loan-input-cont .label-holder label {
    font-size: 14px;
    font-weight: 400; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-tenure .ember-basic-dropdown {
    max-width: 245px;
    margin-left: auto;
    color: #000; }
  .dac-bpp-dac-bpp-details .rdc-form-selectbox .component-holder {
    margin: 0;
    color: 0; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-container:last-child {
    border: 0; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-input-cont .rdc-form-selectbox {
    margin: 0; }
  .dac-bpp-dac-bpp-details .dac-icp-loan-mro-val,
  .dac-bpp-dac-bpp-details .dac-icp-loan-af-val,
  .dac-bpp-dac-bpp-details .dac-icp-loan-apr-val,
  .dac-bpp-dac-bpp-details .dac-icp-loan-emi-val {
    color: #000; }
  .dac-bpp-dac-bpp-details .rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px;
    background-color: #fbfbfb; }
  .dac-bpp-dac-bpp-details .notes-details {
    margin: 0 40px; }
  .dac-bpp-dac-bpp-details .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .dac-bpp-dac-bpp-details .error {
    display: none; }
  .dac-bpp-dac-bpp-details .error.showError1 {
    display: block;
    font-size: 14px;
    text-align: right;
    padding-right: 25px; }
  .dac-bpp-dac-bpp-details .move-left {
    display: inline-block;
    width: 245px;
    text-align: left; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dac-bpp-dac-bpp-details .currencyData input[type="tel"] {
    padding-left: 10px; } }

@media only screen and (min-width: 1025px) {
  .dac-bpp-dac-bpp-card {
    /*validation requirement*/ }
    .dac-bpp-dac-bpp-card .rdc-view-wrapper .dac-icp-card-details-content {
      height: 100%;
      background-color: #fbfbfb; }
    .dac-bpp-dac-bpp-card .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
      height: calc(100vh - 250px);
      min-height: 50%;
      width: calc(100% - 40px); }
    .dac-bpp-dac-bpp-card .dac-icp-card-details-content,
    .dac-bpp-dac-bpp-card .dac-icp-card-container,
    .dac-bpp-dac-bpp-card .rdc-scroll-content {
      background-color: #fbfbfb; }
    .dac-bpp-dac-bpp-card header {
      padding-top: 20px;
      position: relative;
      padding-bottom: 15px; }
    .dac-bpp-dac-bpp-card header h3 {
      text-indent: 40px;
      margin-bottom: 0;
      font-size: 36px;
      position: relative; }
      .dac-bpp-dac-bpp-card header h3 span {
        color: #000;
        font-size: 16px;
        position: absolute;
        right: 40px;
        bottom: 0; }
    .dac-bpp-dac-bpp-card .global-close-btn {
      right: 0;
      top: 0; }
    .dac-bpp-dac-bpp-card .dac-icp-card-container {
      background: #fff;
      margin: 0 40px;
      padding: 20px;
      margin-bottom: 60px; }
    .dac-bpp-dac-bpp-card .dac-icp-card-header {
      font-size: 16px;
      color: #9e9e9e;
      margin-bottom: 13px; }
    .dac-bpp-dac-bpp-card .dac-cc-card-left {
      background: url("images/icons/svg/dac-credit-card.svg") no-repeat left center;
      min-width: 50px;
      min-height: 30px; }
    .dac-bpp-dac-bpp-card .dac-cc-card-container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .dac-bpp-dac-bpp-card .dac-icp-card-container ul {
      padding: 5px 0;
      padding-bottom: 0; }
      .dac-bpp-dac-bpp-card .dac-icp-card-container ul li {
        border: solid #ebebeb;
        border-width: 0 1px 1px 1px;
        padding: 0 10px; }
      .dac-bpp-dac-bpp-card .dac-icp-card-container ul li:first-child {
        border-top: solid 1px #ebebeb; }
    .dac-bpp-dac-bpp-card .dac-icp-card-container.section2 ul {
      padding-bottom: 0; }
    .dac-bpp-dac-bpp-card .dac-icp-card-container.section2 .dac-cc-card-left {
      display: none; }
    .dac-bpp-dac-bpp-card .dac-cc-icon-section {
      position: relative; }
    .dac-bpp-dac-bpp-card .dac-cc-card-container > div {
      padding: 15px; }
    .dac-bpp-dac-bpp-card .dac-cc-card-container.other-bank {
      border: solid #ebebeb;
      border-width: 0 1px 1px 1px;
      padding: 0 10px; }
    .dac-bpp-dac-bpp-card .dac-cc-card-right {
      flex: 1 1 auto; }
    .dac-bpp-dac-bpp-card .dac-cc-card-name,
    .dac-bpp-dac-bpp-card .dac-cc-card-num {
      display: inline-block; }
    .dac-bpp-dac-bpp-card .dac-cc-card-name {
      color: #000;
      font-size: 17px;
      margin-right: 30px; }
    .dac-bpp-dac-bpp-card .dac-cc-card-num {
      font-size: 13px;
      color: #9b9b9b !important; }
    .dac-bpp-dac-bpp-card .dac-cc-icon-section .outline {
      position: absolute;
      right: 0;
      top: 0;
      width: 24px;
      height: 24px; }
    .dac-bpp-dac-bpp-card .dac-cc-icon-section span,
    .dac-bpp-dac-bpp-card .dac-cc-card-radio span {
      display: inline-block; }
    .dac-bpp-dac-bpp-card .dac-cc-card-radio .outline {
      border: solid 1px #9b9b9b;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      padding: 10%; }
    .dac-bpp-dac-bpp-card .dac-cc-icon-section .outline {
      position: absolute;
      right: 0;
      top: 0;
      border: solid 1px #9b9b9b;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      padding: 2px; }
    .dac-bpp-dac-bpp-card .cs2i-highlight-transaction .dac-cc-icon-section .outline,
    .dac-bpp-dac-bpp-card .cs2i-highlight-transaction .dac-cc-card-radio .outline {
      border: solid 1px #00a546; }
    .dac-bpp-dac-bpp-card .cs2i-highlight-transaction .dac-cc-icon-section .fill,
    .dac-bpp-dac-bpp-card .cs2i-highlight-transaction .dac-cc-card-radio .fill {
      background: #00a546;
      border-radius: 50%;
      width: 100%;
      height: 100%; }
    .dac-bpp-dac-bpp-card .rdc-view___footer---stickey {
      bottom: 50px;
      margin: 0 40px; }
    .dac-bpp-dac-bpp-card .rdc-view___footer .rdc-button.validate {
      background: #ccc; }
    .dac-bpp-dac-bpp-card .error {
      display: none; }
    .dac-bpp-dac-bpp-card .error.showError1 {
      display: block;
      font-size: 14px; }
    .dac-bpp-dac-bpp-card .labelSpace {
      font-size: 13px; }
    .dac-bpp-dac-bpp-card .space {
      padding-bottom: 10px; }
    .dac-bpp-dac-bpp-card .dac-cc-card-icon .dac-cc-card-info-icon {
      position: absolute;
      top: 5px;
      right: 40px; }
      .dac-bpp-dac-bpp-card .dac-cc-card-icon .dac-cc-card-info-icon .rdc-svgicon.info-icon {
        background: url(images/icons/svg/info-icon.svg) no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px; }
    .dac-bpp-dac-bpp-card .dac-cc-card-icon .toolTip {
      position: absolute;
      background: #fff;
      z-index: 5;
      min-width: 350px;
      border-radius: 3px;
      max-width: 40%;
      right: 15px;
      top: 40px;
      padding: 15px;
      filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
      display: none; }
      .dac-bpp-dac-bpp-card .dac-cc-card-icon .toolTip .toolTip-title {
        color: #0091ea;
        padding: 0 3px;
        display: block;
        margin-bottom: 10px; }
    .dac-bpp-dac-bpp-card .dac-cc-card-icon .toolTip:after {
      content: " ";
      position: absolute;
      top: -15px;
      right: 20px;
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid white; }
    .dac-bpp-dac-bpp-card .showToolTip .toolTip {
      display: block; }
    .dac-bpp-dac-bpp-card .align-space {
      font-size: 25px; } }

@media only screen and (min-width: 1025px) {
  .dac-bpp-dac-bpp-declaration .rdc-view-wrapper.dac-icp-declaration-content {
    background-color: #fbfbfb;
    height: 100%; }
  .dac-bpp-dac-bpp-declaration .dac-icp-dec-container.rdc-scroll-content.has-sub-header {
    margin: 0 40px;
    height: calc( 100vh - 245px);
    min-height: 50%;
    padding: 20px;
    background: #fff;
    width: calc(100% - 80px); }
  .dac-bpp-dac-bpp-declaration header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px; }
  .dac-bpp-dac-bpp-declaration header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .dac-bpp-dac-bpp-declaration header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .dac-bpp-dac-bpp-declaration .global-close-btn {
    right: 0;
    top: 0; }
  .dac-bpp-dac-bpp-declaration .dac-icp-dec-header {
    color: #000;
    font-size: 14px;
    margin-bottom: 40px; }
  .dac-bpp-dac-bpp-declaration .dac-chinese-text .ember-basic-dropdown .rdc-selectbox-triger .ember-power-select-placeholder, .dac-bpp-dac-bpp-declaration .dac-chinese-text .rdc-selectbox-triger .ember-power-select-selected-item, .dac-bpp-dac-bpp-declaration .dac-chinese-text .rdc-selectbox-dd-menu .ember-power-select-options[role="listbox"] .ember-power-select-option {
    font-size: 16px; }
  .dac-bpp-dac-bpp-declaration .declaration-row {
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0; }
  .dac-bpp-dac-bpp-declaration .declaration-row.first {
    padding: 0; }
  .dac-bpp-dac-bpp-declaration .declaration-row:last-child {
    border: 0; }
  .dac-bpp-dac-bpp-declaration .declaration-row,
  .dac-bpp-dac-bpp-declaration .rdc-component-base {
    display: flex; }
  .dac-bpp-dac-bpp-declaration .declaration-row.business .rdc-component-base,
  .dac-bpp-dac-bpp-declaration .declaration-row.occupation .rdc-component-base {
    display: flex;
    width: 100%; }
    .dac-bpp-dac-bpp-declaration .declaration-row.business .rdc-component-base .label-holder,
    .dac-bpp-dac-bpp-declaration .declaration-row.occupation .rdc-component-base .label-holder {
      text-align: left;
      color: #9e9e9e;
      width: 65%; }
      .dac-bpp-dac-bpp-declaration .declaration-row.business .rdc-component-base .label-holder label,
      .dac-bpp-dac-bpp-declaration .declaration-row.occupation .rdc-component-base .label-holder label {
        font-size: 14px; }
    .dac-bpp-dac-bpp-declaration .declaration-row.business .rdc-component-base .component-holder,
    .dac-bpp-dac-bpp-declaration .declaration-row.occupation .rdc-component-base .component-holder {
      margin-bottom: 0; }
      .dac-bpp-dac-bpp-declaration .declaration-row.business .rdc-component-base .component-holder .ember-power-select-trigger,
      .dac-bpp-dac-bpp-declaration .declaration-row.occupation .rdc-component-base .component-holder .ember-power-select-trigger {
        width: 265px; }
        .dac-bpp-dac-bpp-declaration .declaration-row.business .rdc-component-base .component-holder .ember-power-select-trigger .ember-power-select-placeholder,
        .dac-bpp-dac-bpp-declaration .declaration-row.occupation .rdc-component-base .component-holder .ember-power-select-trigger .ember-power-select-placeholder {
          text-align-last: left; }
  .dac-bpp-dac-bpp-declaration .declaration-row > p,
  .dac-bpp-dac-bpp-declaration .declaration-row .rdc-component-base {
    width: 65%;
    color: #9e9e9e; }
  .dac-bpp-dac-bpp-declaration .declaration-row.first .label-holder {
    text-align: left;
    line-height: 4; }
  .dac-bpp-dac-bpp-declaration .declaration-row.first .component-holder .ember-basic-dropdown-trigger {
    width: 100%;
    text-align-last: left; }
  .dac-bpp-dac-bpp-declaration .declaration-row.first .label-holder label {
    color: #9e9e9e;
    font-size: 14px; }
  .dac-bpp-dac-bpp-declaration .declaration-row .component-holder {
    text-align: right; }
  .dac-bpp-dac-bpp-declaration .declaration-row.first .rdc-component-base {
    width: 100%; }
  .dac-bpp-dac-bpp-declaration .declaration-row .rdc-component-base {
    width: 35%; }
  .dac-bpp-dac-bpp-declaration .rdc-component-base .label-holder {
    float: none;
    text-align: right; }
  .dac-bpp-dac-bpp-declaration .business .rdc-component-base .component-holder .component-wrapper,
  .dac-bpp-dac-bpp-declaration .occupation .rdc-component-base .component-holder .component-wrapper {
    width: 265px;
    margin-left: auto; }
  .dac-bpp-dac-bpp-declaration .rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px; }
  .dac-bpp-dac-bpp-declaration .rdc-radio-button-group .rdc-radio-button-base,
  .dac-bpp-dac-bpp-declaration .ember-basic-dropdown-trigger {
    display: inline-block;
    min-width: 130px; }
  .dac-bpp-dac-bpp-declaration .ember-power-select-selected-item {
    text-align-last: left; }
  .dac-bpp-dac-bpp-declaration .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .dac-bpp-dac-bpp-declaration .error {
    display: none; }
  .dac-bpp-dac-bpp-declaration .error.showError1 {
    display: block; } }

@media only screen and (min-width: 1025px) {
  .dac-bpp-dac-bpp-review .rdc-view-wrapper.dac-icp-review-content {
    height: 100%;
    background-color: #fbfbfb; }
  .dac-bpp-dac-bpp-review .dac-icp-review-content,
  .dac-bpp-dac-bpp-review .rdc-scroll-content {
    background-color: #fbfbfb; }
  .dac-bpp-dac-bpp-review .dac-icp-review.rdc-scroll-content.has-sub-header {
    margin: 0 40px;
    height: calc( 100vh - 250px);
    min-height: 50%;
    width: calc(100% - 80px); }
  .dac-bpp-dac-bpp-review header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px; }
  .dac-bpp-dac-bpp-review header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .dac-bpp-dac-bpp-review header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .dac-bpp-dac-bpp-review .global-close-btn {
    right: 0;
    top: 0; }
  .dac-bpp-dac-bpp-review .dac-icp-review h4 {
    font-size: 17px;
    color: #9e9e9e; }
  .dac-bpp-dac-bpp-review .dac-icp-review-cont {
    background: #fff;
    margin-bottom: 20px; }
  .dac-bpp-dac-bpp-review .dac-icp-review-sec {
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    color: #9e9e9e;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    padding: 20px; }
  .dac-bpp-dac-bpp-review .dac-icp-review-sec > label,
  .dac-bpp-dac-bpp-review .dac-icp-review-sec > .dac-icp-review-header {
    max-width: 60%; }
  .dac-bpp-dac-bpp-review .dac-icp-review-sec > .dac-icp-review-val {
    color: #000;
    font-size: 17px; }
  .dac-bpp-dac-bpp-review .dac-icp-review-val .dac-icp-review-val {
    display: inline-block; }
  .dac-bpp-dac-bpp-review .cs2i_terms_condition {
    background: #fff;
    box-shadow: inset 0 0 2px 0 rgba(116, 116, 116, 0.5);
    border-radius: 3px; }
  .dac-bpp-dac-bpp-review .rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px; }
  .dac-bpp-dac-bpp-review .move-right {
    margin-left: auto;
    margin-right: 20px; }
  .dac-bpp-dac-bpp-review .error-visual .rdc-checkbox---covered {
    border: 1px solid red !important; } }

@media only screen and (min-width: 1025px) {
  .dac-bpp-dac-bpp-confirmation .rdc-view-wrapper.dac-icp-confirmation-content {
    height: 100%;
    background-color: #fbfbfb; }
  .dac-bpp-dac-bpp-confirmation .dac-icp-confirmation-content,
  .dac-bpp-dac-bpp-confirmation .dac-confirmation.rdc-scroll-content {
    background-color: #fbfbfb; }
  .dac-bpp-dac-bpp-confirmation .dac-confirmation.rdc-scroll-content.has-sub-header {
    margin: 0 40px;
    height: calc( 100vh - 250px);
    min-height: 50%;
    width: calc(100% - 80px); }
  .dac-bpp-dac-bpp-confirmation header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 15px; }
  .dac-bpp-dac-bpp-confirmation header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .dac-bpp-dac-bpp-confirmation header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .dac-bpp-dac-bpp-confirmation .global-close-btn {
    right: 0;
    top: 0; }
  .dac-bpp-dac-bpp-confirmation .info-panel {
    border: 0;
    border-radius: 0;
    padding: 20px;
    text-align: left; }
  .dac-bpp-dac-bpp-confirmation .success-info {
    background-color: #edf6ec;
    padding: 20px;
    padding-left: 70px;
    position: relative;
    color: #00a546; }
    .dac-bpp-dac-bpp-confirmation .success-info .icon-success-2 {
      position: absolute;
      left: 20px;
      width: 60px;
      height: 60px;
      top: 0;
      font-size: 36px; }
    .dac-bpp-dac-bpp-confirmation .success-info h3, .dac-bpp-dac-bpp-confirmation .success-info span {
      font-size: 14px;
      display: block;
      padding-left: 20px; }
  .dac-bpp-dac-bpp-confirmation .info-panel {
    padding: 0; }
  .dac-bpp-dac-bpp-confirmation .refnum-div {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: space-between;
    padding: 20px; }
  .dac-bpp-dac-bpp-confirmation .refnum-div > span {
    color: #9e9e9e;
    font-size: 14px;
    text-transform: uppercase;
    max-width: 60%; }
  .dac-bpp-dac-bpp-confirmation .ccNum span:last-child {
    display: none; }
  .dac-bpp-dac-bpp-confirmation .move-right {
    margin-right: 20px;
    margin-left: auto; }
  .dac-bpp-dac-bpp-confirmation .refnum-div > div {
    color: #000;
    font-size: 17px; }
  .dac-bpp-dac-bpp-confirmation .rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px; } }

@media only screen and (min-width: 1025px) {
  /*page specific*/
  .dac-icp-dac-icp-doc-upload {
    /*popup*/ }
    .dac-icp-dac-icp-doc-upload .doc-upload-content {
      height: 100%;
      background-color: #fbfbfb; }
    .dac-icp-dac-icp-doc-upload header {
      padding-top: 20px;
      position: relative;
      padding-bottom: 15px; }
    .dac-icp-dac-icp-doc-upload header h3 {
      text-indent: 40px;
      margin-bottom: 0;
      font-size: 36px;
      position: relative; }
      .dac-icp-dac-icp-doc-upload header h3 span {
        color: #000;
        font-size: 16px;
        position: absolute;
        right: 40px;
        bottom: 0; }
    .dac-icp-dac-icp-doc-upload .global-close-btn {
      right: 0;
      top: 0; }
    .dac-icp-dac-icp-doc-upload .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
      height: calc(100vh - 250px);
      min-height: 50%;
      background-color: #fbfbfb; }
    .dac-icp-dac-icp-doc-upload .dac-icp-doc-upload-container > p {
      margin: 0 40px;
      background: transparent;
      margin-bottom: 20px; }
    .dac-icp-dac-icp-doc-upload .rdc-component-base.rdc-upload {
      margin: 0 40px;
      width: 91.5%; }
    .dac-icp-dac-icp-doc-upload .rdc-upload .component-holder .component-wrapper {
      border-radius: 0; }
    .dac-icp-dac-icp-doc-upload .cheque-alert {
      border: 0; }
    .dac-icp-dac-icp-doc-upload .rdc-modal-popup__content {
      width: 80%;
      margin-left: 10%;
      margin-top: 10%; }
    .dac-icp-dac-icp-doc-upload .rdc-alert-content__footer.rdc-view___footer .rdc-button:nth-child(1) {
      flex: 0 0 50%; }
    .dac-icp-dac-icp-doc-upload .rdc-alert-content__footer {
      display: flex;
      justify-content: space-between;
      padding: 0; }
      .dac-icp-dac-icp-doc-upload .rdc-alert-content__footer .rdc-button {
        width: 50%;
        padding: 30px 100px;
        color: #fff; }
      .dac-icp-dac-icp-doc-upload .rdc-alert-content__footer .rdc-button:nth-child(1) {
        background-color: #353738;
        padding: 30px 100px;
        color: #fff; }
      .dac-icp-dac-icp-doc-upload .rdc-alert-content__footer .rdc-button:nth-child(2) {
        background-color: #00a546; }
    .dac-icp-dac-icp-doc-upload .rdc-view___footer.rdc-alert-content__footer.skip-upload {
      justify-content: space-between;
      box-size: border-box; }
      .dac-icp-dac-icp-doc-upload .rdc-view___footer.rdc-alert-content__footer.skip-upload .rdc-button:nth-child(1),
      .dac-icp-dac-icp-doc-upload .rdc-view___footer.rdc-alert-content__footer.skip-upload .rdc-button:nth-child(2) {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 50%;
        padding: 20px 0; }
    .dac-icp-dac-icp-doc-upload .rdc-alert-content__body p {
      font-size: 48px;
      line-height: 1; }
    .dac-icp-dac-icp-doc-upload p.cs2i_alert_content {
      font-size: 14px;
      line-height: 41px;
      height: 20px; }
    .dac-icp-dac-icp-doc-upload .rdc-view___footer---stickey {
      bottom: 50px;
      margin: 0 40px; }
    .dac-icp-dac-icp-doc-upload .check-modal-background {
      z-index: 12; } }

@media only screen and (min-width: 1025px) {
  /*page specific*/
  .dac-bpp-dac-bpp-doc-upload {
    /*popup*/ }
    .dac-bpp-dac-bpp-doc-upload .doc-upload-content {
      height: 100%;
      background-color: #fbfbfb; }
    .dac-bpp-dac-bpp-doc-upload header {
      padding-top: 20px;
      position: relative;
      padding-bottom: 15px; }
    .dac-bpp-dac-bpp-doc-upload header h3 {
      text-indent: 40px;
      margin-bottom: 0;
      font-size: 36px;
      position: relative; }
      .dac-bpp-dac-bpp-doc-upload header h3 span {
        color: #000;
        font-size: 16px;
        position: absolute;
        right: 40px;
        bottom: 0; }
    .dac-bpp-dac-bpp-doc-upload .global-close-btn {
      right: 0;
      top: 0; }
    .dac-bpp-dac-bpp-doc-upload .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
      height: calc(100vh - 250px);
      min-height: 50%;
      background-color: #fbfbfb; }
    .dac-bpp-dac-bpp-doc-upload .dac-icp-doc-upload-container > p {
      margin: 0 40px;
      background: transparent;
      margin-bottom: 20px; }
    .dac-bpp-dac-bpp-doc-upload .cs2i-alert-no-button {
      font-size: 14px;
      text-align: center;
      text-color: #FFF !important;
      background-color: #2b2929 !important; }
    .dac-bpp-dac-bpp-doc-upload .cs2i-alert-yes-button {
      font-size: 14px;
      text-align: center;
      text-color: #FFF !important;
      background-color: #00a546 !important; }
    .dac-bpp-dac-bpp-doc-upload .rdc-component-base.rdc-upload {
      margin: 0 40px;
      width: 91.5%; }
    .dac-bpp-dac-bpp-doc-upload .rdc-upload .component-holder .component-wrapper {
      border-radius: 0; }
    .dac-bpp-dac-bpp-doc-upload .cheque-alert {
      border: 0; }
    .dac-bpp-dac-bpp-doc-upload .rdc-modal-popup__content {
      width: 80%;
      margin-left: 10%;
      margin-top: 10%; }
    .dac-bpp-dac-bpp-doc-upload .rdc-view___footer.rdc-alert-content__footer.skip-upload {
      display: flex;
      justify-content: space-between;
      padding: 0; }
      .dac-bpp-dac-bpp-doc-upload .rdc-view___footer.rdc-alert-content__footer.skip-upload .rdc-button:nth-child(1),
      .dac-bpp-dac-bpp-doc-upload .rdc-view___footer.rdc-alert-content__footer.skip-upload .rdc-button:nth-child(2) {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 50%;
        padding: 20px 0; }
      .dac-bpp-dac-bpp-doc-upload .rdc-view___footer.rdc-alert-content__footer.skip-upload .rdc-button:nth-child(1) {
        background-color: #353738;
        color: #fff; }
      .dac-bpp-dac-bpp-doc-upload .rdc-view___footer.rdc-alert-content__footer.skip-upload .rdc-button:nth-child(2) {
        background-color: #00a546; }
    .dac-bpp-dac-bpp-doc-upload .rdc-alert-content__body p {
      font-size: 48px;
      line-height: 1; }
    .dac-bpp-dac-bpp-doc-upload p.cs2i_alert_content {
      font-size: 14px;
      line-height: 41px;
      height: 20px; }
    .dac-bpp-dac-bpp-doc-upload .rdc-view___footer---stickey {
      bottom: 50px;
      margin: 0 40px; }
    .dac-bpp-dac-bpp-doc-upload .check-modal-background {
      z-index: 12; } }

@media only screen and (min-width: 1025px) {
  .cs2i-purchase-purchase-details .rdc-view-wrapper.balance-content {
    height: 100%;
    min-height: 50%; }
  .cs2i-purchase-purchase-details .rdc-view-wrapper.balance-content,
  .cs2i-purchase-purchase-details .cs2i-purchase-details.rdc-scroll-content {
    background: #fbfbfb; }
  .cs2i-purchase-purchase-details .cs2i-purchase-details.rdc-scroll-content.has-sub-header.rdc-view {
    height: calc(100vh - 340px);
    min-height: 50%;
    margin: 0 40px;
    width: calc(100% - 80px);
    background: #fff;
    position: relative; }
  .cs2i-purchase-purchase-details header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 30px; }
  .cs2i-purchase-purchase-details header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .cs2i-purchase-purchase-details header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .cs2i-purchase-purchase-details h4.sort-by-header {
    background: #0091ea;
    color: #fff;
    padding: 30px;
    padding-left: 40px;
    font-size: 18px;
    margin: 0 40px;
    font-size: 24px;
    display: flex;
    justify-content: space-between; }
    .cs2i-purchase-purchase-details h4.sort-by-header input[type=text] {
      border-radius: 15px;
      color: #9b9b9b;
      font-size: 13px;
      padding: 10px;
      text-align: center;
      min-width: 200px; }
    .cs2i-purchase-purchase-details h4.sort-by-header .rdc-icon.icon-filter {
      display: inline-block;
      position: relative;
      transform: translateY(5px); }
    .cs2i-purchase-purchase-details h4.sort-by-header .filter-holder {
      position: relative; }
      .cs2i-purchase-purchase-details h4.sort-by-header .filter-holder .rdc-icon.icon-filter {
        cursor: pointer; }
      .cs2i-purchase-purchase-details h4.sort-by-header .filter-holder ul {
        position: absolute;
        right: 0;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
        background: #fff;
        color: #0091ea;
        z-index: 3;
        padding: 25px;
        font-size: 16px;
        font-weight: normal;
        right: 30px;
        top: -5px;
        min-width: 300px;
        border-radius: 3px; }
      .cs2i-purchase-purchase-details h4.sort-by-header .filter-holder li {
        cursor: pointer; }
      .cs2i-purchase-purchase-details h4.sort-by-header .filter-holder li:first-child {
        margin-bottom: 20px; }
  .cs2i-purchase-purchase-details .filter-layer {
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  .cs2i-purchase-purchase-details .cs2i_purchase_header,
  .cs2i-purchase-purchase-details .cs2i_purchase_content,
  .cs2i-purchase-purchase-details .cs2i_purchase_sub_header {
    padding: 5px 20px;
    color: #9e9e9e; }
  .cs2i-purchase-purchase-details .global-close-btn {
    right: 0;
    top: 0; }
  .cs2i-purchase-purchase-details .panel-top {
    margin: 0 40px; }
  .cs2i-purchase-purchase-details .rdc-panel___content {
    border: 0; }
  .cs2i-purchase-purchase-details .cs2i-selection-class.rdc-panel___content {
    padding: 20px; }
  .cs2i-purchase-purchase-details .cs2i-purchase-card.rdc-card {
    padding: 0;
    border: 0;
    position: relative;
    border-radius: 0; }
  .cs2i-purchase-purchase-details .cs2i-purchase-card.rdc-card > div:first-child {
    border: solid #ebebeb;
    display: flex;
    padding: 20px;
    border: 0; }
  .cs2i-purchase-purchase-details .cs2i-purchase-card.rdc-card {
    border: solid #dcdcdc;
    border-width: 1px 1px 0 1px;
    position: relative; }
  .cs2i-purchase-purchase-details .cs2i-purchase-card.rdc-card:last-child {
    border-bottom: 1px solid #dcdcdc; }
  .cs2i-purchase-purchase-details .cs2i-purchase-card.rdc-card.cs2i-highlight-transaction {
    border: solid 1px #00a546; }
  .cs2i-purchase-purchase-details .cs2i-purchase-det-left {
    width: 100%;
    display: flex;
    position: relative; }
  .cs2i-purchase-purchase-details .cs2i-purchase-det-top {
    padding-left: 90px;
    background: url(images/icons/svg/money-icon.svg) no-repeat 0 center; }
  .cs2i-purchase-purchase-details .cs2i-purchase-det-top > span {
    display: block; }
  .cs2i-purchase-purchase-details .cs2i-purchase-det-bottom {
    display: flex;
    width: 46%;
    align-items: center; }
  .cs2i-purchase-purchase-details .cs2i-purchase-det-top {
    width: 50%;
    border-right: 1px solid #dcdcdc; }
    .cs2i-purchase-purchase-details .cs2i-purchase-det-top .cs2i-purchase-det-txn {
      font-size: 17px; }
    .cs2i-purchase-purchase-details .cs2i-purchase-det-top .cs2i-purchase-card-font {
      color: #777;
      font-size: 14px; }
  .cs2i-purchase-purchase-details .highlighter {
    width: 5%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px; }
  .cs2i-purchase-purchase-details .cs2i-purchase-det-bottom > div:first-child {
    width: 50%;
    height: 100%; }
    .cs2i-purchase-purchase-details .cs2i-purchase-det-bottom > div:first-child .cs2i-purchase-bottom-hdr-font {
      padding-top: 6%;
      /* for vertical center */
      font-size: 14px;
      color: #777;
      padding-left: 20px; }
    .cs2i-purchase-purchase-details .cs2i-purchase-det-bottom > div:first-child .cs2i-purchase-bottom-val-font {
      font-size: 17px;
      padding-left: 20px; }
  .cs2i-purchase-purchase-details .cs2i-purchase-det-bottom > div:last-child {
    width: 50%;
    border-right: 1px solid #dcdcdc;
    height: 100%; }
    .cs2i-purchase-purchase-details .cs2i-purchase-det-bottom > div:last-child .cs2i-purchase-bottom-hdr-font {
      padding-top: 6%;
      /*for vertical center*/
      font-size: 14px;
      color: #777;
      padding-left: 20px; }
    .cs2i-purchase-purchase-details .cs2i-purchase-det-bottom > div:last-child .cs2i-purchase-bottom-val-font {
      font-size: 17px;
      padding-left: 20px; }
  .cs2i-purchase-purchase-details .cs2i-purchase-det-date > span,
  .cs2i-purchase-purchase-details .cs2i-purchase-det-amt span {
    display: block; }
  .cs2i-purchase-purchase-details .cs2i-purchase-det-top > span > span {
    display: block; }
  .cs2i-purchase-purchase-details .cs2i-purchase-card label {
    position: absolute;
    top: 50%;
    right: 0.5%;
    margin-top: -15px; }
  .cs2i-purchase-purchase-details .check-box-purchase {
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    border: 1px solid #9b9b9b;
    border-radius: 50%;
    position: relative; }
  .cs2i-purchase-purchase-details .check-box-purchase:before {
    content: "";
    display: block;
    padding-top: 100%; }
  .cs2i-purchase-purchase-details .cs2i-highlight-transaction .check-box-purchase span {
    width: 80%;
    height: 80%;
    border-radius: 50%;
    background: #00a546;
    position: absolute;
    left: 10%;
    top: 10%; }
  .cs2i-purchase-purchase-details .rdc-view___footer---stickey {
    bottom: 40px;
    margin: 0 40px;
    position: relative;
    z-index: 1; }
  .cs2i-purchase-purchase-details .rdc-view___footer .rdc-button.validate {
    background: #ccc;
    margin-left: auto; }
  .cs2i-purchase-purchase-details .error {
    display: none; }
  .cs2i-purchase-purchase-details .error.showError1 {
    display: block; } }

@media only screen and (min-width: 1025px) {
  .dac-no-balance .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
    height: 100%;
    min-height: 50%;
    background-color: rgba(74, 74, 74, 0.8);
    position: relative; }
  .dac-no-balance .rdc-view___content {
    background: #fff;
    position: absolute;
    min-width: 600px;
    min-height: 400px;
    border-radius: 3px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    padding: 0; }
  .dac-no-balance .icon-container {
    text-align: center;
    margin-top: 20px; }
  .dac-no-balance p {
    text-align: center; }
  .dac-no-balance .button-holder {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
  .dac-no-balance .button-holder .rdc-button {
    width: 100%;
    background: #353738;
    padding: 30px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute;
    bottom: 0;
    left: 0; } }

@media only screen and (min-width: 1025px) {
  .cs2i-purchase-purchase-edit .rdc-view-wrapper.balance-content {
    height: 100%;
    min-height: 50%; }
  .cs2i-purchase-purchase-edit .rdc-view-wrapper.balance-content,
  .cs2i-purchase-purchase-edit .cs2i-purchase-edit.rdc-scroll-content {
    background: #fbfbfb; }
  .cs2i-purchase-purchase-edit header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 30px; }
  .cs2i-purchase-purchase-edit header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .cs2i-purchase-purchase-edit header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .cs2i-purchase-purchase-edit .global-close-btn {
    right: 0;
    top: 0; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-edit.rdc-scroll-content.has-sub-header.rdc-view {
    height: calc(100vh - 280px);
    min-height: 50%;
    margin: 0 40px;
    width: calc(100% - 80px);
    position: relative; }
    .cs2i-purchase-purchase-edit .cs2i-purchase-edit.rdc-scroll-content.has-sub-header.rdc-view .rdc-panel___content.rdc-view {
      background: transparent;
      border: 0; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-edit-info-card {
    background: #fff;
    margin-bottom: 25px; }
  .cs2i-purchase-purchase-edit .title-row {
    background: #0091ea;
    padding: 20px;
    color: #fff;
    display: flex; }
  .cs2i-purchase-purchase-edit .title-row .col1 {
    width: 65%;
    background: #0091ea url("images/icons/svg/credit-card-white.svg") no-repeat 10px center;
    padding-left: 100px; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-edit-bottom {
    border-left: 0.5px solid #dcdcdc;
    display: flex;
    justify-content: space-between;
    width: 35%;
    padding-left: 15px;
    align-items: center; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-edit-bottom span {
    display: block; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-txn {
    font-size: 17px; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-edit-info-card .row,
  .cs2i-purchase-purchase-edit .cs2i-purchase-edit-info-card .rdc-component-base {
    display: flex;
    padding-left: 20px;
    margin-bottom: 0; }
  .cs2i-purchase-purchase-edit .rdc-component-base .label-holder {
    padding-top: 15px; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-edit-info-card .rdc-component-base {
    border-bottom: 1px solid #ebebeb; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-edit-info-card .component-holder {
    max-width: 245px;
    margin-left: auto;
    padding-right: 20px;
    padding-top: 10px; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-date-section {
    display: flex;
    justify-content: space-between;
    padding-left: 20px; }
  .cs2i-purchase-purchase-edit .rdc-component-base .label-holder,
  .cs2i-purchase-purchase-edit .cs2i-purchase-emi,
  .cs2i-purchase-purchase-edit .cs2i-purchase-one-time-fee {
    width: 50%;
    font-size: 14px;
    color: #9e9e9e;
    height: 100%;
    padding: 20px 0;
    text-transform: uppercase; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-edit-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb; }
    .cs2i-purchase-purchase-edit .cs2i-purchase-edit-container .cs2i-purchase-date-section {
      width: 50%; }
    .cs2i-purchase-purchase-edit .cs2i-purchase-edit-container .cs2i-purchase-one-time-fee {
      width: 100%; }
    .cs2i-purchase-purchase-edit .cs2i-purchase-edit-container .cs2i-purchase-one-time-fee-val {
      width: 50%;
      text-align: right;
      padding-right: 20px; }
    .cs2i-purchase-purchase-edit .cs2i-purchase-edit-container .cs2i-purchase-divider.cs2i-purchase-emi-divider {
      display: none; }
  .cs2i-purchase-purchase-edit .rdc-component-base .label-holder label {
    font-size: 14px;
    text-transform: uppercase; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-one-time-fee-val,
  .cs2i-purchase-purchase-edit .cs2i-purchase-emi-val {
    text-align: left;
    width: 245px;
    padding-left: 10px;
    padding: 20px 0; }
  .cs2i-purchase-purchase-edit .cs2i-purchase-one-time-fee-icon {
    display: none; }
  .cs2i-purchase-purchase-edit .rdc-view___footer---stickey {
    bottom: 40px;
    margin: 0 40px;
    position: relative;
    z-index: 1; }
  .cs2i-purchase-purchase-edit .move-left {
    display: inline-block;
    width: 225px;
    text-align: left; } }

@media only screen and (min-width: 1025px) {
  .cs2i-product-selection .csd-product-selection-cont.rdc-scroll-content.has-subheader.rdc-view {
    height: 100%;
    min-height: 50%;
    background-color: #fbfbfb; }
  .cs2i-product-selection .csd-product-selection-cont h3 {
    font-size: 36px;
    text-indent: 40px;
    padding-top: 25px;
    margin-bottom: 40px; }
  .cs2i-product-selection .product-selection-content {
    background: #fff;
    margin: 0 40px;
    padding: 20px;
    overflow: hidden;
    padding-bottom: 40px;
    margin-bottom: 70px; }
  .cs2i-product-selection .csd-product-selection-cont p {
    color: #9e9e9e;
    margin-bottom: 20px; }
  .cs2i-product-selection .col-wrapper {
    display: flex; }
  .cs2i-product-selection .product-option-cont {
    flex: 1; }
  .cs2i-product-selection .product-option-cont.col1,
  .cs2i-product-selection .product-option-cont.col2 {
    padding-top: 20px;
    padding-right: 10px;
    text-align: center;
    border-right: solid 1px #dcdcdc;
    padding-bottom: 15px;
    cursor: pointer; }
  .cs2i-product-selection .product-option-cont.col2 {
    border: 0;
    margin: 0;
    padding-left: 10px; }
  .cs2i-product-selection .product-option-cont.col1 .product-option-header,
  .cs2i-product-selection .product-option-cont.col2 .product-option-header {
    background: url("images/icons/svg/disable-select-product-balace-icon.svg") no-repeat center 20px;
    padding-top: 80px;
    font-size: 17px;
    color: #000;
    padding-bottom: 10px; }
  .cs2i-product-selection .product-option-cont.col2 .product-option-header {
    background: url("images/icons/svg/disable-select-product-purchase-icon.svg") no-repeat center top;
    filter: gray; }
  .cs2i-product-selection .product-option-cont.col1.active .product-option-header {
    background: url("images/icons/svg/select-product-balace-icon.svg") no-repeat center 20px;
    color: #0285d4; }
  .cs2i-product-selection .product-option-cont.col2.active .product-option-header {
    background: url("images/icons/svg/select-product-purchase-icon.svg") no-repeat center top;
    color: #0285d4; }
  .cs2i-product-selection .rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px; } }

@media only screen and (min-width: 1025px) {
  .cs2i-purchase-purchase-review .rdc-view-wrapper.balance-content {
    height: 100%;
    min-height: 50%; }
  .cs2i-purchase-purchase-review .rdc-view-wrapper.balance-content {
    background: #fbfbfb; }
  .cs2i-purchase-purchase-review header {
    padding-top: 20px;
    position: relative;
    padding-bottom: 30px; }
  .cs2i-purchase-purchase-review header h3 {
    text-indent: 40px;
    margin-bottom: 0;
    font-size: 36px;
    position: relative; }
    .cs2i-purchase-purchase-review header h3 span {
      color: #000;
      font-size: 16px;
      position: absolute;
      right: 40px;
      bottom: 0; }
  .cs2i-purchase-purchase-review .cs2i-purchase-review.rdc-scroll-content {
    height: calc(100vh - 250px);
    min-height: 50%; }
  .cs2i-purchase-purchase-review .global-close-btn {
    right: 0;
    top: 0; }
  .cs2i-purchase-purchase-review .rdc-form___fieldset---read-only {
    border: 0; }
  .cs2i-purchase-purchase-review .rdc-view___content.rdc-form {
    margin: 0 30px; }
    .cs2i-purchase-purchase-review .rdc-view___content.rdc-form label.top-info {
      margin-bottom: 20px; }
  .cs2i-purchase-purchase-review ul.transaction-list {
    background: #fff;
    margin-bottom: 30px; }
  .cs2i-purchase-purchase-review ul.transaction-list li {
    display: flex;
    border-bottom: 1px solid #ebebeb;
    justify-content: space-between;
    line-height: 1;
    padding: 20px; }
  .cs2i-purchase-purchase-review ul.transaction-list li:last-child {
    border: 0; }
  .cs2i-purchase-purchase-review ul.transaction-list li div.label {
    width: 30%;
    color: #9e9e9e;
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    padding: 0; }
  .cs2i-purchase-purchase-review ul.transaction-list li div.value label,
  .cs2i-purchase-purchase-review ul.transaction-list li div.value {
    color: #000;
    font-size: 17px;
    font-weight: normal;
    padding: 0;
    text-align: right; }
  .cs2i-purchase-purchase-review ul.transaction-list li div.value {
    width: 70%; }
  .cs2i-purchase-purchase-review .cs2i_terms_condition {
    box-shadow: inset 0 0 2px 0 rgba(116, 116, 116, 0.5);
    border-radius: 3px;
    background: #fff;
    margin: 0 10px; }
    .cs2i-purchase-purchase-review .cs2i_terms_condition a {
      cursor: pointer; }
  .cs2i-purchase-purchase-review .error-visual .rdc-checkbox---covered {
    border: 1px solid red !important; }
  .cs2i-purchase-purchase-review .rdc-view___footer---stickey {
    bottom: 40px;
    margin: 0 40px;
    position: relative; }
  .cs2i-purchase-purchase-review .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .cs2i-purchase-purchase-review .error {
    display: none; }
  .cs2i-purchase-purchase-review .error.showError1 {
    display: block;
    padding-left: 15px; } }

@media only screen and (min-width: 1025px) {
  .cs2i-no-balance .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
    height: 100%;
    min-height: 50%;
    background-color: rgba(74, 74, 74, 0.8); }
  .cs2i-no-balance .rdc-view___content {
    background: #fff;
    position: absolute;
    min-width: 600px;
    min-height: 400px;
    border-radius: 3px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    padding: 0; }
  .cs2i-no-balance .icon-container {
    text-align: center;
    margin-top: 20px; }
  .cs2i-no-balance p {
    text-align: center; }
  .cs2i-no-balance .button-holder {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  .cs2i-no-balance .button-holder .rdc-button {
    width: 100%;
    background: #353738;
    padding: 30px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; } }

@media only screen and (min-width: 1025px) {
  .cs2i-no-card .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
    height: 100%;
    min-height: 50%;
    background-color: rgba(74, 74, 74, 0.8); }
  .cs2i-no-card .rdc-view___content {
    background: #fff;
    position: absolute;
    min-width: 600px;
    min-height: 400px;
    border-radius: 3px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    padding: 0; }
  .cs2i-no-card .icon-container {
    text-align: center;
    margin-top: 20px; }
  .cs2i-no-card p {
    text-align: center; }
  .cs2i-no-card .button-holder {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    position: fixed;
    bottom: 0;
    width: 100%; }
  .cs2i-no-card .button-holder .rdc-button {
    width: 100%;
    background: #353738;
    padding: 30px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; } }

@media only screen and (min-width: 1025px) {
  .csd-failed-page .rdc-scroll-content.has-sub-header.rdc-view {
    height: calc(100%); }
    .csd-failed-page .rdc-scroll-content.has-sub-header.rdc-view header {
      padding-top: 20px;
      position: relative;
      margin-bottom: 35px; }
    .csd-failed-page .rdc-scroll-content.has-sub-header.rdc-view header h3 {
      text-indent: 40px;
      margin-bottom: 0;
      font-size: 36px;
      position: relative; }
      .csd-failed-page .rdc-scroll-content.has-sub-header.rdc-view header h3 span {
        color: #000;
        font-size: 16px;
        position: absolute;
        right: 40px;
        bottom: 0; }
    .csd-failed-page .rdc-scroll-content.has-sub-header.rdc-view .global-close-btn {
      right: 0;
      top: 0; }
    .csd-failed-page .rdc-scroll-content.has-sub-header.rdc-view .rdc-view___content {
      background: #fff;
      margin: 0 40px;
      padding: 60px 0 40px 0; }
    .csd-failed-page .rdc-scroll-content.has-sub-header.rdc-view .csd-failed-info-panel {
      text-align: center; }
    .csd-failed-page .rdc-scroll-content.has-sub-header.rdc-view h3.csd-failed-name {
      color: #d2534d;
      font-size: 36px;
      margin-bottom: 40px; }
    .csd-failed-page .rdc-scroll-content.has-sub-header.rdc-view p.csd-failed-desc {
      margin: 0 120px;
      font-size: 17px; }
  .csd-failed-page .rdc-view___footer.rdc-view___footer---stickey {
    bottom: 50px;
    margin: 0 40px; }
    .csd-failed-page .rdc-view___footer.rdc-view___footer---stickey .rdc-button:nth-child(1) {
      border: solid 1px #00a546;
      background: transparent;
      color: #00a546; } }

/* all page generic property goes here to avoid repetations*/
@media only screen and (min-width: 1025px) {
  header h3 {
    font-weight: inherit; }
  .rdc-button.mobile-only,
  .mobile-only {
    display: none !important; }
  .keep-right {
    margin-left: auto; }
  .rdc-navbar {
    display: none !important; }
  body > .ember-view {
    height: 100%;
    overflow: hidden; }
  body div.rdc-view-wrapper {
    background: #000;
    padding: 30px 40px;
    height: 100%; }
  body div.rdc-view-wrapper > div.rdc-view-wrapper {
    padding: 0;
    height: auto; }
  .global-close-btn {
    position: absolute;
    display: inline-block;
    background: url("images/icons/svg/global-close-button-dekstop.svg") no-repeat right 0;
    width: 85px;
    height: 40px;
    right: 40px;
    z-index: 10; }
  h3.panel-top {
    color: #fff;
    background-color: #777;
    margin: 0;
    font-size: 16px;
    padding: 15px 20px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    display: flex; }
    h3.panel-top span {
      margin-left: auto; }
  .rdc-view___footer {
    padding: 0 40px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between; }
    .rdc-view___footer .rdc-button---secondary {
      background: transparent;
      color: #00a546;
      border: solid 1px #00a546; }
    .rdc-view___footer .rdc-button---primary,
    .rdc-view___footer .rdc-button---secondary {
      flex: 0 0 30%;
      max-width: 240px; }
    .rdc-view___footer .rdc-button---primary.active {
      background: #00a546;
      color: #fff; }
  .csd-failed-page .rdc-view___footer {
    background: #f6f6f6; }
  /* To display timeout popup in front*/
  .dac-icp-dac-icp-details .timeout-alert,
  .dac-icp-dac-icp-card .timeout-alert,
  .dac-icp-dac-icp-doc-upload .timeout-alert,
  .dac-icp-dac-icp-declaration .timeout-alert,
  .dac-icp-dac-icp-review .timeout-alert,
  .dac-icp-dac-icp-confirmation .timeout-alert,
  .dac-bpp-dac-bpp-details .timeout-alert,
  .dac-bpp-dac-bpp-card .timeout-alert,
  .dac-bpp-dac-bpp-doc-upload .timeout-alert,
  .dac-bpp-dac-bpp-declaration .timeout-alert,
  .dac-bpp-dac-bpp-review .timeout-alert,
  .dac-bpp-dac-bpp-confirmation .timeout-alert,
  .cs2i-purchase-purchase-details .timeout-alert,
  .cs2i-purchase-purchase-edit .timeout-alert,
  .cs2i-purchase-purchase-review .timeout-alert,
  .cs2i-purchase-purchase-confirmation .timeout-alert,
  .cs2i-balance-balance-details .timeout-alert,
  .cs2i-balance-balance-edit .timeout-alert,
  .cs2i-balance-balance-review .timeout-alert,
  .cs2i-balance-balance-confirmation .timeout-alert,
  .cs2i-product-selection .timeout-alert,
  .dac-product-selection .timeout-alert,
  .csd-failed-page .timeout-alert,
  .dac-no-balance .timeout-alert,
  .cs2i-no-balance .timeout-alert {
    z-index: 1022; }
  .dac-icp-dac-icp-details .timeout-background,
  .dac-icp-dac-icp-card .timeout-background,
  .dac-icp-dac-icp-doc-upload .timeout-background,
  .dac-icp-dac-icp-declaration .timeout-background,
  .dac-icp-dac-icp-review .timeout-background,
  .dac-icp-dac-icp-confirmation .timeout-background,
  .dac-bpp-dac-bpp-details .timeout-background,
  .dac-bpp-dac-bpp-card .timeout-background,
  .dac-bpp-dac-bpp-doc-upload .timeout-background,
  .dac-bpp-dac-bpp-declaration .timeout-background,
  .dac-bpp-dac-bpp-review .timeout-background,
  .dac-bpp-dac-bpp-confirmation .timeout-background,
  .cs2i-purchase-purchase-details .timeout-background,
  .cs2i-purchase-purchase-edit .timeout-background,
  .cs2i-purchase-purchase-review .timeout-background,
  .cs2i-purchase-purchase-confirmation .timeout-background,
  .cs2i-balance-balance-details .timeout-background,
  .cs2i-balance-balance-edit .timeout-background,
  .cs2i-balance-balance-review .timeout-background,
  .cs2i-balance-balance-confirmation .timeout-background,
  .cs2i-product-selection .timeout-background,
  .dac-product-selection .timeout-background,
  .csd-failed-page .timeout-background,
  .dac-no-balance .timeout-background,
  .cs2i-no-balance .timeout-background {
    z-index: 1021; }
  /*model popup generic by page dac/icp/dac-icp-declaration */
  .cs2i-purchase-purchase-review .rdc-modal-popup__content,
  .cs2i-balance-balance-review .rdc-modal-popup__content,
  .cs2i-balance-balance-edit .rdc-modal-popup__content,
  .cs2i-balance-balance-details .rdc-modal-popup__content,
  .cs2i-purchase-purchase-details .rdc-modal-popup__content,
  .cs2i-product-selection .rdc-modal-popup__content,
  .cs2i-purchase-purchase-edit .rdc-modal-popup__content,
  .dac-bpp-dac-bpp-card .rdc-modal-popup__content,
  .dac-bpp-dac-bpp-details .rdc-modal-popup__content,
  .dac-bpp-dac-bpp-review .rdc-modal-popup__content,
  .dac-icp-dac-icp-review .rdc-modal-popup__content,
  .dac-product-selection .rdc-modal-popup__content,
  .dac-bpp-dac-bpp-declaration .rdc-modal-popup__content,
  .auth-page-credit-card-credit-cardno .rdc-modal-popup__content,
  .auth-page-credit-card-credit-otp .rdc-modal-popup__content,
  .auth-page-i-banking .rdc-modal-popup__content,
  .dac-icp-dac-icp-declaration .rdc-modal-popup__content,
  .dac-icp-dac-icp-details .rdc-modal-popup__content,
  .dac-icp-dac-icp-card .rdc-modal-popup__content,
  .dac-icp-dac-icp-confirmation .rdc-modal-popup__content,
  .dac-bpp-dac-bpp-confirmation .rdc-modal-popup__content,
  .cs2i-purchase-purchase-confirmation .rdc-modal-popup__content,
  .cs2i-balance-balance-confirmation .rdc-modal-popup__content,
  .csd-failed-page .rdc-modal-popup__content,
  .dac-no-balance .rdc-modal-popup__content,
  .cs2i-no-balance .rdc-modal-popup__content {
    width: 100%; }
  .cs2i-purchase-purchase-review .cheque-alert,
  .cs2i-balance-balance-review .cheque-alert,
  .cs2i-balance-balance-edit .cheque-alert,
  .cs2i-balance-balance-details .cheque-alert,
  .cs2i-purchase-purchase-details .cheque-alert,
  .cs2i-product-selection .cheque-alert,
  .cs2i-purchase-purchase-edit .cheque-alert,
  .dac-bpp-dac-bpp-card .cheque-alert,
  .dac-bpp-dac-bpp-details .cheque-alert,
  .dac-bpp-dac-bpp-review .cheque-alert,
  .dac-icp-dac-icp-review .cheque-alert,
  .dac-product-selection .cheque-alert,
  .dac-bpp-dac-bpp-declaration .cheque-alert,
  .auth-page-credit-card-credit-cardno .cheque-alert,
  .auth-page-credit-card-credit-otp .cheque-alert,
  .auth-page-i-banking .cheque-alert,
  .dac-icp-dac-icp-declaration .cheque-alert,
  .dac-icp-dac-icp-details .cheque-alert,
  .dac-icp-dac-icp-card .cheque-alert,
  .dac-icp-dac-icp-confirmation .cheque-alert,
  .dac-bpp-dac-bpp-confirmation .cheque-alert,
  .cs2i-purchase-purchase-confirmation .cheque-alert,
  .cs2i-balance-balance-confirmation .cheque-alert,
  .csd-failed-page .cheque-alert,
  .dac-no-balance .cheque-alert,
  .cs2i-no-balance .cheque-alert {
    max-width: 80%;
    min-width: 600px;
    border: 0;
    left: 50%;
    transform: translate(-50%);
    top: 20%; }
  .cs2i-purchase-purchase-review .rdc-alert-content__body .info-icon,
  .cs2i-balance-balance-review .rdc-alert-content__body .info-icon,
  .cs2i-balance-balance-edit .rdc-alert-content__body .info-icon,
  .cs2i-balance-balance-details .rdc-alert-content__body .info-icon,
  .cs2i-purchase-purchase-details .rdc-alert-content__body .info-icon,
  .cs2i-product-selection .rdc-alert-content__body .info-icon,
  .cs2i-purchase-purchase-edit .rdc-alert-content__body .info-icon,
  .dac-bpp-dac-bpp-card .rdc-alert-content__body .info-icon,
  .dac-bpp-dac-bpp-details .rdc-alert-content__body .info-icon,
  .dac-bpp-dac-bpp-review .rdc-alert-content__body .info-icon,
  .dac-icp-dac-icp-review .rdc-alert-content__body .info-icon,
  .dac-product-selection .rdc-alert-content__body .info-icon,
  .dac-bpp-dac-bpp-declaration .rdc-alert-content__body .info-icon,
  .auth-page-credit-card-credit-cardno .rdc-alert-content__body .info-icon,
  .auth-page-credit-card-credit-otp .rdc-alert-content__body .info-icon,
  .auth-page-i-banking .rdc-alert-content__body .info-icon,
  .dac-icp-dac-icp-declaration .rdc-alert-content__body .info-icon,
  .dac-icp-dac-icp-details .rdc-alert-content__body .info-icon,
  .dac-icp-dac-icp-card .rdc-alert-content__body .info-icon,
  .dac-icp-dac-icp-confirmation .rdc-alert-content__body .info-icon,
  .dac-bpp-dac-bpp-confirmation .rdc-alert-content__body .info-icon,
  .cs2i-purchase-purchase-confirmation .rdc-alert-content__body .info-icon,
  .cs2i-balance-balance-confirmation .rdc-alert-content__body .info-icon,
  .csd-failed-page .rdc-alert-content__body .info-icon,
  .dac-no-balance .rdc-alert-content__body .info-icon,
  .cs2i-no-balance .rdc-alert-content__body .info-icon {
    background: url("images/icons/svg/alert-error-icon.svg") no-repeat center center;
    margin-bottom: 30px; }
  .cs2i-purchase-purchase-review p.cs2i_alert_content,
  .cs2i-balance-balance-review p.cs2i_alert_content,
  .cs2i-balance-balance-edit p.cs2i_alert_content,
  .cs2i-balance-balance-details p.cs2i_alert_content,
  .cs2i-purchase-purchase-details p.cs2i_alert_content,
  .cs2i-product-selection p.cs2i_alert_content,
  .cs2i-purchase-purchase-edit p.cs2i_alert_content,
  .dac-bpp-dac-bpp-card p.cs2i_alert_content,
  .dac-bpp-dac-bpp-details p.cs2i_alert_content,
  .dac-bpp-dac-bpp-review p.cs2i_alert_content,
  .dac-icp-dac-icp-review p.cs2i_alert_content,
  .dac-product-selection p.cs2i_alert_content,
  .dac-bpp-dac-bpp-declaration p.cs2i_alert_content,
  .auth-page-credit-card-credit-cardno p.cs2i_alert_content,
  .auth-page-credit-card-credit-otp p.cs2i_alert_content,
  .auth-page-i-banking p.cs2i_alert_content,
  .dac-icp-dac-icp-declaration p.cs2i_alert_content,
  .dac-icp-dac-icp-details p.cs2i_alert_content,
  .dac-icp-dac-icp-card p.cs2i_alert_content,
  .dac-icp-dac-icp-confirmation p.cs2i_alert_content,
  .dac-bpp-dac-bpp-confirmation p.cs2i_alert_content,
  .cs2i-purchase-purchase-confirmation p.cs2i_alert_content,
  .cs2i-balance-balance-confirmation p.cs2i_alert_content,
  .csd-failed-page p.cs2i_alert_content,
  .dac-no-balance p.cs2i_alert_content,
  .cs2i-no-balance p.cs2i_alert_content {
    color: #000;
    font-size: 14px;
    margin-bottom: 60px; }
  .cs2i-purchase-purchase-review .rdc-modal-popup__content,
  .cs2i-purchase-purchase-review .rdc-view___footer.rdc-alert-content__footer,
  .cs2i-balance-balance-review .rdc-modal-popup__content,
  .cs2i-balance-balance-review .rdc-view___footer.rdc-alert-content__footer,
  .cs2i-balance-balance-edit .rdc-modal-popup__content,
  .cs2i-balance-balance-edit .rdc-view___footer.rdc-alert-content__footer,
  .cs2i-balance-balance-details .rdc-modal-popup__content,
  .cs2i-balance-balance-details .rdc-view___footer.rdc-alert-content__footer,
  .cs2i-purchase-purchase-details .rdc-modal-popup__content,
  .cs2i-purchase-purchase-details .rdc-view___footer.rdc-alert-content__footer,
  .cs2i-product-selection .rdc-modal-popup__content,
  .cs2i-product-selection .rdc-view___footer.rdc-alert-content__footer,
  .cs2i-purchase-purchase-edit .rdc-modal-popup__content,
  .cs2i-purchase-purchase-edit .rdc-view___footer.rdc-alert-content__footer,
  .dac-bpp-dac-bpp-card .rdc-modal-popup__content,
  .dac-bpp-dac-bpp-card .rdc-view___footer.rdc-alert-content__footer,
  .dac-bpp-dac-bpp-details .rdc-modal-popup__content,
  .dac-bpp-dac-bpp-details .rdc-view___footer.rdc-alert-content__footer,
  .dac-bpp-dac-bpp-review .rdc-modal-popup__content,
  .dac-bpp-dac-bpp-review .rdc-view___footer.rdc-alert-content__footer,
  .dac-icp-dac-icp-review .rdc-modal-popup__content,
  .dac-icp-dac-icp-review .rdc-view___footer.rdc-alert-content__footer,
  .dac-product-selection .rdc-modal-popup__content,
  .dac-product-selection .rdc-view___footer.rdc-alert-content__footer,
  .dac-bpp-dac-bpp-declaration .rdc-modal-popup__content,
  .dac-bpp-dac-bpp-declaration .rdc-view___footer.rdc-alert-content__footer,
  .auth-page-credit-card-credit-cardno .rdc-modal-popup__content,
  .auth-page-credit-card-credit-cardno .rdc-view___footer.rdc-alert-content__footer,
  .auth-page-credit-card-credit-otp .rdc-modal-popup__content,
  .auth-page-credit-card-credit-otp .rdc-view___footer.rdc-alert-content__footer,
  .auth-page-i-banking .rdc-modal-popup__content,
  .auth-page-i-banking .rdc-view___footer.rdc-alert-content__footer,
  .dac-icp-dac-icp-declaration .rdc-modal-popup__content,
  .dac-icp-dac-icp-declaration .rdc-view___footer.rdc-alert-content__footer,
  .dac-icp-dac-icp-details .rdc-modal-popup__content,
  .dac-icp-dac-icp-details .rdc-view___footer.rdc-alert-content__footer,
  .dac-icp-dac-icp-card .rdc-modal-popup__content,
  .dac-icp-dac-icp-card .rdc-view___footer.rdc-alert-content__footer,
  .dac-icp-dac-icp-confirmation .rdc-modal-popup__content,
  .dac-icp-dac-icp-confirmation .rdc-view___footer.rdc-alert-content__footer,
  .dac-bpp-dac-bpp-confirmation .rdc-modal-popup__content,
  .dac-bpp-dac-bpp-confirmation .rdc-view___footer.rdc-alert-content__footer,
  .cs2i-purchase-purchase-confirmation .rdc-modal-popup__content,
  .cs2i-purchase-purchase-confirmation .rdc-view___footer.rdc-alert-content__footer,
  .cs2i-balance-balance-confirmation .rdc-modal-popup__content,
  .cs2i-balance-balance-confirmation .rdc-view___footer.rdc-alert-content__footer,
  .csd-failed-page .rdc-modal-popup__content,
  .csd-failed-page .rdc-view___footer.rdc-alert-content__footer,
  .dac-no-balance .rdc-modal-popup__content,
  .dac-no-balance .rdc-view___footer.rdc-alert-content__footer,
  .cs2i-no-balance .rdc-modal-popup__content,
  .cs2i-no-balance .rdc-view___footer.rdc-alert-content__footer {
    padding: 0; }
    .cs2i-purchase-purchase-review .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .cs2i-purchase-purchase-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .cs2i-balance-balance-review .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .cs2i-balance-balance-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .cs2i-balance-balance-edit .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .cs2i-balance-balance-edit .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .cs2i-balance-balance-details .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .cs2i-balance-balance-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .cs2i-purchase-purchase-details .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .cs2i-purchase-purchase-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .cs2i-product-selection .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .cs2i-product-selection .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .cs2i-purchase-purchase-edit .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .cs2i-purchase-purchase-edit .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-bpp-dac-bpp-card .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-bpp-dac-bpp-card .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-bpp-dac-bpp-details .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-bpp-dac-bpp-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-bpp-dac-bpp-review .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-bpp-dac-bpp-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-icp-dac-icp-review .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-icp-dac-icp-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-product-selection .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-product-selection .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-bpp-dac-bpp-declaration .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-bpp-dac-bpp-declaration .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .auth-page-credit-card-credit-cardno .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .auth-page-credit-card-credit-cardno .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .auth-page-credit-card-credit-otp .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .auth-page-credit-card-credit-otp .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .auth-page-i-banking .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .auth-page-i-banking .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-icp-dac-icp-declaration .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-icp-dac-icp-declaration .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-icp-dac-icp-details .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-icp-dac-icp-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-icp-dac-icp-card .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-icp-dac-icp-card .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-icp-dac-icp-confirmation .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-icp-dac-icp-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-bpp-dac-bpp-confirmation .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-bpp-dac-bpp-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .cs2i-purchase-purchase-confirmation .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .cs2i-purchase-purchase-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .cs2i-balance-balance-confirmation .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .cs2i-balance-balance-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .csd-failed-page .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .csd-failed-page .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .dac-no-balance .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .dac-no-balance .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button,
    .cs2i-no-balance .rdc-modal-popup__content .rdc-view___footer .rdc-button,
    .cs2i-no-balance .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer .rdc-button {
      padding: 30px 0;
      color: #fff;
      font-size: 12px;
      width: 50%; }
    .cs2i-purchase-purchase-review .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .cs2i-purchase-purchase-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .cs2i-balance-balance-review .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .cs2i-balance-balance-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .cs2i-balance-balance-edit .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .cs2i-balance-balance-edit .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .cs2i-balance-balance-details .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .cs2i-balance-balance-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .cs2i-purchase-purchase-details .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .cs2i-purchase-purchase-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .cs2i-product-selection .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .cs2i-product-selection .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .cs2i-purchase-purchase-edit .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .cs2i-purchase-purchase-edit .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-bpp-dac-bpp-card .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-bpp-dac-bpp-card .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-bpp-dac-bpp-details .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-bpp-dac-bpp-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-bpp-dac-bpp-review .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-bpp-dac-bpp-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-icp-dac-icp-review .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-icp-dac-icp-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-product-selection .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-product-selection .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-bpp-dac-bpp-declaration .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-bpp-dac-bpp-declaration .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .auth-page-credit-card-credit-cardno .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .auth-page-credit-card-credit-cardno .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .auth-page-credit-card-credit-otp .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .auth-page-credit-card-credit-otp .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .auth-page-i-banking .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .auth-page-i-banking .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-icp-dac-icp-declaration .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-icp-dac-icp-declaration .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-icp-dac-icp-details .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-icp-dac-icp-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-icp-dac-icp-card .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-icp-dac-icp-card .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-icp-dac-icp-confirmation .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-icp-dac-icp-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-bpp-dac-bpp-confirmation .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-bpp-dac-bpp-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .cs2i-purchase-purchase-confirmation .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .cs2i-purchase-purchase-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .cs2i-balance-balance-confirmation .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .cs2i-balance-balance-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .csd-failed-page .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .csd-failed-page .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .dac-no-balance .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .dac-no-balance .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1),
    .cs2i-no-balance .rdc-modal-popup__content .rdc-view___footer button:nth-child(1),
    .cs2i-no-balance .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(1) {
      padding: 30px 0;
      background-color: #353738;
      flex: 1; }
    .cs2i-purchase-purchase-review .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .cs2i-purchase-purchase-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .cs2i-balance-balance-review .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .cs2i-balance-balance-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .cs2i-balance-balance-edit .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .cs2i-balance-balance-edit .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .cs2i-balance-balance-details .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .cs2i-balance-balance-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .cs2i-purchase-purchase-details .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .cs2i-purchase-purchase-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .cs2i-product-selection .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .cs2i-product-selection .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .cs2i-purchase-purchase-edit .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .cs2i-purchase-purchase-edit .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-bpp-dac-bpp-card .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-bpp-dac-bpp-card .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-bpp-dac-bpp-details .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-bpp-dac-bpp-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-bpp-dac-bpp-review .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-bpp-dac-bpp-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-icp-dac-icp-review .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-icp-dac-icp-review .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-product-selection .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-product-selection .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-bpp-dac-bpp-declaration .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-bpp-dac-bpp-declaration .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .auth-page-credit-card-credit-cardno .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .auth-page-credit-card-credit-cardno .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .auth-page-credit-card-credit-otp .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .auth-page-credit-card-credit-otp .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .auth-page-i-banking .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .auth-page-i-banking .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-icp-dac-icp-declaration .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-icp-dac-icp-declaration .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-icp-dac-icp-details .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-icp-dac-icp-details .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-icp-dac-icp-card .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-icp-dac-icp-card .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-icp-dac-icp-confirmation .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-icp-dac-icp-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-bpp-dac-bpp-confirmation .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-bpp-dac-bpp-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .cs2i-purchase-purchase-confirmation .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .cs2i-purchase-purchase-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .cs2i-balance-balance-confirmation .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .cs2i-balance-balance-confirmation .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .csd-failed-page .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .csd-failed-page .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .dac-no-balance .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .dac-no-balance .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2),
    .cs2i-no-balance .rdc-modal-popup__content .rdc-view___footer button:nth-child(2),
    .cs2i-no-balance .rdc-view___footer.rdc-alert-content__footer .rdc-view___footer button:nth-child(2) {
      padding: 30px 0;
      background-color: #00a546;
      flex: 1; }
  .auth-page-i-banking .cheque-alert .rdc-view___footer button:nth-child(1) {
    background-color: #00a546; }
  .auth-page-i-banking p.cs2i_alert_content {
    margin: 0 25% 60px; }
  .dac-bpp-dac-bpp-doc-upload .dac-upload-alert,
  .dac-icp-dac-icp-doc-upload .dac-upload-alert {
    max-width: 80%;
    min-width: 600px;
    left: 50%;
    transform: translate(-50%);
    top: 20%;
    position: absolute;
    background: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    z-index: 12; }
  .dac-bpp-dac-bpp-doc-upload .dac-upload-content,
  .dac-icp-dac-icp-doc-upload .dac-upload-content {
    padding: 20px; }
  .dac-bpp-dac-bpp-doc-upload .dac-upload-content h4,
  .dac-icp-dac-icp-doc-upload .dac-upload-content h4 {
    color: #0091ea;
    text-align: center; }
  .dac-bpp-dac-bpp-doc-upload .dac-upload-help-cont,
  .dac-icp-dac-icp-doc-upload .dac-upload-help-cont {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    max-height: 100vh;
    z-index: 10; }
  .dac-bpp-dac-bpp-doc-upload .rdc-alert-content__footer,
  .dac-icp-dac-icp-doc-upload .rdc-alert-content__footer {
    padding: 0; }
    .dac-bpp-dac-bpp-doc-upload .rdc-alert-content__footer .rdc-button.cs2i-alert-yes-button:nth-child(1),
    .dac-icp-dac-icp-doc-upload .rdc-alert-content__footer .rdc-button.cs2i-alert-yes-button:nth-child(1) {
      background-color: #00a546;
      width: 100%;
      flex: 1;
      padding: 20px 0;
      color: #fff; }
  .rdc-view___footer.rdc-view___footer---stickey {
    z-index: 1; }
  body .rdc-view___footer---stickey button:nth-child(1),
  body .rdc-view___footer---stickey .rdc-button:nth-child(1),
  body .rdc-view___footer---stickey button:nth-child(2),
  body .rdc-view___footer---stickey .rdc-button:nth-child(2) {
    flex: 0 0 40%;
    max-width: 240px;
    padding: 25px; }
  .notForDesktop {
    visibility: hidden; }
  .cheque-alert {
    z-index: 1020;
    position: fixed;
    width: 90%;
    top: 10%;
    left: 5%; } }

@media screen and (max-width: 1024px) {
  .cs2i_terms_condition {
    margin-top: 15px !important; }
  .cs2ireview_align {
    margin-top: 15px; }
  .cs2i_terms_margin {
    margin-right: 24px;
    margin-bottom: 5px; }
  .cs2i_field_set_balance_review {
    margin-top: 15px;
    margin-left: 15px; }
  .cs2i_Handeling_Fee {
    margin-top: 15px; }
  .cs2iCredit_Card_balance_review {
    margin-left: 15px;
    margin-top: 10px; }
  .cs2i_label_details_balance_review {
    width: 351px;
    height: 18px;
    font-family: SCSans;
    font-size: 15px;
    text-align: left;
    color: #0091ea; }
  .cs2iMonthly_oneTime_review_errorImg {
    margin-left: 90px;
    margin-top: 20px; }
  .cs2i_Monthly_div_aliginment {
    float: left;
    width: 50%; } }

@media screen and (max-width: 1024px) {
  .cs2i_Information-Card-details {
    width: 331px;
    height: 516px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(163, 163, 163, 0.5);
    border: solid 1px #dfdfdf;
    margin-left: 15px;
    margin-top: 0px; }
  .cs2iDivider {
    /* width: 331px;
  height: 3px;
  border-top: 1px solid #ccc;
  margin-top:10px; */
    border: solid 0.5px #dcdcdc; }
  .cs2i_Pay-To {
    width: 100%;
    height: 14px;
    object-fit: contain;
    font-family: SCSans;
    font-size: 12px;
    text-align: left;
    color: #9b9b9b;
    margin-top: 15px;
    margin-left: 8px; }
  .cs2iDivider_installment_details {
    width: 331px;
    height: 3px;
    border-top: 1px solid #ccc;
    margin-top: 18px; }
  .Monthly-Instalment-div {
    float: left;
    width: 50%; }
  .Monthly-Instalment {
    width: 106px;
    height: 28px;
    object-fit: contain;
    font-family: SCSans;
    font-size: 12px;
    text-align: left;
    color: #9b9b9b; }
  .Field-Copy-div {
    float: left;
    width: 50%; }
  .c2siForm-Field-Copy {
    width: 86px;
    height: 44px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: inset 0 0 2px 0 rgba(116, 116, 116, 0.5); }
  .cs2iDivider_monthley_details {
    width: 331px;
    height: 3px;
    border-top: 1px solid #ccc;
    margin-top: 58px; }
  .cs2iMonthly_Handling_Fee {
    float: left;
    width: 40%; }
  .cs2i_Montly-To {
    width: 143px;
    height: 14px;
    object-fit: contain;
    font-family: SCSans;
    font-size: 12px;
    text-align: left;
    color: #9b9b9b;
    margin-top: 15px;
    margin-left: 8px; }
  .cs2iMonthly_oneTime_Fee {
    float: left;
    width: 50%; }
  .cs2i_Montly-Amt {
    width: 82px;
    height: 18px;
    object-fit: contain;
    font-family: SCSans;
    font-size: 15px;
    text-align: left;
    color: #777777;
    margin-top: 15px;
    margin-left: 20px; }
  .cs2iMonthly_oneTime_errorImg {
    float: left;
    width: 10%;
    margin-top: 15px; }
  .Installment Duration_align {
    margin-top: 20px; }
  .Installment_align_bottom {
    margin-top: 20px; }
  .cs2iImages_align {
    width: 44px;
    height: 27.5px;
    margin-left: 15px;
    margin-top: 10px; } }

@media screen and (max-width: 1024px) {
  .No-balances-eligib {
    width: 290px;
    height: 18px;
    font-family: SCSans;
    font-size: 15px;
    text-align: center;
    color: #777777; }
  .If-you-do-not-see-yo {
    width: 234px;
    height: 48px;
    font-family: SCSans;
    font-size: 13px;
    text-align: center;
    color: #9b9b9b; }
  .If-you-do-not-see-yo .text-style-1 {
    color: #0091ea; }
  .No-balances-eligib-image {
    margin-left: 120px;
    margin-top: 125px; }
  .No-balances-detail-text {
    margin-left: 60px; } }

@media screen and (max-width: 1024px) {
  .cs2i-balance .rdc-tab-bar {
    font-size: 13px; } }

@media screen and (max-width: 1024px) {
  /* cs2i-balance-balance-details page overrides and page specific styles*/
  .cs2i-balance-balance-details * {
    box-sizing: border-box; }
    .cs2i-balance-balance-details * .card-list-container ul li {
      cursor: pointer; }
    .cs2i-balance-balance-details * .balanceDetails .rdc-panel___content ul li > div div.colContent span.dasher {
      text-align: center; }
  .cs2i-balance-balance-details .rdc-view-wrapper .rdc-scroll-content {
    height: calc( 100vh - 150px); }
  .cs2i-balance-balance-details .rdc-scroll-content {
    padding-bottom: 40px; }
  .cs2i-balance-balance-details .rdc-scroll-content.rdc-view {
    min-height: 65vh;
    overflow-y: auto; }
  .cs2i-balance-balance-details .balanceDetails {
    background: #f9f9f9; }
    .cs2i-balance-balance-details .balanceDetails .foreHeader {
      padding: 0 12px; }
      .cs2i-balance-balance-details .balanceDetails .foreHeader .cardlist_title {
        font-size: 13px;
        padding: 12px 0;
        color: #000; }
      .cs2i-balance-balance-details .balanceDetails .foreHeader p {
        color: #4a4a4a;
        font-size: 13px;
        margin-bottom: 27px; }
    .cs2i-balance-balance-details .balanceDetails h6 {
      font-size: 14px;
      color: #0091ea;
      padding: 0 12px; }
    .cs2i-balance-balance-details .balanceDetails .rdc-panel___content {
      border: 0; }
      .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul {
        padding: 12px;
        padding-bottom: 50px; }
        .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li.highlight {
          border: 1px solid #00a546; }
        .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li {
          box-shadow: 0 0 4px 0 rgba(163, 163, 163, 0.5);
          margin-bottom: 22px;
          padding-top: 16px;
          overflow: auto;
          border-radius: 3px;
          max-height: 155px;
          min-height: 135px;
          box-sizing: border-box;
          overflow: hidden;
          background: #fff;
          border: solid 1px #dfdfdf; }
          .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li h5 {
            background: url(images/icons/svg/dac-credit-card.svg) no-repeat 10px top;
            border-bottom: solid 0.5px #dcdcdc;
            padding-left: 65px;
            line-height: 1;
            font-size: 15px;
            color: #000;
            margin-bottom: 4px; }
            .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li h5 span {
              display: block;
              font-size: 13px;
              color: #9b9b9b;
              padding-top: 4px;
              margin-bottom: 10px;
              cursor: text; }
            .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li h5 span.num span {
              display: inline-block;
              padding-left: 2px;
              cursor: text; }
          .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li > div:first-of-type {
            border-right: solid 0.5px #dcdcdc; }
          .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li > div {
            float: left;
            padding-left: 10px;
            box-sizing: border-box;
            margin-bottom: 4px;
            height: 55px;
            width: 50%; }
            .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li > div div.colContent {
              position: relative;
              transform: translateY(-50%);
              top: 50%; }
              .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li > div div.colContent span {
                display: block;
                text-align: left; }
              .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li > div div.colContent span.value-label {
                color: #909090;
                font-size: 12px; }
              .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li > div div.colContent span.label-value {
                font-size: 15px;
                color: #000; }
            .cs2i-balance-balance-details .balanceDetails .rdc-panel___content ul li > div div.col1 {
              border-right: solid 0.5px #dcdcdc; }
    .cs2i-balance-balance-details .balanceDetails .rdc-view___footer .rdc-button.validate {
      background: #ccc; }
    .cs2i-balance-balance-details .balanceDetails .error {
      display: none; }
    .cs2i-balance-balance-details .balanceDetails .error.showError1 {
      display: block;
      padding-left: 15px; } }

@media screen and (max-width: 1024px) {
  /* cs2i-balance-balance-details page overrides and page specific styles*/
  .cs2i-balance-balance-edit * {
    box-sizing: border-box; }
    .cs2i-balance-balance-edit * .rdc-component-base .label-holder label {
      font-size: 0.92857rem !important; }
  .cs2i-balance-balance-edit .rdc-view-wrapper .rdc-scroll-content {
    height: calc( 100vh - 150px);
    padding-bottom: 40px; }
  .cs2i-balance-balance-edit .rdc-scroll-content.rdc-view {
    min-height: 65vh;
    overflow-y: auto; }
  .cs2i-balance-balance-edit .balanceEmi {
    background-color: #f9f9f9; }
  .cs2i-balance-balance-edit .rdc-panel___content {
    border: 0; }
  .cs2i-balance-balance-edit .foreHeader {
    padding: 12px 0; }
    .cs2i-balance-balance-edit .foreHeader .cardlist_title {
      color: #0091ea;
      font-size: 13px;
      line-height: 8px;
      margin-bottom: 10px; }
    .cs2i-balance-balance-edit .foreHeader p {
      font-size: 12px;
      margin-bottom: 26px; }
  .cs2i-balance-balance-edit .rdc-panel {
    margin: 0;
    background: #fff;
    padding-top: 12px;
    padding-bottom: 5px;
    margin-bottom: 10px; }
    .cs2i-balance-balance-edit .rdc-panel h6 {
      font-size: 15px;
      color: #000;
      margin: 0 0 14px 0;
      background: url(images/icons/svg/dac-credit-card.svg) no-repeat 12px 10px;
      padding-left: 67px;
      padding-bottom: 16px;
      padding-top: 10px; }
      .cs2i-balance-balance-edit .rdc-panel h6 .rdc-label {
        color: #9b9b9b;
        display: block;
        font-size: 13px; }
  .cs2i-balance-balance-edit .rdc-panel-content .title-tenure {
    display: block;
    color: #0091ea;
    padding-left: 12px;
    padding-bottom: 5px; }
  .cs2i-balance-balance-edit .rdc-form-content {
    padding: 0 13px 0 0;
    position: relative; }
    .cs2i-balance-balance-edit .rdc-form-content .form-inner {
      padding-left: 12px; }
      .cs2i-balance-balance-edit .rdc-form-content .form-inner .form-label {
        color: #9b9b9b;
        font-size: 12px;
        margin-bottom: 8px; }
      .cs2i-balance-balance-edit .rdc-form-content .form-inner .spliter {
        border-top: solid 0.5px #dcdcdc;
        display: block;
        margin-bottom: 19px; }
      .cs2i-balance-balance-edit .rdc-form-content .form-inner .currencyData {
        position: relative; }
        .cs2i-balance-balance-edit .rdc-form-content .form-inner .currencyData .currencyCode {
          position: absolute;
          left: 12px;
          top: 33px;
          z-index: 1;
          padding-top: 0px;
          font-family: "SC Sans Web", sans-serif;
          font-size: 15px;
          font-weight: 400;
          line-height: 1.25; }
        .cs2i-balance-balance-edit .rdc-form-content .form-inner .currencyData input[type="tel"] {
          padding-left: 46px;
          padding-top: 3px; }
      .cs2i-balance-balance-edit .rdc-form-content .form-inner .column-label-holder {
        display: flex;
        margin-bottom: 19px;
        position: relative; }
        .cs2i-balance-balance-edit .rdc-form-content .form-inner .column-label-holder .column {
          flex: 1; }
          .cs2i-balance-balance-edit .rdc-form-content .form-inner .column-label-holder .column label {
            display: block;
            line-height: 1;
            color: #9b9b9b;
            font-size: 12px; }
        .cs2i-balance-balance-edit .rdc-form-content .form-inner .column-label-holder .column-label-value {
          position: relative;
          transform: translateY(10%);
          color: #000; }
          .cs2i-balance-balance-edit .rdc-form-content .form-inner .column-label-holder .column-label-value .icon-caution {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            right: 0;
            top: 3px;
            background: url(images/icons/svg/info-icon.svg) no-repeat; }
          .cs2i-balance-balance-edit .rdc-form-content .form-inner .column-label-holder .column-label-value .toolTip {
            position: absolute;
            border: 1px solid red;
            width: 100%; }
      .cs2i-balance-balance-edit .rdc-form-content .form-inner .column-label-holder:last-child {
        padding-bottom: 12px; }
  /* tooltip part */
  .toolTip {
    display: none; }
  .rdc-panel-content.showCaution .rdc-form-content {
    margin-bottom: 110px;
    padding-bottom: 10px; }
  .rdc-panel-content.showCaution .toolTip {
    position: absolute;
    bottom: -131px;
    right: -10px;
    background: #fff;
    border-radius: 5px;
    padding: 23px 8px 20px 14px;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.3));
    display: block;
    z-index: 1; }
    .rdc-panel-content.showCaution .toolTip .toolTip-title {
      color: #0091ea;
      font-size: 14px; }
    .rdc-panel-content.showCaution .toolTip .toolTip-info {
      font-size: 14px; }
  .rdc-panel-content.showCaution .toolTip:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 100;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white; }
  /* end of tooltip */
  /* footer part */
  .cs2i-balance-balance-edit .formValidateBeforeNextBtn {
    position: absolute;
    width: 60%;
    background: rgba(0, 0, 0, 0);
    right: 0;
    top: 0;
    height: 100%;
    cursor: pointer; }
  /* end of footer part */ }

@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.1) {
  _:-webkit-full-screen,
  .currencyCode {
    top: 32px !important; } }

@media screen and (max-width: 1024px) {
  .rdc-view-wrapper {
    position: relative; }
  .filter-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    cursor: pointer; }
  .cs2i-purchase-purchase-details .rdc-navbar {
    z-index: 3; }
  .cs2i_purchase_header {
    object-fit: contain;
    font-size: 13px;
    line-height: 8px;
    text-align: left;
    color: #0091ea;
    font-weight: 300;
    padding-top: 20px;
    padding-left: 12px; }
  .cs2i_purchase_content {
    object-fit: contain;
    font-weight: 300;
    font-size: 12px;
    line-height: 17px;
    text-align: left;
    color: #000000;
    padding-top: 10px;
    padding-left: 12px;
    padding-bottom: 20px; }
  .cs2i_purchase_sub_header {
    font-size: 14px;
    text-align: left;
    font-weight: 300;
    color: #777777;
    padding-left: 12px;
    padding-bottom: 7px; }
  .cs2i_purchase_card_content {
    padding: 299px 27px;
    font-size: 15px;
    text-align: left;
    color: #000000; }
  .cs2i-purchase-card {
    position: relative;
    border: none;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 16px;
    margin: 7px 12px 20px;
    box-shadow: 0 0 4px 0 rgba(163, 163, 163, 0.5); }
    .cs2i-purchase-card span {
      display: block;
      text-align: left; }
    .cs2i-purchase-card span.check-box-purchase {
      background: #efefef;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      position: absolute;
      top: 60px;
      right: 20px; }
    .cs2i-purchase-card .cs2i-purchase-bottom-hdr-font {
      font-size: 11px;
      color: #777777;
      font-weight: 300; }
    .cs2i-purchase-card .cs2i-purchase-bottom-val-font {
      font-size: 14px;
      color: #000000;
      font-weight: 300; }
    .cs2i-purchase-card .cs2i-purchase-card-font {
      font-size: 13px;
      line-height: 1.38;
      text-align: left;
      color: #777777;
      font-weight: 300;
      padding-bottom: 4px; }
    .cs2i-purchase-card .cs2i-purchase-card-font > span > span {
      display: inline;
      padding-right: 2px; }
    .cs2i-purchase-card .cs2i-purchase-det-txn {
      font-size: 15px;
      text-align: left;
      color: #000000;
      font-weight: 300; }
    .cs2i-purchase-card .cs2i-purchase-det-top {
      border-bottom: solid 0.5px #dcdcdc; }
    .cs2i-purchase-card .cs2i-purchase-det-bottom {
      display: flex;
      position: relative;
      margin-top: 4px; }
      .cs2i-purchase-card .cs2i-purchase-det-bottom .cs2i-purchase-det-date {
        border-right: solid 0.5px #dcdcdc;
        padding-right: 20px;
        padding-top: 4px; }
      .cs2i-purchase-card .cs2i-purchase-det-bottom .cs2i-purchase-det-amt {
        padding-left: 20px;
        padding-top: 4px; }
    .cs2i-purchase-card .to-check {
      margin-top: 45px; }
      .cs2i-purchase-card .to-check .rdc-checkbox___label:before {
        border-radius: 15px;
        background-color: #efefef;
        width: 30px;
        height: 30px;
        border: none; }
      .cs2i-purchase-card .to-check .rdc-checkbox___label:after {
        line-height: 3;
        color: #ffffff;
        background-color: #00a546;
        top: 0px;
        left: 0px;
        border-radius: 28px;
        width: 30px;
        height: 30px;
        text-align: center;
        border: none; }
  .cs2i-purchase-card.rdc-card.cs2i-highlight-transaction span.check-box-purchase {
    background: #00a546 url("images/icons/svg/tickMarkWhite.svg") no-repeat center center; }
  .cs2i-purchase-det-left {
    width: 85%;
    display: inline-block; }
  .cs2i-highlight-transaction {
    border: 1px solid #00a546 !important; }
  .rdc-scroll-content {
    padding-bottom: 10rem; }
  @-moz-document url-prefix() {
    .cs2i-purchase-details.rdc-scroll-content {
      padding-bottom: 100rem !important; } }
  .rdc-passcode-single-input {
    display: inline-block;
    position: relative;
    width: 288px;
    height: 48px; }
    .rdc-passcode-single-input .textinput-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
      .rdc-passcode-single-input .textinput-wrapper input {
        font-size: 42px;
        font-size: 3rem;
        text-align: left !important;
        color: #000;
        border: 0 none;
        background: transparent;
        letter-spacing: 35px;
        text-indent: 18px;
        width: calc( 288px + 18px);
        height: 100%; }
    .rdc-passcode-single-input .seperators {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      align-items: center; }
      .rdc-passcode-single-input .seperators___line {
        flex: 0 0 20px;
        height: 1px;
        /* background-color: #858585; */
        border-bottom: solid 1px #858585; }
  .cs2i-purchase-filt-container {
    width: 220px;
    height: auto;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
    right: 0px;
    top: 13px;
    position: absolute;
    z-index: 100; }
  .cs2i-purchase-filt-header {
    display: flex;
    position: relative;
    background: #0091ea;
    height: 42px;
    color: #fffff;
    object-fit: contain;
    font-size: 15px;
    padding-top: 12px;
    padding-left: 15px;
    color: #ffffff; }
  .cs2i-fil-icon {
    right: 0px;
    float: right;
    margin-left: 124px;
    cursor: pointer; }
  .cs2i-purchase-filt-content {
    padding: 21px 15px;
    border-top: solid 0.5px #dcdcdc;
    cursor: pointer; }
  .cs2i-purchase-details .rdc-view-wrapper .rdc-scroll-content {
    height: calc( 100vh - 150px); }
  .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .error {
    display: none; }
  .error.showError1 {
    display: block;
    padding-left: 15px; } }

@media screen and (max-width: 1024px) {
  .cs2i-balance-balance-confirmation .balance-mobile-view {
    padding-bottom: 80px; }
  .cs2i-balance-balance-confirmation .rdc-view___content.rdc-scroll-content {
    height: calc(100vh - 150px); }
  .cs2i-balance-balance-confirmation .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---secondary {
    display: none; }
  .cs2i-balance-balance-confirmation .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---primary {
    width: 100%;
    max-width: 100%;
    -webkit-flex: 1;
    flex: 1 0 100%; } }

@media screen and (max-width: 1024px) {
  .cs2i-purchase-edit {
    /*.cs2i-tooltip:hover .cs2i-tooltiptext {
	    visibility: visible;
	}*/ }
    .cs2i-purchase-edit .rdc-panel {
      height: 40px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 3px 3px 0px 0px;
      border-radius: 3px 3px 0px 0px;
      background-color: #e7e7e7;
      margin-left: 12px;
      margin-right: 12px; }
    .cs2i-purchase-edit .cs2i-purchase-edit-info-card {
      background-color: #ffffff;
      /*box-shadow: 0 0 4px 0 rgba(163, 163, 163, 0.5); */
      -moz-box-shadow: 0px 3px 3px rgba(163, 163, 163, 0.5);
      -webkit-box-shadow: 0px 3px 3px rgba(163, 163, 163, 0.5);
      box-shadow: 0px 3px 8px rgba(163, 163, 163, 0.5);
      border: solid 1px #dfdfdf;
      margin-left: 12px;
      margin-right: 12px;
      padding-bottom: 20px; }
    .cs2i-purchase-edit .cs2i-purchase-edit-info-card-header {
      opacity: 0.99;
      font-size: 15px;
      letter-spacing: 0.5px;
      text-align: left;
      color: #000000;
      font-weight: 300;
      padding-top: 10px;
      padding-left: 10px;
      padding-bottom: 10px; }
    .cs2i-purchase-edit .cs2i-purchase-sub-header {
      object-fit: contain;
      font-size: 15px;
      text-align: left;
      color: #909090;
      font-weight: 200;
      padding-top: 10px;
      padding-left: 12px; }
    .cs2i-purchase-edit .cs2i-purchase-txn {
      object-fit: contain;
      font-size: 15px;
      text-align: left;
      color: #2f2f2f;
      padding-top: 20px;
      padding-left: 13px;
      font-weight: 300; }
    .cs2i-purchase-edit .cs2i-purchase-card-info {
      font-size: 13px;
      line-height: 1.38;
      text-align: left;
      color: #777777;
      padding-top: 4px;
      padding-left: 13px;
      font-weight: 300;
      padding-bottom: 4px;
      border-bottom: solid 0.5px #dcdcdc;
      width: 82%;
      border-spacing: 13px; }
    .cs2i-purchase-edit .cs2i-purchase-card-no {
      display: block; }
    .cs2i-purchase-edit .cs2i-purchase-partial-divider {
      border-bottom: solid 0.5px #dcdcdc;
      margin-left: 13px !important;
      margin-top: 4px;
      margin-right: 63px; }
    .cs2i-purchase-edit .cs2i-purchase-date-section {
      float: left; }
    .cs2i-purchase-edit .cs2i-purchase-date {
      margin-left: 13px;
      margin-top: 12px;
      margin-right: 8px;
      font-size: 11px;
      letter-spacing: 0.5px;
      text-align: left;
      color: #777777;
      font-weight: 300; }
    .cs2i-purchase-edit .cs2i-purchase-date-val {
      margin-left: 13px;
      margin-top: 2px;
      margin-right: 8px;
      font-size: 15px;
      letter-spacing: 0.5px;
      text-align: left;
      color: #000000;
      font-weight: 300; }
    .cs2i-purchase-edit .cs2i-purchase-vertical-divider {
      float: left;
      border-left: solid 0.5px #dcdcdc;
      border-right: solid 0.5px #dcdcdc;
      height: 48px;
      position: absolute;
      top: 169px;
      right: 383px; }
    .cs2i-purchase-edit .cs2i-purchase-amount {
      /* font-size: 11px;
		letter-spacing: 0.5px;
		text-align: left;
		color: #777777;
		font-weight: 300; */
      font-size: 11px;
      letter-spacing: 0.5px;
      text-align: left;
      color: #777777;
      font-weight: 300;
      margin-left: 179px;
      margin-top: 12px; }
    .cs2i-purchase-edit .cs2i-purchase-amount-val {
      /* font-size: 11px;
		letter-spacing: 0.5px;
		text-align: left;
		color: #777777;
		font-weight: 300; */
      font-size: 15px;
      letter-spacing: 0.5px;
      text-align: left;
      color: #000000;
      font-weight: 300;
      margin-left: 179px;
      margin-top: 2px; }
    .cs2i-purchase-edit .cs2i-purchase-edit-container {
      display: flex;
      position: relative;
      /* margin-left: 2px;
	    padding-top: 5px; */ }
      .cs2i-purchase-edit .cs2i-purchase-edit-container .cs2i-purchase-emi {
        object-fit: contain;
        font-size: 12px;
        text-align: left;
        color: #9b9b9b;
        margin-left: 13px;
        font-weight: 300;
        margin-right: 37px; }
      .cs2i-purchase-edit .cs2i-purchase-edit-container .cs2i-purchase-emi-val {
        object-fit: contain;
        font-size: 15px;
        text-align: left;
        color: #000000;
        font-weight: 300; }
      .cs2i-purchase-edit .cs2i-purchase-edit-container .cs2i-purchase-one-time-fee {
        object-fit: contain;
        font-size: 12px;
        text-align: left;
        color: #9b9b9b;
        margin-left: 13px;
        font-weight: 300;
        width: 143px;
        height: 14px; }
      .cs2i-purchase-edit .cs2i-purchase-edit-container .cs2i-purchase-one-time-fee-val {
        object-fit: contain;
        font-size: 15px;
        text-align: left;
        color: #000000;
        font-weight: 300;
        margin-top: 16px; }
      .cs2i-purchase-edit .cs2i-purchase-edit-container .cs2i-purchase-one-time-fee-icon {
        margin-top: 16px;
        margin-left: 50px; }
    .cs2i-purchase-edit .cs2i-purchase-tenure {
      margin-left: 13px;
      margin-right: 20px;
      margin-top: 22px;
      border-radius: 3px;
      background-color: #ffffff; }
    .cs2i-purchase-edit .cs2i-purchase-divider {
      border-bottom: solid 0.5px #dcdcdc; }
    .cs2i-purchase-edit .cs2i-purchase-emi-divider {
      margin-top: 32px; }
    .cs2i-purchase-edit .cs2i-purchase-one-time-fee {
      margin-top: 16px; }
    .cs2i-purchase-edit .cs2i-purchase-info-icon {
      float: right; }
    .cs2i-purchase-edit .rdc-svgicon {
      display: inline-block;
      position: relative;
      width: 32px;
      height: 32px; }
    .cs2i-purchase-edit .info-icon {
      background: url(../assets/images/icons/svg/info-icon.svg) no-repeat; }
    .cs2i-purchase-edit .rdc-scroll-content {
      padding-bottom: 6.5rem; }
    .cs2i-purchase-edit .cs2i-purchase-edit-bottom {
      display: flex;
      position: relative;
      margin: 4px 13px 4px; }
      .cs2i-purchase-edit .cs2i-purchase-edit-bottom .cs2i-purchase-edit-date {
        border-right: solid 0.5px #dcdcdc;
        padding-right: 20px;
        padding-top: 4px; }
      .cs2i-purchase-edit .cs2i-purchase-edit-bottom .cs2i-purchase-edit-amt {
        padding-left: 20px;
        padding-top: 4px; }
      .cs2i-purchase-edit .cs2i-purchase-edit-bottom .cs2i-purchase-edit-hdr-font {
        font-size: 11px;
        color: #777777;
        font-weight: 300; }
      .cs2i-purchase-edit .cs2i-purchase-edit-bottom .cs2i-purchase-edit-val-font {
        font-size: 14px;
        color: #000000;
        font-weight: 300; }
    .cs2i-purchase-edit span {
      display: block;
      text-align: left; }
    .cs2i-purchase-edit .cs2i-purchase-card-no > span {
      display: inline-block;
      padding-right: 3px; }
    .cs2i-purchase-edit .cs2i-tooltiptext {
      width: 120px;
      background-color: black;
      color: black;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      top: 150%;
      left: 50%;
      margin-left: -60px; }
    .cs2i-purchase-edit .cs2i-tooltiptext::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent white transparent; }
    .cs2i-purchase-edit .cs2i-purchase-edit .rdc-view-wrapper .rdc-scroll-content {
      height: calc( 100vh - 150px); } }

@media screen and (max-width: 1024px) {
  .cs2i-purchase-review-det {
    margin-top: 21px; }
  .cs2i-purchase-review-header {
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: left;
    color: #000000;
    font-weight: 300;
    padding: 10px; }
  .cs2i-purchase-review-info-card {
    height: 350px;
    background-color: #ffffff;
    -moz-box-shadow: 0px 3px 3px rgba(163, 163, 163, 0.5);
    -webkit-box-shadow: 0px 3px 3px rgba(163, 163, 163, 0.5);
    box-shadow: 0px 3px 8px rgba(163, 163, 163, 0.5);
    border: solid 1px #dfdfdf;
    margin-left: 12px;
    margin-right: 12px; }
    .cs2i-purchase-review-info-card div {
      margin-left: 12px; }
    .cs2i-purchase-review-info-card .cs2i-purchase-review-sub-header {
      margin-top: 12px;
      object-fit: contain;
      font-size: 12px;
      text-align: left;
      color: #909090;
      font-weight: 300; }
    .cs2i-purchase-review-info-card .cs2i-purchase-rev-val {
      object-fit: contain;
      font-size: 15px;
      text-align: left;
      color: #2f2f2f;
      font-weight: 300; }
    .cs2i-purchase-review-info-card .cs2i-purchase-rev-icon {
      background: url(images/icons/svg/info-icon.svg) no-repeat; }
    .cs2i-purchase-review-info-card .cs2i-purchase-rev-card {
      font-size: 13px;
      line-height: 18px;
      text-align: left;
      color: #777777;
      font-weight: 300; }
    .cs2i-purchase-review-info-card .cs2i-purchase-rev-divider {
      border-bottom: solid 0.5px #dcdcdc;
      margin-left: 0px !important;
      margin-top: 10px; }
    .cs2i-purchase-review-info-card .cs2i-purchase-rev-one-off-fee {
      display: block;
      position: relative;
      float: left; }
    .cs2i-purchase-review-info-card .cs2i-purchase-rev-one-time-fee-icon {
      float: right;
      margin-top: 20px; }
  .error-visual .rdc-checkbox---covered {
    border: 1px solid red !important; }
  /*new*/
  .cs2i-purchase-purchase-review .cs2i-purchase-review.rdc-scroll-content {
    height: calc( 100% - 100px); }
  .rdc-view___content.rdc-form > label {
    margin-bottom: 20px; }
  ul.transaction-list {
    border: 1px solid #ebebeb;
    margin-bottom: 25px; }
  ul.transaction-list li {
    border-bottom: 1px solid #ebebeb;
    padding: 10px; }
  ul.transaction-list li .label {
    color: #9e9e9e;
    padding-left: 0;
    font-weight: normal;
    font-size: 13px; }
  ul.transaction-list li:last-child {
    border: 0; }
  .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .error {
    display: none; }
  .error.showError1 {
    display: block;
    padding-left: 15px; } }

@media screen and (max-width: 1024px) {
  .cs2i-balance-balance-review .balance-review.rdc-scroll-content.has-subheader {
    height: calc( 100% - 5px); }
  .cs2i-balance-balance-review .balanceReviewContent {
    height: calc(100vh - 150px); }
  .cs2i-balance-balance-review .balanceReviewContent * {
    box-sizing: border-box; }
  .cs2i-balance-balance-review .balanceReviewContent:after {
    content: "";
    display: block;
    height: 135px; }
  .cs2i-balance-balance-review .balanceReviewContent {
    padding: 22px 11px 24px 13px;
    background: #f9f9f9; }
    .cs2i-balance-balance-review .balanceReviewContent h2 {
      font-size: 15px;
      margin-bottom: 10px; }
    .cs2i-balance-balance-review .balanceReviewContent ul {
      background: #fff;
      border-radius: 3px;
      border: solid 1px #e9e9e9;
      padding-top: 8px;
      margin-bottom: 24px; }
      .cs2i-balance-balance-review .balanceReviewContent ul li {
        border-bottom: solid 0.5px #cccccc;
        padding: 11px 11px 21px 10px; }
      .cs2i-balance-balance-review .balanceReviewContent ul li.card-details .label-detail span {
        display: inline-block; }
      .cs2i-balance-balance-review .balanceReviewContent ul li span {
        display: block;
        text-align: left; }
      .cs2i-balance-balance-review .balanceReviewContent ul span.label-review {
        color: #909090;
        font-size: 12px;
        font-weight: 400; }
      .cs2i-balance-balance-review .balanceReviewContent ul span.label-detail {
        font-size: 15px; }
  .cs2i-balance-balance-review .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .cs2i-balance-balance-review .error {
    display: none; }
  .cs2i-balance-balance-review .error.showError1 {
    display: block; }
  .cs2i-balance-balance-review .error-visual .rdc-checkbox---covered {
    border: 1px solid red !important; } }

@media screen and (max-width: 1024px) {
  .cs2i-purchase-purchase-confirmation .purchase-mobile-view {
    padding-bottom: 80px; }
  .cs2i-purchase-purchase-confirmation .rdc-view___content.rdc-scroll-content {
    height: calc(100vh - 150px); }
  .cs2i-purchase-purchase-confirmation .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---secondary {
    display: none; }
  .cs2i-purchase-purchase-confirmation .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---primary {
    width: 100%;
    max-width: 100%;
    -webkit-flex: 1;
    flex: 1 0 100%; } }

@media screen and (max-width: 1024px) {
  .dac-icp-bank-names ul {
    height: 100px;
    overflow-y: scroll; }
  .dac-bpp-dac-bpp-card .dac-bpp-card-mobile-only {
    padding-bottom: 175px; }
  .dac-icp-dac-icp-card .dac-bpp-card-mobile-only {
    padding-bottom: 175px; }
  .dac-icp-card-container {
    padding-left: 12px;
    padding-right: 12px; }
    .dac-icp-card-container .dac-icp-card-header {
      font-size: 15px;
      text-align: left;
      color: #0091ea;
      padding-top: 22px;
      padding-bottom: 13px; }
    .dac-icp-card-container li {
      margin-bottom: 20px; }
    .dac-icp-card-container .dac-cc-card-container {
      display: flex;
      position: relative;
      border-radius: 3px;
      background-color: #ffffff;
      box-shadow: 0 0 4px 0 rgba(163, 163, 163, 0.5);
      border: solid 1px #dfdfdf;
      cursor: pointer; }
      .dac-icp-card-container .dac-cc-card-container .info-icon {
        background: url(images/icons/svg/info-icon.svg) no-repeat; }
      .dac-icp-card-container .dac-cc-card-container .dac-cc-card-left .dac-icp-card-image {
        width: 53px;
        height: 54px;
        padding-top: 16px;
        padding-left: 12px; }
      .dac-icp-card-container .dac-cc-card-container .dac-cc-card-right {
        padding-left: 11px; }
        .dac-icp-card-container .dac-cc-card-container .dac-cc-card-right .dac-cc-card-name {
          font-size: 15px;
          text-align: left;
          color: #000000;
          padding-top: 13px; }
        .dac-icp-card-container .dac-cc-card-container .dac-cc-card-right .dac-cc-card-num {
          font-size: 13px;
          text-align: left;
          color: #9b9b9b !important;
          padding-top: 4px;
          padding-bottom: 13px; }
        .dac-icp-card-container .dac-cc-card-container .dac-cc-card-right .dac-cc-icon-section {
          position: relative; }
          .dac-icp-card-container .dac-cc-card-container .dac-cc-card-right .dac-cc-icon-section .dac-cc-card-info-icon {
            float: right;
            padding: 15px 0 0 0; }
        .dac-icp-card-container .dac-cc-card-container .dac-cc-card-right .display-color {
          color: gray; }
        .dac-icp-card-container .dac-cc-card-container .dac-cc-card-right .dac-tooltip-mob-only {
          float: left; }
        .dac-icp-card-container .dac-cc-card-container .dac-cc-card-right .dac-icon-tooltip-mob-only {
          margin-top: 0px;
          cursor: pointer; }
        .dac-icp-card-container .dac-cc-card-container .dac-cc-card-right .dac-tooltip-iphone {
          cursor: pointer; }
        .dac-icp-card-container .dac-cc-card-container .dac-cc-card-right .banklist-mob {
          padding-right: 15px; }
    .dac-icp-card-container .dac-cc-card-container.other-bank .dac-cc-card-right .dac-cc-card-name {
      padding-bottom: 10px; }
    .dac-icp-card-container .dac-cc-card-container.other-bank .dac-tooltip-mob-cntnr {
      z-index: 0;
      width: 100%;
      position: relative; }
    .dac-icp-card-container .dac-cc-card-container .blockToolTip {
      display: block !important; }
    .dac-icp-card-container .dac-cc-card-container .hideToolTip {
      display: none !important; }
    .dac-icp-card-container .dac-cc-card-container .toolTip {
      top: 10px;
      background: #fff;
      border-radius: 5px;
      padding: 5px 8px 2px 5px;
      filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.5));
      display: none;
      position: relative;
      z-index: 10;
      float: left; }
      .dac-icp-card-container .dac-cc-card-container .toolTip .toolTip-title {
        color: #0091ea;
        font-size: 14px; }
      .dac-icp-card-container .dac-cc-card-container .toolTip .toolTip-info {
        font-size: 14px; }
    .dac-icp-card-container .dac-cc-card-container .toolTip:before {
      content: "";
      position: absolute;
      top: -10px;
      right: 20px;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid white; }
  .rdc-svgicon {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px; }
  .dac-cc-icon {
    background: url(../assets/images/icons/svg/dac-credit-card.svg) no-repeat;
    background-size: 100% 100%; }
  .dac-cc-card-icon {
    margin-left: 12px;
    margin-top: 16px;
    padding-bottom: 19px; }
  .dac-icp-bank-names {
    margin-top: 12px;
    width: 100%;
    margin-right: 14px; }
  .dac-casa-icon {
    background: url(../assets/images/icons/svg/dac-casa-icon.svg) no-repeat;
    background-size: 100% 100%; }
  .dac-non-scb-casa-icon {
    background: url(../assets/images/icons/svg/dac-non-scb-casa-icon.svg) no-repeat;
    background-size: 100% 100%; }
  /*validation requirement*/
  .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .error {
    display: none; }
  .error.showError1 {
    display: block;
    font-size: 14px; }
  /* .dac-icp-account {
	.dac-icp-card-container .dac-cc-card-container {
		margin-bottom: 20px;
	}
} */ }

@media screen and (max-width: 1024px) {
  .dac-icp-doc-upload-container {
    padding-left: 12px;
    padding-right: 12px; }
    .dac-icp-doc-upload-container p {
      padding-top: 11px; }
    .dac-icp-doc-upload-container .dac-icp-doc-upload-subheader {
      font-size: 15px;
      text-align: left;
      color: #0091ea;
      font-weight: 300;
      padding-top: 40px; }
  .dac-upload-help-cont {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    max-height: 100vh;
    z-index: 9; }
  .dac-upload-alert {
    z-index: 999;
    position: fixed;
    width: 90%;
    top: 10%;
    left: 5%;
    border-radius: 5px;
    border-top: 5px solid #6ac075; }
  .dac-icp-dec-container {
    padding-left: 12px;
    padding-right: 12px; }
    .dac-icp-dec-container .dac-icp-dec-header {
      padding-top: 22px;
      font-size: 15px;
      text-align: left;
      color: #0091ea; }
    .dac-icp-dec-container .dac-icp-dec-reasons {
      padding-top: 21px; }
  .dac-upload-content {
    background-color: #ffffff; }
    .dac-upload-content h4 {
      text-align: center;
      padding: 43px 33px 31px 32px;
      font-weight: 200; }
    .dac-upload-content p {
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 18px;
      font-weight: 200; }
  .dac-attention-text {
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    color: #d2534d; }
  .rdc-alert-content__footer .rdc-button {
    color: #fff; } }

@media screen and (max-width: 1024px) {
  .dac-icp-details-header {
    padding-top: 17px;
    padding-left: 15px;
    padding-right: 15px; }
    .dac-icp-details-header .dac-icp-details-desc {
      padding-top: 6px;
      font-weight: 200;
      object-fit: contain;
      font-size: 13px;
      line-height: 1.31;
      text-align: left;
      color: #4a4a4a; }
  .dac-icp-mob-font {
    font-size: 0.85714rem !important;
    color: #9b9b9b !important;
    font-weight: 300 !important;
    text-transform: none;
    line-height: 21px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .dac-icp-details {
    height: auto; }
  .dac-icp-dac-icp-details .rdc-view-wrapper .rdc-scroll-content {
    height: calc(100vh - 150px);
    min-height: 50%; }
  .dac-icp-loan-limit {
    background-color: #ffffff;
    border: solid 1px #dfdfdf;
    margin-top: 14px;
    padding-left: 12px;
    padding-right: 12px; }
    .dac-icp-loan-limit .dac-icp-loan-lim-desc {
      padding-top: 6px;
      padding-bottom: 20px; }
      .dac-icp-loan-limit .dac-icp-loan-lim-desc .dac-icp-loan-req-amt {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.13;
        color: #005c84; }
    .dac-icp-loan-limit .dac-icp-loan-lim-header {
      padding-top: 12px;
      object-fit: contain;
      font-size: 12px;
      text-align: left;
      color: #777777;
      font-weight: 200; }
  .dac-icp-loan-input-cont {
    padding-left: 12px;
    padding-right: 12px; }
    .dac-icp-loan-input-cont .dac-icp-loan-input-hdr {
      padding-top: 13px;
      font-size: 15px;
      text-align: left;
      color: #0091ea;
      font-weight: 300; }
    .dac-icp-loan-input-cont .currencyData {
      position: relative; }
      .dac-icp-loan-input-cont .currencyData .currencyCode {
        position: absolute;
        left: 12px;
        top: 36px;
        z-index: 1;
        padding-top: 0px;
        font-family: "SC Sans Web", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 0.85; }
      .dac-icp-loan-input-cont .currencyData input[type="tel"] {
        padding-left: 46px;
        padding-top: 3px; }
  .dac-icp-loan-amt {
    border-bottom: solid 0.5px #dcdcdc;
    padding-bottom: 19px; }
  .dac-icp-loan-tenure {
    padding-top: 19px; }
  .dac-icp-loan-container {
    display: flex;
    position: relative;
    padding-top: 32px; }
    .dac-icp-loan-container .cs2i-purchase-one-time-fee-icon {
      margin-left: 53px; }
    .dac-icp-loan-container .info-icon {
      background: url(images/icons/svg/info-icon.svg) no-repeat; }
    .dac-icp-loan-container .dac-icp-loan-otf {
      object-fit: contain;
      font-size: 12px;
      text-align: left;
      color: #9b9b9b;
      margin-left: 13px;
      font-weight: 300;
      margin-right: 35px; }
    .dac-icp-loan-container .dac-icp-loan-otf-val {
      object-fit: contain;
      font-size: 15px;
      text-align: left;
      color: #000000;
      font-weight: 300; }
    .dac-icp-loan-container .dac-icp-loan-mro {
      object-fit: contain;
      font-size: 12px;
      text-align: left;
      color: #9b9b9b;
      margin-left: 13px;
      padding-right: 30px;
      font-weight: 300;
      width: 212px; }
    .dac-icp-loan-container .dac-icp-loan-mro-val {
      object-fit: contain;
      font-size: 15px;
      text-align: left;
      color: #000000;
      font-weight: 300; }
    .dac-icp-loan-container .dac-icp-loan-pro {
      object-fit: contain;
      font-size: 12px;
      text-align: left;
      color: #9b9b9b;
      margin-left: 13px;
      padding-right: 49px;
      font-weight: 300;
      width: 212px; }
    .dac-icp-loan-container .dac-icp-loan-pro-val {
      object-fit: contain;
      font-size: 15px;
      text-align: left;
      color: #000000;
      font-weight: 300;
      padding-bottom: 38px; }
    .dac-icp-loan-container .dac-icp-loan-emi {
      object-fit: contain;
      font-size: 12px;
      text-align: left;
      color: #9b9b9b;
      padding-right: 10px;
      margin-left: 13px;
      font-weight: 300;
      width: 212px; }
    .dac-icp-loan-container .dac-icp-loan-emi-val {
      object-fit: contain;
      font-size: 15px;
      text-align: left;
      color: #000000;
      font-weight: 300; }
    .dac-icp-loan-container .dac-icp-loan-af {
      object-fit: contain;
      font-size: 12px;
      text-align: left;
      color: #9b9b9b;
      margin-left: 13px;
      padding-right: 45px;
      font-weight: 300;
      width: 212px; }
    .dac-icp-loan-container .dac-icp-loan-af-val {
      object-fit: contain;
      font-size: 15px;
      text-align: left;
      color: #000000;
      font-weight: 300;
      /*    padding-bottom: 38px;*/ }
    .dac-icp-loan-container .dac-icp-loan-apr {
      object-fit: contain;
      font-size: 12px;
      text-align: left;
      color: #9b9b9b;
      margin-left: 13px;
      font-weight: 300;
      width: 212px; }
    .dac-icp-loan-container .dac-icp-loan-apr-val {
      object-fit: contain;
      font-size: 15px;
      text-align: left;
      color: #000000;
      font-weight: 300;
      /* padding-bottom: 38px; */ }
  .rdc-panel-content.showHandlingFee .rdc-form-content {
    margin-bottom: 110px;
    padding-bottom: 10px; }
  .rdc-panel-content.showHandlingFee .toolTip {
    position: absolute;
    bottom: 40px;
    background: #fff;
    border-radius: 5px;
    padding: 23px 8px 20px 14px;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.3));
    display: block; }
    .rdc-panel-content.showHandlingFee .toolTip .toolTip-title {
      color: #0091ea;
      font-size: 14px; }
    .rdc-panel-content.showHandlingFee .toolTip .toolTip-info {
      font-size: 14px; }
  .rdc-panel-content.showHandlingFee .toolTip:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 65px;
    z-index: 100;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white; }
  .csd-product-selection-cont {
    background-color: #f8f8f8;
    padding-left: 15px;
    padding-right: 15px;
    height: 667px; }
    .csd-product-selection-cont h3 {
      font-size: 24px;
      font-weight: 300;
      text-align: left;
      color: #02b8f8;
      padding-top: 10px; }
    .csd-product-selection-cont p {
      padding-top: 10px;
      font-size: 15px;
      text-align: left;
      color: #555555; }
    .csd-product-selection-cont .product-option-cont {
      margin-top: 20px;
      display: flex;
      position: relative;
      border-radius: 3px;
      background-color: #ffffff;
      border: solid 1px #e9e9e9;
      padding-top: 48px;
      cursor: pointer; }
      .csd-product-selection-cont .product-option-cont .pdt-sel-right {
        width: 70%; }
      .csd-product-selection-cont .product-option-cont .pdt-sel-left {
        width: 30%; }
      .csd-product-selection-cont .product-option-cont .pdt-sel-right .product-option-header {
        font-size: 15px;
        text-align: left;
        color: #000; }
      .csd-product-selection-cont .product-option-cont .product-option-content {
        padding-top: 10px;
        padding-bottom: 34px;
        padding-right: 14px; }
    .csd-product-selection-cont .product-option-cont.col1 .pdt-sel-left {
      background: url("images/icons/svg/disable-select-product-balace-icon.svg") no-repeat center top; }
    .csd-product-selection-cont .product-option-cont.col1.active .pdt-sel-left {
      background: url("images/icons/svg/select-product-balace-icon.svg") no-repeat center top; }
    .csd-product-selection-cont .product-option-cont.col1.active .pdt-sel-right .product-option-header {
      color: #0285d4; }
    .csd-product-selection-cont .product-option-cont.col2 .pdt-sel-left {
      background: url("images/icons/svg/disable-select-product-purchase-icon.svg") no-repeat center top; }
    .csd-product-selection-cont .product-option-cont.col2.active .pdt-sel-left {
      background: url("images/icons/svg/select-product-purchase-icon.svg") no-repeat center top; }
    .csd-product-selection-cont .product-option-cont.col2.active .pdt-sel-right .product-option-header {
      color: #0285d4; }
    .csd-product-selection-cont .product-option-cont.col1 .pdt-sel-left,
    .csd-product-selection-cont .product-option-cont.col1.active .pdt-sel-left,
    .csd-product-selection-cont .product-option-cont.col2 .pdt-sel-left,
    .csd-product-selection-cont .product-option-cont.col2.active .pdt-sel-left {
      background-size: 60% 60%; }
    .csd-product-selection-cont .csd-selected-pdt {
      background-color: #0285d4; }
    .csd-product-selection-cont .csd-subpdt1-icon {
      background: url(images/icons/svg/csd-subpdt1.svg) no-repeat;
      background-size: 100% 100%;
      padding-left: 33px; }
    .csd-product-selection-cont .csd-subpdt2-icon {
      background: url(images/icons/svg/csd-subpdt2.svg) no-repeat;
      background-size: 100% 100%;
      padding-left: 33px; }
    .csd-product-selection-cont .cs2i-subpdt1-icon {
      background-size: 100% 100%;
      padding-left: 33px; }
    .csd-product-selection-cont .cs2i-subpdt2-icon {
      background-size: 100% 100%;
      padding-left: 33px; }
    .csd-product-selection-cont .csd-close-icon {
      background: url(images/icons/svg/close-icon.svg) no-repeat;
      background-size: 80%;
      cursor: pointer; }
    .csd-product-selection-cont .dac-pdt-sel-hdr-cont {
      display: flex;
      position: relative;
      padding-top: 10px;
      justify-content: space-between; }
    .csd-product-selection-cont .dac-pdt-sel-hdr-right {
      padding-top: 10px; }
      .csd-product-selection-cont .dac-pdt-sel-hdr-right .csd-close-icon {
        cursor: pointer; }
  .dac-icp-dec-comp p {
    object-fit: contain;
    font-size: 12px;
    line-height: 1.33;
    text-align: left;
    color: #9b9b9b;
    font-weight: 300;
    padding-bottom: 8px; } }

.dac-icp-dac-icp-details .formValidateBeforeNextBtn {
  position: absolute;
  width: 60%;
  background: rgba(0, 0, 0, 0);
  right: 0;
  top: 0;
  height: 100%; }

.here {
  cursor: pointer; }

.space {
  padding-bottom: 10px; }

.rdc-view___footer .rdc-button.validate {
  background: #ccc; }

.error {
  display: none; }

.error.showError1 {
  display: block;
  font-size: 14px;
  text-align: left;
  padding-left: 0px;
  padding-top: 5px; }

.dac-product-selection .product-option-cont.col1 .pdt-sel-left {
  background: url("images/icons/svg/disable-icon-clock.svg") no-repeat center 15px; }

.dac-product-selection .product-option-cont.col1.active .pdt-sel-left {
  background: url("images/icons/svg/icon-clock.svg") no-repeat center 15px; }

.dac-product-selection .product-option-cont.col2 .pdt-sel-left {
  background: url("images/icons/svg/disable-money-icon.svg") no-repeat center 15px; }

.dac-product-selection .product-option-cont.col2.active .pdt-sel-left {
  background: url("images/icons/svg/money-icon.svg") no-repeat center 15px; }

.dac-product-selection .product-option-cont.col1 .pdt-sel-left,
.dac-product-selection .product-option-cont.col1.active .pdt-sel-left,
.dac-product-selection .product-option-cont.col2 .pdt-sel-left,
.dac-product-selection .product-option-cont.col2.active .pdt-sel-left {
  background-size: 50% 50%; }

@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.1) {
  _:-webkit-full-screen,
  .currencyCode {
    top: 37px !important;
    line-height: 1.25 !important; } }

@media screen and (max-width: 1024px) {
  .dac-bpp-dac-bpp-details .rdc-view-wrapper .rdc-scroll-content {
    height: calc(100vh - 150px);
    min-height: 50%; } }

@media screen and (max-width: 1024px) {
  .occupation-mob ul {
    height: 100px;
    overflow-y: scroll; } }

@media screen and (max-width: 1024px) {
  .dac-icp-dac-icp-declaration .occupation-mob ul {
    height: 100px;
    overflow-y: scroll; } }

@media screen and (max-width: 1024px) {
  .dac-icp-dac-icp-confirmation .rdc-view___content.rdc-scroll-content {
    height: calc(100vh - 103px); }
  .dac-icp-dac-icp-confirmation .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---secondary {
    display: none; }
  .dac-icp-dac-icp-confirmation .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---primary {
    width: 100%;
    max-width: 100%;
    -webkit-flex: 1;
    flex: 1 0 100%; } }

@media screen and (max-width: 1024px) {
  .dac-bpp-dac-bpp-confirmation .rdc-view___content.rdc-scroll-content {
    height: calc(100vh - 103px); }
  .dac-bpp-dac-bpp-confirmation .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---secondary {
    display: none; }
  .dac-bpp-dac-bpp-confirmation .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---primary {
    width: 100%;
    max-width: 100%;
    -webkit-flex: 1;
    flex: 1 0 100%; }
  .dac-bpp-dac-bpp-confirmation .display-color {
    color: #000 !important; } }

@media screen and (max-width: 1024px) {
  .dac-icp-dac-icp-review .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
    height: calc( 100vh - 150px);
    min-height: 50%; }
  .dac-icp-review {
    margin-left: 12px;
    margin-right: 12px; }
    .dac-icp-review h4 {
      font-size: 15px;
      text-align: left;
      color: #0091ea;
      font-weight: 300;
      margin-top: 22px; }
    .dac-icp-review .dac-icp-review-cont {
      height: auto;
      border-radius: 3px;
      background-color: #ffffff;
      border: solid 1px #e9e9e9;
      padding-top: 10px;
      margin-right: 25px; }
      .dac-icp-review .dac-icp-review-cont .dac-icp-review-sec {
        border-bottom: solid 0.5px #cccccc;
        padding-bottom: 21px;
        padding-top: 11px; }
        .dac-icp-review .dac-icp-review-cont .dac-icp-review-sec .dac-icp-review-header {
          object-fit: contain;
          font-size: 12px;
          text-align: left;
          color: #909090;
          font-weight: 300;
          padding-left: 12px; }
        .dac-icp-review .dac-icp-review-cont .dac-icp-review-sec .dac-icp-review-val {
          object-fit: contain;
          font-size: 15px;
          text-align: left;
          color: #2f2f2f;
          font-weight: 300;
          padding-left: 12px; }
  .rdc-view___footer.rdc-view___footer---stickey.cs2i_fixed_content button {
    cursor: pointer; }
  .cs2i_terms_margin {
    margin-right: 20px;
    margin-bottom: 0px; }
  .error-visual .rdc-checkbox---covered {
    border: 1px solid red !important; } }

@media screen and (max-width: 1024px) {
  .dac-bpp-dac-bpp-review .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
    height: calc( 100vh - 150px);
    min-height: 50%; } }

@media screen and (max-width: 1024px) {
  .dac-confirmation-header {
    object-fit: contain;
    font-size: 17px;
    text-align: center;
    color: #ffffff;
    font-weight: 200; }
  .dac-header {
    object-fit: contain;
    font-size: 12px;
    text-align: center;
    color: #909090;
    font-weight: 300; } }

.footNotes {
  clear: both; }

.notes-details {
  padding: 0 12px;
  padding-bottom: 70px;
  color: #777777; }

.notes-details h2 {
  text-align: center;
  text-transform: uppercase;
  position: relative;
  line-height: 2;
  font-size: 12px;
  color: #777; }

.notes-details h2 span {
  position: absolute; }

@media only screen and (min-width: 1025px) {
  .notes-details h2 span.title {
    background: #fbfbfb; } }

@media only screen and (max-width: 1025px) {
  .notes-details h2 span.title {
    background: #f5f5f5; }
  .cs2i.cs2i-balance.cs2i-balance-balance-edit .notes-details h2 span.title,
  .cs2i.cs2i-balance.cs2i-balance-balance-review .notes-details h2 span.title,
  .cs2i.cs2i-purchase.cs2i-purchase-purchase-edit .notes-details h2 span.title,
  .cs2i.cs2i-purchase.cs2i-purchase-purchase-review .notes-details h2 span.title {
    background: #f9f9f9; }
  .cs2i.cs2i-purchase.cs2i-purchase-purchase-edit .notes-details {
    background: #f9f9f9; } }

.notes-details h2 span.title {
  margin: -11px 0 0 0;
  padding: 0 12px;
  left: 50%;
  transform: translate(-50%, 0); }

.notes-details .ruller {
  border-bottom: 0.5px solid #9b9b9b;
  top: 50%;
  width: 100%;
  display: block; }

.notes-details ol {
  padding: 0 10px; }

.notes-details li {
  list-style: decimal outside none;
  line-height: 2;
  padding-left: 10px; }

@media screen and (max-width: 768px) {
  .sales-terms-pdf img {
    max-width: 100%; }
  .sales-terms-pdf .aprimage1 img {
    max-width: 100%; }
  .sales-terms-pdf .aprimage2 img {
    max-width: 100%; }
  .sales-terms-pdf .dac-kfsimage1 {
    max-width: 100%; }
  .sales-terms-pdf .dac-kfsimage2 {
    max-width: 100%; }
  .sales-terms-pdf .bpp-kfsimage1 {
    max-width: 100%; }
  .sales-terms-pdf .bpp-kfsimage2 {
    max-width: 100%; }
  .sales-terms-pdf .ic2-kfsimage1 {
    max-width: 100%; }
  .sales-terms-pdf .ic2-kfsimage2 {
    max-width: 100%; }
  .sales-terms-pdf .cheque-alert {
    z-index: 999;
    position: fixed;
    width: 100%;
    border-top: 5px solid red;
    height: 100%;
    top: 0%;
    left: 0%;
    right: 0%; }
  .sales-terms-pdf .rdc-modal-popup__content {
    height: 101%;
    text-align: left; }
  .sales-terms-pdf .rdc-alert-content__body {
    height: 93%;
    font-size: 10px;
    overflow-y: scroll;
    text-align: left; }
  .sales-terms-pdf .rdc-alert-content__body p {
    text-align: left; }
  .sales-terms-pdf .display {
    height: 100%; }
  .sales-terms-pdf .table-display {
    padding: 10px; }
  .sales-terms-pdf .side-indent {
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px; }
  .sales-terms-pdf .rdc-view-wrapper .rdc-scroll-content {
    height: calc( 100% - 45px); }
  .sales-terms-pdf table.table-conditions {
    width: 100%;
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px;
    font-size: 0.5em; }
    .sales-terms-pdf table.table-conditions th {
      background: #ccc;
      width: 20%; }
    .sales-terms-pdf table.table-conditions td {
      background: #EFEFEF; }
    .sales-terms-pdf table.table-conditions th, .sales-terms-pdf table.table-conditions td {
      padding: 0.5rem;
      border-bottom: 1px solid gray;
      border-right: 1px solid gray; } }

.two-sections li {
  float: left;
  width: 50%; }
  .two-sections li:nth-child(1) {
    text-align: left; }
  .two-sections li:nth-child(2) {
    text-align: right; }

@media only screen and (max-width: 1024px) {
  /* To display timeout popup in front*/
  .dac-icp-dac-icp-details .timeout-alert,
  .dac-icp-dac-icp-card .timeout-alert,
  .dac-icp-dac-icp-doc-upload .timeout-alert,
  .dac-icp-dac-icp-declaration .timeout-alert,
  .dac-icp-dac-icp-review .timeout-alert,
  .dac-icp-dac-icp-confirmation .timeout-alert,
  .dac-bpp-dac-bpp-details .timeout-alert,
  .dac-bpp-dac-bpp-card .timeout-alert,
  .dac-bpp-dac-bpp-doc-upload .timeout-alert,
  .dac-bpp-dac-bpp-declaration .timeout-alert,
  .dac-bpp-dac-bpp-review .timeout-alert,
  .dac-bpp-dac-bpp-confirmation .timeout-alert,
  .cs2i-purchase-purchase-details .timeout-alert,
  .cs2i-purchase-purchase-edit .timeout-alert,
  .cs2i-purchase-purchase-review .timeout-alert,
  .cs2i-purchase-purchase-confirmation .timeout-alert,
  .cs2i-balance-balance-details .timeout-alert,
  .cs2i-balance-balance-edit .timeout-alert,
  .cs2i-balance-balance-review .timeout-alert,
  .cs2i-balance-balance-confirmation .timeout-alert,
  .cs2i-product-selection .timeout-alert,
  .dac-product-selection .timeout-alert,
  .csd-failed-page .timeout-alert,
  .dac-no-balance .timeout-alert,
  .cs2i-no-balance .timeout-alert {
    z-index: 1022; }
  .dac-icp-dac-icp-details .timeout-background,
  .dac-icp-dac-icp-card .timeout-background,
  .dac-icp-dac-icp-doc-upload .timeout-background,
  .dac-icp-dac-icp-declaration .timeout-background,
  .dac-icp-dac-icp-review .timeout-background,
  .dac-icp-dac-icp-confirmation .timeout-background,
  .dac-bpp-dac-bpp-details .timeout-background,
  .dac-bpp-dac-bpp-card .timeout-background,
  .dac-bpp-dac-bpp-doc-upload .timeout-background,
  .dac-bpp-dac-bpp-declaration .timeout-background,
  .dac-bpp-dac-bpp-review .timeout-background,
  .dac-bpp-dac-bpp-confirmation .timeout-background,
  .cs2i-purchase-purchase-details .timeout-background,
  .cs2i-purchase-purchase-edit .timeout-background,
  .cs2i-purchase-purchase-review .timeout-background,
  .cs2i-purchase-purchase-confirmation .timeout-background,
  .cs2i-balance-balance-details .timeout-background,
  .cs2i-balance-balance-edit .timeout-background,
  .cs2i-balance-balance-review .timeout-background,
  .cs2i-balance-balance-confirmation .timeout-background,
  .cs2i-product-selection .timeout-background,
  .dac-product-selection .timeout-background,
  .csd-failed-page .timeout-background,
  .dac-no-balance .timeout-background,
  .cs2i-no-balance .timeout-background {
    z-index: 1021; }
  .cs2i-ok-button {
    width: 100% !important;
    max-width: 100% !important; }
  .icon-success-2.desktop-only,
  .rdc-button.desktop-only,
  .desktop-only {
    display: none; }
  .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---secondary,
  .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---primary {
    max-width: 50%;
    width: 50%; }
  .rdc-view___footer.rdc-alert-content__footer .rdc-button {
    max-width: 50%;
    width: 50%; }
  .rdc-view___footer.rdc-alert-content__footer .rdc-button.single {
    max-width: 100%;
    width: 100%; }
  .cs2i-no-balance .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---secondary,
  .cs2i-no-balance .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---primary,
  .dac-no-balance .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---secondary,
  .dac-no-balance .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---primary,
  .csd-failed-page .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---secondary,
  .csd-failed-page .rdc-view___footer.rdc-view___footer---stickey .rdc-button.rdc-button---primary {
    max-width: 100%;
    width: 100%; }
  /*hack*/
  .dac-bpp-dac-bpp-doc-upload .rdc-scroll-content.has-sub-header.rdc-view,
  .dac-icp-dac-icp-doc-upload .rdc-scroll-content.has-sub-header.rdc-view {
    height: calc(100vh - 148px);
    overflow-y: scroll; }
  .dac-no-balance .rdc-scroll-content.has-sub-header.rdc-view {
    height: calc(100vh);
    overflow-y: scroll; }
  .amount_label {
    justify-content: flex-end; }
  .cs2i-status-mm .rdc-button {
    min-height: 53px; }
  .status-success-info-mm {
    padding-bottom: 12px; }
  .account_confirm .account-list {
    border: none;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-top: 0px;
    padding-right: 0px; }
  .refnum-div {
    padding-top: 15px;
    text-align: center;
    border-top: 1px solid lightgrey; }
  .cs2i-balance-balance-confirmation .refnum-div.noborder,
  .cs2i-purchase-purchase-confirmation .refnum-div.noborder,
  .dac-icp-dac-icp-confirmation .refnum-div.noborder,
  .dac-bpp-dac-bpp-confirmation .refnum-div.noborder {
    border-top: 0; }
  .account-label {
    padding-top: 15px; }
  .account_confirm .to-check {
    display: none; }
  .account_confirm .rdc-panel___content {
    border: none; }
  .account_confirm .account-list {
    border: none;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-top: 0px;
    padding-right: 0px; }
  .account_confirm .summary-wrapper {
    padding: 5px 10px;
    border-bottom: none; }
  .account-confirmtion-dd .summary-wrapper {
    margin-bottom: 1rem; }
  .account_confirm {
    pointer-events: none; }
  .casa-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: black;
    z-index: 9;
    margin-top: -99px;
    opacity: 0.5;
    display: none; }
  .account-selection-view {
    height: calc( 100vh - (50px + 50px)); }
  .selection-checkbox .highlight-acc {
    border: 1px solid #00a546 !important; }
  .account_fieldset {
    width: 99.920359%; }
  .selection-class .to-check .rdc-checkbox___label:before {
    border-radius: 15px;
    border: 1px solid #ccc; }
  .selection-class .to-check .rdc-checkbox___label:after {
    border-radius: 15px;
    line-height: 2;
    color: #ffffff;
    background-color: #67ca66;
    top: 0px;
    left: 0px;
    border-radius: 28px;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center; }
  .selection-class .to-check .rdc-checkbox___label {
    bottom: 1rem; }
  .selection-class-dd .to-check .rdc-checkbox___label:before {
    border-radius: 15px;
    border: 1px solid #ccc; }
  .selection-class-dd .to-check .rdc-checkbox___label:after {
    border-radius: 15px;
    line-height: 2;
    color: #ffffff;
    background-color: #67ca66;
    top: 0px;
    left: 0px;
    border-radius: 28px;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center; }
  .account-list {
    border-radius: 0px; }
  .account-list-disabled {
    border-radius: 0px;
    color: #777777; }
  .selection-checkbox .highlight-acc {
    border: 1px solid #00a546 !important; }
  .cs2i_scrollable_content {
    overflow-y: auto;
    position: fixed; }
  .cs2i_fixed_content {
    overflow: hidden;
    position: fixed; }
  .cs2i.Information-Card {
    width: 351px;
    height: 135px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(163, 163, 163, 0.5);
    border: solid 1px #00a546; }
  .childborder:hover {
    border: solid 1px #00a546; }
  .cs2i_cardname-details-Sig {
    width: 215px;
    height: 18px;
    font-family: SCSans;
    font-size: 15px;
    text-align: left;
    color: #000000;
    margin-left: 20px;
    margin-top: 10px; }
  .cs2i_cardname-details-numbers {
    width: 136px;
    height: 16px;
    font-family: SCSans;
    font-size: 13px;
    text-align: left;
    color: #9b9b9b;
    margin-left: 20px;
    margin-top: 3px; }
  .cs2i_Instalment-Duration {
    width: 109px;
    height: 14px;
    object-fit: contain;
    font-family: SCSans;
    font-size: 12px;
    text-align: left;
    color: #9b9b9b; }
  .cs2i_balance_select {
    width: 100%;
    height: 44px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: inset 0 0 2px 0 rgba(116, 116, 116, 0.5); }
  .c2siSplit-Instalments_Balances-14 {
    width: 375px;
    height: 667px;
    background-color: #f9f9f9; }
  .cs2i_Months_details {
    object-fit: contain;
    font-family: SCSans;
    font-size: 14px;
    text-align: left;
    color: #000000; }
  .cs2i_Divider_details {
    border: solid 1px #e2e2e2; }
  .Information-Card_review {
    width: 335px;
    height: 340px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(163, 163, 163, 0.5);
    border: solid 1px #dfdfdf;
    margin-top: -14px;
    overflow-y: auto; }
  .cs2icreditCardName_review {
    width: 327px;
    height: 36px;
    object-fit: contain;
    font-family: SCSans;
    font-size: 15px;
    text-align: left;
    color: #2f2f2f; }
  .Divider_review {
    width: 291px;
    height: 3px;
    border-top: 1px solid #ccc; }
  .dac_label {
    height: 150px; }
  .csd-failed-name {
    font-family: 400;
    font-size: 30px;
    text-align: center;
    color: #d0011b; }
  .csd-failed-class-mm {
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5); }
  .csd-failed-info-panel {
    border-radius: 5px;
    background-color: white;
    border: 1px solid #CECECE;
    border-top: 5px solid #d0011b;
    padding: 0 25px 25px 25px;
    text-align: center;
    /* State: Error OR Warning */ }
    .csd-failed-info-panel h3, .csd-failed-info-panel___heading {
      font-size: 30px;
      font-size: 2.14286rem;
      color: #d0011b;
      font-weight: 400; }
    .csd-failed-info-panel___body {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #2b2929;
      font-weight: 400; }
    .csd-failed-info-panel > .rdc-glyphicon {
      width: 78px;
      height: 78px;
      font-size: 78px;
      color: #d0011b;
      margin: 30px 0; }
    .csd-failed-info-panel___title {
      font-size: 12px;
      font-size: 0.85714rem;
      font-weight: 300;
      color: #d0011b;
      margin-bottom: 5px; }
    .csd-failed-info-panel___description {
      font-size: 13px;
      font-size: 0.92857rem;
      font-weight: 300;
      color: #969696; }
    .csd-failed-info-panel hr {
      margin-top: 8px;
      margin-bottom: 8px; }
    .csd-failed-info-panel---negative {
      border-top: 5px solid #ec4d4d; }
      .csd-failed-info-panel---negative h3, .csd-failed-info-panel---negative___heading,
      .csd-failed-info-panel---negative > .rdc-glyphicon {
        color: #ec4d4d; }
  .csd-failed-desc {
    font-size: 15px;
    line-height: 1.47;
    text-align: center;
    color: #000000; }
  .csd_terms_bg {
    background-color: #f9f9f9; }
  .check-modal-background {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    max-height: 100vh;
    z-index: 9; }
  .cheque-alert {
    z-index: 1000;
    position: fixed;
    width: 90%;
    top: 10%;
    left: 5%;
    border-top: 5px solid #ec4d4d; }
  .cs2i-alert-no-button {
    font-size: 14px;
    text-align: center;
    text-color: #FFF !important;
    background-color: #2b2929 !important; }
  .cs2i-alert-yes-button {
    font-size: 14px;
    text-align: center;
    text-color: #FFF !important;
    background-color: #00a546 !important; }
  .cs2i_monthly_handling_info {
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    height: 132px;
    width: 351px; }
  .cs2i_handling_info_content {
    font-family: 200;
    font-size: 14px;
    line-height: 1.36;
    text-align: left;
    color: #555555; }
  .cs2i_handling_info_header {
    font-family: 200;
    font-size: 14px;
    line-height: 1.36;
    text-align: left;
    color: #0091ea; }
  .cs2i_header {
    object-fit: contain;
    font-size: 12px;
    text-align: center;
    color: #909090;
    font-weight: 300; }
  .tool-tip-arrow {
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-bottom: 16px solid #ffffff;
    filter: drop-shadow(rgba(0, 0, 0, 0.05) -2px -5px 4px);
    position: absolute;
    top: 84%;
    right: 0;
    z-index: 10;
    left: 303px; }
  .check-dd-tooltip-box {
    width: calc( 92vw - 0px);
    position: absolute;
    z-index: 9;
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    right: calc( -4vw - 0px);
    top: 86%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 14px 8px 5px 14px;
    display: block; }
    .check-dd-tooltip-box .tool-tip-div {
      height: 100px;
      position: relative; }
      .check-dd-tooltip-box .tool-tip-div .check-disabled-0 {
        color: #0091ea; }
  .cs2i_balance_review .tool-tip-arrow {
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-bottom: 16px solid #ffffff;
    filter: drop-shadow(rgba(0, 0, 0, 0.05) -2px -5px 4px);
    position: absolute;
    top: 465px;
    right: 0;
    z-index: 10;
    left: 175px; }
  .cs2i_balance_review .check-dd-tooltip-box {
    width: calc( 92vw - 0px);
    position: absolute;
    z-index: 9;
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    right: calc( -4vw - 0px);
    top: 480px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 14px 8px 5px 14px;
    display: block; }
    .cs2i_balance_review .check-dd-tooltip-box .tool-tip-div {
      height: 100px;
      position: relative; }
      .cs2i_balance_review .check-dd-tooltip-box .tool-tip-div .check-disabled-0 {
        color: #0091ea; }
  .cs2i_rectangle_header {
    width: 331px;
    height: 34px;
    margin-left: 15px;
    size: 12px;
    border-radius: 1px;
    background-color: #e7e7e7; }
  .cs2i_balances_header {
    margin-left: 15px;
    margin-top: 12px;
    width: 56px;
    height: 8px;
    object-fit: contain;
    font-size: 13px;
    line-height: 0.62;
    text-align: left;
    color: #0091ea; }
  .cs2i_balances_content {
    width: 345px;
    height: 34px;
    object-fit: contain;
    font-size: 12px;
    line-height: 2.42;
    text-align: left;
    color: #000000;
    margin-left: 15px; }
  .cs2i_rectangle_content {
    width: 337px;
    height: 14px;
    opacity: 0.99;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px;
    letter-spacing: 0.5px;
    text-align: left;
    color: #000000; }
  .cs2i_error_label {
    width: 135px;
    height: 14px;
    font-size: 12px;
    text-align: left;
    color: #d0011b; }
  .cs2i_alert_content {
    font-size: 15px !important;
    color: #2b2929 !important;
    font-weight: 300 !important;
    line-height: 1.47 !important; }
  .cheque-alert {
    z-index: 1020;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0; }
    .cheque-alert .rdc-modal-popup__content {
      border-top: 5px solid red;
      left: 5%;
      width: 90%;
      max-height: 60%; }
  .sales-terms-pdf .rdc-view-wrapper {
    height: calc(100vh);
    min-height: 50%; } }

.auth-page-credit-card-credit-cardno .rdc-view___footer.rdc-alert-content__footer .cs2i-alert-yes-button {
  width: 100%;
  max-width: 100%; }

@media only screen and (min-width: 480px) and (max-width: 1024px) {
  .cheque-alert {
    padding-top: 17%; }
  .sales-terms-pdf .rdc-view___footer.rdc-alert-content__footer {
    bottom: 20px; } }

@media only screen and (max-device-width: 480px) and (orientation: portrait) {
  .cheque-alert {
    padding-top: 40%; } }

@media only screen and (min-device-width: 480px) and (max-device-width: 768px) and (orientation: portrait) {
  .cheque-alert {
    padding-top: 40%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .cheque-alert {
    padding-top: 15%; } }

.rdc-tab-bar {
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  border: 1px solid #0091ea; }

.rdc-tab-bar___tab {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  font-size: 14px;
  font-size: 1rem;
  color: #0091ea;
  font-weight: 400;
  text-align: center;
  background-color: transparent;
  line-height: 30px; }

@media screen and (min-width: 1025px) {
  .hypen {
    padding-right: 10px; } }

@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .auth-page-i-banking body > .ember-view,
  .auth-page-credit-card-credit-cardno body > .ember-view {
    height: 100%;
    overflow: hidden; }
  .auth-page-i-banking .rdc-view-wrapper .rdc-scroll-content,
  .auth-page-i-banking .rdc-view-wrapper .rdc-scroll-content.has-sub-header,
  .auth-page-i-banking .rdc-scroll-content,
  .auth-page-credit-card-credit-cardno .rdc-view-wrapper .rdc-scroll-content,
  .auth-page-credit-card-credit-cardno .rdc-view-wrapper .rdc-scroll-content.has-sub-header,
  .auth-page-credit-card-credit-cardno .rdc-scroll-content {
    min-height: calc( 100vh - (400px));
    height: calc( 100vh - (300px)); }
  .auth-page-i-banking .rdc-view-wrapper,
  .auth-page-credit-card-credit-cardno .rdc-view-wrapper {
    background: #000;
    padding: 30px 40px;
    height: 100%; }
  .auth-page-i-banking .rdc-view-wrapper header,
  .auth-page-credit-card-credit-cardno .rdc-view-wrapper header {
    position: relative; }
  .auth-page-i-banking .rdc-view-wrapper header,
  .auth-page-i-banking .dt-content,
  .auth-page-i-banking .wrapper-header,
  .auth-page-i-banking .rdc-tab-bar,
  .auth-page-credit-card-credit-cardno .rdc-view-wrapper header,
  .auth-page-credit-card-credit-cardno .dt-content,
  .auth-page-credit-card-credit-cardno .wrapper-header,
  .auth-page-credit-card-credit-cardno .rdc-tab-bar {
    background: #fbfbfb; }
  .auth-page-i-banking .rdc-navbar,
  .auth-page-i-banking .hide-desktop,
  .auth-page-credit-card-credit-cardno .rdc-navbar,
  .auth-page-credit-card-credit-cardno .hide-desktop {
    display: none; }
  .auth-page-i-banking .global-close-btn,
  .auth-page-credit-card-credit-cardno .global-close-btn {
    position: absolute;
    display: inline-block;
    background: url("images/icons/svg/global-close-button-dekstop.svg") no-repeat right 0;
    width: 85px;
    height: 40px;
    right: 0; }
  .auth-page-i-banking .wrapper-header,
  .auth-page-credit-card-credit-cardno .wrapper-header {
    padding-top: 20px;
    padding: 20px 40px 0; }
  .auth-page-i-banking header h2,
  .auth-page-credit-card-credit-cardno header h2 {
    margin-bottom: 0;
    font-size: 36px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-indent: 40px; }
  .auth-page-i-banking .navbar-sub-header---tab-bar,
  .auth-page-credit-card-credit-cardno .navbar-sub-header---tab-bar {
    padding: 30px 25px;
    background: #fff;
    overflow: hidden;
    height: 100%;
    border: 0;
    padding-bottom: 25px; }
  .auth-page-i-banking .rdc-tab-bar,
  .auth-page-credit-card-credit-cardno .rdc-tab-bar {
    height: auto;
    border: 0;
    border-radius: 100px;
    border: solid 1px #f1efef; }
  .auth-page-i-banking .rdc-tab-bar .rdc-tab-bar___tab,
  .auth-page-credit-card-credit-cardno .rdc-tab-bar .rdc-tab-bar___tab {
    border-radius: 100px;
    padding: 30px;
    background-color: #fbfbfb;
    text-transform: uppercase;
    color: #919191; }
  .auth-page-i-banking .rdc-tab-bar .rdc-tab-bar___tab.active,
  .auth-page-credit-card-credit-cardno .rdc-tab-bar .rdc-tab-bar___tab.active {
    box-shadow: 0 2px 8px 0 rgba(218, 218, 218, 0.5);
    background: #fff;
    color: #00a546; }
  .auth-page-i-banking .rdc-auth-info,
  .auth-page-credit-card-credit-cardno .rdc-auth-info {
    background: #fff;
    margin: 0 40px;
    width: 92.3%;
    padding-bottom: 20px;
    text-align: center; }
    .auth-page-i-banking .rdc-auth-info .rdc-label,
    .auth-page-credit-card-credit-cardno .rdc-auth-info .rdc-label {
      text-transform: uppercase;
      display: block;
      color: #9e9e9e; }
  .auth-page-i-banking .form-wrapper,
  .auth-page-credit-card-credit-cardno .form-wrapper {
    background: #fff;
    margin: 0 40px 25px;
    padding-bottom: 25px; }
  .auth-page-i-banking .rdc-input-det,
  .auth-page-credit-card-credit-cardno .rdc-input-det {
    box-shadow: none;
    color: #909090;
    width: 400px;
    margin: auto;
    box-shadow: 0 0 2px 0 rgba(172, 172, 172, 0.5);
    border-radius: 4px; }
  .auth-page-i-banking .rdc-login-field,
  .auth-page-credit-card-credit-cardno .rdc-login-field {
    padding: 12px; }
  .auth-page-i-banking .rdc-login-field:first-child,
  .auth-page-credit-card-credit-cardno .rdc-login-field:first-child {
    border-bottom: solid 0.5px #ccc; }
  .auth-page-i-banking .rdc-login-field label,
  .auth-page-credit-card-credit-cardno .rdc-login-field label {
    display: block;
    height: auto; }
  .auth-page-i-banking .rdc-login-field input,
  .auth-page-credit-card-credit-cardno .rdc-login-field input {
    width: 100%;
    color: #000;
    padding: 2px;
    font-size: 15px; }
  .auth-page-i-banking .rdc-view___footer---stickey,
  .auth-page-credit-card-credit-cardno .rdc-view___footer---stickey {
    position: relative !important;
    bottom: -28px; }
    .auth-page-i-banking .rdc-view___footer---stickey button:nth-child(1),
    .auth-page-credit-card-credit-cardno .rdc-view___footer---stickey button:nth-child(1) {
      display: none; }
    .auth-page-i-banking .rdc-view___footer---stickey button:nth-child(2),
    .auth-page-credit-card-credit-cardno .rdc-view___footer---stickey button:nth-child(2) {
      flex: 24% 0 0;
      margin-left: auto;
      margin-right: 40px;
      height: 65px; } }

@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .auth-page-credit-card-credit-cardno .otp-container {
    margin: 0 40px;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 30px; } }

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-ms-high-contrast: active), only screen and (min-width: 1025px) and (min-width: 1025px) and (-ms-high-contrast: none) {
  .auth-page-credit-card-credit-cardno .otp-container {
    padding-bottom: 0px; } }

@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .auth-page-credit-card-credit-cardno .otp-content {
    height: 100%;
    background: #f9f9f9; }
  .auth-page-credit-card-credit-cardno .rdc-auth-info {
    /*display:none;*/ }
  .auth-page-credit-card-credit-cardno .otp-container h2 {
    font-size: 14px;
    color: #9e9e9e;
    text-transform: uppercase;
    padding: 20px 0 40px 0; }
  .auth-page-credit-card-credit-cardno .otp-form {
    text-align: center; }
  .auth-page-credit-card-credit-cardno .rdc-tab-bar-new {
    width: 50%;
    margin: 0 auto; }
  .auth-page-credit-card-credit-cardno .rdc-tab-bar-new span {
    display: block;
    border: 1px solid #dfdfdf;
    border-radius: 30px;
    background: #fff;
    color: green;
    padding: 20px;
    text-align: center; }
  .auth-page-credit-card-credit-cardno .rdc-scroll-content.has-sub-header.rdc-view {
    padding-top: 10%;
    min-height: calc( 100vh - 50px); } }

@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .auth-page-credit-card-credit-otp {
    /*validation requirement*/ }
    .auth-page-credit-card-credit-otp .otp-container {
      margin: 0 40px;
      background: #fff;
      padding-bottom: 20px; }
    .auth-page-credit-card-credit-otp header {
      margin-bottom: 40px; }
    .auth-page-credit-card-credit-otp header h2 {
      font-size: 36px;
      color: #0091ea;
      padding: 40px 0 0 40px; }
    .auth-page-credit-card-credit-otp .rdc-scroll-content.has-sub-header.rdc-view.dt-content {
      height: calc(100vh - 250px);
      min-height: 50%; }
    .auth-page-credit-card-credit-otp .rdc-view-wrapper.credit-otp .wrapper-header {
      display: none; }
    .auth-page-credit-card-credit-otp .title-genPass {
      background: #fff;
      margin: 0 40px;
      padding: 50px 0; }
    .auth-page-credit-card-credit-otp .otp-content {
      height: 100%;
      background: #f9f9f9; }
    .auth-page-credit-card-credit-otp .rdc-auth-info {
      /*display:none;*/ }
    .auth-page-credit-card-credit-otp .otp-container h2 {
      font-size: 14px;
      color: #9e9e9e;
      text-transform: uppercase;
      padding: 20px 0 40px 0;
      padding-bottom: 20px; }
    .auth-page-credit-card-credit-otp .otp-form {
      text-align: center;
      width: 35%;
      margin: 0 auto; }
    .auth-page-credit-card-credit-otp .rdc-view___footer---stickey {
      bottom: 50px;
      margin: 0 40px; }
    .auth-page-credit-card-credit-otp .rdc-view___footer .rdc-button.validate {
      background: #ccc; }
    .auth-page-credit-card-credit-otp .error {
      display: none; }
    .auth-page-credit-card-credit-otp .error.showError1 {
      display: block;
      font-size: 14px; } }

.ember-basic-dropdown {
  position: relative; }

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box; }

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff; }

.ember-basic-dropdown-content--left {
  left: 0; }

.ember-basic-dropdown-content--right {
  right: 0; }

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none; }

.ember-power-select {
  position: relative; }

.ember-power-select *, .ember-power-select-dropdown * {
  box-sizing: border-box; }

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */ }
  .ember-power-select-trigger:after {
    content: "";
    display: table;
    clear: both; }

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none; }

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent; }
  .ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
    transform: rotate(180deg); }

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer; }

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */ }
  .ember-power-select-trigger-multiple-input:disabled {
    background-color: #eeeeee; }
  .ember-power-select-trigger-multiple-input::placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-moz-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-ms-input-placeholder {
    opacity: 1;
    color: #999999; }

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0; }

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px; }

.ember-power-select-multiple-remove-btn {
  cursor: pointer; }
  .ember-power-select-multiple-remove-btn:not(:hover) {
    opacity: 0.5; }

.ember-power-select-search {
  padding: 4px; }

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px; }
  .ember-power-select-search-input:focus {
    border: 1px solid #aaaaaa;
    box-shadow: none; }

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit; }

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%; }

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none; }
  .ember-power-select-options[role="listbox"] {
    overflow-y: auto;
    /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
    max-height: 12.25em; }

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px; }

.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed; }

.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed; }

.ember-power-select-option[aria-selected="true"] {
  background-color: #dddddd; }

.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff; }

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold; }

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee; }

.ember-power-select-trigger {
  padding: 0 16px 0 0; }

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px; }

.ember-power-select-status-icon {
  right: 5px; }

.ember-power-select-clear-btn {
  right: 25px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px; }

.ember-power-select-group .ember-power-select-option {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px; }

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
    margin-right: 8px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
    left: 5px;
    right: initial; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
    left: 25px;
    right: initial; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px; }

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 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 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

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

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

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

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

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

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

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #777777; }

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

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

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

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

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

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

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

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

p {
  margin: 0 0 10px; }

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

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

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

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

.text-justify {
  text-align: justify; }

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

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

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

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

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

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

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

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

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

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

.bg-success {
  background-color: #dff0d8; }

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

.bg-info {
  background-color: #d9edf7; }

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

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

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

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

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

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: 700; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " "; }

.dl-horizontal dd:after {
  clear: both; }

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

abbr[title],
abbr[data-original-title] {
  cursor: help; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: "\2014 \00A0"; }

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

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .container:before, .container:after {
    display: table;
    content: " "; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

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

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

.row-no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    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: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-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%; } }

table {
  background-color: transparent; }
  table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none; }
  table td[class*="col-"],
  table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

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

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

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

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

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

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }
  input[type="radio"][disabled], input[type="radio"].disabled,
  fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].disabled,
  fieldset[disabled]
  input[type="checkbox"] {
    cursor: not-allowed; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio.disabled label,
  fieldset[disabled] .radio label,
  .checkbox.disabled label,
  fieldset[disabled]
  .checkbox label {
    cursor: not-allowed; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer; }
  .radio-inline.disabled,
  fieldset[disabled] .radio-inline,
  .checkbox-inline.disabled,
  fieldset[disabled]
  .checkbox-inline {
    cursor: not-allowed; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

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

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

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

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

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

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

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

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

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

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

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

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

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

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

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

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

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

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

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    display: table;
    content: " "; }
  .form-horizontal .form-group:after {
    clear: both; }

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

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

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

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

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

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

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

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
      color: #262626;
      text-decoration: none;
      background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

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

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    display: table;
    content: " "; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " "; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .nav:before, .nav:after {
    display: table;
    content: " "; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      cursor: default;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

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

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      margin-bottom: 5px;
      text-align: center; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

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

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

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

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " "; }

.navbar-header:after {
  clear: both; }

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

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    display: table;
    content: " "; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px; }
    @media (max-device-width: 480px) and (orientation: landscape) {
      .navbar-fixed-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px; } }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

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

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

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

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      padding-top: 0;
      padding-bottom: 0;
      margin-right: 0;
      margin-left: 0;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

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

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #090909; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

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

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857;
      color: #337ab7;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd; }
      .pagination > li > a:hover, .pagination > li > a:focus,
      .pagination > li > span:hover,
      .pagination > li > span:focus {
        z-index: 2;
        color: #23527c;
        background-color: #eeeeee;
        border-color: #ddd; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none; }
  .pager:before, .pager:after {
    display: table;
    content: " "; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

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

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

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

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

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

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

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  padding-left: 0;
  margin-bottom: 20px; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #eeeeee; }
    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
      color: inherit; }
    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
      color: #777777; }
  .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > .small {
      color: inherit; }
    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
      color: #c7ddef; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

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

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

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

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

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

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

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2; }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5; }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    display: table;
    content: " "; }
  .modal-header:after {
    clear: both; }

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

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

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

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    display: table;
    content: " "; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

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

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

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0; }
  .tooltip.in {
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px; }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px; }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px; }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px; }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000; }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000; }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }
  .popover > .arrow {
    border-width: 11px; }
    .popover > .arrow, .popover > .arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid; }
    .popover > .arrow:after {
      content: "";
      border-width: 10px; }
  .popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0; }
    .popover.top > .arrow:after {
      bottom: 1px;
      margin-left: -10px;
      content: " ";
      border-top-color: #fff;
      border-bottom-width: 0; }
  .popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0; }
    .popover.right > .arrow:after {
      bottom: -10px;
      left: 1px;
      content: " ";
      border-right-color: #fff;
      border-left-width: 0; }
  .popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25); }
    .popover.bottom > .arrow:after {
      top: 1px;
      margin-left: -10px;
      content: " ";
      border-top-width: 0;
      border-bottom-color: #fff; }
  .popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25); }
    .popover.left > .arrow:after {
      right: 1px;
      bottom: -10px;
      content: " ";
      border-right-width: 0;
      border-left-color: #fff; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

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

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5; }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x; }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x; }
  .carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1; }
  .carousel-control .icon-prev:before {
    content: "\2039"; }
  .carousel-control .icon-next:before {
    content: "\203a"; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px; }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

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

.clearfix:before, .clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

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

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

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

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

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

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

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

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.ember-power-calendar {
  box-sizing: border-box;
  position: relative; }

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between; }

.ember-power-calendar-nav * {
  box-sizing: border-box; }

.ember-power-calendar-days, .ember-power-calendar-days * {
  box-sizing: border-box; }

.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center; }

.ember-power-calendar-row {
  display: flex;
  justify-content: space-between; }

.ember-power-calendar-weekday {
  -webkit-appearance: none;
  flex: 1 1 100%;
  padding: 0;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0; }

.ember-power-calendar-day {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  flex: 1 1 100%;
  font-size: inherit;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0; }

.ember-power-calendar-nav-control {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  font-size: inherit; }

.ember-power-calendar {
  font-size: 14px;
  line-height: 1.42857; }

.ember-power-calendar-weekdays {
  color: #333333; }

.ember-power-calendar-day {
  color: #bbb; }

.ember-power-calendar-nav {
  line-height: 2; }

.ember-power-calendar-nav-control {
  line-height: 1;
  font-size: 150%;
  color: #0078c9; }
  .ember-power-calendar-nav-control:focus {
    transform: scale(1.2);
    color: #0096fc; }

.ember-power-calendar-day--current-month {
  color: #656D78;
  background-color: #F5F7FA; }

.ember-power-calendar-day--today,
.ember-power-calendar-day:not([disabled]):hover {
  background-color: #eee; }

.ember-power-calendar-day--other-month:not([disabled]):hover {
  color: #aaa; }

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold;
  background-color: #c9e9ff;
  color: #656D78; }

.ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: #96d5ff; }
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover,
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
    background-color: #96d5ff; }

.ember-power-calendar-day--focused {
  box-shadow: inset 0px -2px 0px 0px #0078c9; }

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4; }

/* Component Styles */
/*
// CONFIG
*/
/* ==========================================================================
Theme Color Palette - Used only inside Config reference
========================================================================== */
/* $green: #6ac075; */
/* #DDDDDD; */
/* Need to remove */
/* Need to remove */
/* ==========================================================================
Theme Color Palette - Based On style Guide
========================================================================== */
/* ==========================================================================
Fonts Config
========================================================================== */
/* SC Sans Web Thin is 200 */
/* SC Sans Web Light is 300 */
/* SC Sans Web Regular is 400 */
/* SC Sans Web Bold and Bold is 700 */
/* ==========================================================================
Stateful Colors
========================================================================== */
/* Generic Colors */
/* Button Colors */
/* Toggle Colors */
/* Visual Radio */
/* Normal Radio */
/* Utils */
/* Generic Config */
/* ==========================================================================
Basic Reset Styles
========================================================================== */
html,
body {
  font-size: 14px;
  /* App Base Font Size */
  overflow: hidden;
  font-family: "SC Sans Web", sans-serif; }

html, body, ul, ol, li, form, fieldset, legend, p, label {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0; }

fieldset, img {
  border: 0; }

li {
  list-style: none; }

input, textarea {
  /* Iphone Border */
  border-radius: 0; }

a,
a:hover,
a:focus,
a:visited {
  color: #0091ea;
  /* #02b8f8; */
  text-decoration: none; }

@font-face {
  font-family: 'icomoon';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/icomoon.eot?j59azs");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/icomoon.eot?j59azs#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/icomoon.ttf?j59azs") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/icomoon.woff?j59azs") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/icomoon.svg?j59azs#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* ==========================================================================
UI Componen Config
========================================================================== */
/* Action Button Colors */
/* Form Layout / Row*/
/* Form Component Elements */
/* DEFAULTS */
/* ==========================================================================
RESETS
========================================================================== */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-user-select: "none";
  -moz-user-select: "none";
  -ms-user-select: "none";
  user-select: "none";
  -webkit-touch-callout: none; }

html,
body {
  height: 100%;
  font-family: "SC Sans Web", sans-serif; }

body {
  background-color: transparent; }

a {
  text-decoration: none; }

/* reset form styles */
button {
  outline: 0;
  -webkit-touch-callout: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer; }

input, textarea {
  font-family: "SC Sans Web", sans-serif;
  font-weight: 300;
  -webkit-user-select: "auto !important";
  -moz-user-select: "auto !important";
  -ms-user-select: "auto !important";
  user-select: "auto !important";
  padding: 0; }

input,
textarea,
select {
  font-weight: 300;
  -webkit-appearance: none;
  padding: 0;
  border: 0; }

:focus {
  outline: none; }

button, label {
  font-weight: 300;
  /* border: 1px solid transparent; */ }

/* placeholder */
input::-webkit-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

input:-moz-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

/* FF 4-18 */
input::-moz-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

/* FF 19+ */
textarea::-webkit-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

textarea:-moz-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

/* FF 4-18 */
textarea::-moz-input-placeholder {
  color: #000000;
  font-family: "SC Sans Web", sans-serif; }

/* FF 19+ */
/* hides placeholder on focus */
input:focus::-webkit-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

input:focus:-moz-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

input:focus::-moz-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

textarea:focus::-webkit-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

textarea:focus:-moz-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

textarea:focus::-moz-input-placeholder {
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: "SC Sans Web", sans-serif; }

/*
* Mixins
-----------------------------------------------*/
/* Font Size */
/*
// Usage:
p {
    @include font-size(14px)
}
*/
/*
// Usage:
//
.selector {
  @include prefix(transform, rotate(45deg), webkit ms);
}
*/
/* Tap Area */
/*
// Usage:
//
.my-icon-button{
  position: relative; // Must to be relative
}
.my-icon-button::after {
    @include extend-tap-area-by(10px, 10px, 10px, 10px)
}
*/
/* Breakpoints */
/*
// Usage:
.sidebar {
    width: 60%; float: left;
    @include bp-small { width: 100%; float: none; }
}
*/
/*
Use other breakpoints
@mixin bp-large {
  @media only screen and (max-width: 60em) {
    @content;
  }
}

@mixin bp-medium {
  @media only screen and (max-width: 40em) {
    @content;
  }
}

@mixin bp-small {
  @media only screen and (max-width: 30em) {
    @content;
  }
}
*/
/* Breakpoints */
/*  Keyframes Animations */
/*
// Usage:
@include keyframes(slide-down) {
    0% { opacity: 1; }
    90% { opacity: 0; }
}

.element {
    width: 100px;
    height: 100px;
    background: black;
    @include animation('slide-down 5s 3');
}
@include keyframes(animate) {
    50% {
        transform: rotate(90deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}
*/
/**
 * Placeholder mixin
 */
/**
 * Prefixer mixin
 */
/* Transitions */
/*
// Usage:
a {
    color: gray;
    @include transition(color .3s ease);
    &:hover {
        color: black;
    }
}
*/
/* Transfor Style */
/* Translate X & Y */
/* Translate X */
/* Translate Y */
/* Filter Blur */
/* Background Gradients */
/* Retina Images */
/*
// Usage:
.logo {
background-image: url("img/logo.png");
  @include retina("img/logo@2x.png", 100px, 21px);
}
*/
/* Centering a block */
/*
// Usage:
.wrapper {
  @include center-block;
}
*/
/* Horizontal & Vertical Center Positioning */
/*
// Usage:
.box {
  @include center-position;
}
*/
/* Horizontal Center Positioning */
/*
// Usage:
.box {
  @include center-horizontal;
}
*/
/* Vertical Center Positioning */
/*
// Usage:
.box {
  @include center-vertical;
}
*/
/* Truncate */
/* Border Radius */
/* Cross browser opacity */
/*
// Usage:
.faded-text {
  @include opacity(0.8);
}
*/
/* Box shadow */
/*
// Usage:
.abc {
  @include box-shadow(0.8);
}
*/
/* Fill Canvas */
/*
// Usage:
.abc {
  @include position-abs-fill; // Parent must be position relative
}
*/
/* Automatically output an element, based on the name of our block */
/* Automatically output an modifier, based on the name of our block */
/* Visually hide an element */
/*
When you hide an element with display: none, that prevents screen readers from reading it to the user.
Sometimes that’s fine, but in other cases this will make the site hard to use for people with screen
readers. Thus, we have to use another technique for hiding elements while at the same time make them
accessible. In this example, we are using the Sass placeholder selector since the output will always
be the same, which enables us to reduce repetetive code in the output.
// Usage:
<button class="mobile-navigation-trigger">
  <b class="visually-hidden">Open the navigation</b>
  <img src="img/mobile-navigation-icon.svg">
</button>
.visually-hidden {
  @extend %visuallyhidden;
}
*/
/**
 * WebKit font-smoothing
 * ------------------------------------------------
 *
 * References:
 *
 * 1. http://maxvoltar.com/sandbox/fontsmoothing/
 * 2. http://maxvoltar.com/archive/-webkit-font-smoothing
 * 3. https://gist.github.com/adamstac/5048881
 *
 * Values: none, antialiased (default), subpixel-antialiased
 */
/* User Select */
/* Table Layout */
/**
 * Crops a text, optionally shows an ellipsis
 */
/* 
No Touch Devices  
Using CSS Media Queries Level 4 Interaction Media Features
Reference: http://www.javascriptkit.com/dhtmltutors/sticky-hover-issue-solutions.shtml
*/
/*
// Usage:
.abc {
    @include no-touch {  &:hover { ... }  }
}
*/
/* 
Placeholder Text
*/
/*
// Usage:
.abc {
    @include placeholder { ... }
}
*/
/* 
Readonly Text
*/
/*
// Usage:
.abc {
    @include readonly { ... }
}
*/
/* Small Utils */
/**
 * Base classes to use with @extend
 */
/* Floated Group Elements */
/* Prevent Highlight */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

/* 
If you want to prevent copy paste functionality then you can use
this 'prevent-select' class. 
*/
* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none; }

/* Hide Elements */
.rdc-radio-button-group input {
  position: absolute !important;
  top: 0 !important;
  left: -99999px !important; }

/* Needed to vertically center the content */
.with-floated-children:after, .rdc-component-base:after, .rdc-summary-field:after, .rdc-text-input.has-prefix .component-holder:after, .rdc-radio-button-group .rdc-radio-button-base .rdc-radio-button-holder:after, .rdc-radio-button-group:after, .rdc-navbar:after, .two-sections:after {
  content: '';
  display: table;
  clear: both; }

/* Clearfix */
/*
%clearfix {
  *zoom: 1;
  &:before, &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
*/
/* COMMON STYLES */
/* ==========================================================================
SC Sans Web Regular & Italic
========================================================================== */
@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-regular.svg#SC Sans Web-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-italic.svg#sc-sans-web-italic") format("svg");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }

/* ==========================================================================
SC Sans Web Bold and Bold Italic
========================================================================== */
@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold.svg#SC Sans Web-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.eot");
  src: url("/rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-bold-italic.svg#sc-sans-web-bold-italic") format("svg");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal; }

/* ==========================================================================
SC Sans Web Light & Light Italic
========================================================================== */
@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light.svg#SC Sans Web-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-light-italic.svg#sc-sans-web-light-italic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal; }

/* ==========================================================================
SC Sans Web Thin & Thin Italic
========================================================================== */
@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin.svg#sc-sans-web-thin") format("svg");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-thin-italic.svg#sc-sans-web-thin-italic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-stretch: normal; }

/* ==========================================================================
SC Sans Web Ultra Thin and Ultra Thin Italic
========================================================================== */
@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin.svg#SC Sans Web-Ultra Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'SC Sans Web';
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.eot");
  src: url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.eot?#iefix") format("embedded-opentype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.woff2") format("woff2"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.woff") format("woff"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.ttf") format("truetype"), url("../rdc-ui-adn-theme-ui20/assets/fonts/sc-sans-web-ultra-thin-italic.svg#sc-sans-web-ultra-thin-italic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal; }

.sc-flex, .sc-flex-column, .sc-flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

/*========================================================
// Helper Classes
=========================================================*/
/* Content Padding's */
.no-pad,
.pad-0 {
  padding: 0 !important; }

.pad-5 {
  padding: 5px !important; }

.pad-10 {
  padding: 10px !important; }

.pad-15 {
  padding: 15px !important; }

.pad-20 {
  padding: 20px !important; }

.pad-25 {
  padding: 25px !important; }

.pad-30 {
  padding: 30px !important; }

.pad-35 {
  padding: 35px !important; }

.pad-40 {
  padding: 40px !important; }

.pad-0-5 {
  padding: 0 5px 0 5px !important; }

.pad-0-10 {
  padding: 0 10px 0 10px !important; }

.pad-0-15 {
  padding: 0 15px 0 15px !important; }

.pad-0-20 {
  padding: 0 20px 0 20px !important; }

.pad-0-25 {
  padding: 0 25px 0 25px !important; }

.pad-0-30 {
  padding: 0 30px 0 30px !important; }

.pad-0-35 {
  padding: 0 35px 0 35px !important; }

.pad-0-40 {
  padding: 0 40px 0 40px !important; }

.pad-5-0 {
  padding: 5px 0 5px 0 !important; }

.pad-10-0 {
  padding: 10px 0 10px 0 !important; }

.pad-15-0 {
  padding: 15px 0 15px 0 !important; }

.pad-20-0 {
  padding: 20px 0 20px 0 !important; }

.pad-25-0 {
  padding: 25px 0 25px 0 !important; }

.pad-30-0 {
  padding: 30px 0 30px 0 !important; }

.pad-35-0 {
  padding: 35px 0 35px 0 !important; }

.pad-40-0 {
  padding: 40px 0 40px 0 !important; }

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

.pl2 {
  padding-left: 2px !important; }

.pl4 {
  padding-left: 4px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl6 {
  padding-left: 6px !important; }

.pl8 {
  padding-left: 8px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl12 {
  padding-left: 12px !important; }

.pl14 {
  padding-left: 14px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl16 {
  padding-left: 16px !important; }

.pl18 {
  padding-left: 18px !important; }

.pl20 {
  padding-left: 20px !important; }

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

.pr2 {
  padding-right: 2px !important; }

.pr4 {
  padding-right: 4px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr6 {
  padding-right: 6px !important; }

.pr8 {
  padding-right: 8px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr12 {
  padding-right: 12px !important; }

.pr14 {
  padding-right: 14px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr16 {
  padding-right: 16px !important; }

.pr18 {
  padding-right: 18px !important; }

.pr20 {
  padding-right: 20px !important; }

.pt0 {
  padding-top: 0px !important; }

.pt2 {
  padding-top: 2px !important; }

.pt4 {
  padding-top: 4px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt6 {
  padding-top: 6px !important; }

.pt8 {
  padding-top: 8px !important; }

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

.pt12 {
  padding-top: 12px !important; }

.pt14 {
  padding-top: 14px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt16 {
  padding-top: 16px !important; }

.pt18 {
  padding-top: 18px !important; }

.pt20 {
  padding-top: 20px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb2 {
  padding-bottom: 2px !important; }

.pb4 {
  padding-bottom: 4px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb6 {
  padding-bottom: 6px !important; }

.pb8 {
  padding-bottom: 8px !important; }

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

.pb12 {
  padding-bottom: 12px !important; }

.pb14 {
  padding-bottom: 14px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb16 {
  padding-bottom: 16px !important; }

.pb18 {
  padding-bottom: 18px !important; }

.pb20 {
  padding-bottom: 20px !important; }

/* Content Margins */
.no-margin,
.m-0 {
  margin: 0 !important; }

.ml0 {
  margin-left: 0px !important; }

.ml2 {
  margin-left: 2px !important; }

.ml4 {
  margin-left: 4px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml6 {
  margin-left: 6px !important; }

.ml8 {
  margin-left: 8px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml12 {
  margin-left: 12px !important; }

.ml14 {
  margin-left: 14px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml16 {
  margin-left: 16px !important; }

.ml18 {
  margin-left: 18px !important; }

.ml20 {
  margin-left: 20px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr2 {
  margin-right: 2px !important; }

.mr4 {
  margin-right: 4px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr6 {
  margin-right: 6px !important; }

.mr8 {
  margin-right: 8px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr12 {
  margin-right: 12px !important; }

.mr14 {
  margin-right: 14px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr16 {
  margin-right: 16px !important; }

.mr18 {
  margin-right: 18px !important; }

.mr20 {
  margin-right: 20px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt2 {
  margin-top: 2px !important; }

.mt4 {
  margin-top: 4px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt6 {
  margin-top: 6px !important; }

.mt8 {
  margin-top: 8px !important; }

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

.mt12 {
  margin-top: 12px !important; }

.mt14 {
  margin-top: 14px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt16 {
  margin-top: 16px !important; }

.mt18 {
  margin-top: 18px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb2 {
  margin-bottom: 2px !important; }

.mb4 {
  margin-bottom: 4px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb6 {
  margin-bottom: 6px !important; }

.mb8 {
  margin-bottom: 8px !important; }

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

.mb12 {
  margin-bottom: 12px !important; }

.mb14 {
  margin-bottom: 14px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb16 {
  margin-bottom: 16px !important; }

.mb18 {
  margin-bottom: 18px !important; }

.mb20 {
  margin-bottom: 20px !important; }

/* Alignments */
.align-center {
  text-align: center !important; }

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

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

.auto-h-center {
  margin: 0 auto; }

.auto-v-center {
  margin: auto 0; }

/* Flex Box Alignments */
.fb-align-center {
  align-items: center;
  justify-content: center; }

/* Element Positioning */
.pos-left {
  position: absolute;
  left: 0; }

.pos-right {
  position: absolute;
  right: 0; }

.pos-left {
  position: absolute;
  top: 0; }

.pos-left {
  position: absolute;
  bottom: 0; }

/* Vertical Align child elements - Child element must be an inline-block */
.v-align {
  white-space: nowrap;
  position: relative; }

.v-middle > * {
  vertical-align: middle; }

.v-top > * {
  vertical-align: top; }

.v-bottom > * {
  vertical-align: bottom; }

.v-text-top > * {
  vertical-align: text-top; }

.v-text-bottom > * {
  vertical-align: text-bottom; }

.v-baseline > * {
  vertical-align: baseline; }

/* Percent Width */
.p-width-50 {
  width: 50% !important; }

.p-width-60 {
  width: 60% !important; }

.p-width-70 {
  width: 70% !important; }

.p-width-80 {
  width: 80% !important; }

.p-width-90 {
  width: 90% !important; }

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

/* Uitils */
.block {
  display: block !important; }

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

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

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

.show {
  visibility: visible !important; }

.hide {
  visibility: hidden !important;
  display: none !important; }

.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  pointer-events: none !important;
  cursor: default !important; }

.clickable {
  cursor: pointer; }

.no-clickable {
  pointer-events: none; }

.y-scroller {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*========================================================
// ANIMATION UTILS
=========================================================*/
.sc-hidden {
  visibility: hidden; }

.sc-visible {
  visibility: visible; }

/*========================================================
// LAYOUT
=========================================================*/
.sc-pane {
  position: absolute;
  width: 100%;
  height: 100%; }

.blur-content {
  filter: blur(2px); }

/*========================================================
// FLEX BOX LAYOUT
=========================================================*/
.sc-flex-column {
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.sc-flex-row {
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }

.sc-flex-fill {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.sc-flex-scroller {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -moz-box-flex: 1;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.sc-flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

/* Basic Colors */
.red {
  background-color: #FF0000; }

.orange {
  background-color: #FF9400; }

.amber {
  background-color: #FFBA00; }

.yellow {
  background-color: #FDFF00; }

.yellowgreen {
  background-color: yellowgreen; }

.green {
  background-color: #47B300; }

.teal {
  background-color: #0093D4; }

.blue {
  background-color: #003FFF; }

.violet {
  background-color: #4500AB; }

.purple {
  background-color: #9300B6; }

.magenta {
  background-color: #B6004A; }

.lightgrey {
  background-color: #F5F5F5; }

/* Test Space Contents */
.test-content {
  display: block;
  /* Modifier .test-content__fill-space */
  /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Modifier .test-content__scroll-vertical */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Modifier .test-content__scroll-horizontal */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */ }
  .test-content--fill-space {
    width: 100%;
    height: 100%;
    /* Pullin the actual content */ }
  .test-content__scroll-vertical {
    width: 100%;
    height: 1000px;
    /* Pullin the actual content */ }
  .test-content__scroll-horizontal {
    width: 100%;
    height: 1000px;
    /* Pullin the actual content */ }

/*========================================================
// BREAKPOINT SCREEN TEST
=========================================================*/
/* SMART PHONE NARROW / PORTRAIT - DEFAULT MOBILE FIRST UI */
.screen-test {
  display: inline-block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999; }

.screen-test:after {
  display: inline-block;
  content: "SMART-PHONE-NARROW";
  font-size: 10px;
  color: white;
  font-weight: 300;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 3px 12px;
  /* Prevent from displaying. */ }

/* SMART PHONE LANDSCAPE / WIDE */
@media (min-width: 550px) {
  .screen-test:after {
    content: "SMART-PHONE-WIDE"; } }

/* TABLET VIEW - NARROW / PORTRAIT */
@media (min-width: 650px) {
  .screen-test:after {
    content: "TABLET-NARROW"; } }

/* TABLET VIEW - LANDSAPE / WIDE */
@media (min-width: 900px) {
  .screen-test:after {
    content: "TABLET-WIDE"; } }

/* DESKTOP VIEW */
@media (min-width: 1100px) {
  .screen-test:after {
    content: "DESKTOP"; } }

/* DESKTOP VIEW - WIDE */
@media (min-width: 1500px) {
  .screen-test:after {
    content: "WIDE SCREEN"; } }

/* DESKTOP VIEW - TOO HUGE */
@media (min-width: 2000px) {
  .screen-test:after {
    content: "OMG_THATS_SO_HUGE"; } }

/* ==========================================================================
Icon Styles
========================================================================== */
.rdc-icons {
  /* font-family: 'RDC Icons'; */
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  width: 22px;
  height: 22px;
  /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */ }
  .rdc-icons--ico-tick-white {
    background-image: url("/rdc-ui-adn-theme-scforms/assets/svg/ico-tick-white.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
    /* Pullin the actual content */ }

/* ==========================================================================
RDC GLYPH ICON
========================================================================== */
.rdc-glyphicon {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  font-size: 20px; }
  .rdc-glyphicon::before {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    transition: color 0.3s ease; }

.icon-hamburger:before {
  content: "\e900"; }

.icon-clock-2:before {
  content: "\e91a"; }

.icon-achievement:before {
  content: "\e904"; }

.icon-logout:before {
  content: "\e909"; }

.icon-cart:before {
  content: "\e90a"; }

.icon-add:before {
  content: "\e90b"; }

.icon-address-book:before {
  content: "\e90d"; }

.icon-application:before {
  content: "\e90f"; }

.icon-flag:before {
  content: "\e910"; }

.icon-approved:before {
  content: "\e911"; }

.icon-arrow-down:before {
  content: "\e913"; }

.icon-arrow-left:before {
  content: "\e915"; }

.icon-arrow-right:before {
  content: "\e916"; }

.icon-arrow-up:before {
  content: "\e917"; }

.icon-atm-service:before {
  content: "\e918"; }

.icon-renewal:before {
  content: "\e919"; }

.icon-baby:before {
  content: "\e91b"; }

.icon-bahrain:before {
  content: "\e91c"; }

.icon-bangladesh:before {
  content: "\e91e"; }

.icon-bank:before {
  content: "\e91f"; }

.icon-botswana:before {
  content: "\e920"; }

.icon-brunei:before {
  content: "\e921"; }

.icon-business:before {
  content: "\e922"; }

.icon-calculator:before {
  content: "\e923"; }

.icon-calendar:before {
  content: "\e924"; }

.icon-phone:before {
  content: "\e925"; }

.icon-camera-1:before {
  content: "\e926"; }

.icon-camera-2:before {
  content: "\e927"; }

.icon-cancel:before {
  content: "\e928"; }

.icon-car:before {
  content: "\e929"; }

.icon-card-approve:before {
  content: "\e92a"; }

.icon-card-1:before {
  content: "\e92b"; }

.icon-card-3:before {
  content: "\e92c"; }

.icon-chain-link:before {
  content: "\e92d"; }

.icon-cheque-book:before {
  content: "\e92e"; }

.icon-chevron-down:before {
  content: "\e92f"; }

.icon-chevron-left:before {
  content: "\e930"; }

.icon-chevron-right:before {
  content: "\e931"; }

.icon-chevron-up:before {
  content: "\e932"; }

.icon-china:before {
  content: "\e933"; }

.icon-city:before {
  content: "\e934"; }

.icon-clipboard:before {
  content: "\e935"; }

.icon-display:before {
  content: "\e936"; }

.icon-conversation-1:before {
  content: "\e937"; }

.icon-conversation-2:before {
  content: "\e938"; }

.icon-current-account:before {
  content: "\e939"; }

.icon-customisation:before {
  content: "\e93a"; }

.icon-download-2:before {
  content: "\e93b"; }

.icon-chat:before {
  content: "\e93c"; }

.icon-dollars:before {
  content: "\e93d"; }

.icon-download-3:before {
  content: "\e93e"; }

.icon-download-print:before {
  content: "\e93f"; }

.icon-download-cloud:before {
  content: "\e940"; }

.icon-ease-of-application:before {
  content: "\e941"; }

.icon-edit:before {
  content: "\e942"; }

.icon-email:before {
  content: "\e943"; }

.icon-enter:before {
  content: "\e944"; }

.icon-alert:before {
  content: "\e945"; }

.icon-eyeball:before {
  content: "\e946"; }

.icon-clock-3:before {
  content: "\e947"; }

.icon-favourite:before {
  content: "\e948"; }

.icon-user-1:before {
  content: "\e949"; }

.icon-filter:before {
  content: "\e94a"; }

.icon-flag-pin:before {
  content: "\e94b"; }

.icon-folder-approve:before {
  content: "\e94c"; }

.icon-folder-cancel:before {
  content: "\e94d"; }

.icon-folder:before {
  content: "\e94e"; }

.icon-faq:before {
  content: "\e94f"; }

.icon-library:before {
  content: "\e950"; }

.icon-fund-transfer:before {
  content: "\e951"; }

.icon-generic-tag:before {
  content: "\e952"; }

.icon-user-2:before {
  content: "\e953"; }

.icon-user-3:before {
  content: "\e954"; }

.icon-user-4:before {
  content: "\e955"; }

.icon-ghana:before {
  content: "\e956"; }

.icon-global-currency:before {
  content: "\e957"; }

.icon-global-transfer:before {
  content: "\e958"; }

.icon-graph-chart:before {
  content: "\e959"; }

.icon-grow:before {
  content: "\e95a"; }

.icon-help:before {
  content: "\e95b"; }

.icon-home:before {
  content: "\e95c"; }

.icon-home-2:before {
  content: "\e95d"; }

.icon-hongkong:before {
  content: "\e95e"; }

.icon-download-1:before {
  content: "\e95f"; }

.icon-upload-1:before {
  content: "\e960"; }

.icon-id-card:before {
  content: "\e962"; }

.icon-image-file:before {
  content: "\e963"; }

.icon-india:before {
  content: "\e964"; }

.icon-indonesia:before {
  content: "\e965"; }

.icon-inflation:before {
  content: "\e966"; }

.icon-information:before {
  content: "\e967"; }

.icon-investments-up:before {
  content: "\e968"; }

.icon-invoice:before {
  content: "\e969"; }

.icon-jersey:before {
  content: "\e96a"; }

.icon-kenya:before {
  content: "\e96b"; }

.icon-layers:before {
  content: "\e96c"; }

.icon-list:before {
  content: "\e96d"; }

.icon-location-1:before {
  content: "\e96e"; }

.icon-location-2:before {
  content: "\e96f"; }

.icon-malaysia:before {
  content: "\e970"; }

.icon-user-5:before {
  content: "\e971"; }

.icon-map:before {
  content: "\e972"; }

.icon-card-2:before {
  content: "\e973"; }

.icon-meal:before {
  content: "\e974"; }

.icon-mobile:before {
  content: "\e975"; }

.icon-chinese:before {
  content: "\e976"; }

.icon-money:before {
  content: "\e977"; }

.icon-nepal:before {
  content: "\e978"; }

.icon-globe:before {
  content: "\e979"; }

.icon-new-document:before {
  content: "\e97a"; }

.icon-news:before {
  content: "\e97b"; }

.icon-nigeria:before {
  content: "\e97c"; }

.icon-note:before {
  content: "\e97d"; }

.icon-office:before {
  content: "\e97e"; }

.icon-rewards:before {
  content: "\e97f"; }

.icon-cash:before {
  content: "\e980"; }

.icon-overdraft-1:before {
  content: "\e981"; }

.icon-overdraft-2:before {
  content: "\e982"; }

.icon-attachment:before {
  content: "\e983"; }

.icon-paperless:before {
  content: "\e984"; }

.icon-paperplane:before {
  content: "\e985"; }

.icon-percentage:before {
  content: "\e986"; }

.icon-personalisation-1:before {
  content: "\e987"; }

.icon-personalisation-2:before {
  content: "\e988"; }

.icon-security-1:before {
  content: "\e989"; }

.icon-mail-1:before {
  content: "\e98a"; }

.icon-mail-2:before {
  content: "\e98b"; }

.icon-gift:before {
  content: "\e98c"; }

.icon-print:before {
  content: "\e98d"; }

.icon-lock-1:before {
  content: "\e98e"; }

.icon-add-1:before {
  content: "\e98f"; }

.icon-save:before {
  content: "\e992"; }

.icon-savings:before {
  content: "\e993"; }

.icon-search:before {
  content: "\e994"; }

.icon-lock-2:before {
  content: "\e995"; }

.icon-lock-3:before {
  content: "\e996"; }

.icon-lock-4:before {
  content: "\e997"; }

.icon-security-2:before {
  content: "\e998"; }

.icon-key:before {
  content: "\e999"; }

.icon-lock-5:before {
  content: "\e99a"; }

.icon-settings:before {
  content: "\e99b"; }

.icon-share:before {
  content: "\e99c"; }

.icon-bag:before {
  content: "\e99d"; }

.icon-singapore:before {
  content: "\e99e"; }

.icon-skyscraper:before {
  content: "\e99f"; }

.icon-solutions:before {
  content: "\e9a0"; }

.icon-southkorea:before {
  content: "\e9a1"; }

.icon-diamond:before {
  content: "\e9a2"; }

.icon-star-1:before {
  content: "\e9a3"; }

.icon-star-2:before {
  content: "\e9a4"; }

.icon-srilanka:before {
  content: "\e9a5"; }

.icon-success-1:before {
  content: "\e9a6"; }

.icon-success-2:before {
  content: "\e9a7"; }

.icon-success-3:before {
  content: "\e9a8"; }

.icon-recycle:before {
  content: "\e9a9"; }

.icon-taiwan:before {
  content: "\e9aa"; }

.icon-tanzania:before {
  content: "\e9ab"; }

.icon-thailand:before {
  content: "\e9ac"; }

.icon-up-down:before {
  content: "\e9ae"; }

.icon-trash:before {
  content: "\e9af"; }

.icon-travel:before {
  content: "\e9b0"; }

.icon-uganda:before {
  content: "\e9b1"; }

.icon-uk:before {
  content: "\e9b2"; }

.icon-umbrella:before {
  content: "\e9b3"; }

.icon-united-arab-emirates:before {
  content: "\e9b4"; }

.icon-upload:before {
  content: "\e9b5"; }

.icon-upload-cloud:before {
  content: "\e9b6"; }

.icon-usa:before {
  content: "\e9b7"; }

.icon-video:before {
  content: "\e9b8"; }

.icon-vietnam:before {
  content: "\e9b9"; }

.icon-clock-4:before {
  content: "\e9ba"; }

.icon-sand-clock:before {
  content: "\e9bb"; }

.icon-clock-1:before {
  content: "\e9bc"; }

.icon-wallet:before {
  content: "\e9bd"; }

.icon-wifi:before {
  content: "\e9be"; }

.icon-zambia:before {
  content: "\e9bf"; }

.icon-zimbabwe:before {
  content: "\e9c0"; }

.icon-filled-arrow-right:before {
  content: "\e9c1"; }

.icon-menu:before {
  content: "\e9c2"; }

.icon-cross-thick:before {
  content: "\e901"; }

.icon-down-arrow:before {
  content: "\e902"; }

.icon-cross-thin:before {
  content: "\e903"; }

.icon-female:before {
  content: "\e905"; }

.icon-four-profile:before {
  content: "\e906"; }

.icon-tick:before {
  content: "\e907"; }

.icon-cross-normal:before {
  content: "\e90c"; }

.icon-three-profile:before {
  content: "\e90e"; }

.icon-two-profile:before {
  content: "\e912"; }

.icon-warning:before {
  content: "\e914"; }

.icon-finger-print:before {
  content: "\e908"; }

/* ==========================================================================
RDC SVG ICON
========================================================================== */
.rdc-svgicon {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px; }

.sc-logo-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/images/logo/scb-logo-white.png) no-repeat;
  background-size: contain; }

.icon-balance-home {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/balance_home_icon.svg) no-repeat;
  background-size: 100% 100%; }

.icon-budget-home {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/budget_home_icon.svg) no-repeat;
  background-size: 100% 100%; }

.icon-location-home {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/location_home_icon.svg) no-repeat;
  background-size: 100% 100%; }

.bg-circle-zigzag {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/bg-circle-zigzag.svg) no-repeat;
  background-size: 100% 100%; }

.bg-circle-zigzag-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/bg-circle-zigzag-grey.svg) no-repeat;
  background-size: 100% 100%; }

/* This Icon required to converted as font Icons */
.icon-logo {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-logo.svg) no-repeat;
  background-size: 100% 100%; }

.icon-down-chevron-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-down-chevron-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-down-chevron-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-down-chevron-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-balance {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-balance.svg) no-repeat;
  background-size: 100% 100%; }

.icon-fingerprint-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-fingerprint-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-fingerprint-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-fingerprint-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-wallet-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-wallet-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-dollars-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-dollars-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-tick-thin-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-tick-thin-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-key-back {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-key-back.svg) no-repeat;
  background-size: 100% 100%; }

.icon-system-maintenance-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-system-maintenance-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-calendar-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-calendar.svg) no-repeat;
  background-size: 100% 100%; }

.icon-checkmark-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-checkmark-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-user-profile-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-user-profile-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-x-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-x-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-circle-plus-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-circle-plus-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-trash-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-trash-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-video-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-video-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-video-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-video-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-auto-otp-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-auto-otp-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-pay-now-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-pay-now-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-person-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-person-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-soft-token-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-soft-token-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-track-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-track-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-resume-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-resume-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-tick-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-tick-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-card-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-card-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-phone-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-phone-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-add-dark {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-add-dark.svg) no-repeat;
  background-size: 100% 100%; }

.icon-folder-grey {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-folder-grey.svg) no-repeat;
  background-size: 100% 100%; }

.icon-multiple-currencies-green {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-multiple-currencies-green.svg) no-repeat;
  background-size: 100% 100%; }

.icon-globe-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-globe-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-security-white {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-security-white.svg) no-repeat;
  background-size: 100% 100%; }

.icon-info-blue {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-info-blue.svg) no-repeat;
  background-size: 100% 100%; }

.icon-lock-mini {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-lock-mini.svg) no-repeat;
  background-size: 100% 100%; }

/* Settings Icons */
.icon-menu-logout {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-menu-logout.svg) no-repeat;
  background-size: 100% 100%; }

.icon-menu-settings {
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-menu-settings.svg) no-repeat;
  background-size: 100% 100%; }

/* RDC UI REUSABLE LAYOUT STYLES */
/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "SC Sans Web", sans-serif;
  font-weight: 300;
  color: #0091ea;
  padding: 0;
  margin: 0;
  margin-bottom: 15px; }

h4, h5, h6 {
  font-weight: 400; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 22px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 18px; }

/* Paragraph */
p {
  font-family: "SC Sans Web", sans-serif;
  font-size: 14px;
  font-size: 1rem;
  font-weight: 400;
  color: #2b2929;
  letter-spacing: 0.2px; }

/* ==========================================================================
RDC View Style Snippets
========================================================================== */
.rdc-pane {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden !important; }

/* Used avoid focus during scroll */
.no-pointer {
  pointer-events: none; }

/* RDC View Main Content Wrapper */
.rdc-view-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 100vh;
  /* Old: 100%, Liquif fire require 100vh */
  min-height: 100vh;
  /* Old: 100%, Liquif fire require 100vh */
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  /* Force Enable Scroll When Keybpard Open */
  /* RDC View Scroll Content Wrapper */
  /* Start: Fixes for iOS Elasic Scroll Black Background */
  /* End: Fixes for iOS Elasic Scroll Black Background */ }
  .rdc-view-wrapper---bg-dark {
    background: rgba(25, 25, 25, 0.9); }
  .rdc-view-wrapper.foce-scroll {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .rdc-view-wrapper .rdc-scroll-content {
    display: block;
    position: relative;
    width: 100%;
    height: calc( 100% - 50px);
    /* min-height: calc( 100% - 50px ); */
    /* Y Scrollable Content */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* Where no scroll required */ }
    .is-ios .rdc-view-wrapper .rdc-scroll-content {
      height: calc( 100% - 50px - 20px);
      /* min-height: calc( 100% - 50px - 20px ); */ }
    .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
      height: calc( 100% - (50px + 50px ));
      /* min-height: calc( 100% - (50px + 50px )); */ }
      .is-ios .rdc-view-wrapper .rdc-scroll-content.has-sub-header {
        height: calc( 100% - (50px + 50px + 20px ));
        /* min-height: calc( 100% - (50px + 50px + 20px )); */ }
    .rdc-view-wrapper .rdc-scroll-content.has-sub-header-and-tab-bar {
      height: calc( 100vh - (50px + 50px + 50px ));
      /* min-height: calc( 100vh - (50px + 50px + 50px )); */ }
      .is-ios .rdc-view-wrapper .rdc-scroll-content.has-sub-header-and-tab-bar {
        height: calc( 100vh - (50px + 50px + 50px + 20px ));
        /* min-height: calc( 100vh - (50px + 50px + 50px + 20px )); */ }
    .rdc-view-wrapper .rdc-scroll-content.has-only-sub-header {
      height: calc( 100% - 50px);
      /* min-height: calc( 100% - 50px ); */ }
      .is-ios .rdc-view-wrapper .rdc-scroll-content.has-only-sub-header {
        height: calc( 100% - (50px + 20px ));
        /* min-height: calc( 100% - (50px + 20px )); */ }
    .rdc-view-wrapper .rdc-scroll-content.no-header {
      height: 100%;
      min-height: 100%; }
    .rdc-view-wrapper .rdc-scroll-content.has-stickey-footer {
      padding-bottom: 50px; }
    .rdc-view-wrapper .rdc-scroll-content---no-scroll {
      overflow-x: hidden;
      overflow-y: hidden; }
  @media only screen and (max-width: 767px) {
    .rdc-view-wrapper .rdc-scroll-content {
      padding-top: 1px;
      /* margin-top: -1px; */ } }
  @media only screen and (min-width: 768px) {
    .rdc-view-wrapper .rdc-scroll-content {
      padding-top: 1px;
      /* margin-top: -1px; */ } }

/* Parent should be some div with full width */
.set-max-width {
  max-width: 1404px;
  margin: 0 auto; }

/* ==========================================================================
RDC View (Page) Styles
========================================================================== */
.rdc-view {
  background: #f6f6f6;
  /* #ececec */
  /* Main Content Holder */
  /* Need to remove this */
  /* Form Footer */
  /* Other Element Styles */ }
  .rdc-view___content {
    padding: 20px 10px;
    /* Filling Minimum Height based on different States */
    /* End: States */
    /* Heading Holder with popout button */ }
    .rdc-view___content.has-only-header {
      min-height: calc( 100vh - ( 50px)); }
      .is-ios .rdc-view___content.has-only-header {
        min-height: calc( 100vh - ( 50px +  20px )); }
    .rdc-view___content.has-only-footer {
      min-height: calc( 100vh - ( 45px)); }
      .is-ios .rdc-view___content.has-only-footer {
        min-height: calc( 100vh - ( 45px +  20px )); }
    .rdc-view___content.has-header-footer {
      min-height: calc( 100vh - ( 50px + 45px )); }
      .is-ios .rdc-view___content.has-header-footer {
        min-height: calc( 100vh - ( 50px + 45px + 20px )); }
    .rdc-view___content.has-sub-header-footer {
      min-height: calc( 100vh - ( 50px + 50px + 45px )); }
      .is-ios .rdc-view___content.has-sub-header-footer {
        min-height: calc( 100vh - ( 50px + 50px + 45px + 20px )); }
    .rdc-view___content.has-sub-header {
      min-height: calc( 100vh - (50px + 50px )); }
      .is-ios .rdc-view___content.has-sub-header {
        min-height: calc( 100vh - (50px + 50px )); }
    .rdc-view___content.has-sub-header-and-tab-bar {
      min-height: calc( 100vh - (50px + 50px + 50px +  20px )); }
      .is-ios .rdc-view___content.has-sub-header-and-tab-bar {
        min-height: calc( 100vh - (50px + 50px + 50px + 20px )); }
    .rdc-view___content.has-only-sub-header {
      min-height: calc( 100vh - 50px); }
      .is-ios .rdc-view___content.has-only-sub-header {
        min-height: calc( 100vh - (50px +  20px)); }
    .rdc-view___content.wide {
      padding: 30px 20px; }
    .rdc-view___content .heading-holder {
      position: relative;
      padding-right: 50px; }
      .rdc-view___content .heading-holder h1 {
        font-weight: 200;
        margin-bottom: 10px; }
      .rdc-view___content .heading-holder .rdc-elm-options-vertical {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
    .rdc-view___content h4 {
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 300;
      color: #0091ea;
      padding: 0 0 5px 0; }
  .rdc-view___section-heading {
    display: block;
    font-size: 16px;
    font-size: 1.14286rem;
    font-weight: 300;
    color: #0091ea;
    line-height: 1.25;
    margin: 20px 0 10px 0; }
  .rdc-view___body-text {
    font-size: 14px;
    font-size: 1rem;
    color: #9b9b9b;
    font-weight: 300; }
  .rdc-view___description-text {
    font-size: 14px;
    font-size: 1rem;
    color: #9b9b9b; }
  .rdc-view___section-description {
    font-size: 14px;
    font-size: 1rem;
    color: #9b9b9b; }
  .rdc-view___footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    /* Equal Width Childrens */
    /* Stickey Footer */ }
    .rdc-view___footer button,
    .rdc-view___footer .rdc-button {
      text-transform: uppercase; }
      .rdc-view___footer button:nth-child(1),
      .rdc-view___footer .rdc-button:nth-child(1) {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
      .rdc-view___footer button:nth-child(2),
      .rdc-view___footer .rdc-button:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 60%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%; }
    .rdc-view___footer---equal-child-width button:nth-child(1), .rdc-view___footer---equal-child-width button:nth-child(2) {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%; }
    .rdc-view___footer---stickey {
      position: fixed !important;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 999; }
  .rdc-view .rdc-steps-info {
    font-size: 12px;
    font-weight: 400;
    color: #8C8C8C;
    letter-spacing: 1.02px;
    text-transform: uppercase;
    margin-bottom: 15px; }

/* ==========================================================================
Responsive Style Changes ( Due to Android external  )
========================================================================== */
body.is-responsive {
  height: 100%; }
  body.is-responsive > div.ember-view,
  body.is-responsive .ember-burger-menu,
  body.is-responsive .rdc-view-wrapper {
    height: 100%; }
  body.is-responsive .liquid-container {
    height: 100%; }
    body.is-responsive .liquid-container .liquid-child {
      height: 100%; }

/* ==========================================================================
RDC Form Layout Styles
========================================================================== */
.rdc-form {
  display: block;
  margin-bottom: 0;
  /* Read Only Item Summary Item View */
  /* Show / Hide Components */ }
  .rdc-form___sub-heading {
    display: block;
    font-size: 16px;
    font-size: 1.14286rem;
    font-weight: 300;
    color: #0091ea;
    line-height: 1.25;
    padding: 10px 0 5px 0; }
  .rdc-form___section-heading {
    display: block;
    font-size: 16px;
    font-size: 1.14286rem;
    font-weight: 300;
    color: #0091ea;
    line-height: 1.25;
    margin: 20px 0 10px 0; }
  .rdc-form___section-description {
    font-size: 14px;
    font-size: 1rem;
    color: #9b9b9b; }
  .rdc-form___fieldset {
    background: transparent;
    border: none;
    margin-bottom: 0;
    padding: 0;
    /* Reand Only Group OR Group Summary View */ }
    .rdc-form___fieldset .rdc-component-base .rdc-component-base,
    .rdc-form___fieldset .rdc-group-component-base .rdc-component-base {
      border-bottom: none; }
    .rdc-form___fieldset .rdc-component-base {
      margin-top: 4px;
      /* Under Edit View Review Components */ }
      .rdc-form___fieldset .rdc-component-base.is-reviewmode {
        margin-top: 0px; }
      .rdc-form___fieldset .rdc-component-base:last-child {
        border-bottom: none; }
    .rdc-form___fieldset---read-only {
      background: white;
      border: solid 1px rgba(116, 116, 116, 0.25);
      border-radius: 5px; }
      .rdc-form___fieldset---read-only .rdc-component-base {
        padding: 15px 10px;
        border-bottom: solid 1px rgba(116, 116, 116, 0.25); }
        .rdc-form___fieldset---read-only .rdc-component-base:last-child {
          border-bottom: none; }
  .rdc-form___read-only-item {
    background: white;
    border: solid 1px rgba(116, 116, 116, 0.25);
    border-radius: 5px;
    margin-bottom: 15px;
    /* Read Only Component & Summary Snippet */ }
    .rdc-form___read-only-item .summary-wrapper,
    .rdc-form___read-only-item .rdc-component-base {
      padding: 15px 10px;
      border-bottom: solid 1px rgba(116, 116, 116, 0.25); }
      .rdc-form___read-only-item .summary-wrapper:last-child,
      .rdc-form___read-only-item .rdc-component-base:last-child {
        border-bottom: none; }
  .rdc-form___label {
    font-size: 12px;
    font-size: 0.85714rem;
    font-weight: 400;
    color: #9b9b9b;
    padding: 10px 0; }
  .rdc-form___group-component-label {
    font-size: 12px;
    font-weight: 400;
    color: #9E9E9E;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0; }
  .rdc-form___hidden-group-component {
    display: none;
    /* by defauly should be display: none */ }
    .rdc-form___hidden-group-component.visible {
      display: block; }
  .rdc-form .row {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0; }

/* ==========================================================================
RDC FERE Layout Styles
========================================================================== */
/* profile-update.hbs */
.rdc-fere-content,
.rdc-fere-main-content {
  position: relative;
  overflow: hidden; }

.rdc-fere-content {
  height: calc(100% - 50px);
  min-height: calc(100% - 50px); }

.rdc-fere-main-content {
  height: 100%;
  min-height: 100%; }
  .rdc-fere-main-content .rdc-scroll-content.has-sub-header {
    height: calc( 100% - 50px - 45px);
    min-height: calc( 100% - 50px - 45px); }

.rdc-fere {
  /* Fere Header Section */
  /* Status Panel */
  /* Fere Content */
  /* Fere Section Wrapper */
  /* Disabled Section */ }
  .rdc-fere___header-wrapper {
    padding: 20px 10px 0px 10px; }
    .rdc-fere___header-wrapper .title {
      font-size: 20px;
      font-size: 1.42857rem;
      font-weight: 400;
      color: #0091ea;
      padding: 0;
      margin: 0 0 10px 0; }
    .rdc-fere___header-wrapper .rdc-alert {
      margin-bottom: 15px; }
  .rdc-fere .rdc-alert___label {
    font-size: 13px;
    font-size: 0.92857rem;
    margin: 10px 12px 10px 12px; }
  .rdc-fere .rdc-status-panel {
    margin: 20px 10px 25px 10px; }
  .rdc-fere .rdc-fere-section-group {
    padding: 5px 5px 35px 5px;
    /* Fere Content No-border*/ }
    .rdc-fere .rdc-fere-section-group.no-styles {
      padding: 0px 10px; }
      .rdc-fere .rdc-fere-section-group.no-styles .rdc-fere-section {
        margin: 0px !important; }
        .rdc-fere .rdc-fere-section-group.no-styles .rdc-fere-section .rdc-fere-section___container {
          padding: 0px;
          border: 0px;
          background-color: transparent; }
          .rdc-fere .rdc-fere-section-group.no-styles .rdc-fere-section .rdc-fere-section___container .rdc-fere-section___fieldset.is-reviewmode {
            background: transparent;
            border: none;
            margin: 0; }
            .rdc-fere .rdc-fere-section-group.no-styles .rdc-fere-section .rdc-fere-section___container .rdc-fere-section___fieldset.is-reviewmode .fere-field {
              padding: 0;
              border-bottom: none; }
  .rdc-fere .rdc-fere-section {
    margin-bottom: 20px;
    /* While showing RESET button need to specify 35px */
    /* Title */
    /* Section Container */
    /* FieldSet - rdc-fere-section___fieldset */ }
    .rdc-fere .rdc-fere-section___title {
      display: block;
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 300;
      color: #0091ea;
      margin: 0 0 10px 0;
      padding: 0 0 0 5px;
      line-height: 1.2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .rdc-fere .rdc-fere-section___title span {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -moz-box-flex: 1;
        -moz-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0; }
      .rdc-fere .rdc-fere-section___title .btn-reset {
        min-height: 0;
        min-width: 0;
        font-size: 12px;
        font-size: 0.85714rem;
        padding: 4px 8px 3px 8px;
        border-radius: 3px; }
      .rdc-fere-section:first-child .rdc-fere .rdc-fere-section___title {
        margin-top: 0; }
    .rdc-fere .rdc-fere-section:first-child .rdc-fere-section___title {
      margin-top: 0; }
    .rdc-fere .rdc-fere-section:last-child {
      margin-bottom: 0; }
    .rdc-fere .rdc-fere-section___fieldset {
      position: relative;
      /* Case: With Notification Alert */
      /* Removing Component Bottom margin from last child */
      /* If It's a REVIEW MODE */ }
      .rdc-fere .rdc-fere-section___fieldset .fere-field {
        padding: 0 5px; }
      .rdc-fere .rdc-fere-section___fieldset .rdc-alert {
        margin-bottom: 15px; }
      .rdc-fere .rdc-fere-section___fieldset > *:last-child .rdc-component-base {
        margin-bottom: 0; }
      .rdc-fere .rdc-fere-section___fieldset.is-reviewmode {
        background-color: white;
        border-radius: 5px;
        border: solid 1px rgba(172, 172, 172, 0.5);
        margin: 0 5px; }
        .rdc-fere .rdc-fere-section___fieldset.is-reviewmode .fere-field {
          padding: 12px;
          width: 100%;
          border-bottom: solid 1px #e8e8e8; }
          .rdc-fere .rdc-fere-section___fieldset.is-reviewmode .fere-field:last-child {
            border-bottom: none; }
      .rdc-fere .rdc-fere-section___fieldset.is-receipt-page {
        border: none; }
  .rdc-fere .fere-section-container---disabled {
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    padding: 10px 6px 0px 6px;
    margin: 0 5px;
    /* Fere Field */ }
    .rdc-fere .fere-section-container---disabled .fere-field {
      padding: 12px;
      border-bottom: solid 1px #e8e8e8; }
      .rdc-fere .fere-section-container---disabled .fere-field:last-child {
        border-bottom: none; }

/* State: Has Scroll to Top button in the View */
.has-scroll-to-top-btn .rdc-fere-section-group {
  padding-bottom: 75px; }

/* ==========================================================================
RDC FERE Component Layout Styles
========================================================================== */
/* Jump to Section Drop Down */
.jump-to-section-select-trigger,
.jump-to-section-select-trigger.ember-power-select-trigger--active,
.jump-to-section-select-trigger.ember-power-select-trigger:focus {
  min-height: 3.5rem;
  line-height: 3.5rem;
  border-top: none;
  border-bottom: 1px solid gainsboro;
  border-right: none;
  border-left: none;
  border-radius: 0;
  /* Arrow Icon */ }
  .jump-to-section-select-trigger .ember-power-select-selected-item,
  .jump-to-section-select-trigger .ember-power-select-placeholder,
  .jump-to-section-select-trigger.ember-power-select-trigger--active .ember-power-select-selected-item,
  .jump-to-section-select-trigger.ember-power-select-trigger--active .ember-power-select-placeholder,
  .jump-to-section-select-trigger.ember-power-select-trigger:focus .ember-power-select-selected-item,
  .jump-to-section-select-trigger.ember-power-select-trigger:focus .ember-power-select-placeholder {
    margin-left: 10px;
    color: #777; }
  .jump-to-section-select-trigger .ember-power-select-status-icon,
  .jump-to-section-select-trigger.ember-power-select-trigger--active .ember-power-select-status-icon,
  .jump-to-section-select-trigger.ember-power-select-trigger:focus .ember-power-select-status-icon {
    right: 15px; }

.jump-to-section-dropdown,
.jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-bottom: solid 1px gainsboro;
  border-left: none;
  border-right: none;
  line-height: 3;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }
  .jump-to-section-dropdown .ember-power-select-options,
  .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below .ember-power-select-options,
  .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place .ember-power-select-options {
    max-height: 16em; }
    .jump-to-section-dropdown .ember-power-select-options .ember-power-select-option,
    .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below .ember-power-select-options .ember-power-select-option,
    .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place .ember-power-select-options .ember-power-select-option {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-bottom: solid 1px #ccc; }
      .jump-to-section-dropdown .ember-power-select-options .ember-power-select-option[aria-current="true"],
      .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below .ember-power-select-options .ember-power-select-option[aria-current="true"],
      .jump-to-section-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place .ember-power-select-options .ember-power-select-option[aria-current="true"] {
        background-color: rgba(0, 0, 0, 0.05);
        color: #777; }

/* RDC COMPONENT STYLES */
/* ==========================================================================
COLORS
========================================================================== */
/*/ ----------------------------------------------------------------- DISTANCES */
/*/ ----------------------------------------------------------------- ANIMATION */
/*
* Only Inside Components Reusable Mixins
-----------------------------------------------*/
/**
 * Required/Optional field's asterisk. Used in Text & Select Components.
 */
/**
 * Component Inner Shadow
 */
/* ==========================================================================
RDC Form Layout Styles
========================================================================== */
/* Input Appearance */
input, select, textarea {
  -webkit-appearance: none; }

input, textarea {
  padding: 0;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important; }

/* Variables */
/* ==========================================================================
RDC Form Component Base Styles
========================================================================== */
.rdc-component-base {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  /* State: Is Mandatory */
  /* Has Error */
  /* Is Review Mode */
  /*
    Wrapper Only for TextInput / Textarea Components:

    By default textinput won't take property like position: absolute, left, right properties.
    Due to the same we are wrapping with a wrapper, and it will help us to animate using
    positions.
     */
  /* If label position left */
  /* Clear Floats */ }
  .rdc-component-base:not(.is-reviewmode) {
    margin-bottom: 15px; }
  .rdc-component-base .label-holder,
  .rdc-component-base .component-holder {
    float: left;
    width: 100%;
    position: relative; }
  .rdc-component-base .label-holder label {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #9b9b9b;
    font-weight: 300;
    text-transform: none;
    /* $rdc-form-label-text-transform; */
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .rdc-component-base .label-holder label::first-letter {
      text-transform: uppercase; }
  .rdc-component-base .component-holder {
    height: 44px;
    /* Floating Error Label */ }
    .rdc-component-base .component-holder .component-wrapper {
      display: block;
      position: relative;
      height: 44px; }
    .rdc-component-base .component-holder .float-error-label {
      display: none; }
  .rdc-component-base.is-mandatory:not(.is-reviewmode) .label-holder label {
    position: relative;
    padding-right: 12px; }
    .rdc-component-base.is-mandatory:not(.is-reviewmode) .label-holder label:after {
      content: '*';
      font-size: 20px;
      font-size: 1.42857rem;
      color: #d0021b;
      position: absolute;
      display: inline-block;
      right: 0;
      top: 2px; }
  .rdc-component-base.has-error .float-error-label {
    display: block;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #d0021b;
    font-weight: 300;
    line-height: 14px;
    margin-top: 8px; }
  .rdc-component-base.is-reviewmode {
    height: auto; }
    .rdc-component-base.is-reviewmode .label-holder,
    .rdc-component-base.is-reviewmode .component-wrapper {
      float: none;
      height: auto;
      border: none;
      /* Resetting Label Styles */ }
      .rdc-component-base.is-reviewmode .label-holder label,
      .rdc-component-base.is-reviewmode .component-wrapper label {
        position: relative;
        left: initial;
        right: initial;
        top: initial;
        bottom: initial;
        margin: 0;
        padding: 0;
        transform: none; }
    .rdc-component-base.is-reviewmode .component-wrapper label {
      display: block;
      font-family: "SC Sans Web", sans-serif;
      font-size: 14px;
      color: #2f2f2f;
      font-weight: 400;
      line-height: 20px; }
  .rdc-component-base .textinput-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .rdc-component-base .textinput-wrapper input {
      font-family: "SC Sans Web", sans-serif;
      font-size: 15px;
      font-weight: 400;
      outline: 0;
      width: 100%;
      height: 100%;
      padding: 0 15px; }
      .rdc-component-base .textinput-wrapper input::-webkit-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-component-base .textinput-wrapper input::-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-component-base .textinput-wrapper input:-ms-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-component-base .textinput-wrapper input:-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
  .rdc-component-base.label-left .label-holder,
  .rdc-component-base.label-left .component-holder {
    height: 44px; }
  .rdc-component-base.label-left .label-holder {
    width: 35%; }
    .rdc-component-base.label-left .label-holder label {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
  .rdc-component-base.label-left .component-holder {
    width: 65%; }

/* ==========================================================================
Global Component Overrides
========================================================================== */
.rdc-text-input .component-holder,
.rdc-radio-button-group .component-holder,
.rdc-checkbox-group .component-holder,
.rdc-form-selectbox .component-holder {
  height: auto; }

.rdc-text-input:not(.is-reviewmode),
.rdc-radio-button-group:not(.is-reviewmode),
.rdc-checkbox-group:not(.is-reviewmode),
.rdc-form-selectbox:not(.is-reviewmode) {
  margin-bottom: 15px; }

.rdc-radio-button-group .component-holder .component-wrapper,
.rdc-checkbox-group .component-holder .component-wrapper {
  height: auto; }

/* ==========================================================================
RDC Form Summary Styles
========================================================================== */
.rdc-summary-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid rgba(116, 116, 116, 0.25);
  /* Clear Floats */ }
  .rdc-summary-field .label-holder,
  .rdc-summary-field .value-holder {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .rdc-summary-field .label-holder label, .rdc-summary-field .label-holder a,
    .rdc-summary-field .value-holder label,
    .rdc-summary-field .value-holder a {
      display: block; }
  .rdc-summary-field .label-holder {
    flex: 0 0 35%; }
    .rdc-summary-field .label-holder label {
      font-size: 12px;
      color: #9b9b9b;
      font-weight: 300;
      text-transform: uppercase;
      line-height: 16px; }
  .rdc-summary-field .value-holder {
    flex: 0 0 65%;
    padding-left: 15px;
    /* Group Action */ }
    .rdc-summary-field .value-holder label, .rdc-summary-field .value-holder a {
      font-family: "SC Sans Web", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; }
    .rdc-summary-field .value-holder a {
      display: block;
      position: relative;
      color: #0091ea;
      margin-right: 15px;
      text-decoration: none; }
      .rdc-summary-field .value-holder a::after {
        content: ' ';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: -10px;
        margin-right: -30px;
        margin-bottom: -10px;
        margin-left: -5px;
        background-color: rgba(255, 0, 0, 0); }
    .rdc-summary-field .value-holder.action-group .action-link::after {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin-top: -10px;
      margin-right: -15px;
      margin-bottom: -10px;
      margin-left: -15px;
      background-color: rgba(255, 0, 0, 0); }
    .rdc-summary-field .value-holder.action-group .seperator {
      color: #787878;
      margin: 0 5px; }
    .rdc-summary-field .value-holder.action-group .action-icon {
      margin-left: 15px; }
      .rdc-summary-field .value-holder.action-group .action-icon::after {
        content: ' ';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: -10px;
        margin-right: -15px;
        margin-bottom: -10px;
        margin-left: -15px;
        background-color: rgba(255, 0, 0, 0); }
  .rdc-summary-field:last-child {
    border-bottom: none; }

/* ==========================================================================
Flexible Row Item Styles
========================================================================== */
.flexible-container {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 44px;
  line-height: initial;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .flexible-container .flexible-item {
    display: table-cell;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    height: 100%;
    -webkit-transition: 0.3s ease width;
    -moz-transition: 0.3s ease width;
    -ms-transition: 0.3s ease width;
    transition: 0.3s ease width; }
    .flexible-container .flexible-item.flexible-item---spacer {
      width: 0px; }

/* ==========================================================================
RDC Form Date Component Styles
========================================================================== */
.rdc-label {
  font-family: "SC Sans Web", sans-serif;
  font-size: 15px;
  font-weight: 300;
  margin: 0;
  padding: 0; }

/* ==========================================================================
RDC Text Input Component Styles
========================================================================== */
/* Variables */
.rdc-text-input {
  /* If Focused */
  /* Is Disabled */
  /* Is ReadOnly */
  /* If has prefix label */
  /* With left label */ }
  .rdc-text-input .textinput-wrapper {
    /* @include transition(border $rdc-textbox-input-animation-duriation ease); */
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid rgba(116, 116, 116, 0.25);
    height: 44px; }
  .rdc-text-input.focusedcss .textinput-wrapper {
    border: 1px solid #0085d4; }
  .rdc-text-input.has-error .textinput-wrapper {
    border: 1px solid #d0021b; }
  .rdc-text-input.is-disabled .textinput-wrapper {
    border: 1px solid rgba(116, 116, 116, 0.25);
    background-color: #efefef; }
    .rdc-text-input.is-disabled .textinput-wrapper input {
      color: #a6a6a6; }
  .rdc-text-input.is-readonly .textinput-wrapper {
    background-color: rgba(0, 0, 0, 0.02); }
  .rdc-text-input .textinput-wrapper {
    display: block;
    position: relative; }
    .rdc-text-input .textinput-wrapper input {
      font-family: "SC Sans Web", sans-serif;
      font-size: 15px;
      font-weight: 400;
      width: 100%;
      height: 100%;
      padding: 0 15px;
      background: transparent; }
      .rdc-text-input .textinput-wrapper input::-webkit-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-text-input .textinput-wrapper input::-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-text-input .textinput-wrapper input:-ms-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-text-input .textinput-wrapper input:-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
  .rdc-text-input .prefix-label {
    display: none;
    font-family: "SC Sans Web", sans-serif;
    font-size: 15px;
    font-weight: 300; }
  .rdc-text-input.has-prefix .component-holder {
    height: 44px; }
  .rdc-text-input.has-prefix .prefix-label {
    display: block;
    position: relative;
    width: auto;
    height: 100%;
    float: left;
    padding-left: 15px;
    padding-top: 12px; }
    .rdc-text-input.has-prefix .prefix-label p {
      font-weight: 400;
      display: inline-block;
      margin: 0;
      padding: 0; }
  .rdc-text-input.has-prefix .textinput-wrapper {
    display: block;
    position: relative;
    width: auto;
    height: 44px;
    float: none;
    overflow: hidden; }
    .rdc-text-input.has-prefix .textinput-wrapper input {
      display: inline-block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
      .rdc-text-input.has-prefix .textinput-wrapper input::-webkit-input-placeholder {
        color: #444444; }
      .rdc-text-input.has-prefix .textinput-wrapper input::-moz-placeholder {
        color: #444444; }
      .rdc-text-input.has-prefix .textinput-wrapper input:-ms-input-placeholder {
        color: #444444; }
      .rdc-text-input.has-prefix .textinput-wrapper input:-moz-placeholder {
        color: #444444; }

/* ==========================================================================
RDC Floating Text Input (Login) Component Styles
========================================================================== */
.rdc-login-text-input {
  position: relative;
  padding: 20px 0 0 0;
  /* Floating Label */ }
  .rdc-login-text-input input {
    font-size: 14px;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    border: none;
    display: block;
    margin: 0;
    padding: 10px 12px;
    width: 100%;
    background: 0 0;
    text-align: left; }
  .rdc-login-text-input___label {
    font-size: 16px;
    font-size: 1.14286rem;
    color: rgba(255, 255, 255, 0.7);
    left: 12px;
    right: 0;
    bottom: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 18px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
    .is-focused .rdc-login-text-input___label,
    .has-content .rdc-login-text-input___label {
      font-size: 11px;
      font-size: 0.78571rem;
      top: 10px;
      visibility: visible; }

/* Chrome Auto Fill Yellow Color Fixes */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  /*  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important, 0 0 8px rgba(255, 255, 255, 0); */ }

/* ==========================================================================
RDC Text Input Component Styles
========================================================================== */
/* Variables */
.rdc-textarea {
  /* State: Lable positioned Left */
  /* If Focused */
  /* Floating Error Label */
  /* If Review Mode */ }
  .rdc-textarea .component-holder {
    height: auto;
    /* @include transition(border $rdc-textbox-input-animation-duriation ease); */
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid rgba(116, 116, 116, 0.25);
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.12);
    /* Error Message Space */
    margin-bottom: 18px; }
  .rdc-textarea.label-left .component-holder {
    height: auto; }
  .rdc-textarea:hover .component-holder, .rdc-textarea.focusedcss .component-holder {
    border: 1px solid #0085d4; }
  .rdc-textarea.has-error .component-holder {
    border: 1px solid #d0021b; }
  .rdc-textarea .textarea-wrapper {
    position: relative;
    display: block; }
    .rdc-textarea .textarea-wrapper textarea {
      font-family: "SC Sans Web", sans-serif;
      font-size: 15px;
      font-weight: 400;
      width: 100%;
      height: auto;
      resize: none;
      padding: 8px 15px;
      background: transparent; }
      .rdc-textarea .textarea-wrapper textarea::-webkit-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-textarea .textarea-wrapper textarea::-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-textarea .textarea-wrapper textarea:-ms-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-textarea .textarea-wrapper textarea:-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
  .rdc-textarea .float-error-label {
    display: none; }
  .rdc-textarea.has-error .float-error-label {
    display: inline-block;
    width: 100%;
    position: absolute;
    line-height: 18px;
    bottom: -18px;
    font-size: 11px;
    color: #d0021b;
    font-weight: 400; }
  .rdc-textarea.is-reviewmode {
    height: auto; }
    .rdc-textarea.is-reviewmode .label-holder,
    .rdc-textarea.is-reviewmode .component-holder {
      height: auto;
      border: none;
      /* Resetting Label Styles */ }
      .rdc-textarea.is-reviewmode .label-holder label,
      .rdc-textarea.is-reviewmode .component-holder label {
        position: relative;
        left: initial;
        right: initial;
        top: initial;
        bottom: initial;
        margin: 0;
        padding: 0;
        transform: none; }
    .rdc-textarea.is-reviewmode .component-holder {
      margin-bottom: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background-color: transparent;
      border: none; }
      .rdc-textarea.is-reviewmode .component-holder label {
        display: block;
        font-family: "SC Sans Web", sans-serif;
        font-size: 14px;
        color: #2f2f2f;
        font-weight: 400;
        line-height: 20px; }

/* Variables */
/* 48 */
/* ==========================================================================
Registration / Login Passcode Component Styles
========================================================================== */
/* Reset Default RDC Text Input */
.rdc-passcode .rdc-text-input:hover .component-holder, .rdc-passcode .rdc-text-input.focusedcss .component-holder {
  border: none; }

.rdc-passcode .rdc-text-input .component-holder {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  border: none; }
  .rdc-passcode .rdc-text-input .component-holder .textinput-wrapper input {
    width: 100%;
    height: 100%;
    padding: 0;
    left: 0; }

/* Registration Passcode Styles */
.rdc-passcode {
  display: inline-block;
  position: relative;
  width: auto;
  height: 44px;
  overflow: visible;
  /* Applying padding when title is exist */
  /* Focused Styles */
  /* Disabled Styles */
  /* Clear Floats */
  /* Modifier: ..rdc-passcode---login  */ }
  .rdc-passcode .rdc-text-input,
  .rdc-passcode .rdc-text-input input {
    display: inline-block;
    width: 100px;
    height: 100% !important;
    font-size: 38px !important;
    text-align: center !important;
    border: none; }
    .rdc-passcode .rdc-text-input:focus,
    .rdc-passcode .rdc-text-input input:focus {
      outline: none;
      /* -webkit-focus-ring-color auto 2px; */ }
  .rdc-passcode .rdc-text-input {
    position: relative;
    float: left;
    border-bottom: 1px solid rgba(116, 116, 116, 0.25); }
    .rdc-passcode .rdc-text-input::before, .rdc-passcode .rdc-text-input:last-child::after {
      content: " ";
      position: absolute;
      width: 1px;
      height: 20%;
      left: 0;
      bottom: 0;
      background: rgba(116, 116, 116, 0.25);
      z-index: 1; }
    .rdc-passcode .rdc-text-input:last-child::after {
      left: initial;
      right: 0;
      z-index: 1; }
  .rdc-passcode .floatlabel {
    position: absolute;
    display: block;
    top: 0px;
    font-family: "SC Sans Web", sans-serif;
    color: #0085d4;
    font-size: 13px;
    font-weight: 400;
    -webkit-transition: 150ms linear top, 150ms linear opacity;
    -moz-transition: 150ms linear top, 150ms linear opacity;
    -ms-transition: 150ms linear top, 150ms linear opacity;
    transition: 150ms linear top, 150ms linear opacity;
    z-index: 10; }
  .rdc-passcode .floatlabel ~ .textinput-wrapper-base .text-input {
    padding-top: 15px; }
  .rdc-passcode .rdc-text-input.focusedcss {
    border-bottom: 1px solid #0085d4; }
    .rdc-passcode .rdc-text-input.focusedcss::before, .rdc-passcode .rdc-text-input.focusedcss:last-child::after {
      background: #0085d4; }
  .rdc-passcode .rdc-text-input.focusedcss + .rdc-text-input::before {
    background: #0085d4; }
  .rdc-passcode input[disabled] {
    color: rgba(0, 0, 0, 0.3); }
  .rdc-passcode::after {
    content: " ";
    clear: both;
    display: table; }
  .rdc-passcode---full-border .rdc-text-input {
    border-top: 1px solid rgba(116, 116, 116, 0.25); }
    .rdc-passcode---full-border .rdc-text-input::before, .rdc-passcode---full-border .rdc-text-input:last-child::after {
      height: 100%; }
    .rdc-passcode---full-border .rdc-text-input:last-child::after {
      left: initial;
      right: 0; }
  .rdc-passcode---full-border .rdc-text-input.focusedcss {
    border-top: 1px solid #0085d4; }

/* ==========================================================================
Form / Registration Passcode Component Styles
========================================================================== */
/* Variables */
.rdc-single-passcode {
  border-bottom: none;
  display: inline-block;
  /* ( ( cell-width * cell-count ) + (  text-indent + cell-width + ( font-size / 2 )  ) ) */
  width: calc( calc( 68px * 6 ) + calc( 38px + 68px + calc( 48px / 2 )));
  position: relative; }
  .rdc-single-passcode .floatlabel {
    top: 0; }
  .rdc-single-passcode input {
    font-size: 48px;
    text-align: left;
    color: #000;
    border: 0 none;
    background: transparent;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    letter-spacing: 68px;
    text-indent: 38px; }
  .rdc-single-passcode .separator {
    position: absolute;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 25%;
    margin: 0;
    padding: 0;
    padding-right: 38px;
    /* Offset Child Item */
    overflow: hidden;
    bottom: 0; }
    .rdc-single-passcode .separator___line {
      display: table-cell;
      overflow: hidden;
      position: relative;
      vertical-align: top;
      height: auto;
      border-left: 1px solid rgba(116, 116, 116, 0.25);
      border-bottom: 1px solid rgba(116, 116, 116, 0.25);
      border-right: none; }
      .rdc-single-passcode .separator___line:last-child {
        border-right: 1px solid rgba(116, 116, 116, 0.25); }

.separator___line.focusedcss {
  border-left: 1px solid #0085d4;
  border-bottom: 1px solid #0085d4; }

.separator___line.focusedcss + .separator___line {
  border-left: 1px solid #0085d4; }

.separator___line:last-child.focusedcss {
  border-right: 1px solid #0085d4; }

/* ==========================================================================
OTP Passcode Styles [PreLogin, PostLogin, CDI]
========================================================================== */
/* Variables */
.rdc-passcode-otp {
  position: relative;
  border-bottom: none;
  display: inline-block;
  width: calc( calc( 48px * 6 ));
  height: 48px; }
  .rdc-passcode-otp .rdc-text-input {
    width: 48px;
    border-bottom: none;
    margin-bottom: 0;
    /* Resetting Old Values */ }
    .rdc-passcode-otp .rdc-text-input .component-holder {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      transition: none;
      background-color: transparent;
      border-radius: 0;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      margin-bottom: 0; }
      .rdc-passcode-otp .rdc-text-input .component-holder .textinput-wrapper {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
        background-color: transparent;
        border-radius: 0;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
        .rdc-passcode-otp .rdc-text-input .component-holder .textinput-wrapper input {
          font-size: 48px;
          font-size: 3.42857rem;
          text-align: center !important;
          color: #000;
          border: 0 none;
          background: transparent;
          letter-spacing: 0;
          text-indent: 0; }
    .rdc-passcode-otp .rdc-text-input::before, .rdc-passcode-otp .rdc-text-input:last-child::after {
      display: none; }
    .rdc-passcode-otp .rdc-text-input::after, .rdc-passcode-otp .rdc-text-input:last-child::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      width: 18px;
      height: 1px;
      background-color: #858585;
      margin-right: 4px;
      /* Offset */
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    .rdc-passcode-otp .rdc-text-input.focusedcss {
      border-bottom: none; }
      .rdc-passcode-otp .rdc-text-input.focusedcss::after, .rdc-passcode-otp .rdc-text-input.focusedcss:last-child::after {
        background-color: #0091ea; }

/* ==========================================================================
OTP Single Textinput Passcode Styles
========================================================================== */
.rdc-passcode-single-input {
  display: inline-block;
  position: relative;
  width: 288px;
  height: 48px; }
  .rdc-passcode-single-input .textinput-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .rdc-passcode-single-input .textinput-wrapper input {
      font-size: 42px;
      font-size: 3rem;
      text-align: left !important;
      color: #000;
      border: 0 none;
      background: transparent;
      letter-spacing: 35px;
      text-indent: 18px;
      width: calc( 288px + 18px);
      height: 100%; }
  .rdc-passcode-single-input .seperators {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center; }
    .rdc-passcode-single-input .seperators___line {
      flex: 0 0 20px;
      height: 1px;
      /* background-color: #858585; */
      border-bottom: solid 1px #858585; }

/* ==========================================================================
Default Button Component Styles
========================================================================== */
/* Variable Definitions - Default Button */
/* Variable Definitions - Primary Button - Outlined */
/* Variable Definitions - Primary Button */
/* Variable Definitions - Primary Button - Outlined */
/* Variable Definitions - Secondary Button */
/* Variable Definitions - Secondary Button - Outlined */
/* Variable Definitions - Callout Button */
/* Variable Definitions - Callout Button - Outlined */
/* Common to All Buttons */
/* Default RDC Button */
.rdc-button {
  font-family: "SC Sans Web", sans-serif;
  font-weight: 400;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  width: auto;
  min-width: 100px;
  min-height: 45px;
  padding: 5px 25px 5px 25px;
  border-radius: 0px;
  text-align: center;
  color: #000;
  background: #F1F0EA;
  border: solid 1px transparent;
  text-shadow: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  transition: all .3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.15);
  /* Default Button .rdc-button---outlined */
  /* Primary Button .rdc-button---primary */
  /* Primary Outlined Button .rdc-button---primary-outlined */
  /* Secondary Button .rdc-button---secondary */
  /* Secondary Outlined Button .rdc-button---secondary-outlined */
  /* Call out to action button .rdc-button---callout */
  /* Callout Button .rdc-button---callout-outlined */
  /* Button with Icons */ }
  .rdc-button:focus {
    outline: none; }
  @media (pointer: fine) {
    .rdc-button:hover, .rdc-button:focus {
      border: solid 1px transparent;
      background: #dddacb; } }
  .rdc-button:disabled {
    color: rgba(0, 0, 0, 0.35);
    background: #CCCCCC;
    border: solid 1px transparent;
    cursor: not-allowed; }
  .rdc-button---outlined {
    color: #000;
    background: transparent;
    border: solid 1px #dddacb;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---outlined:hover, .rdc-button---outlined:focus {
        color: #000;
        background: #dddacb;
        border: solid 1px #dddacb; } }
    .rdc-button---outlined:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button---primary {
    color: #fff;
    background: #00a546;
    border: none;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---primary:hover, .rdc-button---primary:focus {
        color: #fff;
        background: #007230;
        border: none; } }
    .rdc-button---primary:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button---primary-outlined {
    color: #00a546;
    background: transparent;
    border: solid 1px #00a546;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---primary-outlined:hover, .rdc-button---primary-outlined:focus {
        color: #fff;
        background: #007230;
        border: solid 1px #007230; } }
    .rdc-button---primary-outlined:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button---secondary {
    color: #ffffff;
    background: #2b2929;
    border: none;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---secondary:hover, .rdc-button---secondary:focus {
        color: #ffffff;
        background: #111010;
        border: none; } }
    .rdc-button---secondary:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button---secondary-outlined {
    color: #2b2929;
    background: transparent;
    border: solid 1px #2b2929; }
    @media (pointer: fine) {
      .rdc-button---secondary-outlined:hover, .rdc-button---secondary-outlined:focus {
        color: #ffffff;
        background: #111010;
        border: solid 1px #111010; } }
  .rdc-button---callout {
    color: #ffffff;
    background: #ec4d4d;
    border: none;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---callout:hover, .rdc-button---callout:focus {
        color: #ffffff;
        background: #e71f1f;
        border: none; } }
    .rdc-button---callout:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button---callout-outlined {
    color: #ec4d4d;
    background: transparent;
    border: solid 1px #ec4d4d;
    /* Disabled State */ }
    @media (pointer: fine) {
      .rdc-button---callout-outlined:hover, .rdc-button---callout-outlined:focus {
        color: #ffffff;
        background: #e71f1f;
        border: solid 1px #e71f1f; } }
    .rdc-button---callout-outlined:disabled {
      color: rgba(0, 0, 0, 0.35);
      background: #CCCCCC;
      border: solid 1px transparent;
      cursor: not-allowed; }
  .rdc-button .rdc-icons {
    vertical-align: middle; }

/* RDC Select Button */
.rdc-select-button {
  color: #fff;
  background: #00a546;
  border: none;
  /* Modifier .rdc-select-button--selected */ }
  .rdc-select-button .rdc-icons {
    visibility: hidden;
    width: 0;
    height: 0;
    margin: -5px 5px 0 0;
    will-change: transform;
    -webkit-animation: bump-down-anim 400ms ease-in-out 500ms 0s ease 1;
    -moz-animation: bump-down-anim 400ms ease-in-out 500ms 0s ease 1;
    animation: bump-down-anim 400ms ease-in-out 500ms 0s ease 1; }
  .rdc-select-button---selected .rdc-icons {
    visibility: visible;
    width: 16px;
    height: 16px;
    -webkit-animation: bump-up-anim 400ms ease-in-out 500ms 0s ease 1;
    -moz-animation: bump-up-anim 400ms ease-in-out 500ms 0s ease 1;
    animation: bump-up-anim 400ms ease-in-out 500ms 0s ease 1; }
  @media (pointer: fine) {
    .rdc-select-button:hover, .rdc-select-button:focus {
      color: #fff;
      background: #007230;
      border: none; } }
  .rdc-select-button:disabled {
    color: rgba(0, 0, 0, 0.35);
    background: #CCCCCC;
    border: none;
    cursor: not-allowed; }

/* Button Micro Transitions */
@keyframes bump-up-anim {
  0% {
    width: 0px;
    height: 0px;
    transform: scale(0); }
  80% {
    transform: scale(1.5); }
  100% {
    width: 16px;
    height: 16px;
    transform: scale(1); } }

@keyframes bump-down-anim {
  0% {
    width: 16px;
    height: 16px;
    transform: scale(1); }
  100% {
    width: 0px;
    height: 0px;
    transform: scale(0); } }

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Pagination Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: 10px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 1px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      display: block;
      position: relative;
      height: 20px;
      width: 20px;
      border: 0;
      background: transparent;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer;
      /* Actual Dots */ }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        content: ' ';
        display: inline-block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        background-color: #00a546;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* ==========================================================================
Toggle Component Styles
========================================================================== */
/* RDC Toggle */
.rdc-toggle {
  display: block; }
  .rdc-toggle .rdc-label {
    font-family: "SC Sans Web", sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    -webkit-font-smoothing: antialiased; }

/*
.rdc-label {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    &.left {
    	float:left;
	}
	
	.x-toggle {
		display: none;
	}
}
*/
.rdc-toggle-switch {
  pointer-events: none;
  width: 54px;
  height: 32px;
  background-color: #cccccc;
  border-radius: 16px;
  padding: 3px 0px 3px 5px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }
  .rdc-toggle-switch___control {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 16px;
    transition: all .2s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px 8px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0; }
    .rdc-toggle-switch___control.icon {
      background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-cross-grey.svg"); }
  .rdc-toggle-switch.is-selected {
    background-color: #00a546; }
    .rdc-toggle-switch.is-selected .rdc-toggle-switch___control {
      transform: translateX(19px);
      -ms-transform: translateX(19px);
      -moz-transform: translateX(19px);
      -webkit-transform: translateX(19px); }
      .rdc-toggle-switch.is-selected .rdc-toggle-switch___control.icon {
        background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-tick-green.svg"); }
  .rdc-toggle-switch.is-active {
    background-color: #999999; }
    .rdc-toggle-switch.is-active .rdc-toggle-switch___control {
      width: 75%; }
  .rdc-toggle-switch.is-active.is-selected {
    background-color: #00a546; }
    .rdc-toggle-switch.is-active.is-selected .rdc-toggle-switch___control {
      transform: translateX(8px);
      -ms-transform: translateX(8px);
      -moz-transform: translateX(8px);
      -webkit-transform: translateX(8px); }
  .rdc-toggle-switch.is-disabled {
    pointer-events: none; }

/* ==========================================================================
Drawer Component Styles
========================================================================== */
.rdc-drawer {
  display: inline-block;
  width: 100%;
  height: 300px;
  background: #25272C;
  position: relative;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  /* Element .rdc-drawer__triangle-top */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Element .rdc-drawer__cross-icon */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Element .rdc-drawer__content-container */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Modifier .rdc-drawer--closed */
  /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */
  /* Modifier .rdc-drawer--vertical */
  /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */ }
  .rdc-drawer__triangle-top {
    display: inline-block;
    overflow: hidden;
    width: 0px;
    height: 0px;
    border: 8px solid black;
    border-color: black rgba(255, 255, 255, 0);
    border-width: 0 8px 8px 8px;
    position: absolute;
    right: 50px;
    top: 0px;
    margin-top: -8px;
    /* Pullin the actual content */ }
  .rdc-drawer__cross-icon {
    display: inline-block;
    position: absolute;
    height: 48px;
    width: 48px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-image: url("/rdc-ui-adn-theme-scforms/assets/svg/icons/ico-drawer-close.svg");
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center center;
    /* Pullin the actual content */ }
    .rdc-drawer__cross-icon::after {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin-top: -10px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      background-color: rgba(255, 0, 0, 0); }
  .rdc-drawer__container {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* Modifier .rdc-drawer__content-container--scroll-vertical */
    /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */
    /* Modifier .rdc-drawer__content-container--scroll-horizontal */
    /*
    // & ==> Take the ROOT element
    // -- add ELEMENT notation
    // { $e } pullin the element name
    */
    /* Pullin the actual content */ }
    .rdc-drawer__container--scroll-vertical {
      overflow-x: hidden;
      overflow-y: auto;
      /* Pullin the actual content */ }
    .rdc-drawer__container--scroll-horizontal {
      overflow-x: auto;
      overflow-y: hidden;
      /* Pullin the actual content */ }
  .rdc-drawer--closed {
    height: 0;
    /* Pullin the actual content */ }
  .rdc-drawer--vertical {
    width: 300px;
    height: 100%;
    /* Pullin the actual content */ }
    .rdc-drawer--vertical.rdc-drawer--closed {
      width: 0px;
      height: 100%; }

/* ==========================================================================
Flyout Component Styles
========================================================================== */
.rdc-flyout {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1050;
  /* .rdc-flyout__container */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* .rdc-flyout__obfuscator */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */
  /* .rdc-flyout__cross-icon */
  /*
    // & ==> Take the ROOT element
    // __ add ELEMENT notation
    // { $e } pullin the element name
    */ }
  .rdc-flyout__container {
    position: relative;
    width: 280px;
    height: 100%;
    color: white;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    border-right: 1px solid black;
    background: #333333;
    will-change: transform;
    transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    -moz-transform: translateX(-280px);
    -webkit-transform: translateX(-280px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    overflow: visible;
    overflow-y: auto;
    pointer-events: all;
    /* Pullin the actual content */ }
    .rdc-flyout__container.rdc-flyout__is-visible {
      transform: translateX(0);
      -ms-transform: translateX(0);
      -moz-transform: translateX(0);
      -webkit-transform: translateX(0); }
  .rdc-flyout__obfuscator {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: transparent;
    opacity: 0;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    /* Pullin the actual content */ }
    .rdc-flyout__obfuscator.rdc-flyout__is-visible {
      pointer-events: all;
      background-color: rgba(0, 0, 0, 0.5);
      visibility: visible;
      opacity: 1; }
  .rdc-flyout__cross-icon {
    display: inline-block;
    position: absolute;
    height: 48px;
    width: 48px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-image: url("/rdc-ui-adn-theme-scforms/assets/svg/icons/ico-drawer-close.svg");
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center center;
    /* Pullin the actual content */ }
    .rdc-flyout__cross-icon::after {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin-top: -10px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      background-color: rgba(255, 0, 0, 0); }

/* ==========================================================================
RDC Select DropDown Component Styles
========================================================================== */
/* Variables */
/* Form Select Dropdown Holder */
.rdc-form-selectbox {
  /* If Focused */ }
  .rdc-form-selectbox:hover .rdc-selectbox-triger, .rdc-form-selectbox:focus .rdc-selectbox-triger, .rdc-form-selectbox.focusedcss .rdc-selectbox-triger {
    border: 1px solid #0085d4; }
  .rdc-form-selectbox.has-error .rdc-selectbox-triger {
    border: 1px solid #d0021b; }
  .rdc-form-selectbox.is-readonly {
    pointer-events: none !important;
    cursor: default !important; }

/* Select DropDown Trigger */
.rdc-selectbox-triger {
  height: 44px;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  border: 1px solid rgba(116, 116, 116, 0.25);
  /*
    @include inner-shadow;
    */
  /* @include transition(border $rdc-dropdown-border-animation-duriation ease); */
  /* Clear Icon */
  /* Right Icon */ }
  .rdc-selectbox-triger .ember-power-select-placeholder,
  .rdc-selectbox-triger .ember-power-select-selected-item {
    font-family: "SC Sans Web", sans-serif;
    font-size: 15px;
    font-weight: 300;
    position: absolute;
    display: inline-block;
    left: 10px;
    right: 5px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .rdc-selectbox-triger .ember-power-select-placeholder {
    font-size: 14px;
    font-size: 1rem;
    color: #969696;
    font-weight: 300; }
  .rdc-selectbox-triger:focus,
  .rdc-selectbox-triger .ember-power-select-trigger--active {
    border: 1px solid #0085d4;
    /* $rdc-dropdown-border; */ }
  .rdc-selectbox-triger .ember-power-select-clear-btn {
    cursor: pointer;
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 6px;
    right: 35px;
    font-size: 24px;
    font-size: 1.71429rem;
    font-weight: 200;
    color: rgba(0, 0, 0, 0.5); }
  .rdc-selectbox-triger .ember-power-select-status-icon {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 8px;
    opacity: .65;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: none;
    background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-down-chevron-grey.svg) no-repeat;
    background-size: 100% 100%;
    /*
        position: absolute;
        display: inline-block;
        color: rgba( 216, 216, 216, 1);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: center center;
        right: 15px;
        font-size: 10px;
        width: 16px;
        height: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        border: none;
        @include icon-font-style;
        
        &:before {
          content: "\e92f";
        }

        */ }
  .rdc-selectbox-triger.is-readonly {
    pointer-events: none !important;
    cursor: default !important; }
  .rdc-selectbox-triger .native-select {
    font-family: "SC Sans Web", sans-serif;
    font-size: 15px;
    font-weight: 300;
    width: 98%;
    padding-left: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }

/* ==========================================================================
RDC Select Menu Component Styles ( Product Offring Style )
========================================================================== */
.rdc-selectbox-dd-menu {
  border-radius: 0;
  font-size: 15px;
  color: #000;
  padding: 10px 0;
  text-align: center;
  background-color: white;
  -webkit-box-shadow: 3px 3px 13px -4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 13px -4px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 13px -4px rgba(0, 0, 0, 0.2); }
  .rdc-selectbox-dd-menu .ember-power-select-options[role="listbox"] {
    /* Set max height if required */ }
  .rdc-selectbox-dd-menu.ember-power-select-dropdown.ember-basic-dropdown-content--below, .rdc-selectbox-dd-menu.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
    border-top: none;
    border-left: 1px solid rgba(116, 116, 116, 0.25);
    border-right: 1px solid rgba(116, 116, 116, 0.25);
    border-bottom: 1px solid rgba(116, 116, 116, 0.25);
    border-radius: 0; }
  .rdc-selectbox-dd-menu .ember-power-select-options[role="listbox"] .ember-power-select-option {
    font-family: "SC Sans Web", sans-serif;
    font-size: 15px;
    font-weight: 300;
    padding: 3px 10px 3px 25px;
    text-align: left;
    padding: 4px 15px; }
  .rdc-selectbox-dd-menu .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"] {
    color: #000;
    background-color: #F9F9F9; }
  .rdc-selectbox-dd-menu .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-selected="true"] {
    color: #000;
    background-color: #F9F9F9; }

/* Dropdown Open / Close */
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px; }

@keyframes dd-open-anim {
  0% {
    opacity: 0;
    transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); } }

@keyframes dd-close-anim {
  0% {
    opacity: 0;
    transform: translateY(10px);
    -ms-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); } }

.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
  animation: dd-open-anim .15s; }

.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
  animation: dd-close-anim .15s reverse; }

/* Intermediate Animation Frames */
@keyframes progress-move {
  0% {
    left: 0%; }
  75% {
    left: 100%; }
  100% {
    left: 100%; } }

/* ==========================================================================
RDC Form Date Component Styles
========================================================================== */
.rdc-component---date {
  position: relative;
  border-bottom: none !important;
  /* Date Seperators */
  /* Focus Colors */ }
  .rdc-component---date input[type=date],
  .rdc-component---date input[type=text] {
    display: none; }
  .rdc-component---date .rdc-date {
    display: inline-block;
    width: 25%;
    line-height: 100%; }
    .rdc-component---date .rdc-date---year {
      width: 45%; }
  .rdc-component---date input.rdc-date-input {
    display: inline-block;
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: top;
    border: 0;
    padding-top: 25px !important;
    width: 100%;
    line-height: 100%; }
  .rdc-component---date .date-separators {
    position: absolute;
    width: 100%;
    height: 15px;
    bottom: 0;
    -webkit-transition: 0.3s ease border-color;
    -moz-transition: 0.3s ease border-color;
    -ms-transition: 0.3s ease border-color;
    transition: 0.3s ease border-color;
    border-bottom: 1px solid rgba(116, 116, 116, 0.25); }
    .rdc-component---date .date-separators.separator-d {
      width: 25%;
      left: 0;
      border-right: 1px solid rgba(116, 116, 116, 0.25);
      border-left: 1px solid rgba(116, 116, 116, 0.25); }
    .rdc-component---date .date-separators.separator-m {
      width: 25%;
      left: 25%;
      border-right: 1px solid rgba(116, 116, 116, 0.25);
      border-left: none !important; }
    .rdc-component---date .date-separators.separator-y {
      width: 50%;
      left: 50%;
      border-right: 1px solid rgba(116, 116, 116, 0.25); }
  .rdc-component---date .rdc-date---day.focusedcss ~ .separator-d {
    border: 1px solid #0085d4;
    border-top: none !important; }
  .rdc-component---date .rdc-date---month.focusedcss ~ .separator-m {
    border: 1px solid #0085d4;
    border-top: none !important; }
  .rdc-component---date .rdc-date---month.focusedcss ~ .separator-d {
    border-right: 1px solid #0085d4; }
  .rdc-component---date .rdc-date---year.focusedcss ~ .separator-y {
    border-bottom: 1px solid #0085d4;
    border-right: 1px solid #0085d4; }
  .rdc-component---date .rdc-date---year.focusedcss ~ .separator-m {
    border-right: 1px solid #0085d4; }

/* ==========================================================================
RDC Progress Bar Component Styles
========================================================================== */
.rdc-progress {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #424546;
  color: white; }
  .rdc-progress__status {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }
    .rdc-progress__status--cvalue {
      font-size: 16px;
      font-weight: 400;
      color: white;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .rdc-progress__completed {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    /* Set by JS */
    height: 100%;
    background-color: #6AC0ED;
    -webkit-transition: width 300ms;
    -moz-transition: width 300ms;
    -ms-transition: width 300ms;
    transition: width 300ms; }

/* ==========================================================================
RDC Extended Progress Bar Component Styles
========================================================================== */
.rdc-progress-bar {
  position: relative;
  width: 100%;
  height: 20px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: visible; }
  .rdc-progress-bar___tooltip {
    position: absolute;
    left: 0;
    transform: translateX(-50%);
    white-space: nowrap;
    top: -30px;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    font-size: 10px;
    font-size: 0.71429rem;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #ffffff;
    transition: transform .2s linear;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.2); }
  .rdc-progress-bar___caret {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    transform: translateX(-50%);
    transition: transform .2s linear;
    border-top: 5px solid rgba(255, 255, 255, 0.2);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent; }
  .rdc-progress-bar___progress-base {
    height: 100%;
    transform: translateZ(0);
    border-radius: 10px;
    overflow: hidden; }
    .rdc-progress-bar___progress-base .progress-bar {
      position: relative;
      height: 100%;
      background-color: #fff47e;
      transition: width .2s linear; }
    .rdc-progress-bar___progress-base .target {
      position: absolute;
      width: 1px;
      height: 100%;
      background-color: white;
      z-index: 100; }

/* ==========================================================================
Modal Winkow Wrapper
========================================================================== */
.rdc-modal-window-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.45);
  z-index: 101; }

/* Transparent Background Window */
.rdc-modal-translucent {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.85);
  max-height: 100vh; }

/* ==========================================================================
Modal Pop-up Component Styles
========================================================================== */
.rdc-modal-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: hidden;
  max-height: 100vh;
  z-index: 1100;
  /* Element */
  /* Element */
  /* Element */
  /*
  @keyframes zoomin {
      0% { 
        transform: scale(1.2); 
        opacity: 0;  
      }
      100%   { 
        transform: scale(1); 
        opacity: 1;  
      }
  }
  */
  /* Mofifier - Details Popup */
  /* Mofifier - Action Popup */
  /* Mofifier - Alert Popup */
  /* Mofifier - Info Popup */ }
  .rdc-modal-popup__translucent {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.65);
    max-height: 100vh;
    animation: fadein .2s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .rdc-modal-popup__cross-icon {
    display: inline-block;
    position: fixed;
    top: 5px;
    right: 5px;
    width: 48px;
    height: 48px;
    background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-overlay-popup-close.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer; }
  .rdc-modal-popup__content {
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #fff;
    border: none;
    overflow: hidden;
    /*
    max-width: 95%;
    animation: zoomin .2s;
    animation-timing-function: ease-in;
    */
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }
  .rdc-modal-popup--details .rdc-modal-popup__content {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 56px; }
  .rdc-modal-popup--action .rdc-modal-popup__content {
    border: none;
    width: 340px;
    min-height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .rdc-modal-popup--alert .rdc-modal-popup__content {
    border: none;
    width: 340px;
    min-height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .rdc-modal-popup--info {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .rdc-modal-popup--info .rdc-modal-popup__cross-icon {
      right: 20px; }
    .rdc-modal-popup--info .rdc-modal-popup__content {
      width: 60%;
      left: 50%;
      margin: 40px 0;
      transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%); }

/* Alert Content */
/* Error Type */
.rdc-alert-content {
  /* Modifier - Info */
  /* Modifier - Warning */
  /* Modifier - Error */ }
  .rdc-alert-content__body {
    padding: 25px 25px 30px 25px;
    text-align: center; }
    .rdc-alert-content__body .title {
      font-size: 30px;
      font-size: 2.14286rem;
      font-weight: 300 !important;
      margin-bottom: 15px; }
    .rdc-alert-content__body p {
      font-family: 'SC Sans Web';
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      color: #000;
      font-size: 16px;
      font-size: 1.14286rem;
      line-height: 20px;
      text-align: center; }
  .rdc-alert-content__footer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
    .rdc-alert-content__footer .rdc-button {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .rdc-alert-content .info-icon {
    display: inline-block;
    width: 82px;
    height: 82px;
    background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-warning-sign-grey.svg");
    background-size: 80px 80px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px; }
  .rdc-alert-content__info .title {
    color: #00a546; }
  .rdc-alert-content__info .info-icon {
    background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-warning-sign-grey.svg");
    background-size: 82px 82px;
    background-repeat: no-repeat;
    background-position: center; }
  .rdc-alert-content__warning .title {
    color: #000; }
  .rdc-alert-content__warning .info-icon {
    background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-warning-sign-grey.svg");
    background-size: 82px 82px;
    background-repeat: no-repeat;
    background-position: center; }
  .rdc-alert-content__error .title {
    color: #d0011b; }
  .rdc-alert-content__error .info-icon {
    background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-warning-sign-red.svg");
    background-size: 82px 82px;
    background-repeat: no-repeat;
    background-position: center; }

/* ==========================================================================
RDC Radio Button Group Styles
========================================================================== */
/* Variables */
.rdc-radio-button-group {
  display: inline-block;
  position: relative;
  /* Clear Floats */
  /* Other Scenarios */
  /* Horizontal Layout */
  /* Display Radio Group as List with Checkbox */
  /* State: Tablet View */ }
  .rdc-radio-button-group .component-holder {
    height: auto; }
  .rdc-radio-button-group .rdc-radio-button-base {
    display: block;
    float: none;
    margin-bottom: 5px;
    /* Rsdio Button States */ }
    .rdc-radio-button-group .rdc-radio-button-base .rdc-outer-label {
      display: block; }
    .rdc-radio-button-group .rdc-radio-button-base .rdc-radio-button-holder {
      display: block;
      line-height: 1.2em;
      background: white;
      border-radius: 5px;
      border: 1px solid #ddd;
      padding: 12px 15px;
      /* Clear Floats */ }
      .rdc-radio-button-group .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___icon {
        display: block;
        float: left;
        background: #f4f4f4;
        border-radius: 100%;
        border: 1px solid #b4b4b4;
        width: 1.2em;
        height: 1.2em;
        margin-right: 10px;
        -webkit-transition: all 250ms ease;
        transition: all 250ms ease;
        cursor: pointer; }
      .rdc-radio-button-group .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___label {
        display: block;
        position: relative;
        float: none;
        width: auto;
        overflow: hidden;
        font-size: 14px;
        font-weight: 300;
        color: #969696;
        line-height: 1.2em;
        margin-right: 20px; }
        .rdc-radio-button-group .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___label::after {
          content: ' ';
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin-top: -10px;
          margin-right: -10px;
          margin-bottom: -10px;
          margin-left: -10px;
          background-color: rgba(255, 0, 0, 0); }
    .rdc-radio-button-group .rdc-radio-button-base.checked .rdc-radio-button-holder, .rdc-radio-button-group .rdc-radio-button-base:checked .rdc-radio-button-holder {
      background-color: #edf6ec; }
      .rdc-radio-button-group .rdc-radio-button-base.checked .rdc-radio-button-holder .rdc-radio-button___icon, .rdc-radio-button-group .rdc-radio-button-base:checked .rdc-radio-button-holder .rdc-radio-button___icon {
        background-color: #00a546;
        border-color: #00a546;
        box-shadow: inset 0 0 0 0 #f4f4f4; }
    .rdc-radio-button-group .rdc-radio-button-base.focusedcss .rdc-radio-button-holder .rdc-radio-button___icon, .rdc-radio-button-group .rdc-radio-button-base:focus .rdc-radio-button-holder .rdc-radio-button___icon, .rdc-radio-button-group .rdc-radio-button-base:hover .rdc-radio-button-holder .rdc-radio-button___icon {
      outline: none;
      border-color: #00a546; }
    .rdc-radio-button-group .rdc-radio-button-base.disabled .rdc-radio-button-holder .rdc-radio-button___icon, .rdc-radio-button-group .rdc-radio-button-base.is-disabled .rdc-radio-button-holder .rdc-radio-button___icon, .rdc-radio-button-group .rdc-radio-button-base:disabled .rdc-radio-button-holder .rdc-radio-button___icon {
      box-shadow: inset 0 0 0 2px #f4f4f4;
      border-color: #b4b4b4; }
    .rdc-radio-button-group .rdc-radio-button-base.is-readonly {
      pointer-events: none !important;
      cursor: default !important; }
  .rdc-radio-button-group.label-left .label-holder,
  .rdc-radio-button-group.label-left .component-holder {
    height: auto;
    min-height: 44px; }
  .rdc-radio-button-group.label-left .component-holder {
    padding-top: 15px; }
  .rdc-radio-button-group---two-col .component-holder .component-wrapper, .rdc-radio-button-group---horizontal .component-holder .component-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
    .rdc-radio-button-group---two-col .component-holder .component-wrapper .rdc-radio-button-base, .rdc-radio-button-group---horizontal .component-holder .component-wrapper .rdc-radio-button-base {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      .rdc-radio-button-group---two-col .component-holder .component-wrapper .rdc-radio-button-base:nth-child(1), .rdc-radio-button-group---horizontal .component-holder .component-wrapper .rdc-radio-button-base:nth-child(1) {
        margin-right: 5px; }
      .rdc-radio-button-group---two-col .component-holder .component-wrapper .rdc-radio-button-base:nth-child(2), .rdc-radio-button-group---horizontal .component-holder .component-wrapper .rdc-radio-button-base:nth-child(2) {
        margin-left: 5px; }
  .rdc-radio-button-group---as-list .rdc-radio-button-base {
    margin-bottom: -1px;
    /* Stete Readonly */
    /* state Checked */ }
    .rdc-radio-button-group---as-list .rdc-radio-button-base.is-readonly .rdc-radio-button-holder {
      background-color: transparent;
      border: none;
      padding-left: 0; }
      .rdc-radio-button-group---as-list .rdc-radio-button-base.is-readonly .rdc-radio-button-holder .rdc-radio-button___label {
        font-family: "SC Sans Web", sans-serif;
        font-size: 14px;
        color: #2f2f2f;
        font-weight: 400;
        line-height: 20px; }
    .rdc-radio-button-group---as-list .rdc-radio-button-base.is-readonly:not(.checked) {
      display: none !important;
      visibility: hidden;
      opacity: 0; }
    .rdc-radio-button-group---as-list .rdc-radio-button-base .rdc-radio-button-holder {
      background: white;
      border-radius: 0px;
      border: 1px solid #ddd; }
      .rdc-radio-button-group---as-list .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___label {
        float: left;
        margin-top: 4px; }
      .rdc-radio-button-group---as-list .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___icon {
        float: right;
        position: relative;
        border-radius: 0;
        border: none;
        background: transparent;
        box-shadow: none;
        width: 24px;
        height: 24px;
        margin: 0; }
        .rdc-radio-button-group---as-list .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___icon::after {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 16px;
          content: "\e907";
          color: #d1d1d1;
          padding: 4px 0 0 2px;
          width: 24px;
          height: 24px;
          position: absolute;
          right: 0;
          top: 0;
          -webkit-transition: 400ms ease all;
          -moz-transition: 400ms ease all;
          -ms-transition: 400ms ease all;
          transition: 400ms ease all; }
        .checked .rdc-radio-button-group---as-list .rdc-radio-button-base .rdc-radio-button-holder .rdc-radio-button___icon::after {
          color: blue; }
    .rdc-radio-button-group---as-list .rdc-radio-button-base.checked .rdc-radio-button-holder .rdc-radio-button___icon {
      background: none; }
      .rdc-radio-button-group---as-list .rdc-radio-button-base.checked .rdc-radio-button-holder .rdc-radio-button___icon::after {
        color: #00a546; }
  .media-tablet .rdc-radio-button-group .component-holder .rdc-radio-button-base {
    float: left;
    width: 50%; }

/* ==========================================================================
RDC CheckBox Styles
========================================================================== */
/* Variabled */
.rdc-checkbox {
  position: relative;
  /* Base for label styling */
  /* Checkbox Label */
  /* Covered */
  /* Checkbox with Big Tick */
  /* Disabled Check Box */
  /* Component Like Overide */
  /* State: Checked */
  /* State: Has Error */ }
  .rdc-checkbox [type="checkbox"]:not(:checked),
  .rdc-checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px; }
  .rdc-checkbox___label {
    display: inherit;
    position: relative;
    padding-left: 30px;
    padding-right: 10px;
    cursor: pointer;
    font-family: "SC Sans Web", sans-serif;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 300;
    color: #969696;
    line-height: 20px;
    /* Check Box Base box */
    /* Check Mark Icon */ }
    .rdc-checkbox___label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      border-radius: 2px;
      border: 1px solid #ccc;
      background: #ffffff; }
      .rdc-checkbox.checked .rdc-checkbox___label:before {
        opacity: 1;
        transform: scale(1);
        border: solid 1px #00a546;
        background: #00a546; }
    .rdc-checkbox___label:after {
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      font-size: 10px;
      font-size: 0.71429rem;
      line-height: 0.8;
      color: #67CA66;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e907";
      position: absolute;
      top: 6px;
      left: 4px;
      opacity: 0;
      transform: scale(0);
      /* transition: all .2s; */
      transition: none; }
      .rdc-checkbox.checked .rdc-checkbox___label:after {
        opacity: 1;
        transform: scale(1);
        color: #fff; }
  .rdc-checkbox---covered {
    display: block;
    border-radius: 5px;
    border: 1px solid rgba(116, 116, 116, 0.25);
    background-color: #fff;
    padding: 15px 15px; }
    .rdc-checkbox---covered.checked {
      background-color: #edf6ec; }
  .rdc-checkbox---big-tick .rdc-checkbox___label {
    line-height: 20px;
    padding-left: 45px;
    padding-right: 0;
    text-align: left; }
    .rdc-checkbox---big-tick .rdc-checkbox___label::before {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: none;
      background: #eaeaea;
      top: -8px; }
    .rdc-checkbox---big-tick .rdc-checkbox___label::after {
      left: 7px;
      top: 4px;
      transition: none;
      font-size: 14px;
      font-size: 1rem;
      color: #fff; }
  .rdc-checkbox---big-tick.checked .rdc-checkbox___label::before {
    background: #00a546;
    border: none; }
  .rdc-checkbox [type="checkbox"]:disabled:not(:checked) + span:before,
  .rdc-checkbox [type="checkbox"]:disabled:checked + span:before {
    box-shadow: none;
    border-color: 1px solid #bbb;
    background-color: #ddd; }
  .rdc-checkbox [type="checkbox"]:disabled:checked + span:after {
    color: #999; }
  .rdc-checkbox---component-holder {
    background-color: #fff;
    border-radius: 5px;
    border: 1.5px solid rgba(116, 116, 116, 0.25); }
  .rdc-checkbox.is-readonly {
    pointer-events: none !important;
    cursor: default !important; }
  .has-error .rdc-checkbox:not(.checked) .rdc-checkbox___label::before {
    border: 1px solid #d0021b; }

/* ==========================================================================
Plain Component that Require Component Styles
========================================================================== */
.rdc-checkbox-component-base {
  background: white;
  border: solid 1px rgba(116, 116, 116, 0.25);
  border-radius: 5px;
  padding: 15px; }

/* ==========================================================================
RDC Image Component Styles
========================================================================== */
.rdc-image {
  display: inline-block;
  /* State: Error */
  /* State: Loading */ }
  .rdc-image___img,
  .rdc-image img {
    display: inline-block;
    border: none; }

/* @import "file-upload"; */
/* ==========================================================================
RDC Upload ( Multiple Files ) Component Styles
========================================================================== */
.rdc-upload .component-holder {
  height: auto;
  cursor: auto;
  /* First Time Upload */
  /* Upload Another File */
  /* File Preview Item */ }
  .rdc-upload .component-holder .rdc-file-upload-form > label {
    display: block; }
  .rdc-upload .component-holder .component-wrapper,
  .rdc-upload .component-holder .upload-another {
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .rdc-upload .component-holder .component-wrapper {
    min-height: 100px;
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    padding: 15px; }
    .rdc-upload .component-holder .component-wrapper .rdc-svgicon {
      width: 70px;
      height: 70px;
      margin-right: 20px;
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-add-bold-grey.svg) no-repeat;
      background-size: 100% 100%; }
    .rdc-upload .component-holder .component-wrapper .label {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #0091ea;
      font-weight: 300; }
  .rdc-upload .component-holder .upload-another {
    padding-left: 15px;
    margin-top: 15px;
    font-size: 15px;
    font-size: 1.07143rem;
    color: #0091ea;
    font-weight: 300; }
    .rdc-upload .component-holder .upload-another .rdc-svgicon {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 12px; }
  .rdc-upload .component-holder .preview-wrapper .preview-item {
    display: block;
    min-height: 100px;
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 15px;
    margin-bottom: 10px;
    /* Item State: Uploading... */
    /* Item State: Completed */
    /* Item State: Has Error */ }
    .rdc-upload .component-holder .preview-wrapper .preview-item .content-base {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      .rdc-upload .component-holder .preview-wrapper .preview-item .content-base .content-top,
      .rdc-upload .component-holder .preview-wrapper .preview-item .content-base .content-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .rdc-upload .component-holder .preview-wrapper .preview-item .content-base .content-top {
        align-items: flex-end; }
    .rdc-upload .component-holder .preview-wrapper .preview-item___preview-image-base {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      position: relative;
      width: 70px;
      height: 70px;
      background-color: rgba(0, 0, 0, 0.05);
      overflow: hidden;
      margin-right: 20px; }
      .rdc-upload .component-holder .preview-wrapper .preview-item___preview-image-base img {
        display: inline-block;
        width: 100%;
        height: auto;
        transform: scale(2);
        transform-origin: center center;
        border: none; }
      .rdc-upload .component-holder .preview-wrapper .preview-item___preview-image-base .icon-ghana,
      .rdc-upload .component-holder .preview-wrapper .preview-item___preview-image-base .icon-invoice {
        width: 100%;
        height: 100%;
        font-size: 32px;
        color: rgba(0, 0, 0, 0.5); }
    .rdc-upload .component-holder .preview-wrapper .preview-item___file-name {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #9b9b9b;
      font-weight: 300; }
    .rdc-upload .component-holder .preview-wrapper .preview-item___icon-btn {
      display: inline-block;
      width: 24px;
      height: 24px; }
      .rdc-upload .component-holder .preview-wrapper .preview-item___icon-btn .rdc-svgicon {
        width: 24px;
        height: 24px;
        background-size: 16px 16px;
        background-position: center bottom; }
    .rdc-upload .component-holder .preview-wrapper .preview-item___link-retry {
      display: none; }
    .rdc-upload .component-holder .preview-wrapper .preview-item___progress-base {
      display: block;
      position: relative;
      height: 4px;
      background-color: #d4d4d4;
      margin: 5px 0 5px 0; }
      .rdc-upload .component-holder .preview-wrapper .preview-item___progress-base .progress-bar {
        position: relative;
        height: 100%;
        background-color: #00a546;
        transition: width .2s linear; }
    .rdc-upload .component-holder .preview-wrapper .preview-item___status, .rdc-upload .component-holder .preview-wrapper .preview-item___size {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #9b9b9b;
      font-weight: 300; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.is-uploading .preview-item___preview-image-base {
      background-color: #fff; }
      .rdc-upload .component-holder .preview-wrapper .preview-item.is-uploading .preview-item___preview-image-base img {
        opacity: .35; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.is-completed .preview-item___preview-image-base {
      background-color: rgba(0, 0, 0, 0.05); }
      .rdc-upload .component-holder .preview-wrapper .preview-item.is-completed .preview-item___preview-image-base img {
        opacity: 1; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.is-completed .preview-item___status {
      color: #00a546; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.has-error .preview-item___preview-image-base {
      background-color: rgba(0, 0, 0, 0.05); }
      .rdc-upload .component-holder .preview-wrapper .preview-item.has-error .preview-item___preview-image-base img {
        opacity: .35; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.has-error .preview-item___status {
      color: #d0021b; }
    .rdc-upload .component-holder .preview-wrapper .preview-item.has-error .progress-bar {
      background-color: #d0021b; }

/* ==========================================================================
RDC DatePicker Component Styles
========================================================================== */
/* Variables */
.rdc-date-picker {
  /* If Focused */ }
  .rdc-date-picker .component-holder > .ember-basic-dropdown {
    width: 100%;
    height: 44px; }
  .rdc-date-picker .rdc-svgicon {
    position: absolute;
    right: 12px;
    top: 10px;
    width: 20px;
    height: 20px;
    pointer-events: none; }
  .rdc-date-picker .component-holder {
    height: auto; }
    .rdc-date-picker .component-holder .textinput-wrapper {
      /* @include transition(border $rdc-datepicker-border-animation-duriation ease); */
      border-radius: 5px;
      border: 1px solid rgba(116, 116, 116, 0.25);
      background-color: #fff; }
  .rdc-date-picker:hover .component-holder .textinput-wrapper, .rdc-date-picker.focusedcss .component-holder .textinput-wrapper {
    border: 1px solid #0085d4; }
  .rdc-date-picker:hover .rdc-glyphicon::before, .rdc-date-picker.focusedcss .rdc-glyphicon::before {
    color: #0085d4; }
  .rdc-date-picker.has-error .component-holder .textinput-wrapper {
    border: 1px solid #d0021b; }
  .rdc-date-picker .textinput-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .rdc-date-picker .textinput-wrapper input {
      font-family: "SC Sans Web", sans-serif;
      font-size: 15px;
      font-weight: 400;
      width: 100%;
      height: 100%;
      position: absolute;
      padding: 0 15px;
      background: transparent; }
      .rdc-date-picker .textinput-wrapper input::-webkit-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-date-picker .textinput-wrapper input::-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-date-picker .textinput-wrapper input:-ms-input-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }
      .rdc-date-picker .textinput-wrapper input:-moz-placeholder {
        font-size: 15px;
        font-weight: 300;
        color: #444444; }

/* ==========================================================================
RDC Date Picker Component Styles
========================================================================== */
.rdc-datepicker-dropdown {
  top: 43px;
  border: 1px solid rgba(116, 116, 116, 0.25);
  border-radius: 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0 6px 12px 0; }
  .rdc-datepicker-dropdown .rdc-datepicker-calendar .ember-power-calendar-day--selected,
  .rdc-datepicker-dropdown .rdc-datepicker-calendar .ember-power-calendar-day:not([disabled]):hover {
    color: #fff;
    font-weight: 300;
    border-radius: 50%;
    background-color: #139936; }

/* Month and Year Selection Dropdown */
.rdc-datepicker-dropdown + .rdc-date-picker-month-year-dd {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  box-shadow: rgba(0, 0, 0, 0.15) 0 6px 12px 0;
  transition: none;
  animation: none; }
  .rdc-datepicker-dropdown + .rdc-date-picker-month-year-dd .ember-power-select-search .ember-power-select-search-input {
    font-size: 14px;
    font-size: 1rem;
    color: #000;
    font-weight: 400;
    letter-spacing: 1.1px;
    padding: 0px 5px; }

/* ==========================================================================
RDC Range Picker Component Styles
========================================================================== */
.rdc-modal-window-wrapper .rdc-date-range-picker {
  border-radius: 5px;
  border: none;
  background-color: #fff;
  /* Date Range Header */ }
  .rdc-modal-window-wrapper .rdc-date-range-picker___header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 25px 15px 10px 15px; }
    .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date {
      position: relative;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      height: 30px;
      border: solid 1px #0091ea; }
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date.active, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date.active {
        background-color: #0091ea; }
        .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date.active label, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date.active label {
          color: #fff; }
        .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date.active .rdc-glyphicon, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date.active .rdc-glyphicon {
          color: #fff; }
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date .hint-label,
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date .date-label, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date .hint-label,
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date .date-label {
        font-size: 11px;
        font-size: 0.78571rem;
        color: #000;
        font-weight: 300; }
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date .hint-label, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date .hint-label {
        position: absolute;
        left: 6px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        text-transform: uppercase; }
      .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date .rdc-glyphicon, .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date .rdc-glyphicon {
        position: absolute;
        right: 6px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 14px;
        height: 14px;
        font-size: 14px; }
    .rdc-modal-window-wrapper .rdc-date-range-picker___header___start-date {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .rdc-modal-window-wrapper .rdc-date-range-picker___header___end-date {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }

/* ==========================================================================
RDC Calabdar Base Styles
========================================================================== */
.rdc-datepicker-calendar {
  width: auto;
  padding: 10px 15px 15px 15px;
  /* Today Color */
  /* Date Range */
  /* Date Range - First & Last Date */ }
  .rdc-datepicker-calendar .ember-power-calendar-nav-control:focus {
    transform: scale(1); }
  .rdc-datepicker-calendar .ember-power-calendar-nav-control--previous,
  .rdc-datepicker-calendar .ember-power-calendar-nav-control--next {
    position: relative;
    font-size: 0px !important;
    flex: 0 0 42px; }
    .rdc-datepicker-calendar .ember-power-calendar-nav-control--previous::after,
    .rdc-datepicker-calendar .ember-power-calendar-nav-control--next::after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      color: #898989;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .rdc-datepicker-calendar .ember-power-calendar-nav-control--previous::after {
    content: "\e930";
    left: 0; }
  .rdc-datepicker-calendar .ember-power-calendar-nav-control--next::after {
    content: "\e931";
    right: 0; }
  .rdc-datepicker-calendar .ember-power-calendar-nav-title {
    /*
        @include font-size(14px);
        color: #000;
        font-weight: $regular;
        letter-spacing: 1.1px;
        text-transform: uppercase;
        */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .rdc-datepicker-calendar .ember-power-calendar-nav-title .ember-power-select-trigger {
      position: relative;
      border-top: none;
      border-bottom: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      background-color: transparent;
      line-height: 2;
      overflow-x: hidden;
      text-overflow: ellipsis;
      min-height: 2em; }
      .rdc-datepicker-calendar .ember-power-calendar-nav-title .ember-power-select-trigger .ember-power-select-selected-item {
        font-size: 14px;
        font-size: 1rem;
        color: #000;
        font-weight: 400;
        letter-spacing: 1.1px;
        text-transform: uppercase;
        margin-left: 0; }
      .rdc-datepicker-calendar .ember-power-calendar-nav-title .ember-power-select-trigger .ember-power-select-status-icon {
        border-width: 5px 3px 0 3px;
        border-top-color: #8c8c8c; }
  .rdc-datepicker-calendar .ember-basic-dropdown .rdc-date-picker-month-dd .ember-power-select-option,
  .rdc-datepicker-calendar .ember-basic-dropdown .rdc-date-picker-year-dd .ember-power-select-option {
    text-align: left; }
  .rdc-datepicker-calendar .ember-basic-dropdown .rdc-date-picker-month-dd {
    min-width: 120px; }
  .rdc-datepicker-calendar .ember-basic-dropdown .rdc-date-picker-year-dd {
    min-width: 60px; }
  .rdc-datepicker-calendar .ember-power-calendar-days {
    /* Week Days Heading */
    /* Calandar Grid */ }
    .rdc-datepicker-calendar .ember-power-calendar-days .ember-power-calendar-weekdays {
      margin: 13px 0 10px;
      border-bottom: solid 1px #F8F6F6; }
    .rdc-datepicker-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-row {
      margin: 3px 0; }
    .rdc-datepicker-calendar .ember-power-calendar-days .ember-power-calendar-day-grid .ember-power-calendar-day {
      margin: 0; }
  .rdc-datepicker-calendar .ember-power-calendar-weekday {
    font-size: 14px;
    font-size: 1rem;
    color: #0091ea;
    font-weight: 300; }
  .rdc-datepicker-calendar .ember-power-calendar-day,
  .rdc-datepicker-calendar .ember-power-calendar-weekday {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: -webkit-box; }
  .rdc-datepicker-calendar .ember-power-calendar-day--current-month {
    color: #656D78;
    background-color: transparent; }
  .rdc-datepicker-calendar .ember-power-calendar-day--today {
    border-radius: 50%;
    border: solid 1px #139936;
    background-color: transparent; }
  .rdc-datepicker-calendar .ember-power-calendar-day--focused,
  .rdc-datepicker-calendar .ember-power-calendar-day:not([disabled]):hover {
    background-color: #e6e6e6;
    border-radius: 50%;
    box-shadow: none; }
  .rdc-datepicker-calendar .ember-power-calendar-day--selected,
  .rdc-datepicker-calendar .ember-power-calendar-day:not([disabled]):hover {
    color: #646464;
    font-weight: 300;
    border-radius: 0;
    background-color: #C1EAD0; }
  .rdc-datepicker-calendar .ember-power-calendar-day--selected[disabled] {
    opacity: 0.65; }
    .rdc-datepicker-calendar .ember-power-calendar-day--selected[disabled]::before {
      display: none; }
  .rdc-datepicker-calendar .ember-power-calendar-day--range-start,
  .rdc-datepicker-calendar .ember-power-calendar-day--range-end {
    position: relative;
    z-index: 1;
    color: #fff;
    font-weight: 300;
    border-radius: 50%;
    background-color: transparent; }
    .rdc-datepicker-calendar .ember-power-calendar-day--range-start::after, .rdc-datepicker-calendar .ember-power-calendar-day--range-start::before,
    .rdc-datepicker-calendar .ember-power-calendar-day--range-end::after,
    .rdc-datepicker-calendar .ember-power-calendar-day--range-end::before {
      content: '';
      display: block;
      position: absolute;
      z-index: -1; }
    .rdc-datepicker-calendar .ember-power-calendar-day--range-start::after,
    .rdc-datepicker-calendar .ember-power-calendar-day--range-end::after {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      border-radius: 50%;
      background-color: #139936; }
    .rdc-datepicker-calendar .ember-power-calendar-day--range-start::before,
    .rdc-datepicker-calendar .ember-power-calendar-day--range-end::before {
      left: 50%;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: #C1EAD0; }
  .rdc-datepicker-calendar .ember-power-calendar-day--range-end::before {
    left: 0;
    right: 50%; }

/* ==========================================================================
RDC Alert  Styles
========================================================================== */
/* Variables */
.rdc-alert {
  min-height: 50px;
  background-color: #E2EDE4;
  border: solid 1px #d2e3d5;
  border-radius: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  /* Override: No icon */
  /* .rdc-alert___label */
  /* Success State */
  /* Info State */
  /* Warning State */
  /* Error State */
  /* Gneric Html Elements */ }
  .rdc-alert .rdc-glyphicon {
    flex: 0 0 60px; }
  .rdc-alert .rdc-glyphicon:before {
    content: "\e945";
    font-size: 28px; }
  .rdc-alert___label {
    flex: 1 1 auto;
    font-size: 14px;
    font-size: 1rem;
    color: gray;
    margin: 15px 15px 15px 0; }
    .rdc-alert---no-icon .rdc-alert___label {
      margin-left: 15px; }
    .rdc-alert___label li::before {
      background-color: gray; }
  .rdc-alert---success {
    background-color: #dff0d8;
    border: solid 1px #d0e9c6; }
    .rdc-alert---success .rdc-glyphicon:before {
      content: "\e9bc";
      color: #3c763d; }
    .rdc-alert---success .rdc-alert___label {
      color: #3c763d; }
      .rdc-alert---success .rdc-alert___label li::before {
        background-color: #3c763d; }
  .rdc-alert---info {
    background-color: #d9edf7;
    border: solid 1px #c4e3f3; }
    .rdc-alert---info .rdc-glyphicon:before {
      content: "\e945";
      color: #31708f; }
    .rdc-alert---info .rdc-alert___label {
      color: #31708f; }
      .rdc-alert---info .rdc-alert___label li::before {
        background-color: #31708f; }
  .rdc-alert---warning {
    background-color: #ffffba;
    border: solid 1px #ffffa1; }
    .rdc-alert---warning .rdc-glyphicon:before {
      content: "\e945";
      color: #8a6d3b; }
    .rdc-alert---warning .rdc-alert___label {
      color: #8a6d3b; }
      .rdc-alert---warning .rdc-alert___label li::before {
        background-color: #8a6d3b; }
  .rdc-alert---error {
    background-color: #f2dede;
    border: solid 1px #ebcccc; }
    .rdc-alert---error .rdc-glyphicon:before {
      content: "\e945";
      color: #D93037; }
    .rdc-alert---error .rdc-alert___label {
      color: #D93037; }
      .rdc-alert---error .rdc-alert___label li::before {
        background-color: #D93037; }
  .rdc-alert ul, .rdc-alert ol {
    list-style-type: none;
    margin-left: 20px;
    padding: 12px 0; }
    .rdc-alert ul li, .rdc-alert ol li {
      position: relative;
      list-style-type: none;
      margin-bottom: 5px; }
      .rdc-alert ul li::before, .rdc-alert ol li::before {
        content: " ";
        display: inline-block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        left: -20px;
        top: 6px; }

/* ==========================================================================
RDC Tab Bar Styles
========================================================================== */
.rdc-tab-bar {
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  border: 1px solid #0091ea;
  /* White Based Theme */ }
  .rdc-tab-bar___tab {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    font-size: 14px;
    font-size: 1rem;
    color: #0091ea;
    font-weight: 400;
    text-align: center;
    background-color: transparent;
    line-height: 30px;
    /* State: Active */ }
    .rdc-tab-bar___tab.active, .rdc-tab-bar___tab---active {
      color: white;
      background-color: #0091ea; }
  .rdc-tab-bar---white {
    border: 1px solid white; }
    .rdc-tab-bar---white .rdc-tab-bar___tab {
      color: white;
      /* State: Active */ }
      .rdc-tab-bar---white .rdc-tab-bar___tab.active, .rdc-tab-bar---white .rdc-tab-bar___tab---active {
        color: #000;
        background-color: white; }

/* ==========================================================================
RDC Alert  Styles
========================================================================== */
/* Variables */
.rdc-navbar-wrapper {
  /* Only If Physical Device (iOS), pushing content to manage Status Bar overlay space  */ }
  .is-ios .rdc-navbar-wrapper {
    background-color: #0091ea;
    height: calc( 50px + 20px); }

.rdc-navbar {
  position: relative;
  min-height: 50px;
  height: 50px;
  background-color: #0091ea;
  border-bottom: solid 1px #0091ea;
  /* Only If Physical Device (iOS), pushing content to manage Status Bar overlay space  */
  /* SC Logo */
  /* Title */
  /* Clear Floats */
  /* State: With Back Button Enabled */
  /* Override Classes */ }
  .is-ios .rdc-navbar {
    top: 20px; }
  .rdc-navbar::before {
    content: '';
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2); }
  .rdc-navbar .rdc-scb-logo {
    width: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px; }
  .rdc-navbar___title {
    display: block;
    position: absolute;
    left: 60px;
    right: 60px;
    top: 0;
    bottom: 0;
    font-family: "SC Sans Web", sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.21429rem;
    color: #fff;
    pointer-events: none;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .rdc-navbar.has-label .rdc-navbar___title {
    left: 84px;
    right: 84px; }
  .rdc-navbar___left-button {
    float: left; }
  .rdc-navbar___right-button {
    float: right; }
  .rdc-navbar___left-button, .rdc-navbar___right-button, .rdc-navbar___middle-space {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
  .rdc-navbar___middle-space {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .rdc-navbar___left-button, .rdc-navbar___right-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.03);
    padding: 0 18px; }
    .rdc-navbar___left-button span, .rdc-navbar___left-button i, .rdc-navbar___right-button span, .rdc-navbar___right-button i {
      display: inline-block; }
    .rdc-navbar___left-button span, .rdc-navbar___right-button span {
      font-family: "SC Sans Web", sans-serif;
      font-weight: 400;
      font-size: 13px;
      line-height: 13px;
      color: #666666; }
  .rdc-navbar___left-button .rdc-icon {
    color: #fff;
    margin-right: 8px; }
    .rdc-navbar___left-button .rdc-icon.icon-hamburger {
      font-size: 18px;
      font-size: 1.28571rem;
      font-weight: 600; }
    .rdc-navbar___left-button .rdc-icon.icon-chevron-left {
      display: inline-block;
      position: relative;
      width: 19px;
      height: 19px; }
      .rdc-navbar___left-button .rdc-icon.icon-chevron-left::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 19px;
        height: 19px;
        left: -5px;
        background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-back-chevron-white.svg) no-repeat;
        background-size: 100% 100%;
        margin-right: 0; }
  .rdc-navbar___right-button .rdc-icon {
    color: #fff;
    margin-left: 8px; }
  .rdc-navbar___right-button .rdc-glyphicon.settings {
    font-size: 22px;
    font-size: 1.57143rem; }
  .rdc-navbar___right-button .rdc-svgicon.icon-security-white {
    width: 18px;
    height: 18px; }
  .rdc-navbar.has-back-button .rdc-navbar___left-button:nth-child(2) {
    padding: 0 10px 0 18px; }
  .rdc-navbar.has-back-button .rdc-navbar___left-button:nth-child(3) {
    padding: 0 18px 0 10px; }
  .rdc-navbar---transparent {
    background: transparent !important;
    border: none; }
    .rdc-navbar---transparent::before {
      visibility: hidden; }

/* Override Classes */
.rdc-navbar-transparent {
  background: transparent !important; }
  .rdc-navbar-transparent .rdc-navbar {
    background: transparent !important;
    border: none; }
    .rdc-navbar-transparent .rdc-navbar::before {
      visibility: hidden; }

/* ==========================================================================
Bootstrap Accordion Component Styles
========================================================================== */
.bootstrap-accordion {
  /* Individual Menu Item */ }
  .bootstrap-accordion .menu-item {
    border-bottom: solid 1px #F0F0F0; }
    .bootstrap-accordion .menu-item .rdc-glyphicon {
      font-size: 18px;
      color: #787878;
      width: 16px;
      height: 16px;
      margin-right: 18px; }
    .bootstrap-accordion .menu-item a {
      display: block;
      font-size: 15px;
      font-weight: 300;
      color: #131313;
      padding: 10px 25px; }
  .bootstrap-accordion .menu-group-gap {
    display: block;
    height: 10px; }
  .bootstrap-accordion .menu-group {
    border-bottom: solid 1px #F0F0F0; }
    .bootstrap-accordion .menu-group .menu-heading {
      position: relative; }
      .bootstrap-accordion .menu-group .menu-heading .rdc-glyphicon {
        font-size: 18px;
        color: #00a546;
        width: 16px;
        height: 16px;
        margin-right: 18px; }
      .bootstrap-accordion .menu-group .menu-heading a {
        display: block;
        font-size: 15px;
        font-weight: 300;
        color: #00a546;
        padding: 10px 25px;
        -webkit-transition: 400ms ease all;
        -moz-transition: 400ms ease all;
        -ms-transition: 400ms ease all;
        transition: 400ms ease all;
        /* Arrow Menu */
        /* State Collapsed */ }
        .bootstrap-accordion .menu-group .menu-heading a::after {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 10px;
          content: "\e92f";
          width: 16px;
          height: 10px;
          position: absolute;
          right: 15px;
          top: 15px;
          -webkit-transition: 400ms ease all;
          -moz-transition: 400ms ease all;
          -ms-transition: 400ms ease all;
          transition: 400ms ease all;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
        .bootstrap-accordion .menu-group .menu-heading a.collapsed {
          color: #131313; }
          .bootstrap-accordion .menu-group .menu-heading a.collapsed .glyphicon {
            color: #7F7F7F; }
          .bootstrap-accordion .menu-group .menu-heading a.collapsed .rdc-glyphicon {
            color: #787878; }
        .bootstrap-accordion .menu-group .menu-heading a.collapsed::after {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg); }
    .bootstrap-accordion .menu-group ul.menu-content {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .bootstrap-accordion .menu-group ul.menu-content li a {
        display: block;
        font-size: 14px;
        font-weight: 300;
        color: #666;
        padding: 5px 15px 5px 60px; }
      .bootstrap-accordion .menu-group ul.menu-content li:last-child {
        margin-bottom: 20px; }

/* ==========================================================================
Bootstrap Accordion Component Styles
========================================================================== */
/* ==========================================================================
RDC Accordion Component Styles
========================================================================== */
.rdc-accordion {
  display: block; }
  .rdc-accordion-item {
    /* Header With Link and without Children */
    /* Active 0R Selected Link */
    /* Accordion Toggle Header */
    /* Accordion Content Base */
    /* Section Gap */
    /* Removing Last Seperator Line of Accordion Item */ }
    .rdc-accordion-item___link-header, .rdc-accordion-item___link-header:hover, .rdc-accordion-item___link-header:focus, .rdc-accordion-item___link-header:visited {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      position: relative;
      font-size: 15px;
      font-weight: 300;
      color: white;
      padding: 12px 25px;
      text-decoration: none;
      /* Mail / notification Bubble */ }
      .rdc-accordion-item___link-header .rdc-glyphicon, .rdc-accordion-item___link-header:hover .rdc-glyphicon, .rdc-accordion-item___link-header:focus .rdc-glyphicon, .rdc-accordion-item___link-header:visited .rdc-glyphicon {
        font-size: 20px;
        font-size: 1.42857rem;
        color: rgba(255, 255, 255, 0.8);
        width: 20px;
        height: 20px;
        margin-right: 18px; }
      .rdc-accordion-item___link-header .rdc-svgicon, .rdc-accordion-item___link-header:hover .rdc-svgicon, .rdc-accordion-item___link-header:focus .rdc-svgicon, .rdc-accordion-item___link-header:visited .rdc-svgicon {
        width: 24px;
        height: 24px;
        margin-left: -3px;
        margin-right: calc(18px - 4px); }
      .rdc-accordion-item___link-header:not(.is-disabled), .rdc-accordion-item___link-header:hover:not(.is-disabled), .rdc-accordion-item___link-header:focus:not(.is-disabled), .rdc-accordion-item___link-header:visited:not(.is-disabled) {
        cursor: pointer; }
      .rdc-accordion-item___link-header .bubble, .rdc-accordion-item___link-header:hover .bubble, .rdc-accordion-item___link-header:focus .bubble, .rdc-accordion-item___link-header:visited .bubble {
        position: absolute;
        display: inline-block;
        right: 15px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        border-radius: 3px;
        background-color: #C53D3C;
        font-size: 11px;
        font-size: 0.78571rem;
        font-weight: 100;
        color: white;
        line-height: 11px;
        padding: 3px 6px; }
    .rdc-accordion-item___link-header.active {
      color: rgba(255, 255, 255, 0.8); }
      .rdc-accordion-item___link-header.active .rdc-glyphicon {
        color: rgba(255, 255, 255, 0.8); }
    .rdc-accordion-item___header {
      position: relative;
      display: block;
      font-size: 15px;
      font-size: 1.07143rem;
      font-weight: 300;
      color: #9b9b9b;
      padding: 12px 25px;
      -webkit-transition: 400ms ease all;
      -moz-transition: 400ms ease all;
      -ms-transition: 400ms ease all;
      transition: 400ms ease all;
      /* Arrow Menu */
      /* Open State */ }
      .rdc-accordion-item___header::after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10px;
        content: "\e92f";
        width: 16px;
        height: 10px;
        position: absolute;
        right: 15px;
        top: 15px;
        -webkit-transition: 400ms ease all;
        -moz-transition: 400ms ease all;
        -ms-transition: 400ms ease all;
        transition: 400ms ease all;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
      .rdc-accordion-item___header .rdc-glyphicon {
        font-size: 18px;
        color: rgba(255, 255, 255, 0.8);
        width: 16px;
        height: 12px;
        margin-right: 14px; }
      .rdc-accordion-item___header:not(.is-disabled) {
        cursor: pointer; }
      .rdc-accordion-item___header.is-active {
        color: rgba(255, 255, 255, 0.8) !important; }
        .rdc-accordion-item___header.is-active .rdc-glyphicon {
          color: rgba(255, 255, 255, 0.8); }
        .rdc-accordion-item___header.is-active::after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
    .rdc-accordion-item___content {
      padding: 0;
      margin: 0;
      /* Open State */ }
      .rdc-accordion-item___content.is-active {
        min-height: 10px;
        /* Minimum Empty Content */ }
    .rdc-accordion-item___gap {
      height: 40px; }
    .rdc-accordion-item:nth-last-child(2) ul li:last-child::before {
      display: none !important; }

/* List of Items under Accordion Content */
.rdc-accordion-item___content {
  position: relative;
  overflow: hidden;
  /* Decorator Line */
  /* State Active (Open) */ }
  .rdc-accordion-item___content ul {
    list-style-type: none;
    padding: 8px 0;
    margin: 0;
    background-color: #f9f9f9;
    /* border-left: solid 6px $rdc-highlight-color; */ }
    .rdc-accordion-item___content ul li {
      position: relative; }
      .rdc-accordion-item___content ul li a {
        display: block;
        font-size: 15px;
        font-size: 1.07143rem;
        font-weight: 300;
        color: #969696;
        padding: 8px 15px 8px 60px; }
      .rdc-accordion-item___content ul li:hover {
        background-color: rgba(0, 0, 0, 0.035); }
      .rdc-accordion-item___content ul li a.active {
        color: rgba(255, 255, 255, 0.8); }
  .rdc-accordion-item___content::before {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #0091ea;
    width: 6px;
    left: 0px;
    top: 0px;
    bottom: 0;
    z-index: 2;
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    transition: all 600ms ease; }
  .rdc-accordion-item___content.is-active::before {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0); }

/* List of Items under Accordion Content */
ul.rdc-accordion-list {
  list-style-type: none;
  padding: 8px 0;
  margin: 0;
  background-color: #f9f9f9;
  /* border-left: solid 6px $rdc-highlight-color; */ }
  ul.rdc-accordion-list li {
    position: relative; }
    ul.rdc-accordion-list li a {
      display: block;
      font-size: 15px;
      font-size: 1.07143rem;
      font-weight: 300;
      color: #969696;
      padding: 8px 15px 8px 60px; }
    ul.rdc-accordion-list li:hover {
      background-color: rgba(0, 0, 0, 0.035); }
    ul.rdc-accordion-list li a.active {
      color: rgba(255, 255, 255, 0.8); }

.rdc-swiper {
  display: block;
  width: 100%;
  height: 100%;
  /* Additional Util Classed */ }
  .rdc-swiper .rdc-swiper-container {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    /* Holdes all the slides need to translate this guy */
    /* Pagination */ }
    .rdc-swiper .rdc-swiper-container .rdc-swiper-wrapper {
      transform: translate3d(-375px, 0px, 0px);
      /* Test 2nd Content */
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform,-webkit-transform;
      box-sizing: content-box;
      /* Slide Content */ }
      .rdc-swiper .rdc-swiper-container .rdc-swiper-wrapper .swiper-slide {
        position: relative;
        width: 100%;
        height: 100%;
        font-size: 18px;
        font-size: 1.28571rem;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    .rdc-swiper .rdc-swiper-container .rdc-swiper-pagination {
      text-align: center;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      position: absolute;
      z-index: 10;
      -webkit-transition: .3s;
      transition: .3s;
      pointer-events: none;
      left: 0;
      bottom: 10px;
      width: 100%; }
      .rdc-swiper .rdc-swiper-container .rdc-swiper-pagination___bullet {
        pointer-events: auto;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 3px;
        border-radius: 100%;
        background-color: rgba(0, 165, 70, 0.2); }
        .rdc-swiper .rdc-swiper-container .rdc-swiper-pagination___bullet:first-child {
          margin-left: 0; }
        .rdc-swiper .rdc-swiper-container .rdc-swiper-pagination___bullet:last-child {
          margin-right: 0; }
        .rdc-swiper .rdc-swiper-container .rdc-swiper-pagination___bullet.activated {
          background-color: #00a546; }
  .rdc-swiper .slide-zoom {
    text-align: center;
    display: block;
    width: 100%; }

/* ==========================================================================
Collapsible Panel Component Styles
========================================================================== */
.rdc-collapsible-panel {
  position: relative;
  background-color: #fff;
  border: solid 1px #eaeaea;
  border-radius: 5px;
  /* Decorator Line */
  /* State Collapse */
  /* Override: No Active ( Decorator ) Border */ }
  .rdc-collapsible-panel___header {
    position: relative;
    padding: 12px 35px 12px 15px;
    min-height: 60px; }
    .rdc-collapsible-panel___header .rdc-glyphicon {
      width: 15px;
      height: 10px;
      display: inline-block;
      position: absolute;
      right: 20px;
      top: 20px;
      font-size: 10px;
      font-size: 0.71429rem;
      color: #d8d8d8; }
    .rdc-collapsible-panel___header .down-arrow {
      display: inline-block;
      width: 10px;
      height: 6px;
      position: absolute;
      right: 12px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-down-chevron-grey.svg) no-repeat;
      background-size: 100% 100%; }
  .rdc-collapsible-panel___content {
    border-top: solid 1px #eaeaea;
    padding: 12px 15px 12px 15px; }
  .rdc-collapsible-panel::after {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #0091ea;
    width: 2px;
    left: 3px;
    top: 3px;
    bottom: 3px;
    -webkit-transition: bottom 600ms ease;
    -moz-transition: bottom 600ms ease;
    -ms-transition: bottom 600ms ease;
    transition: bottom 600ms ease; }
  .rdc-collapsible-panel.collapsed .rdc-collapsible-panel___header .rdc-glyphicon,
  .rdc-collapsible-panel.collapsed .rdc-collapsible-panel___header .down-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transform-origin: top center; }
  .rdc-collapsible-panel.collapsed::after {
    bottom: 100%; }
  .rdc-collapsible-panel---no-decorator::after {
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none; }

/* ==========================================================================
Collapsible Notes ( Collapsible Panel Component ) Styles
========================================================================== */
.rdc-collapsible-panel.rdc-collapsible-notes {
  position: relative;
  background-color: transparent;
  border: none;
  border-radius: 0;
  /* Decorator Line */
  /* State Collapse */
  /* Notes Header */ }
  .rdc-collapsible-panel.rdc-collapsible-notes .rdc-collapsible-panel___header {
    position: relative;
    padding: 0;
    min-height: 0;
    height: 44px;
    display: flex; }
  .rdc-collapsible-panel.rdc-collapsible-notes .rdc-collapsible-panel___content {
    border-top: none;
    padding: 0; }
    .rdc-collapsible-panel.rdc-collapsible-notes .rdc-collapsible-panel___content p {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #969696;
      font-weight: 300; }
  .rdc-collapsible-panel.rdc-collapsible-notes::after {
    display: none; }
  .rdc-collapsible-panel.rdc-collapsible-notes.collapsed .rdc-notes-header___notes .plus-icon:before {
    width: 1px; }
  .rdc-collapsible-panel.rdc-collapsible-notes.expanded .rdc-notes-header___notes .plus-icon:before {
    width: 0px; }
  .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header {
    flex: 0 0 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___line {
      flex: 1 1 auto;
      height: 1px;
      background: #CFCFCF; }
    .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes {
      flex: 0;
      display: inline-flex;
      align-items: center;
      font-size: 12px;
      font-size: 0.85714rem;
      color: #969696;
      font-weight: 300;
      line-height: 12px;
      margin: 0 10px; }
      .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes .plus-icon {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        margin-left: 5px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: solid 1px #9b9b9b;
        /* Horizontal line */
        /* Vertical Line */ }
        .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes .plus-icon:after, .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes .plus-icon:before {
          content: '';
          position: absolute;
          background: #9b9b9b;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes .plus-icon:after {
          width: 8px;
          height: 1px; }
        .rdc-collapsible-panel.rdc-collapsible-notes .rdc-notes-header___notes .plus-icon:before {
          height: 8px; }

/* ==========================================================================
RDC List Styles
========================================================================== */
.rdc-list .item {
  contain: content;
  background-color: white; }
  .rdc-list .item.activated {
    background-color: #d9d9d9;
    transition-duration: 0ms; }

.rdc-list .item-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  text-align: initial;
  line-height: normal;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 4.4rem;
  border: 0;
  overflow: hidden; }

.rdc-list li {
  border-bottom: solid 1px #d2d2d2; }

/* ==========================================================================
RDC OTP Component Styles
========================================================================== */
.rdc-otp {
  position: fixed !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  /* Default Theme */
  /* Dark Theme Override */ }
  .rdc-otp .rdc-scroll-content {
    padding: 0 15px; }
    .rdc-otp .rdc-scroll-content .rdc-view___content {
      padding: 0;
      margin: 0;
      text-align: center; }
  .rdc-otp .heading,
  .rdc-otp .title {
    text-align: center; }
  .rdc-otp .heading {
    font-size: 18px;
    font-size: 1.28571rem;
    font-weight: 300;
    line-height: 1.35;
    padding: 70px 30px 35px 30px;
    margin-bottom: 0; }
  .rdc-otp .title {
    color: #201F1F;
    margin-bottom: 15px;
    margin-bottom: 10px; }
  .rdc-otp .rdc-otp-input-wrapper {
    width: 100%;
    margin-bottom: 25px;
    text-align: center; }
  .rdc-otp .resend-button {
    font-size: 13px;
    font-size: 0.92857rem;
    color: #646464;
    background: transparent; }
  .rdc-otp---dark {
    background: rgba(25, 25, 25, 0.9) !important;
    background-color: rgba(25, 25, 25, 0.9) !important; }
    .rdc-otp---dark .rdc-scroll-content {
      display: flex;
      flex-flow: column nowrap;
      align-items: center;
      justify-content: center;
      padding: 0 15px; }
      .rdc-otp---dark .rdc-scroll-content .rdc-view___content {
        text-align: center; }
    .rdc-otp---dark .heading {
      font-size: 22px;
      font-size: 1.57143rem;
      color: white;
      font-weight: 300;
      text-align: center;
      line-height: 1.33;
      padding: 0 25px;
      margin-bottom: 35px; }
    .rdc-otp---dark .title {
      color: #fff;
      font-weight: 300;
      margin-bottom: 10px; }
    .rdc-otp---dark .rdc-otp-input-wrapper {
      width: 100%;
      margin-bottom: 25px;
      text-align: center; }
      .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input .component-holder .textinput-wrapper input {
        color: #fff; }
      .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input::after, .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input:last-child::after {
        background-color: #fff; }
      .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input.focusedcss {
        border-bottom: none; }
        .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input.focusedcss::after, .rdc-otp---dark .rdc-otp-input-wrapper .rdc-passcode-otp .rdc-text-input.focusedcss:last-child::after {
          background-color: #0091ea; }
    .rdc-otp---dark .resend-button {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #00a546;
      background: transparent;
      min-height: 50px;
      margin-bottom: 10px; }
    .rdc-otp---dark .proceed-button {
      min-height: 60px; }
    .rdc-otp---dark .cross-icon {
      display: inline-block;
      position: fixed;
      top: 5px;
      right: 5px;
      width: 48px;
      height: 48px;
      background-image: url("../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-overlay-popup-close.svg");
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer; }

/* ==========================================================================
Soft Number Pad Styles
========================================================================== */
.rdc-number-pad-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: solid 1px #ccc; }
  .rdc-number-pad-wrapper .rdc-number-pad {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    background: white; }
    .rdc-number-pad-wrapper .rdc-number-pad___key-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      border-top: solid 1px #ccc; }
      .rdc-number-pad-wrapper .rdc-number-pad___key-row:first-child {
        border-top: none; }
      .rdc-number-pad-wrapper .rdc-number-pad___key-row .key {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        height: 54px;
        font-size: 30px;
        font-size: 2.14286rem;
        color: #030303;
        font-weight: 400;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); }
        .rdc-number-pad-wrapper .rdc-number-pad___key-row .key.no-action {
          pointer-events: none;
          -webkit-tap-highlight-color: transparent !important; }
        .rdc-number-pad-wrapper .rdc-number-pad___key-row .key.shaded {
          background-color: #f9f9f9; }
        .rdc-number-pad-wrapper .rdc-number-pad___key-row .key:first-child {
          border-right: solid 1px #ccc; }
        .rdc-number-pad-wrapper .rdc-number-pad___key-row .key:last-child {
          border-left: solid 1px #ccc; }
        .rdc-number-pad-wrapper .rdc-number-pad___key-row .key .btn-key-back {
          width: 22px;
          height: 16px; }
    .rdc-number-pad-wrapper .rdc-number-pad___footer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      /* Equal Width Childrens */ }
      .rdc-number-pad-wrapper .rdc-number-pad___footer button,
      .rdc-number-pad-wrapper .rdc-number-pad___footer .rdc-button {
        text-transform: uppercase; }
        .rdc-number-pad-wrapper .rdc-number-pad___footer button:nth-child(1),
        .rdc-number-pad-wrapper .rdc-number-pad___footer .rdc-button:nth-child(1) {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
          -moz-box-flex: 1;
          -moz-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
        .rdc-number-pad-wrapper .rdc-number-pad___footer button:nth-child(2),
        .rdc-number-pad-wrapper .rdc-number-pad___footer .rdc-button:nth-child(2) {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 66.66%;
          -moz-box-flex: 0;
          -moz-flex: 0 0 66.66%;
          -ms-flex: 0 0 66.66%;
          flex: 0 0 66.66%; }
      .rdc-number-pad-wrapper .rdc-number-pad___footer---equal-child-width button:nth-child(1), .rdc-number-pad-wrapper .rdc-number-pad___footer---equal-child-width button:nth-child(2) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%; }

/* ==========================================================================
Currency Snippet Styles
========================================================================== */
.rdc-currency .numberinput-wrapper input {
  text-align: right; }

/* ==========================================================================
Currency Input Styles
========================================================================== */
.rdc-currency-input {
  display: inline-block; }
  .rdc-currency-input___amount, .rdc-currency-input___decimal {
    display: inline-block;
    font-size: 18px;
    font-size: 1.28571rem;
    color: #00a546;
    font-weight: 300; }
    .negative .rdc-currency-input___amount, .negative .rdc-currency-input___decimal {
      color: #d2534d; }
    .is-negative .rdc-currency-input___amount, .is-negative .rdc-currency-input___decimal {
      color: #d2534d; }
  .rdc-currency-input___decimal {
    margin-left: -3px; }
  .rdc-currency-input___currency {
    display: inline-block;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    font-weight: 300; }

/* ==========================================================================
Off Canvas Menu Styles [WIP]
========================================================================== */
.off-canvas-base {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* Off Canvas Menu */
  /* Off Canvas Content Wrapper */
  /* Dim Layer */ }
  .off-canvas-base .off-canvas-menu-wrapper,
  .off-canvas-base .off-canvas-content-wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    transition-property: transform,-webkit-transform; }
  .off-canvas-base .off-canvas-menu-wrapper {
    position: absolute;
    width: 275px;
    height: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    background: #F7F7F7;
    /* white */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-transform: translateX(-275px);
    transform: translateX(-275px);
    overflow: hidden;
    z-index: 5;
    /* State Open */ }
    .off-canvas-base .off-canvas-menu-wrapper .menu-header {
      height: 50px;
      background-color: white;
      border-bottom: solid 1px #EBEBEB;
      display: flex;
      flex-flow: row nowrap; }
      .off-canvas-base .off-canvas-menu-wrapper .menu-header .menu-item {
        flex: 1 1 auto;
        display: flex;
        align-items: center; }
        .off-canvas-base .off-canvas-menu-wrapper .menu-header .menu-item a {
          font-size: 15px;
          font-weight: 300;
          color: #131313;
          padding: 10px 25px; }
          .off-canvas-base .off-canvas-menu-wrapper .menu-header .menu-item a .rdc-glyphicon {
            width: 16px;
            height: 16px;
            margin-right: 18px; }
      .off-canvas-base .off-canvas-menu-wrapper .menu-header .notification {
        display: flex;
        height: 100%;
        align-items: center;
        margin-right: 12px; }
        .off-canvas-base .off-canvas-menu-wrapper .menu-header .notification___icon {
          font-size: 18px;
          color: #787878; }
        .off-canvas-base .off-canvas-menu-wrapper .menu-header .notification___badge {
          display: inline-block;
          font-size: 12px;
          color: #fff;
          text-align: center;
          padding: 0 8px;
          min-height: 24px;
          line-height: 24px;
          background-color: #DD353D;
          border-radius: 16px; }
    .off-canvas-base .off-canvas-menu-wrapper .menu-scroll-content {
      position: absolute;
      left: 0;
      right: 0;
      top: 80px;
      /* 50px */
      bottom: 95px;
      /* Y Scrollable Content */
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      border-top: solid 1px #EBEBEB;
      border-bottom: solid 1px #EBEBEB; }
    .off-canvas-base .off-canvas-menu-wrapper .menu-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 30px 10px 15px 10px;
      background-color: #F7F7F7; }
      .off-canvas-base .off-canvas-menu-wrapper .menu-footer .rdc-button span {
        font-weight: 400;
        display: inline-block;
        margin-left: 10px;
        line-height: 22px; }
    .off-canvas-base .off-canvas-menu-wrapper.is-drawer-open {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  .off-canvas-base .off-canvas-content-wrapper {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    /* Off Canvas Scroll Content Wrapper */ }
    .off-canvas-base .off-canvas-content-wrapper .off-canvas-scroll-content {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      /* 50px */
      /* Pass Header Height when header exist */
      bottom: 0;
      /* Pass Footer Height when footer exist */
      /* Y Scrollable Content */
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      .off-canvas-base .off-canvas-content-wrapper .off-canvas-scroll-content.is-header-enabled {
        top: 50px; }
      .off-canvas-base .off-canvas-content-wrapper .off-canvas-scroll-content.is-footer-enabled {
        bottom: 50px; }
    .off-canvas-base .off-canvas-content-wrapper.is-drawer-open {
      -webkit-transform: translateX(275px);
      transform: translateX(275px); }
      .off-canvas-base .off-canvas-content-wrapper.is-drawer-open .off-canvas-scroll-content {
        filter: blur(1.5px); }
  .off-canvas-base .off-canvas-obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 4;
    /* Close Icon */ }
    .off-canvas-base .off-canvas-obfuscator.is-drawer-open {
      background-color: rgba(0, 0, 0, 0.6);
      visibility: visible;
      opacity: 1;
      pointer-events: auto; }
    .off-canvas-base .off-canvas-obfuscator .rdc-icons {
      position: absolute;
      right: 15px;
      top: 15px;
      color: rgba(255, 255, 255, 0.75);
      font-size: 18px;
      cursor: pointer; }

/* ==========================================================================
Off Canvas Menu Styles [WIP]
========================================================================== */
/* Burger Menu Overrides */
.ember-burger-menu .bm-outlet .bm-content {
  overflow: hidden !important; }

.bm--rdc-push-animation.ember-burger-menu.left .bm-outlet {
  transition: transform 300ms; }

.bm--rdc-push-animation .bm-menu {
  width: 100% !important;
  visibility: visible; }

.bm--rdc-push-animation.ember-burger-menu.left .bm-outlet {
  z-index: 100;
  transition: transform 400ms; }

/* BM Content Wrapper */
.bm-content-wrapper {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  /* BM Scroll Content Wrapper */ }
  .bm-content-wrapper .bm-scroll-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    /* Pass Header Height when header exist */
    bottom: 0;
    /* Pass Footer Height when footer exist */
    /* Y Scrollable Content */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .bm-content-wrapper .bm-scroll-content.is-header-enabled {
      top: 50px; }
    .bm-content-wrapper .bm-scroll-content.is-footer-enabled {
      bottom: 50px; }

/* Scenario: When Sliding Native Web View */
.sidebar-burger-menu.is-hijacked .bm-outlet {
  -webkit-transition: none !important;
  transition: none !important; }

.sidebar-burger-menu.is-hijacked .bm-menu::after {
  display: none !important; }

/* ==========================================================================
RDC Loading Indicator Styles
========================================================================== */
.loading-indicator-wrapper,
.rdc-loading-indicator-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5); }
  .loading-indicator-wrapper .loading-message-wrapper,
  .loading-indicator-wrapper .rdc-loading-indicator,
  .rdc-loading-indicator-wrapper .loading-message-wrapper,
  .rdc-loading-indicator-wrapper .rdc-loading-indicator {
    border-radius: 5px;
    background-color: #000;
    padding: 5px 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .loading-indicator-wrapper .loading-message-wrapper .loading-spinner, .loading-indicator-wrapper .loading-message-wrapper___spinner,
    .loading-indicator-wrapper .rdc-loading-indicator .loading-spinner,
    .loading-indicator-wrapper .rdc-loading-indicator___spinner,
    .rdc-loading-indicator-wrapper .loading-message-wrapper .loading-spinner,
    .rdc-loading-indicator-wrapper .loading-message-wrapper___spinner,
    .rdc-loading-indicator-wrapper .rdc-loading-indicator .loading-spinner,
    .rdc-loading-indicator-wrapper .rdc-loading-indicator___spinner {
      display: block;
      float: left;
      position: relative;
      top: 4px;
      width: 20px;
      height: 20px;
      background: url(../rdc-ui-adn-theme-ui20/assets/images/spinner.svg) no-repeat;
      background-size: 20px; }
    .loading-indicator-wrapper .loading-message-wrapper .loading-message, .loading-indicator-wrapper .loading-message-wrapper___message,
    .loading-indicator-wrapper .rdc-loading-indicator .loading-message,
    .loading-indicator-wrapper .rdc-loading-indicator___message,
    .rdc-loading-indicator-wrapper .loading-message-wrapper .loading-message,
    .rdc-loading-indicator-wrapper .loading-message-wrapper___message,
    .rdc-loading-indicator-wrapper .rdc-loading-indicator .loading-message,
    .rdc-loading-indicator-wrapper .rdc-loading-indicator___message {
      font-size: 15px;
      font-size: 1.07143rem;
      color: white;
      font-weight: 400;
      padding-left: 30px;
      line-height: 30px;
      margin-bottom: 0; }

/* ==========================================================================
RDC Fancy SpinnerStyles
========================================================================== */
.fancy-spinner {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.85); }
  .fancy-spinner___spinner {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(../rdc-ui-adn-theme-ui20/assets/images/spinner/cicle-loader.gif) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

/* ==========================================================================
RDC Shield SpinnerStyles
========================================================================== */
.shield-spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .shield-spinner-wrapper .rdc-loading-indicator___message {
    padding-left: 10px; }

.shield-spinner-circle {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 20px; }

.shield-spinner {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 5px solid rgba(0, 0, 0, 0.3);
  border-right: 5px solid #0091ea;
  animation: rotate--spinner 1.6s linear infinite;
  box-sizing: border-box; }

.shield-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: white; }

@keyframes rotate--spinner {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

/* ==========================================================================
Bootstrap Collapse Component Styles
========================================================================== */
/* ==========================================================================
RDC Collapse Component Styles
========================================================================== */
.rdc-collapse {
  display: block; }
  .rdc-collapse-item {
    /* Header With Link and without Children */
    /* Active 0R Selected Link */
    /* Collapse Toggle Header */
    /* Collapse Content Base */
    /* Section Gap */ }
    .rdc-collapse-item___link-header, .rdc-collapse-item___link-header:hover, .rdc-collapse-item___link-header:focus, .rdc-collapse-item___link-header:visited {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      position: relative;
      font-size: 15px;
      font-weight: 300;
      color: white;
      padding: 12px 25px;
      text-decoration: none;
      /* Mail / notification Bubble */ }
      .rdc-collapse-item___link-header .rdc-glyphicon, .rdc-collapse-item___link-header:hover .rdc-glyphicon, .rdc-collapse-item___link-header:focus .rdc-glyphicon, .rdc-collapse-item___link-header:visited .rdc-glyphicon {
        font-size: 20px;
        font-size: 1.42857rem;
        color: rgba(255, 255, 255, 0.8);
        width: 20px;
        height: 20px;
        margin-right: 18px; }
      .rdc-collapse-item___link-header .rdc-svgicon, .rdc-collapse-item___link-header:hover .rdc-svgicon, .rdc-collapse-item___link-header:focus .rdc-svgicon, .rdc-collapse-item___link-header:visited .rdc-svgicon {
        width: 24px;
        height: 24px;
        margin-left: -3px;
        margin-right: calc(18px - 4px); }
      .rdc-collapse-item___link-header:not(.is-disabled), .rdc-collapse-item___link-header:hover:not(.is-disabled), .rdc-collapse-item___link-header:focus:not(.is-disabled), .rdc-collapse-item___link-header:visited:not(.is-disabled) {
        cursor: pointer; }
      .rdc-collapse-item___link-header .bubble, .rdc-collapse-item___link-header:hover .bubble, .rdc-collapse-item___link-header:focus .bubble, .rdc-collapse-item___link-header:visited .bubble {
        position: absolute;
        display: inline-block;
        right: 15px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        border-radius: 3px;
        background-color: #C53D3C;
        font-size: 11px;
        font-size: 0.78571rem;
        font-weight: 100;
        color: white;
        line-height: 11px;
        padding: 3px 6px; }
    .rdc-collapse-item___link-header.active {
      color: rgba(255, 255, 255, 0.8); }
      .rdc-collapse-item___link-header.active .rdc-glyphicon {
        color: rgba(255, 255, 255, 0.8); }
    .rdc-collapse-item___header {
      position: relative;
      display: block;
      font-size: 15px;
      font-size: 1.07143rem;
      font-weight: 300;
      color: #9b9b9b;
      padding: 12px 25px;
      -webkit-transition: 400ms ease all;
      -moz-transition: 400ms ease all;
      -ms-transition: 400ms ease all;
      transition: 400ms ease all;
      /* Arrow Menu */
      /* Open State */ }
      .rdc-collapse-item___header::after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10px;
        content: "\e92f";
        width: 16px;
        height: 10px;
        position: absolute;
        right: 15px;
        top: 15px;
        -webkit-transition: 400ms ease all;
        -moz-transition: 400ms ease all;
        -ms-transition: 400ms ease all;
        transition: 400ms ease all;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
      .rdc-collapse-item___header .rdc-glyphicon {
        font-size: 18px;
        color: rgba(255, 255, 255, 0.8);
        width: 16px;
        height: 12px;
        margin-right: 14px; }
      .rdc-collapse-item___header:not(.is-disabled) {
        cursor: pointer; }
      .rdc-collapse-item___header.is-active {
        color: rgba(255, 255, 255, 0.8) !important; }
        .rdc-collapse-item___header.is-active .rdc-glyphicon {
          color: rgba(255, 255, 255, 0.8); }
        .rdc-collapse-item___header.is-active::after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
    .rdc-collapse-item___content {
      padding: 0;
      margin: 0;
      /* Open State */ }
      .rdc-collapse-item___content.is-active {
        min-height: 10px;
        /* Minimum Empty Content */ }
    .rdc-collapse-item___gap {
      height: 40px; }

/* ==========================================================================
RDC Card List Styles
========================================================================== */
/* Variables */
.rdc-card-list .debit-card {
  margin-bottom: 15px; }

.rdc-card-list .component-header {
  height: 34px;
  background-color: #e7e7e7;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  font-size: 12px;
  font-size: 0.85714rem; }

.rdc-card-list .select-all {
  color: #0091ea; }

.rdc-card-list .rdc-card-component.checked .card-holder {
  border: 1px solid #00a546; }

.rdc-card-list .rdc-card-component.checked .cards .card-button__icon {
  background-color: #00a546; }
  .rdc-card-list .rdc-card-component.checked .cards .card-button__icon::after {
    color: #fff; }

.rdc-card-list .rdc-card-component .card-holder {
  border: 1px solid #e7e7e7;
  padding: 18px;
  height: auto;
  background-color: #fff; }

.rdc-card-list .rdc-card-component .cards {
  display: -webkit-flex;
  display: flex;
  text-align: left; }
  .rdc-card-list .rdc-card-component .cards .card-image {
    -webkit-flex: none;
    flex: none;
    width: 58px;
    padding: 2px 10px 0 0; }
    .rdc-card-list .rdc-card-component .cards .card-image img {
      width: 48px;
      height: 30px; }
  .rdc-card-list .rdc-card-component .cards .card-details {
    -webkit-flex: auto;
    flex: auto;
    width: auto; }
    .rdc-card-list .rdc-card-component .cards .card-details .card-name {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #777777; }
    .rdc-card-list .rdc-card-component .cards .card-details .card-number {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #9b9b9b; }
  .rdc-card-list .rdc-card-component .cards .card-button {
    -webkit-flex: none;
    flex: none;
    width: 40px;
    padding-left: 10px; }
    .rdc-card-list .rdc-card-component .cards .card-button__icon {
      float: right;
      position: relative;
      border: none;
      background-color: #efefef;
      box-shadow: none;
      width: 30px;
      height: 30px;
      margin: 0;
      border-radius: 21px; }
      .rdc-card-list .rdc-card-component .cards .card-button__icon::after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        content: "\e907";
        color: #efefef;
        padding: 4px 0 0 2px;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 1px;
        top: 5px;
        -webkit-transition: 400ms ease all;
        -moz-transition: 400ms ease all;
        -ms-transition: 400ms ease all;
        transition: 400ms ease all; }

/* ==========================================================================
RDC cheque List Styles
========================================================================== */
/* Variables */
.rdc-cheque-book-list .cheque-book-list {
  margin-bottom: 15px; }

.rdc-cheque-book-list .component-header {
  height: 34px;
  padding: 10px;
  font-size: 12px;
  font-size: 0.85714rem;
  color: #9b9b9b; }

.rdc-cheque-book-list .select-all {
  font-size: 14px;
  font-size: 1rem;
  color: #0091ea; }

.rdc-cheque-book-list .rdc-cheque-book.checked .cheque-holder {
  border: 1px solid #00a546; }

.rdc-cheque-book-list .rdc-cheque-book.checked .cheques .cheque-button__icon {
  background-color: #00a546; }
  .rdc-cheque-book-list .rdc-cheque-book.checked .cheques .cheque-button__icon::after {
    color: #fff; }

.rdc-cheque-book-list .rdc-cheque-book:first-child .cheque-holder {
  border-radius: 3px 3px 0 0; }

.rdc-cheque-book-list .rdc-cheque-book:last-child .cheque-holder {
  border-radius: 0 0 3px 3px; }

.rdc-cheque-book-list .rdc-cheque-book .cheque-holder {
  border: 1px solid #e7e7e7;
  padding: 16px;
  height: auto;
  background-color: #fff; }

.rdc-cheque-book-list .rdc-cheque-book .cheques {
  display: -webkit-flex;
  display: flex;
  text-align: left; }
  .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-details {
    -webkit-flex: auto;
    flex: auto;
    width: auto; }
    .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-details .cheque-name {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #777777; }
    .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-details .cheque-number {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #9b9b9b; }
  .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-button {
    -webkit-flex: none;
    flex: none;
    width: 40px;
    padding-left: 10px; }
    .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-button__icon {
      float: right;
      position: relative;
      border: none;
      background-color: #efefef;
      box-shadow: none;
      width: 30px;
      height: 30px;
      margin: 0;
      border-radius: 21px; }
      .rdc-cheque-book-list .rdc-cheque-book .cheques .cheque-button__icon::after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        content: "\e907";
        color: #efefef;
        padding: 4px 0 0 2px;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 1px;
        top: 5px;
        -webkit-transition: 400ms ease all;
        -moz-transition: 400ms ease all;
        -ms-transition: 400ms ease all;
        transition: 400ms ease all; }

/* ==========================================================================
Rdc Navigation Select Component Styles
========================================================================== */
/* Variables */
.rdc-navigation-select .label-holder label {
  font-weight: 400;
  color: #0091ea;
  margin: 0 0 5px 0;
  padding: 0 0 0 5px;
  line-height: 1.2; }

.rdc-navigation-select .label-holder span {
  font-weight: 400;
  position: absolute;
  right: 10px; }

.rdc-navigation-select .component-holder {
  height: auto; }

.rdc-navigation-select .textinput-wrapper {
  display: block;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid rgba(116, 116, 116, 0.25);
  height: 60px;
  margin-bottom: 5px; }
  .rdc-navigation-select .textinput-wrapper button {
    font-family: "SC Sans Web", sans-serif;
    font-size: 15px;
    font-weight: 200;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background: transparent;
    text-align: left; }
    .rdc-navigation-select .textinput-wrapper button .rdc-navigation-item-label {
      font-weight: 300; }
  .rdc-navigation-select .textinput-wrapper span {
    position: absolute;
    right: 12px;
    top: 23px;
    width: 20px;
    height: 20px;
    pointer-events: none; }

/* RDC UI SNIPPET STYLES */
/* Small Utils */
.error {
  color: #d0021b !important; }

/* ==========================================================================
Side Bar Burger Menu Styles
========================================================================== */
.sidebar-burger-menu {
  background: url(../rdc-ui-adn-theme-ui20/assets/images/s-idebar-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  /* Dim Overlay */ }
  .sidebar-burger-menu.is-open.translucent-overlay .bm-outlet::after {
    background: transparent !important; }
  .sidebar-burger-menu.is-open .bm-content {
    /* When 3D Squeze Effect */
    -webkit-box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.7); }
  .sidebar-burger-menu .sidebar-menu-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 77%;
    height: 100%;
    left: 0;
    /* Only If Physical Device (iOS), pushing content to manage Status Bar overlay space  */
    /* Scroll Menu Content */ }
    .is-ios .sidebar-burger-menu .sidebar-menu-wrapper {
      height: calc( 100% - 20px);
      margin-top: 20px; }
    .sidebar-burger-menu .sidebar-menu-wrapper .banner-header {
      -webkit-box-flex: none;
      -webkit-flex: none;
      -moz-box-flex: none;
      -moz-flex: none;
      -ms-flex: none;
      flex: none;
      padding: 25px 18px 0 18px;
      /* Sub Nav Links */ }
      .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .title a {
        font-size: 24px;
        font-size: 1.71429rem;
        font-weight: 200;
        color: rgba(255, 255, 255, 0.7); }
      .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        padding: 0;
        border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
        .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links .spacer {
          position: relative;
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
          -moz-box-flex: 1;
          -moz-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          height: 15px; }
          .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links .spacer::after {
            content: '';
            display: inline-block;
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            width: 1px;
            background-color: rgba(255, 255, 255, 0.3); }
        .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links li {
          position: relative; }
          .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links li:first-child {
            padding-left: 0; }
          .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links li:last-child::after {
            visibility: hidden; }
          .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links li a {
            font-size: 13px;
            font-size: 0.92857rem;
            font-weight: 300;
            color: white;
            letter-spacing: 0.2;
            padding-top: 15px;
            padding-bottom: 15px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row nowrap;
            -moz-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center; }
            .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links li a .rdc-svgicon {
              width: 12px;
              height: 12px;
              margin-right: 5px; }
        .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .sub-links.disabled {
          opacity: .3;
          pointer-events: none; }
      .sidebar-burger-menu .sidebar-menu-wrapper .banner-header .last-login {
        display: block;
        font-size: 11px;
        font-size: 0.78571rem;
        color: white;
        font-weight: 200;
        padding: 10px 0 0 0; }
    .sidebar-burger-menu .sidebar-menu-wrapper .sub-links-2 .spacer {
      position: relative;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 1;
      -moz-box-flex: 0;
      -moz-flex: 0 0 1;
      -ms-flex: 0 0 1;
      flex: 0 0 1; }
    .sidebar-burger-menu .sidebar-menu-wrapper .sub-links-2 li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
    .sidebar-burger-menu .sidebar-menu-wrapper .menu-scroll-content {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 20px 0 50px 0;
      /* Y Scrollable Content */
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      .sidebar-burger-menu .sidebar-menu-wrapper .menu-scroll-content.is-loggedin {
        padding-top: 10px; }
      .sidebar-burger-menu .sidebar-menu-wrapper .menu-scroll-content::before {
        content: '';
        position: absolute;
        top: 0;
        left: 25px;
        right: 50px;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.35); }

/* ==========================================================================
RDC Sidebar Accordion Component Styles
========================================================================== */
.rdc-collapse-item.always-expanded .rdc-collapse-item___header {
  pointer-events: none; }

.rdc-sidebar-accordion {
  display: block; }
  .rdc-sidebar-accordion .rdc-collapse-item {
    margin: 8px 0;
    /* Accordion Toggle Header */
    /* Accordion Content Base */
    /* Section Gap */ }
    .rdc-sidebar-accordion .rdc-collapse-item___header {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      padding: 10px 25px;
      -webkit-transition: 400ms ease all;
      -moz-transition: 400ms ease all;
      -ms-transition: 400ms ease all;
      transition: 400ms ease all;
      /* Arrow Menu */
      /* Open State */ }
      .rdc-sidebar-accordion .rdc-collapse-item___header a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
      .rdc-sidebar-accordion .rdc-collapse-item___header label {
        font-size: 15px;
        font-size: 1.07143rem;
        font-weight: 300;
        color: #fff;
        line-height: 15px;
        margin-top: 3px; }
      .rdc-sidebar-accordion .rdc-collapse-item___header::after {
        display: none; }
      .rdc-sidebar-accordion .rdc-collapse-item___header .rdc-glyphicon,
      .rdc-sidebar-accordion .rdc-collapse-item___header .rdc-svgicon {
        font-size: 18px;
        color: rgba(255, 255, 255, 0.8);
        width: 20px;
        height: 20px;
        margin-right: 14px; }
      .rdc-sidebar-accordion .rdc-collapse-item___header:not(.is-disabled) {
        cursor: pointer; }
      .rdc-sidebar-accordion .rdc-collapse-item___header.is-active::before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        right: 18px;
        top: 0;
        bottom: 0;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        background-color: rgba(255, 255, 255, 0.22); }
    .rdc-sidebar-accordion .rdc-collapse-item___content {
      position: relative;
      overflow: hidden;
      padding: 0;
      margin: 0;
      /* Open State */
      /* Decorator Line */
      /* State Active (Open) */ }
      .rdc-sidebar-accordion .rdc-collapse-item___content.is-active {
        min-height: 10px;
        /* Minimum Empty Content */ }
      .rdc-sidebar-accordion .rdc-collapse-item___content ul {
        list-style-type: none;
        padding: 8px 0;
        margin: 0;
        background-color: transparent; }
        .rdc-sidebar-accordion .rdc-collapse-item___content ul li {
          position: relative; }
          .rdc-sidebar-accordion .rdc-collapse-item___content ul li a {
            display: block;
            position: relative;
            font-size: 15px;
            font-size: 1.07143rem;
            font-weight: 200;
            color: white;
            padding: 8px 15px 8px 70px;
            letter-spacing: 0.2; }
            .rdc-sidebar-accordion .rdc-collapse-item___content ul li a.active::before {
              content: ' ';
              display: block;
              position: absolute;
              left: 54px;
              top: 5px;
              bottom: 5px;
              width: 3px;
              background-color: white; }
          .rdc-sidebar-accordion .rdc-collapse-item___content ul li:hover {
            background-color: rgba(0, 0, 0, 0.035); }
      .rdc-sidebar-accordion .rdc-collapse-item___content::before {
        content: '';
        display: inline-block;
        position: absolute;
        background-color: rgba(255, 255, 255, 0.35);
        width: 1px;
        left: 55px;
        top: 14px;
        bottom: 14px;
        z-index: 2;
        transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        transition: all 600ms ease; }
      .rdc-sidebar-accordion .rdc-collapse-item___content.is-expanded::before {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0); }
    .rdc-sidebar-accordion .rdc-collapse-item___gap {
      position: relative;
      height: 40px; }
      .rdc-sidebar-accordion .rdc-collapse-item___gap::after {
        content: '';
        position: absolute;
        left: 24px;
        right: 25%;
        height: 1px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }

/* ==========================================================================
Side Bar Burger Menu Styles
========================================================================== */
.sidebar-burger-menu---kitchen-sink {
  /* Menu Footer */ }
  .sidebar-burger-menu---kitchen-sink .menu-footer {
    bottom: 0;
    padding: 12px 25px; }
    .sidebar-burger-menu---kitchen-sink .menu-footer .version_title,
    .sidebar-burger-menu---kitchen-sink .menu-footer .version_number {
      padding: 0;
      margin: 0; }
    .sidebar-burger-menu---kitchen-sink .menu-footer .version_title {
      font-size: 15px;
      font-size: 1.07143rem;
      font-weight: 200;
      color: rgba(255, 255, 255, 0.7); }
    .sidebar-burger-menu---kitchen-sink .menu-footer .version_number {
      font-size: 28px;
      font-size: 2rem;
      font-weight: 200;
      color: rgba(255, 255, 255, 0.7);
      margin-top: -6px; }
    .sidebar-burger-menu---kitchen-sink .menu-footer .dot {
      font-weight: 300; }

.help-description {
  font-size: 14px;
  font-size: 1rem;
  color: #9b9b9b; }

/* ==========================================================================
NavBar Sub Header Styles
========================================================================== */
.navbar-sub-header {
  height: 50px;
  background-color: #0091ea;
  padding: 0px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  /* Tab Bar Holder Override */ }
  .navbar-sub-header___title, .navbar-sub-header___steps {
    color: white; }
  .navbar-sub-header___title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    font-size: 15px;
    font-size: 1.07143rem;
    line-height: 1.2; }
  .navbar-sub-header___steps {
    font-size: 12px;
    font-size: 0.85714rem; }
  .navbar-sub-header---tab-bar {
    background-color: white;
    border-bottom: solid 1px #cccccc; }

/* ==========================================================================
Options Vertical Button Styles
========================================================================== */
.rdc-elm-options-vertical {
  display: inline-block;
  color: #C1C1C1;
  width: 36px;
  height: 36px;
  border: 1px solid #C1C1C1;
  border-radius: 50%; }
  .rdc-elm-options-vertical:hover, .rdc-elm-options-vertical:focus {
    background-color: rgba(0, 0, 0, 0.05); }
  .rdc-elm-options-vertical::before {
    display: inline-block;
    width: 14px;
    height: 16px;
    font-size: 16px;
    margin: 9px 0 0 10px; }
  .rdc-elm-options-vertical::after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    margin-left: -15px;
    background-color: rgba(255, 0, 0, 0); }

/* ==========================================================================
Info Card Styles
========================================================================== */
.info-card-list___item {
  margin-bottom: 10px; }

/* Info Card */
.info-card {
  display: flex;
  flex-flow: row nowrap;
  min-height: 110px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.12);
  border-bottom: solid 4px rgba(0, 0, 0, 0.12);
  padding: 15px 20px 15px 0; }
  .info-card___icon-base {
    flex: 0 0 120px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .info-card___icon-base .rdc-icons {
      width: 72px;
      height: 72px;
      font-size: 42px;
      display: flex;
      justify-content: center;
      align-items: center; }
  .info-card___content-base {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center; }
    .info-card___content-base h3 {
      font-size: 20px;
      margin-bottom: 0; }
    .info-card___content-base p {
      font-size: 14px;
      margin-top: 15px;
      /* This truncate solution only for webkit browsers */
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }

/* ==========================================================================
View Card Styles
========================================================================== */
.rdc-view-card {
  border-radius: 10px;
  background: white;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 25px;
  top: 15px; }
  .rdc-view-card---scrollable {
    /* Y Scrollable Content */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .rdc-view-card---no-fill {
    bottom: initial;
    overflow-x: hidden;
    overflow-y: hidden; }
  .rdc-view-card___footer {
    border-top: solid 1px #d3d3d3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 20px;
    text-align: center; }

/* ==========================================================================
Panel Styles
========================================================================== */
.rdc-panel___header {
  background-color: #E1E1E1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0px 15px 0px 15px;
  min-height: 34px;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 34px; }

.rdc-panel___content {
  border: solid 1px #eaeaea;
  border-top: none; }

/* ==========================================================================
White Card Styles
========================================================================== */
.rdc-card {
  border-radius: 5px;
  background-color: white;
  border: 1px solid rgba(116, 116, 116, 0.25);
  padding: 15px 12px; }

/* ==========================================================================
Success Panel Styles
========================================================================== */
.info-panel,
.rdc-status-panel {
  border-radius: 5px;
  background-color: white;
  border: 1px solid #CECECE;
  border-top: 5px solid #00a546;
  padding: 0 25px 25px 25px;
  text-align: center;
  /* State: Error OR Warning */ }
  .info-panel h3, .info-panel___heading,
  .rdc-status-panel h3,
  .rdc-status-panel___heading {
    font-size: 30px;
    font-size: 2.14286rem;
    color: #00a546;
    font-weight: 400; }
  .info-panel___body,
  .rdc-status-panel___body {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #2b2929;
    font-weight: 400; }
  .info-panel > .rdc-svgicon,
  .info-panel > .rdc-glyphicon,
  .rdc-status-panel > .rdc-svgicon,
  .rdc-status-panel > .rdc-glyphicon {
    width: 78px;
    height: 78px;
    font-size: 78px;
    color: #00a546;
    margin: 30px 0; }
  .info-panel___title,
  .rdc-status-panel___title {
    font-size: 12px;
    font-size: 0.85714rem;
    font-weight: 300;
    color: #969696;
    margin-bottom: 5px; }
  .info-panel___description,
  .rdc-status-panel___description {
    font-size: 13px;
    font-size: 0.92857rem;
    font-weight: 300;
    color: #969696; }
  .info-panel hr,
  .rdc-status-panel hr {
    margin-top: 8px;
    margin-bottom: 8px;
    border-top: 1px solid #cccccc; }
  .info-panel---negative,
  .rdc-status-panel---negative {
    border-top: 5px solid #d2534d; }
    .info-panel---negative h3, .info-panel---negative___heading,
    .info-panel---negative > .rdc-glyphicon,
    .rdc-status-panel---negative h3,
    .rdc-status-panel---negative___heading,
    .rdc-status-panel---negative > .rdc-glyphicon {
      color: #d2534d; }

/* ==========================================================================
Dashboard Account Summary Group Styles
========================================================================== */
.account-summary-group {
  /* Collapsable Panel Content */
  /* Overring Collapsable Panel Styles */ }
  .account-summary-group___heading {
    font-size: 15px;
    font-size: 1.07143rem;
    margin-bottom: 10px;
    font-weight: 400; }
  .account-summary-group___current-balance {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    text-align: right;
    margin-bottom: 0;
    margin-top: 10px; }
  .account-summary-group .account-details-card .title {
    display: block;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    font-weight: 400; }
  .account-summary-group .account-details-card .value {
    display: block;
    font-size: 15px;
    font-size: 1.07143rem;
    color: #2b2929;
    font-weight: 400; }
  .account-summary-group .account-info-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .account-summary-group .account-info-card .account-wrapper {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
      .account-summary-group .account-info-card .account-wrapper .title {
        font-size: 15px;
        font-size: 1.07143rem;
        color: #2b2929;
        font-weight: 400; }
      .account-summary-group .account-info-card .account-wrapper .value {
        font-size: 13px;
        font-size: 0.92857rem;
        color: #969696;
        font-weight: 400; }
    .account-summary-group .account-info-card .balance-wrapper {
      padding-left: 15px;
      min-width: 155px; }
      .account-summary-group .account-info-card .balance-wrapper .title {
        font-size: 12px;
        font-size: 0.85714rem;
        color: #969696;
        font-weight: 400; }
  .account-summary-group .rdc-collapsible-panel + .rdc-collapsible-panel {
    margin-top: 15px; }

/* Transfer Info card */
.transfer-info-card {
  position: relative; }
  .transfer-info-card .amount-wrapper {
    position: absolute;
    right: 10px;
    top: 4px; }
    .transfer-info-card .amount-wrapper .amount {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #0091ea;
      font-weight: 400; }

/* ==========================================================================
Summary Group Snippet Styles
========================================================================== */
.summary-group {
  border-radius: 5px;
  border: solid 1px rgba(172, 172, 172, 0.5);
  background: white; }
  .summary-group___header {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #0091ea;
    padding: 12px 15px;
    border-bottom: solid 1px gainsboro; }

.summary-col-wrapper {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding: 0; }
  .summary-col-wrapper .summary-wrapper {
    padding-left: 15px; }
    .summary-col-wrapper .summary-wrapper:before {
      content: '';
      display: inline-block;
      position: absolute;
      width: 1px;
      background: #eaeaea;
      right: 0px;
      top: 5px;
      bottom: 5px; }
    .summary-col-wrapper .summary-wrapper:last-child:before {
      display: none; }

/* Summary with title and value */
.summary-wrapper {
  display: block; }
  .summary-wrapper .title,
  .summary-wrapper .value {
    display: block; }
  .summary-wrapper .title {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    font-weight: 300;
    margin-bottom: 2px; }
  .summary-wrapper .value {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #2b2929;
    font-weight: 400;
    margin-bottom: 10px; }
    .summary-wrapper .value:last-child {
      margin-bottom: 0; }

/* ==========================================================================
Tile List Styles Styles
========================================================================== */
.rdc-tile-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  list-style: none;
  background: none;
  overflow: hidden; }
  .rdc-tile-list___item {
    background: #fff;
    border: solid 1px #D7D7D7;
    border-radius: 5px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(33.33% - 5px);
    -moz-box-flex: 0;
    -moz-flex: 0 0 calc(33.33% - 5px);
    -ms-flex: 0 0 calc(33.33% - 5px);
    flex: 0 0 calc(33.33% - 5px);
    margin-right: calc( 5px / 2);
    /* First Column */
    /* Second Column */
    /* Tile Item */ }
    .rdc-tile-list___item:last-child {
      margin-right: 0; }
    .rdc-tile-list___item:nth-child(odd) {
      /* margin-right: calc( 5px / 2) ; */ }
    .rdc-tile-list___item:nth-child(even) {
      /* margin-left: calc( 5px / 2) ; */ }
    .rdc-tile-list___item .tile-content {
      display: flex;
      flex-flow: column nowrap;
      align-items: center;
      padding: 20px 15px; }
      .rdc-tile-list___item .tile-content .rdc-glyphicon {
        font-size: 32px;
        font-size: 2.28571rem;
        margin-bottom: 12px; }
      .rdc-tile-list___item .tile-content p {
        font-size: 13px;
        font-size: 0.92857rem;
        color: #2b2929;
        text-align: center;
        margin: 0;
        line-height: 1.28571rem; }

/* ==========================================================================
List Selection Box Styles
========================================================================== */
.rdc-list-selection-box {
  background: white;
  border-radius: 5px;
  border: solid 1px rgba(172, 172, 172, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 15px 10px;
  margin-bottom: 10px; }
  .rdc-list-selection-box .rdc-glyphicon {
    font-size: 26px;
    font-size: 1.85714rem;
    color: #0091ea;
    margin-left: 10px;
    margin-right: 10px; }
  .rdc-list-selection-box p {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #969696;
    font-weight: 400;
    margin: 0;
    margin-top: 3px; }
    .rdc-list-selection-box p:nth-child(2) {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #9b9b9b;
      font-weight: 300; }

/* ==========================================================================
List Selection Box Styles
========================================================================== */
.rdc-list-item-link {
  background: white;
  border-radius: 5px;
  border: solid 1px rgba(172, 172, 172, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 15px 10px;
  margin-bottom: 10px; }
  .rdc-list-item-link___icon {
    font-size: 26px;
    font-size: 1.85714rem;
    color: #0091ea;
    margin-left: 10px;
    margin-right: 15px; }
  .rdc-list-item-link___title, .rdc-list-item-link___description {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #969696;
    font-weight: 400;
    margin: 0;
    margin-top: 3px; }
  .rdc-list-item-link___description {
    font-size: 13px;
    font-size: 0.92857rem;
    color: #9b9b9b;
    font-weight: 300; }

/* ==========================================================================
RDC Status Steps Bar Styles
========================================================================== */
/* Variables */
.rdc-steps-status-bar {
  display: block;
  position: relative;
  height: 16px;
  margin: 2px 0 2px 0;
  /* Steps Circle Wrapper */
  /* Progress Fill Wrapper */
  /* Base Haddle Bar */
  /* State Override: Completed */
  /* State Override: Validating */ }
  .rdc-steps-status-bar___steps-circle-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    z-index: 2; }
    .rdc-steps-status-bar___steps-circle-wrapper .steps-circle {
      display: inline-block;
      position: relative;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background-color: #CFCFCF;
      z-index: 3; }
      .rdc-steps-status-bar___steps-circle-wrapper .steps-circle::after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 4; }
  .rdc-steps-status-bar___progress-fill-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0 calc(8px);
    z-index: 1; }
    .rdc-steps-status-bar___progress-fill-wrapper .progress-fill {
      background: transparent;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      height: 100%; }
  .rdc-steps-status-bar___handle {
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    background-color: #CFCFCF;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 0; }
  .rdc-steps-status-bar---completed {
    /* Circles */ }
    .rdc-steps-status-bar---completed .steps-circle {
      background-color: #89C9A1; }
      .rdc-steps-status-bar---completed .steps-circle:last-child {
        background-color: #00a546;
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 6px;
        font-size: 0.42857rem;
        color: white;
        text-align: center;
        /* Tick Icon */ }
        .rdc-steps-status-bar---completed .steps-circle:last-child::after {
          content: '';
          display: inline-block;
          width: 16px;
          height: 16px;
          line-height: 16px;
          border-radius: 50%;
          background-color: transparent;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          content: "\e907";
          z-index: 4; }
    .rdc-steps-status-bar---completed .progress-fill {
      background-color: #89C9A1; }
  .rdc-steps-status-bar---validating {
    /* Circles */
    /* Progress */ }
    .rdc-steps-status-bar---validating .steps-circle:nth-child(1), .rdc-steps-status-bar---validating .steps-circle:nth-child(2) {
      background-color: #FAC80B; }
    .rdc-steps-status-bar---validating .progress-fill:first-child {
      background-color: #FAC80B; }

/* ==========================================================================
RDC Status Steps Bar Styles - Only 3 Grey Items ( Application Flow )
========================================================================== */
.rdc-request-status-collapsible {
  /* Collapse Overrides */
  margin-bottom: 10px;
  /* Override: No Active ( Decorator ) Border */ }
  .rdc-request-status-collapsible .rdc-collapsible-panel___header .rdc-glyphicon {
    top: 28px;
    right: 15px;
    color: #b3b3b3; }
  .rdc-request-status-collapsible.expanded .rdc-collapsible-panel___header .rdc-glyphicon {
    top: 18px; }
  .rdc-request-status-collapsible .rdc-collapsible-panel___content {
    padding: 0; }
  .rdc-request-status-collapsible::after {
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none; }
  .rdc-request-status-collapsible .request-status-header .heading-wrapper {
    position: relative;
    margin-bottom: 5px; }
    .rdc-request-status-collapsible .request-status-header .heading-wrapper .status-heading {
      font-size: 15px;
      font-size: 1.07143rem;
      color: #0091ea;
      font-weight: 400;
      line-height: 1.6;
      margin: 0; }
    .rdc-request-status-collapsible .request-status-header .heading-wrapper .badge {
      position: absolute;
      right: 5px;
      top: 2px;
      font-size: 10px;
      font-size: 0.71429rem;
      color: white;
      font-weight: 300;
      border-radius: 10px;
      border: none;
      background-color: #bababa;
      padding: 2px 10px 0 10px;
      line-height: 1.6;
      text-transform: uppercase; }
  .rdc-request-status-collapsible .request-status-header .heading-description {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #555555;
    font-weight: 300;
    line-height: 1; }
  .rdc-request-status-collapsible .request-status-content-flow-list {
    padding: 12px 15px;
    border-bottom: solid 1px #e0e0e0; }
    .rdc-request-status-collapsible .request-status-content-flow-list .list-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .rdc-request-status-collapsible .request-status-content-flow-list .list-item p {
        font-size: 12px;
        font-size: 0.85714rem;
        color: #555;
        line-height: 3; }
      .rdc-request-status-collapsible .request-status-content-flow-list .list-item label {
        font-size: 10px;
        font-size: 0.71429rem;
        color: white;
        font-weight: 300;
        text-align: center;
        border-radius: 10px;
        border: none;
        background-color: #d9d9d9;
        padding: 1px 10px 0 10px;
        line-height: 1.4;
        text-transform: uppercase;
        min-width: 90px; }
  .rdc-request-status-collapsible .request-status-summary {
    padding: 12px 15px 12px 15px; }
    .rdc-request-status-collapsible .request-status-summary .summary-wrapper {
      margin-bottom: 10px; }
      .rdc-request-status-collapsible .request-status-summary .summary-wrapper .value {
        font-size: 14px;
        font-size: 1rem; }
  .rdc-request-status-collapsible .rdc-request-status {
    display: block;
    position: relative;
    height: 16px;
    margin: 15px 0 20px 0;
    /* Steps Circle Wrapper */
    /* Progress Fill Wrapper */
    /* Base Haddle Bar */
    /* State Override: Completed */
    /* State Override: Validating */ }
    .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      z-index: 2; }
      .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper .steps-circle {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #e0e0e0;
        z-index: 3; }
        .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper .steps-circle::after {
          content: '';
          display: inline-block;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: white;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          z-index: 4; }
        .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper .steps-circle::before {
          content: attr(data-status);
          display: inline-block;
          position: absolute;
          /* left: calc( -50% - 10px); */
          top: 20px;
          position: absolute;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          font-size: 11px;
          font-size: 0.78571rem;
          color: #e0e0e0;
          font-weight: 300;
          text-transform: uppercase; }
        .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper .steps-circle:first-child::before {
          left: 0;
          transform: translateX(0);
          -ms-transform: translateX(0);
          -moz-transform: translateX(0);
          -webkit-transform: translateX(0);
          right: initial; }
        .rdc-request-status-collapsible .rdc-request-status___steps-circle-wrapper .steps-circle:last-child::before {
          left: initial;
          right: 0;
          transform: translateX(0);
          -ms-transform: translateX(0);
          -moz-transform: translateX(0);
          -webkit-transform: translateX(0); }
    .rdc-request-status-collapsible .rdc-request-status___progress-fill-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      width: 100%;
      height: 5px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      padding: 0 calc(8px);
      z-index: 1; }
      .rdc-request-status-collapsible .rdc-request-status___progress-fill-wrapper .progress-fill {
        background: transparent;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 100%; }
    .rdc-request-status-collapsible .rdc-request-status___handle {
      display: block;
      position: relative;
      width: 100%;
      height: 5px;
      background-color: #e0e0e0;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      z-index: 0; }
    .rdc-request-status-collapsible .rdc-request-status---received {
      /* Circles */ }
      .rdc-request-status-collapsible .rdc-request-status---received .steps-circle:nth-child(1) {
        background-color: #9b9b9b; }
        .rdc-request-status-collapsible .rdc-request-status---received .steps-circle:nth-child(1)::before {
          color: #9b9b9b; }
    .rdc-request-status-collapsible .rdc-request-status---processing {
      /* Circles */
      /* Progress */ }
      .rdc-request-status-collapsible .rdc-request-status---processing .steps-circle:nth-child(1), .rdc-request-status-collapsible .rdc-request-status---processing .steps-circle:nth-child(2) {
        background-color: #9b9b9b; }
        .rdc-request-status-collapsible .rdc-request-status---processing .steps-circle:nth-child(1)::before, .rdc-request-status-collapsible .rdc-request-status---processing .steps-circle:nth-child(2)::before {
          color: #9b9b9b; }
      .rdc-request-status-collapsible .rdc-request-status---processing .progress-fill:first-child {
        background-color: #9b9b9b; }
    .rdc-request-status-collapsible .rdc-request-status---completed {
      /* Circles */ }
      .rdc-request-status-collapsible .rdc-request-status---completed .steps-circle {
        background-color: #9b9b9b; }
        .rdc-request-status-collapsible .rdc-request-status---completed .steps-circle::before {
          color: #9b9b9b; }
        .rdc-request-status-collapsible .rdc-request-status---completed .steps-circle:last-child {
          background-color: #9b9b9b;
          /* Tick Icon */ }
          .rdc-request-status-collapsible .rdc-request-status---completed .steps-circle:last-child::after {
            content: '';
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 6px;
            font-size: 0.42857rem;
            color: white;
            text-align: center;
            display: inline-block;
            width: 16px;
            height: 16px;
            line-height: 16px;
            border-radius: 50%;
            background-color: transparent;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            content: "\e907";
            z-index: 4; }
      .rdc-request-status-collapsible .rdc-request-status---completed .progress-fill {
        background-color: #9b9b9b; }

/* ==========================================================================
RDC Steps Status Flow Information Styles
========================================================================== */
/* Variables */
.rdc-steps-status-flow {
  display: block;
  position: relative;
  /* State Override: Completed */ }
  .rdc-steps-status-flow .step-heading {
    position: relative;
    font-size: 12px;
    font-size: 0.85714rem;
    color: white;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 22px;
    padding: 0 20px 0 25px;
    border: none;
    border-radius: 12px;
    background-color: #92DA98;
    /* White Circle */
    /* Dot */ }
    .rdc-steps-status-flow .step-heading::before, .rdc-steps-status-flow .step-heading::after {
      content: '';
      position: absolute;
      border-radius: 50%; }
    .rdc-steps-status-flow .step-heading::before {
      width: 14px;
      height: 14px;
      background-color: white;
      left: 5px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .rdc-steps-status-flow .step-heading::after {
      width: 4px;
      height: 4px;
      background-color: #5AB661;
      left: 10px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .rdc-steps-status-flow .step-content {
    display: block;
    position: relative;
    padding: 10px 0 10px 35px;
    /* Vertical Decorative Line */
    /* No Decorative Line Required for Last Item */ }
    .rdc-steps-status-flow .step-content .step-status {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #333333;
      font-weight: 400; }
    .rdc-steps-status-flow .step-content .step-description {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #868686;
      font-weight: 300;
      margin-top: 8px; }
    .rdc-steps-status-flow .step-content::before {
      content: '';
      display: block;
      position: absolute;
      width: 5px;
      left: 10px;
      top: -1px;
      bottom: -1px;
      background-color: #52B35A;
      z-index: -1; }
    .rdc-steps-status-flow .step-content:last-child::before {
      display: none; }
  .rdc-steps-status-flow---completed .step-heading:first-child {
    background: #5AB661; }
  .rdc-steps-status-flow---completed .step-heading:first-child {
    /* Tick Icon */ }
    .rdc-steps-status-flow---completed .step-heading:first-child::after {
      content: '';
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 6px;
      font-size: 0.42857rem;
      color: #5AB661;
      text-align: center;
      display: inline-block;
      width: 14px;
      height: 14px;
      line-height: 14px;
      border-radius: 50%;
      background-color: transparent;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      content: "\e907";
      left: 12px;
      z-index: 4; }

/* Notes Header */
.rdc-or-seperator,
.rdc-section-seperator {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 20px 0; }
  .rdc-or-seperator___line,
  .rdc-section-seperator___line {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 1px;
    background: #CFCFCF; }
  .rdc-or-seperator___text,
  .rdc-section-seperator___text {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-box-flex: 0;
    -moz-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    font-weight: 300;
    line-height: 12px;
    margin: 0 10px; }

/* ==========================================================================
Skeleton Styles
========================================================================== */
.animate .animated-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: skeletonShader;
  -moz-animation-name: skeletonShader;
  animation-name: skeletonShader;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #d8d8d8;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.15)), color-stop(20%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 20%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 20%);
  -webkit-background-size: 800px 100%;
  -moz-background-size: 800px 100%;
  background-size: 800px 100%; }

.bg-masker {
  background: #fff;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@-webkit-keyframes skeletonShader {
  0% {
    background-position: -400px 0; }
  100% {
    background-position: 400px 0; } }

@-moz-keyframes skeletonShader {
  0% {
    background-position: -400px 0; }
  100% {
    background-position: 400px 0; } }

@-ms-keyframes skeletonShader {
  0% {
    background-position: -400px 0; }
  100% {
    background-position: 400px 0; } }

@keyframes skeletonShader {
  0% {
    background-position: -400px 0; }
  100% {
    background-position: 400px 0; } }

/* ==========================================================================
Login Message Slide Component
========================================================================== */
.rdc-login-message {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  transition: all .3s;
  transform: translateY(0px);
  /* Login Button */ }
  .rdc-login-message.hide-notification {
    transform: translateY(70px); }
  .rdc-login-message.is-open {
    transition: none;
    pointer-events: initial; }
    .rdc-login-message.is-open .rdc-login-message___content {
      white-space: inherit; }
  .rdc-login-message___dark-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: #1e1f1c; }
  .rdc-login-message___title {
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 0 15px; }
    .rdc-login-message___title .rdc-svgicon {
      width: 20px;
      height: 20px;
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-info-brown.svg) no-repeat;
      background-size: 100% 100%; }
    .rdc-login-message___title label {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #969696;
      font-weight: 300;
      text-transform: uppercase;
      margin-left: 10px; }
  .rdc-login-message___content {
    background-color: #ffffcc;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0;
    height: 100%;
    transform: translateY(calc(100% - 70px));
    margin-left: 16px;
    margin-right: 16px;
    cursor: pointer;
    pointer-events: all;
    white-space: nowrap;
    overflow: hidden; }
  .rdc-login-message___message {
    font-size: 14px;
    font-size: 1rem;
    color: #2b2929;
    font-weight: 300;
    line-height: 1.57;
    letter-spacing: 0.6px;
    padding: 15px;
    padding-top: 0;
    overflow: hidden;
    text-overflow: ellipsis; }
  .rdc-login-message .btn-login {
    font-size: 14px;
    font-size: 1rem;
    letter-spacing: 0.6px;
    text-align: center;
    color: #2b2929;
    text-align: center;
    padding: 15px 50px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px; }

.rdc-pagination {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .rdc-pagination a,
  .rdc-pagination___prev .rdc-pagination___next, .rdc-pagination___pages {
    font-size: 14px;
    font-size: 1rem;
    color: #919191;
    font-weight: 300; }
  .rdc-pagination___prev {
    margin-right: 10px; }
  .rdc-pagination___next {
    margin-left: 7px; }
  .rdc-pagination___pages {
    margin-left: 5px;
    color: #000; }

.rdc-pagination-select-box {
  display: inline-block;
  width: auto;
  min-width: 40px; }
  .rdc-pagination-select-box .rdc-selectbox-triger {
    height: 26px;
    border-radius: 3px;
    border: solid 1px #e0e0e0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .rdc-pagination-select-box .rdc-selectbox-triger .ember-power-select-placeholder,
    .rdc-pagination-select-box .rdc-selectbox-triger .ember-power-select-selected-item {
      left: 0;
      right: 0;
      margin: 0;
      padding: 0 0 0 5px;
      font-size: 14px;
      font-size: 1rem; }
    .rdc-pagination-select-box .rdc-selectbox-triger .ember-power-select-status-icon {
      right: 2px; }

/* ==========================================================================
Scroll To Top Styles
========================================================================== */
.rdc-scroll-to-top-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  right: 15px;
  bottom: 55px;
  width: 45px;
  height: 45px;
  background-color: white;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
  .rdc-scroll-to-top-btn .rdc-glyphicon {
    width: 16px;
    height: 16px;
    font-size: 13px;
    margin-bottom: 3px;
    color: #0091ea; }
  .rdc-scroll-to-top-btn label {
    font-size: 10px;
    font-size: 0.71429rem;
    color: #0091ea;
    font-weight: 400;
    line-height: 1; }

/* ==========================================================================
List with Tick Styles
========================================================================== */
.rdc-rick-list li {
  font-size: 14px;
  font-size: 1rem;
  color: #777777;
  font-weight: 300;
  line-height: 1.7;
  text-align: left;
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-tick-green.svg) no-repeat;
  background-size: 12px 8px;
  background-position: left 6px;
  padding-left: 22px; }

.rdc-rick-list > ul {
  margin: 10px 0 0 20px; }

/* ==========================================================================
Curved Close button Styles
========================================================================== */
.rdc-curved-close-button {
  display: inline-block;
  width: 88px;
  height: 38px;
  background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-cross-curved.svg) no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

/* ==========================================================================
Tile List Styles Styles
========================================================================== */
.rdc-tooltip {
  position: absolute;
  right: 10px;
  top: 50px;
  display: inline-block;
  width: 230px;
  min-height: 35px;
  border-radius: 5px;
  background-color: #f4f4cf;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  z-index: 999; }
  .rdc-tooltip---arrow-top-right::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 16px;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #f4f4cf transparent; }
  .rdc-tooltip___close {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 10px;
    background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-close-button-dark.svg) no-repeat;
    background-size: 100% 100%; }
    .rdc-tooltip___close::before {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin-top: -10px;
      margin-right: -10px;
      margin-bottom: -10px;
      margin-left: -10px;
      background-color: rgba(255, 0, 0, 0); }
  .rdc-tooltip___content {
    padding: 15px 30px 15px 15px; }
    .rdc-tooltip___content p {
      font-size: 14px;
      font-size: 1rem;
      color: #000;
      font-weight: 300;
      line-height: 1.36;
      text-align: left; }

.ux-app-summary {
  position: relative;
  background-color: #42474f;
  padding: 25px 15px 0 15px;
  /* Compact View */ }
  .ux-app-summary::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
    background-color: #42474f; }
  .ux-app-summary .content-wrapper .header-wrapper {
    display: flex;
    flex-flow: row nowrap; }
    .ux-app-summary .content-wrapper .header-wrapper .title,
    .ux-app-summary .content-wrapper .header-wrapper .app-id {
      font-size: 12px;
      font-size: 0.85714rem;
      font-weight: 300; }
    .ux-app-summary .content-wrapper .header-wrapper .title {
      color: #6ac075;
      padding-right: 15px;
      text-align: left; }
    .ux-app-summary .content-wrapper .header-wrapper .app-id {
      flex: 1 1 auto;
      color: #fff;
      text-align: right;
      opacity: .5; }
  .ux-app-summary .content-wrapper .account-list {
    margin: 15px 0 15px 0; }
    .ux-app-summary .content-wrapper .account-list li {
      font-size: 20px;
      font-size: 1.42857rem;
      font-weight: 200;
      color: #fff; }
  .ux-app-summary .item-link {
    display: block;
    position: relative;
    line-height: 50px;
    font-size: 13px;
    font-size: 0.92857rem;
    font-weight: 300;
    color: #fff;
    border-top: solid 1px rgba(255, 255, 255, 0.15); }
    .ux-app-summary .item-link::before {
      position: absolute;
      display: inline-block;
      width: 16px;
      height: 16px;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e931";
      font-size: 12px;
      font-size: 0.85714rem;
      color: #d8d8d8;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      border: none; }
  .ux-app-summary---compact {
    padding: 15px 15px 15px 15px; }
    .ux-app-summary---compact .content-wrapper .account-list {
      margin: 5px 0 0 0; }
      .ux-app-summary---compact .content-wrapper .account-list li {
        font-size: 16px;
        font-size: 1.14286rem; }

/* FERE ENGINE STYLES */
/*
.fere-button-bar {
	display: flex;
	width: 100%;
	margin-top: 10px;
	button {
		flex-grow: 1;
	}
}
*/
/* UI VIEW SPECIFIC STYLES */
/* Common Views */
.italic {
  font-style: italic; }

.view-app-intro {
  background: transparent !important; }
  .view-app-intro .slide-box-wrapper {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: #fff;
    text-align: center; }
    .view-app-intro .slide-box-wrapper .view-content {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding-bottom: 95px; }
      .is-ios .view-app-intro .slide-box-wrapper .view-content {
        margin-top: 20px; }
      .view-app-intro .slide-box-wrapper .view-content .quick-demo {
        display: inline-block;
        position: relative;
        width: 300px;
        height: 300px; }
        .view-app-intro .slide-box-wrapper .view-content .quick-demo .rdc-svgicon,
        .view-app-intro .slide-box-wrapper .view-content .quick-demo .img-intro {
          display: inline-block;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0; }
        .view-app-intro .slide-box-wrapper .view-content .quick-demo .img-intro {
          visibility: hidden;
          height: 98%; }
      .view-app-intro .slide-box-wrapper .view-content .title {
        visibility: hidden;
        font-size: 20px;
        font-size: 1.42857rem;
        color: #0091ea;
        font-weight: 300;
        line-height: 1.3; }
    .view-app-intro .slide-box-wrapper .view-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 50px; }
      .view-app-intro .slide-box-wrapper .view-footer .rdc-button {
        width: 65%;
        max-width: 280px;
        border-radius: 25px; }
    .view-app-intro .slide-box-wrapper---first-slide {
      background-color: #336e7b;
      background-image: radial-gradient(circle at 73% 156%, rgba(0, 0, 0, 0.51), rgba(0, 0, 0, 0.42) 39%, rgba(0, 0, 0, 0)); }
      .view-app-intro .slide-box-wrapper---first-slide .view-content .title {
        color: white;
        margin-top: 20px; }
    .view-app-intro .slide-box-wrapper---last-slide {
      background-color: rgba(0, 0, 0, 0.65); }
      .view-app-intro .slide-box-wrapper---last-slide .view-content {
        width: 80%; }
        .view-app-intro .slide-box-wrapper---last-slide .view-content .quick-demo {
          width: 100%;
          height: 140px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
          -ms-flex-align: end;
          -webkit-align-items: flex-end;
          -moz-align-items: flex-end;
          align-items: flex-end;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          justify-content: center;
          margin-bottom: 20px; }
          .view-app-intro .slide-box-wrapper---last-slide .view-content .quick-demo .group-icon {
            position: relative; }
          .view-app-intro .slide-box-wrapper---last-slide .view-content .quick-demo .icon-intro-arrow {
            display: inline-block;
            width: 45px;
            height: 100px;
            background: url(../rdc-ui-adn-theme-ui20/assets/svg/intro-arrow.svg) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            top: -75px;
            left: -50px; }
          .view-app-intro .slide-box-wrapper---last-slide .view-content .quick-demo .rdc-svgicon {
            position: relative;
            width: 48px;
            height: 48px; }
        .view-app-intro .slide-box-wrapper---last-slide .view-content .title {
          font-size: 20px;
          font-size: 1.42857rem;
          color: white;
          line-height: 1.3; }
  .view-app-intro.is-first-slide .slick-dots li button:before, .view-app-intro.is-last-slide .slick-dots li button:before {
    background-color: white;
    opacity: 0.25; }
  .view-app-intro.is-first-slide .slick-dots li.slick-active button:before, .view-app-intro.is-last-slide .slick-dots li.slick-active button:before {
    opacity: 1; }

/* ==========================================================================
Landing Style
========================================================================== */
.view-landing {
  /* Reset styles */
  -webkit-transition: -webkit-filter .3s linear;
  -moz-transition: -moz-filter .3s linear;
  -ms-transition: -ms-filter .3s linear;
  -o-transition: -o-filter .3s linear;
  transition: filter .3s linear;
  /* Launch Styles */
  /* Quick Actions */ }
  .is-ios .view-landing {
    margin-top: 20px; }
  .view-landing.rdc-view-wrapper,
  .view-landing .rdc-view,
  .view-landing .rdc-navbar {
    background: transparent !important;
    border: none; }
  .view-landing .rdc-navbar::before {
    visibility: hidden; }
  .view-landing.has-overlay {
    -webkit-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px); }
  .view-landing .login-header {
    min-height: 74px; }
    .view-landing .login-header .icon-hamburger {
      font-size: 20px;
      font-size: 1.42857rem;
      color: #fff;
      font-weight: 600;
      margin: 35px 20px 20px 20px; }
    .view-landing .login-header .sc-logo {
      display: inline-block;
      width: 130px;
      padding: 25px 20px 0 0; }
    .view-landing .login-header .bubble {
      position: absolute;
      display: inline-block;
      background-color: #d0021b;
      font-size: 11px;
      font-size: 0.78571rem;
      font-weight: 300;
      color: white;
      line-height: 1;
      text-transform: uppercase;
      padding: 7px 6px 6px 6px;
      border-radius: 10px;
      top: 18px;
      left: 36px;
      pointer-events: none; }
  .view-landing .login-btn-wrapper {
    height: 367px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    /*
        position: absolute;
        left: 0;
        right: 0;
        top: 21.5%;
        
        @include flexbox;
        @include justify-content(space-between);
        @include align-items(center);
        padding-left: 20px;
        */ }
    .view-landing .login-btn-wrapper h2 {
      font-size: 26px;
      font-size: 1.85714rem;
      color: white;
      font-weight: 300;
      margin-bottom: 0;
      line-height: 30px;
      text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
      display: inline-block;
      float: left; }
    .view-landing .login-btn-wrapper .btn-login {
      min-width: 100px;
      height: 60px;
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      float: right; }
  .view-landing .quick-actions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 0 20px; }
    .view-landing .quick-actions .clip-svg-defs {
      position: fixed;
      left: -999px;
      top: -999px; }
    .view-landing .quick-actions .action {
      border: none;
      text-decoration: none;
      position: relative;
      background: transparent;
      border: none;
      background-color: rgba(0, 0, 0, 0.88);
      border-radius: 5px;
      border-bottom: 7px solid #00a546;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
      height: 118px;
      padding: 0;
      margin: 0; }
      .view-landing .quick-actions .action .item-wrapper {
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -moz-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
      .view-landing .quick-actions .action .bubble {
        display: inline-block;
        background-color: #d0021b;
        font-size: 11px;
        font-size: 0.78571rem;
        font-weight: 300;
        color: white;
        line-height: 1;
        text-transform: uppercase;
        position: absolute;
        right: -5px;
        top: -8px;
        padding: 4px 10px 2px 10px;
        border-radius: 10px; }
      .view-landing .quick-actions .action:first-child {
        margin-right: 10px; }
      .view-landing .quick-actions .action:last-child {
        margin-left: 10px; }
      .view-landing .quick-actions .action .icon-wrapper {
        display: inline-block;
        position: relative;
        width: auto;
        height: auto;
        margin: 20px 0 15px 0;
        display: flex;
        align-items: center;
        justify-content: center; }
        .view-landing .quick-actions .action .icon-wrapper .rdc-svgicon {
          color: white;
          width: 52px;
          height: 52px;
          font-size: 64px;
          /* clip-path: url(#clipping); */ }
          .view-landing .quick-actions .action .icon-wrapper .rdc-svgicon.icon-balance-home, .view-landing .quick-actions .action .icon-wrapper .rdc-svgicon.icon-budget-home {
            width: 60px; }
      .view-landing .quick-actions .action label {
        font-size: 12px;
        font-size: 0.85714rem;
        color: white;
        font-weight: 300; }

/* Overlay Views */
.overlay-view-bg {
  background: url(../rdc-ui-adn-theme-ui20/assets/images/bgblur.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.view-overlay-route {
  pointer-events: initial; }
  .view-overlay-route.rdc-view-wrapper,
  .view-overlay-route .rdc-view {
    background-color: transparent;
    border: none; }
  .view-overlay-route .rdc-navbar___left-button {
    font-size: 20px;
    font-size: 1.42857rem; }
  .view-overlay-route .rdc-navbar::before {
    visibility: hidden; }
  .view-overlay-route .rdc-view___content {
    padding: 0; }
    .view-overlay-route .rdc-view___content.has-header-footer {
      min-height: calc( 100vh - ( 50px + 75px )); }
  .view-overlay-route .no-data-info {
    display: inline-block;
    position: absolute;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    width: 100%;
    padding-bottom: 75px; }
    .view-overlay-route .no-data-info .quick-demo {
      display: inline-block;
      position: relative;
      width: 305px;
      height: 300px; }
      .view-overlay-route .no-data-info .quick-demo .bg-circle-zigzag {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      .view-overlay-route .no-data-info .quick-demo .img-intro {
        border: none;
        display: inline-block;
        width: 300px;
        height: 300px;
        top: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
    .view-overlay-route .no-data-info p {
      font-size: 16px;
      font-size: 1.14286rem;
      color: rgba(255, 255, 255, 0.7);
      font-weight: 300;
      padding: 0 35px; }
  .view-overlay-route .rdc-view___footer {
    padding: 0 15px; }
    .view-overlay-route .rdc-view___footer .btn-configure {
      bottom: 15px;
      border-radius: 3px;
      height: 60px; }

/* ==========================================================================
Quick Balaces
========================================================================== */
.view-quick-balances .block-intro-balance {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 72%;
  left: 0;
  top: 0;
  background: url(../rdc-ui-adn-theme-ui20/assets/images/intro-balance.gif) no-repeat;
  background-size: contain;
  background-position: 50% 50%; }

.view-quick-balances .rdc-view___content {
  padding: 20px 10px; }

.view-quick-balances .skeleton-list {
  padding: 20px 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  /* Masker */ }
  .view-quick-balances .skeleton-list___item {
    pointer-events: none;
    position: relative;
    background-color: #d8d8d8;
    height: 68px;
    border-radius: 5px;
    margin-bottom: 15px; }
    .view-quick-balances .skeleton-list___item .left-title,
    .view-quick-balances .skeleton-list___item .left-value,
    .view-quick-balances .skeleton-list___item .right-title,
    .view-quick-balances .skeleton-list___item .right-value {
      position: absolute;
      height: 14px;
      background-color: #d8d8d8; }
    .view-quick-balances .skeleton-list___item .left-title {
      left: 12px;
      top: 16px;
      width: 105px; }
    .view-quick-balances .skeleton-list___item .left-value {
      left: 12px;
      top: 34px;
      width: 50px; }
    .view-quick-balances .skeleton-list___item .right-title {
      right: 12px;
      top: 16px;
      width: 90px;
      height: 12px; }
    .view-quick-balances .skeleton-list___item .right-value {
      right: 12px;
      top: 34px;
      width: 110px; }
  .view-quick-balances .skeleton-list .gap-top,
  .view-quick-balances .skeleton-list .gap-middle,
  .view-quick-balances .skeleton-list .gap-bottom {
    left: 0;
    right: 0; }
  .view-quick-balances .skeleton-list .gap-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 16px; }
  .view-quick-balances .skeleton-list .gap-middle {
    top: calc( 16px + 14px);
    height: 3px; }
  .view-quick-balances .skeleton-list .gap-bottom {
    top: calc( 16px + 14px + 3px + 15px);
    height: 14px; }
  .view-quick-balances .skeleton-list .patch-left,
  .view-quick-balances .skeleton-list .patch-right {
    top: 10px;
    bottom: 10px;
    width: 12px; }
  .view-quick-balances .skeleton-list .patch-left {
    left: 0; }
  .view-quick-balances .skeleton-list .patch-right {
    right: 0; }
  .view-quick-balances .skeleton-list .patch-content-first-middle {
    left: calc( 12px + 102px);
    right: calc( 12px + 92px);
    top: 16px;
    height: 14px; }
  .view-quick-balances .skeleton-list .patch-content-second-middle {
    left: calc( 12px + 50px);
    right: calc( 12px + 110px);
    top: calc( 16px + 14px + 3px);
    height: 15px; }
  .view-quick-balances .skeleton-list .patch-content-first-right {
    left: calc( 12px + 102px);
    right: calc( 12px + 0px);
    top: calc( 16px + 11px);
    height: 3px; }

.view-quick-balances .quick-list {
  padding: 10px 10px 20px 10px;
  position: relative;
  left: 0;
  right: 0;
  top: 0; }
  .view-quick-balances .quick-list___item {
    position: relative;
    background-color: white;
    min-height: 68px;
    border-radius: 5px;
    border-bottom: solid 6px #0091ea;
    margin-bottom: 15px;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
    .view-quick-balances .quick-list___item .summary-wrapper {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: column nowrap;
      -moz-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center; }
      .view-quick-balances .quick-list___item .summary-wrapper.first .title {
        font-size: 14px;
        font-size: 1rem;
        color: #000; }
      .view-quick-balances .quick-list___item .summary-wrapper.last {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end; }

/* ==========================================================================
Quick Transactions
========================================================================== */
.view-quick-transactions .rdc-scroll-content.no-data {
  display: flex; }

.view-quick-transactions .rdc-scroll-content .rdc-view___content {
  padding: 10px 10px 20px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.view-quick-transactions .panel-top,
.view-quick-transactions .panel-bottom {
  border-radius: 10px; }

.view-quick-transactions .panel-top {
  min-height: 70px;
  margin-bottom: 15px;
  border-radius: 10px;
  background-image: linear-gradient(102deg, #0091ea, #0756af);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }
  .view-quick-transactions .panel-top .monthly-budget-base {
    min-height: 230px;
    padding: 20px 15px;
    text-align: center; }
    .view-quick-transactions .panel-top .monthly-budget-base .date-range {
      display: inline-block; }
      .view-quick-transactions .panel-top .monthly-budget-base .date-range a {
        display: none; }
      .view-quick-transactions .panel-top .monthly-budget-base .date-range p {
        font-size: 16px;
        font-size: 1.14286rem;
        font-weight: 300;
        color: white; }
    .view-quick-transactions .panel-top .monthly-budget-base .progress-wrapper {
      margin: 45px 0 15px 0; }
    .view-quick-transactions .panel-top .monthly-budget-base .spent-info {
      display: inline-block; }
      .view-quick-transactions .panel-top .monthly-budget-base .spent-info p {
        font-size: 12px;
        font-size: 0.85714rem;
        color: white; }
      .view-quick-transactions .panel-top .monthly-budget-base .spent-info .rdc-currency-input___amount, .view-quick-transactions .panel-top .monthly-budget-base .spent-info .rdc-currency-input___decimal {
        font-size: 40px;
        font-size: 2.85714rem;
        font-weight: 300;
        color: #fff47e; }
      .view-quick-transactions .panel-top .monthly-budget-base .spent-info .rdc-currency-input___currency {
        font-size: 24px;
        font-size: 1.71429rem;
        color: rgba(255, 255, 255, 0.5); }
      .view-quick-transactions .panel-top .monthly-budget-base .spent-info .you-have-left {
        font-size: 12px;
        font-size: 0.85714rem;
        font-weight: 300;
        color: rgba(255, 255, 255, 0.5);
        letter-spacing: 0.5px; }
        .view-quick-transactions .panel-top .monthly-budget-base .spent-info .you-have-left span {
          color: white; }
  .view-quick-transactions .panel-top .btn-not-configured {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 15px 25px; }
    .view-quick-transactions .panel-top .btn-not-configured .content {
      margin-left: 20px; }
      .view-quick-transactions .panel-top .btn-not-configured .content p {
        font-size: 12px;
        font-size: 0.85714rem;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 300; }
      .view-quick-transactions .panel-top .btn-not-configured .content .configure {
        font-size: 14px;
        font-size: 1rem;
        color: white;
        margin-top: 4px; }

.view-quick-transactions .panel-bottom {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: white;
  /* When there is no data available */
  /* Filter Menu */ }
  .view-quick-transactions .panel-bottom___header {
    padding: 0px 0 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .view-quick-transactions .panel-bottom___header .content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: column nowrap;
      -moz-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      align-items: flex-start; }
    .view-quick-transactions .panel-bottom___header .title {
      font-size: 16px;
      font-size: 1.14286rem;
      color: #0091ea;
      font-weight: 300; }
    .view-quick-transactions .panel-bottom___header .description {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #777777; }
    .view-quick-transactions .panel-bottom___header .btn-filter {
      width: 64px;
      height: 64px;
      position: relative; }
      .view-quick-transactions .panel-bottom___header .btn-filter::before {
        content: '';
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 0;
        width: 1px;
        background-color: rgba(150, 150, 150, 0.2); }
      .view-quick-transactions .panel-bottom___header .btn-filter .rdc-glyphicon {
        width: 100%;
        height: 100%;
        font-size: 22px;
        font-size: 1.57143rem;
        color: #000; }
  .view-quick-transactions .panel-bottom.no-data {
    text-align: center;
    padding-top: 20px; }
    .view-quick-transactions .panel-bottom.no-data .title {
      display: inline;
      font-size: 16px;
      font-size: 1.14286rem;
      color: #0091ea;
      font-weight: 300;
      margin: 0; }
    .view-quick-transactions .panel-bottom.no-data .no-data-content {
      display: inline-block;
      text-align: center;
      max-width: 185px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .view-quick-transactions .panel-bottom.no-data .no-data-content .icon-holder {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #f2f2f2;
        margin-bottom: 25px; }
        .view-quick-transactions .panel-bottom.no-data .no-data-content .icon-holder .rdc-svgicon {
          width: 64px;
          height: 64px; }
      .view-quick-transactions .panel-bottom.no-data .no-data-content .description {
        font-size: 13px;
        font-size: 0.92857rem;
        font-weight: 300;
        color: #969696;
        line-height: 1.5; }
  .view-quick-transactions .panel-bottom .anim-filter-drop-down {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none; }
    .view-quick-transactions .panel-bottom .anim-filter-drop-down .liquid-child {
      width: 100%;
      height: 100%; }
  .view-quick-transactions .panel-bottom .filter-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 1; }
  .view-quick-transactions .panel-bottom .filter-base {
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35); }
    .view-quick-transactions .panel-bottom .filter-base___header {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      background-color: #0091ea;
      padding: 0px 0 0 12px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
      .view-quick-transactions .panel-bottom .filter-base___header .title {
        font-size: 16px;
        font-size: 1.14286rem;
        color: white;
        font-weight: 300; }
      .view-quick-transactions .panel-bottom .filter-base___header .description {
        font-size: 12px;
        font-size: 0.85714rem;
        color: #777777; }
      .view-quick-transactions .panel-bottom .filter-base___header .btn-filter {
        width: 64px;
        height: 64px;
        position: relative; }
        .view-quick-transactions .panel-bottom .filter-base___header .btn-filter::before {
          content: '';
          position: absolute;
          top: 10px;
          bottom: 10px;
          left: 0;
          width: 1px;
          background-color: rgba(255, 255, 255, 0.35); }
        .view-quick-transactions .panel-bottom .filter-base___header .btn-filter .rdc-glyphicon {
          width: 100%;
          height: 100%;
          font-size: 22px;
          font-size: 1.57143rem;
          color: #fff; }
    .view-quick-transactions .panel-bottom .filter-base .filter-list___item {
      background-color: white;
      border-radius: 0;
      border-bottom: solid 1px rgba(211, 211, 211, 0.35); }
      .view-quick-transactions .panel-bottom .filter-base .filter-list___item a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        padding: 0 12px;
        min-height: 50px; }
        .view-quick-transactions .panel-bottom .filter-base .filter-list___item a .title {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          -webkit-justify-content: flex-start;
          -moz-justify-content: flex-start;
          justify-content: flex-start;
          font-size: 14px;
          font-size: 1rem;
          color: #000;
          font-weight: 400;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-right: 30px; }
          .view-quick-transactions .panel-bottom .filter-base .filter-list___item a .title span {
            font-size: 12px;
            font-size: 0.85714rem;
            color: #969696;
            font-weight: 300;
            padding-left: 20px; }
        .view-quick-transactions .panel-bottom .filter-base .filter-list___item a .rdc-svgicon {
          width: 16px;
          height: 16px;
          visibility: hidden; }
      .view-quick-transactions .panel-bottom .filter-base .filter-list___item:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom: none; }
      .view-quick-transactions .panel-bottom .filter-base .filter-list___item.is-selected .rdc-svgicon {
        visibility: visible; }

.view-quick-transactions .transaction-list-heading {
  font-size: 10px;
  font-size: 0.71429rem;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 10px;
  color: #969696;
  background-color: #f1f1f1;
  margin: 0;
  padding: 6px 12px; }

.view-quick-transactions .transaction-list {
  display: flex;
  flex-flow: column nowrap; }
  .view-quick-transactions .transaction-list___item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 0 12px;
    min-height: 45px;
    border-bottom: solid 1px rgba(211, 211, 211, 0.35); }
    .view-quick-transactions .transaction-list___item .description {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 65%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 65%;
      -ms-flex: 0 0 65%;
      flex: 0 0 65%;
      font-size: 14px;
      font-size: 1rem;
      color: #000;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .view-quick-transactions .transaction-list___item .amount-holder {
      flex: 0 0 35%;
      text-align: right;
      line-height: 0; }
    .view-quick-transactions .transaction-list___item .rdc-currency-input___amount, .view-quick-transactions .transaction-list___item .rdc-currency-input___decimal {
      font-size: 14px;
      font-size: 1rem;
      line-height: 14px; }
    .view-quick-transactions .transaction-list___item .rdc-currency-input___currency {
      font-size: 10px;
      font-size: 0.71429rem;
      line-height: 10px; }

.view-quick-transactions .updated-date {
  font-size: 11px;
  font-size: 0.78571rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 15px 0 0 0; }

/* ==========================================================================
Touch Login & Login Passphrase ( Malasiya Specific )
========================================================================== */
.view-touch-login .top-portion,
.view-login-passphrase .top-portion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: 35vh;
  min-height: 35vh; }
  .view-touch-login .top-portion p,
  .view-login-passphrase .top-portion p {
    font-size: 40px;
    font-size: 2.85714rem;
    color: white;
    font-weight: 300;
    text-align: center;
    line-height: 1.3; }

.view-touch-login .bottom-portion,
.view-login-passphrase .bottom-portion {
  height: 65vh;
  min-height: 65vh;
  background: white;
  position: relative; }
  .view-touch-login .bottom-portion .content-wrapper,
  .view-login-passphrase .bottom-portion .content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
  .view-touch-login .bottom-portion .content-holder,
  .view-login-passphrase .bottom-portion .content-holder {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 55px;
    /* Required for Footer Controls */ }
    .view-touch-login .bottom-portion .content-holder .title,
    .view-login-passphrase .bottom-portion .content-holder .title {
      font-size: 20px;
      font-size: 1.42857rem;
      color: #000;
      font-weight: 600;
      text-align: center; }
    .view-touch-login .bottom-portion .content-holder .description,
    .view-login-passphrase .bottom-portion .content-holder .description {
      font-size: 14px;
      font-size: 1rem;
      color: #777777;
      font-weight: 300;
      text-align: center;
      padding: 0 8%; }
    .view-touch-login .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input,
    .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      background-color: #f8f8f8; }
      .view-touch-login .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input input,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input input {
        color: #000; }
      .view-touch-login .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input___label,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input___label {
        font-size: 14px;
        font-size: 1rem;
        color: #969696; }
      .view-touch-login .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input.is-focused .rdc-login-text-input___label, .view-touch-login .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input.has-content .rdc-login-text-input___label,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input.is-focused .rdc-login-text-input___label,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .rdc-login-text-input.has-content .rdc-login-text-input___label {
        font-size: 11px;
        font-size: 0.78571rem; }
    .view-touch-login .bottom-portion .content-holder .inputs-wrapper .password-wrapper,
    .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .password-wrapper {
      position: relative;
      margin-top: 2px; }
      .view-touch-login .bottom-portion .content-holder .inputs-wrapper .password-wrapper .rdc-login-text-input,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .password-wrapper .rdc-login-text-input {
        border-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px; }
      .view-touch-login .bottom-portion .content-holder .inputs-wrapper .password-wrapper .forgot-password,
      .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .password-wrapper .forgot-password {
        font-size: 10px;
        font-size: 0.71429rem;
        font-weight: 400;
        color: #969696;
        position: absolute;
        right: 15px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        .view-touch-login .bottom-portion .content-holder .inputs-wrapper .password-wrapper .forgot-password:after,
        .view-login-passphrase .bottom-portion .content-holder .inputs-wrapper .password-wrapper .forgot-password:after {
          content: ' ';
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin-top: -5px;
          margin-right: -15px;
          margin-bottom: -5px;
          margin-left: -20px;
          background-color: rgba(255, 0, 0, 0); }

.view-touch-login .footer-controls,
.view-login-passphrase .footer-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px; }
  .view-touch-login .footer-controls .rdc-button,
  .view-login-passphrase .footer-controls .rdc-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 60px; }
    .view-touch-login .footer-controls .rdc-button:first-child,
    .view-login-passphrase .footer-controls .rdc-button:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border-right: solid 1px #fff; }
    .view-touch-login .footer-controls .rdc-button:last-child,
    .view-login-passphrase .footer-controls .rdc-button:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }

/* ==========================================================================
Touch Login
========================================================================== */
.view-touch-login .circle-icon-holder {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 78px;
  height: 78px;
  border-radius: 50%;
  margin-top: calc( -78px / 2);
  background: -moz-linear-gradient(135deg, #0091ea 0%, #0756af 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #0091ea), color-stop(100%, #0756af));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(135deg, #0091ea 0%, #0756af 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(135deg, #0091ea 0%, #0756af 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(135deg, #0091ea 0%, #0756af 100%);
  /* ie10+ */
  background: linear-gradient(135deg, #0091ea 0%, #0756af 100%);
  /* w3c */ }
  .view-touch-login .circle-icon-holder .rdc-svgicon {
    width: 36px;
    height: 36px; }

.view-touch-login .content-holder .inputs-wrapper {
  margin: 15px 0 20px 0; }

.view-touch-login .content-holder .terms-chechbox-holder {
  text-align: center; }

/* ==========================================================================
Login Passphrase ( Malasiya Specific )
========================================================================== */
.view-login-passphrase .circle-icon-holder {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 98px;
  height: 98px;
  border-radius: 50%;
  border: solid 2px white;
  background-color: white;
  margin-top: calc( -100px / 2);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden; }
  .view-login-passphrase .circle-icon-holder img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 0; }

.view-login-passphrase .content-holder .inputs-wrapper {
  margin: 15px 0 0 0; }

/* Dummy Loading Spinner */
.sp {
  width: 32px;
  height: 32px;
  clear: both;
  margin: 20px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* DUMMY SPINNER NEEDS TO BE REMOVED */
.sp-sphere {
  border-radius: 50%;
  border-left: 0px #fff solid;
  border-right: 0px #fff solid;
  -webkit-animation: spSphere 1s infinite linear;
  animation: spSphere 1s infinite linear; }

@-webkit-keyframes spSphere {
  0% {
    border-left: 0px #fff solid;
    border-right: 0px #fff solid; }
  33% {
    border-left: 32px #fff solid;
    border-right: 0px #fff solid; }
  34% {
    border-left: 0px #fff solid;
    border-right: 32px #fff solid; }
  66% {
    border-left: 0px #fff solid;
    border-right: 0px #fff solid; } }

@keyframes spSphere {
  0% {
    border-left: 0px #fff solid;
    border-right: 0px #fff solid; }
  33% {
    border-left: 32px #fff solid;
    border-right: 0px #fff solid; }
  34% {
    border-left: 0px #fff solid;
    border-right: 32px #fff solid; }
  66% {
    border-left: 0px #fff solid;
    border-right: 0px #fff solid; } }

/* ==========================================================================
Configure Settings
========================================================================== */
.view-settings {
  /* Setting Main View list */
  /* Row Item With Toggle */
  /* Item To Enable Row */ }
  .view-settings .rdc-view___content {
    padding: 0; }
  .view-settings .section-title {
    display: block;
    font-size: 10px;
    font-size: 0.71429rem;
    color: #969696;
    text-transform: uppercase;
    padding: 0 15px 10px 15px; }
    .view-settings .section-title:first-child {
      padding: 30px 15px 10px 15px; }
  .view-settings .description-info {
    display: block;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #969696;
    padding: 15px;
    line-height: 1.5;
    letter-spacing: 0.3px; }
  .view-settings .description {
    font-size: 13px;
    font-size: 0.92857rem;
    color: #969696;
    font-weight: 300;
    padding: 0 15px; }
  .view-settings .settings-list {
    background-color: white;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 20px; }
    .view-settings .settings-list.first-child, .view-settings .settings-list:first-child {
      margin-top: 30px;
      margin-bottom: 0; }
    .view-settings .settings-list:last-child, .view-settings .settings-list.last-child {
      margin-bottom: 0; }
    .view-settings .settings-list___item {
      position: relative; }
      .view-settings .settings-list___item::after {
        content: '';
        display: inline-block;
        position: absolute;
        height: 1px;
        right: 0;
        bottom: 0;
        left: 60px;
        background-color: #e8e8e8; }
      .view-settings .settings-list___item:last-child::after {
        visibility: hidden; }
      .view-settings .settings-list___item .rdc-toggle {
        margin-bottom: 0; }
    .view-settings .settings-list___content {
      padding: 20px 20px 20px 60px; }
  .view-settings .item-status {
    min-height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .view-settings .item-status .icon-left.rdc-svgicon {
      background-size: 24px 24px;
      background-position: center center; }
      .view-settings .item-status .icon-left.rdc-svgicon.icon-balance {
        background-size: 32px 32px; }
      .view-settings .item-status .icon-left.rdc-svgicon.icon-finger-print {
        background-size: 26px 26px; }
      .view-settings .item-status .icon-left.rdc-svgicon.icon-pay-now-blue {
        background-size: 24px 26px; }
    .view-settings .item-status .icon-left {
      width: 60px;
      height: 60px;
      font-size: 24px;
      font-size: 1.71429rem; }
    .view-settings .item-status .title {
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 400;
      color: #000; }
    .view-settings .item-status .spacer {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
    .view-settings .item-status .status {
      font-size: 10px;
      font-size: 0.71429rem;
      font-weight: 300;
      color: #969696; }
      .view-settings .item-status .status.is-on {
        color: #00a546; }
    .view-settings .item-status .icon-right {
      width: 12px;
      height: 12px;
      font-size: 10px;
      font-size: 0.71429rem;
      color: #969696;
      margin: 0 10px 0 10px; }
    .view-settings .item-status .icon-lock-mini {
      position: absolute;
      right: 62px;
      width: 10px;
      height: 14px;
      background-size: 10px 12px;
      background-position: top center;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .view-settings .item-to-toggle {
    min-height: 60px;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .view-settings .item-to-toggle .title {
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 400;
      color: #000; }
    .view-settings .item-to-toggle .spacer {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
    .view-settings .item-to-toggle .rdc-toggle {
      display: inline-block;
      width: auto; }
  .view-settings .item-to-enable {
    position: relative;
    padding: 15px 12px; }
    .view-settings .item-to-enable .account-info___name, .view-settings .item-to-enable .account-info___number {
      display: block;
      font-size: 14px;
      font-size: 1rem;
      font-weight: 400; }
    .view-settings .item-to-enable .account-info___name {
      color: #000; }
    .view-settings .item-to-enable .account-info___number {
      color: #9b9b9b; }
    .view-settings .item-to-enable .rdc-checkbox {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
      .view-settings .item-to-enable .rdc-checkbox.checked .rdc-checkbox___label::before {
        background: #00a546;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25); }
      .view-settings .item-to-enable .rdc-checkbox .rdc-checkbox___label {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
        .view-settings .item-to-enable .rdc-checkbox .rdc-checkbox___label::before {
          left: initial;
          top: initial;
          right: 20px;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          width: 24px;
          height: 24px;
          border: none;
          border-radius: 5px;
          background: #eaeaea; }
        .view-settings .item-to-enable .rdc-checkbox .rdc-checkbox___label::after {
          left: initial;
          top: initial;
          color: white;
          right: 25px;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
    .view-settings .item-to-enable---indented {
      padding: 15px 12px 15px 60px; }

/* ==========================================================================
Configure Settings > Quick Balance
========================================================================== */
.view-settings-quick-balance .rdc-view {
  background-color: #ececec; }

.view-settings-quick-balance .settings-list___item::after {
  left: 12px; }

/* ==========================================================================
Configure Settings > Transaction History
========================================================================== */
.view-settings-transaction-history .budget-content {
  position: relative;
  margin-top: 25px;
  /* Disabled State */ }
  .view-settings-transaction-history .budget-content.is-disabled::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.08); }
  .view-settings-transaction-history .budget-content.is-disabled .title,
  .view-settings-transaction-history .budget-content.is-disabled .sub-title,
  .view-settings-transaction-history .budget-content.is-disabled .dd-wrapper,
  .view-settings-transaction-history .budget-content.is-disabled .rdc-currency-input {
    opacity: .35; }
  .view-settings-transaction-history .budget-content .sub-title {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #777777;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0px; }
  .view-settings-transaction-history .budget-content .dd-wrapper {
    line-height: 44px;
    margin-bottom: 20px; }
  .view-settings-transaction-history .budget-content .rdc-currency-input___amount, .view-settings-transaction-history .budget-content .rdc-currency-input___decimal, .view-settings-transaction-history .budget-content .rdc-currency-input___currency {
    font-size: 40px;
    font-size: 2.85714rem;
    font-weight: 300;
    color: #000; }
  .view-settings-transaction-history .budget-content .rdc-currency-input___currency {
    font-size: 24px;
    font-size: 1.71429rem;
    color: #777; }

/* ==========================================================================
Login View Styles - UI 2.0 Theme
========================================================================== */
.video-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden !important;
  background-color: #121314; }
  .video-wrapper video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 100%;
    height: auto;
    /*
        background: url("../rdc-ui-adn-theme-ui20/assets/images/ui10/bg2x.png") no-repeat;
        background-size: cover;
        */
    background-color: transparent !important; }
  .video-wrapper.has-overlay {
    -webkit-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px); }

.video-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    /* z-index: -100; */
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*
        background: url("../rdc-ui-adn-theme-ui20/assets/images/ui10/bg2x.png") no-repeat;
        background-size: cover;
        */ }
  .video-container .thin-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22); }

/* Login View */
.pane-login {
  overflow: visible !important; }
  .pane-login::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    bottom: 0;
    background: url(../rdc-ui-adn-theme-ui20/assets/images/bgblur.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

.login-view {
  position: relative;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: transparent; }
  .is-ios .login-view {
    padding-top: 20px; }
  .login-view .btn-close {
    color: white;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px; }
    .is-ios .login-view .btn-close {
      margin-top: 20px; }
  .login-view___scroll-content {
    position: relative;
    height: calc( 100vh - 75px);
    min-height: calc( 100vh - 75px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0  35px; }
    .login-view___scroll-content .view-content {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      left: 25px;
      right: 25px;
      /* Landscape */ }
      @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
        .login-view___scroll-content .view-content {
          position: relative;
          top: initial;
          left: initial;
          right: initial;
          bottom: initial;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
      .login-view___scroll-content .view-content h1 {
        font-size: 26px;
        font-size: 1.85714rem;
        color: white;
        font-weight: 300;
        text-align: left;
        line-height: 32px;
        margin-bottom: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between; }
      .login-view___scroll-content .view-content .country-trigger {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        float: right;
        position: relative;
        padding-left: 15px; }
        .login-view___scroll-content .view-content .country-trigger .flag-icon {
          display: inline-block;
          width: 32px;
          height: 24px;
          background: url(../rdc-ui-adn-theme-ui20/assets/svg/flags/flag-singapore.svg) no-repeat;
          background-size: 100% 100%; }
        .login-view___scroll-content .view-content .country-trigger .rdc-glyphicon {
          width: 14px;
          height: 14px;
          font-size: 8px;
          margin-left: 10px;
          display: none;
          /* Switch Country Not Supporting */ }
        .login-view___scroll-content .view-content .country-trigger::before {
          content: '';
          position: absolute;
          display: inline-block;
          width: 1px;
          left: 0;
          top: -5px;
          bottom: -5px;
          background-color: rgba(255, 255, 255, 0.5); }
      .login-view___scroll-content .view-content .inputs-wrapper {
        flex: 0; }
        .login-view___scroll-content .view-content .inputs-wrapper .rdc-login-text-input {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          background-color: rgba(255, 255, 255, 0.25); }
        .login-view___scroll-content .view-content .inputs-wrapper .password-wrapper {
          position: relative;
          margin-top: 2px; }
          .login-view___scroll-content .view-content .inputs-wrapper .password-wrapper .rdc-login-text-input {
            border-radius: 0;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px; }
          .login-view___scroll-content .view-content .inputs-wrapper .password-wrapper .forgot-password {
            font-size: 10px;
            font-size: 0.71429rem;
            font-weight: 400;
            color: white;
            position: absolute;
            right: 15px;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
            .login-view___scroll-content .view-content .inputs-wrapper .password-wrapper .forgot-password:after {
              content: ' ';
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              margin-top: -5px;
              margin-right: -15px;
              margin-bottom: -5px;
              margin-left: -20px;
              background-color: rgba(255, 0, 0, 0); }
      .login-view___scroll-content .view-content .login-buttons-holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        margin-top: 25px; }
        .login-view___scroll-content .view-content .login-buttons-holder .rdc-button {
          width: 100%;
          height: 60px;
          border-radius: 5px; }
        .login-view___scroll-content .view-content .login-buttons-holder .rdc-login-button {
          font-size: 18px;
          font-size: 1.28571rem; }
        .login-view___scroll-content .view-content .login-buttons-holder .rdc-touch-button {
          flex: 0 0 110px;
          min-width: 0;
          margin-left: 15px;
          padding: 0; }
          .login-view___scroll-content .view-content .login-buttons-holder .rdc-touch-button .rdc-svgicon {
            width: 36px;
            height: 36px;
            margin-top: 2px; }
      .login-view___scroll-content .view-content .floating-footer {
        margin-top: 20px; }
        .login-view___scroll-content .view-content .floating-footer p {
          font-size: 14px;
          font-size: 1rem;
          color: white;
          font-weight: 300;
          letter-spacing: 0.6px;
          margin-bottom: 0; }
        .login-view___scroll-content .view-content .floating-footer a {
          display: inline-block;
          position: relative;
          font-size: 14px;
          font-size: 1rem;
          color: #00a546;
          font-weight: 400;
          padding: 5px 0; }
          .login-view___scroll-content .view-content .floating-footer a::after {
            content: ' ';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin-top: -20px;
            margin-right: -50px;
            margin-bottom: -20px;
            margin-left: 0px;
            background-color: rgba(255, 0, 0, 0); }

/* ==========================================================================
Login View Styles - UI 1.0 Theme
========================================================================== */
.login-view-ui-10 {
  position: relative;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  /*
    background: url("../rdc-ui-adn-theme-ui20/assets/images/ui10/bg2x.png") no-repeat;
    background-size: cover;
    */ }
  .login-view-ui-10___header, .login-view-ui-10___scroll-content, .login-view-ui-10___footer {
    position: absolute;
    left: 0;
    right: 0; }
  .login-view-ui-10___header {
    top: 0;
    height: auto; }
    .login-view-ui-10___header .icon-menu {
      font-size: 20px;
      font-size: 1.42857rem;
      color: #fff;
      font-weight: 600;
      margin: 25px 20px 20px 25px;
      display: none; }
  .login-view-ui-10___scroll-content {
    top: calc( 65px + 1px);
    bottom: 0;
    /* Y Scrollable Content */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0  35px; }
    .login-view-ui-10___scroll-content .view-content {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      left: 35px;
      right: 35px;
      padding-bottom: 135px;
      /* Offset Footer Space + Logo Gap */
      /* Landscape */ }
      @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
        .login-view-ui-10___scroll-content .view-content {
          position: relative;
          top: initial;
          left: initial;
          right: initial;
          bottom: initial;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; } }
      .login-view-ui-10___scroll-content .view-content .logo-wrapper {
        text-align: center; }
        .login-view-ui-10___scroll-content .view-content .logo-wrapper .sc-logo {
          display: inline-block;
          width: 140px;
          margin-bottom: 40px; }
      .login-view-ui-10___scroll-content .view-content .inputs-wrapper {
        flex: 0; }
        .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder {
          height: 55px;
          margin-bottom: 0;
          -webkit-transition: none;
          -moz-transition: none;
          -ms-transition: none;
          transition: none;
          border-top-left-radius: 0;
          border-top-right-radius: 0;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          border: 1px solid transparent;
          background-color: transparent;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          border-bottom: solid 1px rgba(255, 255, 255, 0.85); }
          .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input {
            font-size: 16px;
            font-size: 1.14286rem;
            color: #fff;
            font-weight: 300;
            background-color: transparent;
            padding: 0; }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input::selection {
              color: #000;
              background: #fff;
              /* WebKit/Blink Browsers */ }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input::-moz-selection {
              color: #000;
              background: #fff;
              /* Gecko Browsers */ }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input::-webkit-input-placeholder {
              color: rgba(255, 255, 255, 0.85); }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input::-moz-placeholder {
              color: rgba(255, 255, 255, 0.85); }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input:-ms-input-placeholder {
              color: rgba(255, 255, 255, 0.85); }
            .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input .component-holder .textinput-wrapper input:-moz-placeholder {
              color: rgba(255, 255, 255, 0.85); }
        .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-text-input.focusedcss .component-holder {
          border-bottom: solid 1px white; }
        .login-view-ui-10___scroll-content .view-content .inputs-wrapper .rdc-login-password {
          margin-top: 10px; }
      .login-view-ui-10___scroll-content .view-content .rdc-login-button {
        font-size: 18px;
        font-size: 1.28571rem;
        width: 100%;
        height: 60px;
        border-radius: 0px;
        margin-top: 25px;
        border: 1px solid #32914c;
        background-color: #46bf67;
        background: -webkit-gradient(linear, left top, left bottom, from(#46bf67), to(#39a456));
        background: -webkit-linear-gradient(top, #46bf67, #39a456);
        background: -moz-linear-gradient(top, #46bf67, #39a456);
        background: -ms-linear-gradient(top, #46bf67, #39a456);
        background: -o-linear-gradient(top, #46bf67, #39a456); }
  .login-view-ui-10___footer {
    bottom: 0;
    height: 50px;
    background: #fff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center; }
    .login-view-ui-10___footer .rdc-register-link {
      position: relative;
      font-size: 14px;
      font-size: 1rem;
      color: #11bcf8;
      font-weight: 300;
      height: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center; }
      .login-view-ui-10___footer .rdc-register-link .rdc-glyphicon {
        margin-top: -5px;
        margin-right: 5px;
        width: 26px;
        height: 26px;
        font-size: 22px; }
    .login-view-ui-10___footer .rdc-register-link:first-child::after {
      content: '';
      display: inline-block;
      position: absolute;
      right: 0;
      width: 1px;
      top: 0;
      bottom: 0;
      background: #e8e8e8; }

/* ==========================================================================
Logout View Styles
========================================================================== */
.view-logout {
  /* View Overrides */ }
  .view-logout .rdc-view___content {
    padding: 20px 10px; }
  .view-logout .rdc-view___content {
    text-align: center; }
    .view-logout .rdc-view___content h1 {
      font-size: 20px;
      font-size: 1.42857rem;
      font-weight: 300;
      line-height: 26px;
      margin-bottom: 18px;
      color: #00a546; }
    .view-logout .rdc-view___content p {
      font-size: 15px;
      font-size: 1.07143rem;
      line-height: 20px;
      font-weight: 300;
      color: #2b2929;
      margin: 0 25px 30px 25px; }
    .view-logout .rdc-view___content .rdc-rating {
      display: none;
      height: 80px;
      background: #ffeded; }
    .view-logout .rdc-view___content .rdc-textarea {
      display: block;
      width: 100%;
      height: 135px;
      font-size: 14px;
      color: #555555;
      font-weight: 300;
      line-height: 20px;
      border: 1px solid #CECECE;
      border-radius: 0px;
      background-color: #f7f7f7 !important;
      background-image: none;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857;
      background-color: #fff;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      margin-bottom: 20px; }
      .view-logout .rdc-view___content .rdc-textarea::-webkit-input-placeholder {
        color: #969696; }
      .view-logout .rdc-view___content .rdc-textarea::-moz-placeholder {
        color: #969696; }
      .view-logout .rdc-view___content .rdc-textarea:-ms-input-placeholder {
        color: #969696; }
      .view-logout .rdc-view___content .rdc-textarea:-moz-placeholder {
        color: #969696; }
    .view-logout .rdc-view___content .rdc-button {
      width: 100%;
      padding: 25px 25px 25px 25px; }
  .view-logout---success .info-panel {
    padding: 30px 10px 15px 10px; }
  .view-logout---success .rdc-view___content {
    text-align: left; }

/* Home Views */
/* ==========================================================================
Account Details Styles - WIP
========================================================================== */
.rdc-account--details .rdc-form-fieldset {
  border-bottom: 0; }

.rdc-account--details .rdc-account-info:first-child .rdc-account-number-heading {
  margin-top: 5px; }

.rdc-account--details .rdc-account-info .rdc-account-number-heading {
  font-weight: 400;
  color: #02b8f8;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  font-size: 15px;
  margin-bottom: 25px;
  display: inline-block; }

/* Transfer */
/* ==========================================================================
Transfer History Styles
========================================================================== */
.view-transfer-history .rdc-panel {
  margin-bottom: 10px; }

.view-transfer-history .rdc-collapsible-panel {
  border: none;
  border-radius: 0;
  border-bottom: solid 1px #dcdcdc; }
  .view-transfer-history .rdc-collapsible-panel:last-child {
    border-bottom: none; }

/* ==========================================================================
FX Rates Styles
========================================================================== */
.view-fx-rates .rdc-view___content {
  padding: 20px 10px; }

.view-fx-rates .summary-group {
  margin-bottom: 10px; }
  .view-fx-rates .summary-group .summary-col-wrapper {
    padding: 10px 0; }

/* ==========================================================================
View Standing Orders
========================================================================== */
.view-standing-orders .rdc-panel {
  margin-bottom: 10px; }

/* ==========================================================================
Local and SC Standing Orders
========================================================================== */
/* ==========================================================================
Payment History
========================================================================== */
.view-payment-history .rdc-panel {
  margin-bottom: 10px; }

.view-payment-history .rdc-collapsible-panel {
  border: none;
  border-radius: 0;
  border-bottom: solid 1px #dcdcdc; }
  .view-payment-history .rdc-collapsible-panel:last-child {
    border-bottom: none; }

/* Authorise */
/* ==========================================================================
Authorise View Styles
========================================================================== */
.view-authorise .rdc-view___content {
  padding: 20px 10px; }

.view-authorise .summary-group {
  margin-bottom: 10px; }
  .view-authorise .summary-group .summary-col-wrapper {
    padding: 10px 0; }

/* Accounts */
/* ==========================================================================
Global Accounts View
========================================================================== */
.view-global-account .rdc-card h2 {
  font-size: 20px;
  font-size: 1.42857rem;
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #0091ea; }

.view-global-account .rdc-card .rdc-button {
  border-radius: 5px; }

/* ==========================================================================
Transaction History Styles - WIP
========================================================================== */
.view-transaction-history .rdc-navbar .rdc-navbar___left-button:nth-child(2) {
  padding: 0 10px 0 18px; }

.view-transaction-history .rdc-navbar .rdc-navbar___left-button:nth-child(3) {
  padding: 0 18px 0 10px; }

.view-transaction-history .rdc-view___content {
  position: relative;
  z-index: 0;
  /* Decorative Sub Header Background Color */ }
  .view-transaction-history .rdc-view___content::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #0091ea;
    height: 50px;
    z-index: -1; }

.view-transaction-history .top-summary-grid {
  margin-bottom: 20px; }
  .view-transaction-history .top-summary-grid .summary-group___header .title {
    font-size: 16px;
    font-weight: 400;
    color: #444;
    display: block;
    margin-bottom: 2px; }
  .view-transaction-history .top-summary-grid .summary-group___header .value {
    color: #969696;
    font-size: 14px;
    font-weight: 400;
    display: block; }
  .view-transaction-history .top-summary-grid .summary-group {
    margin-bottom: 10px; }
    .view-transaction-history .top-summary-grid .summary-group .summary-col-wrapper {
      border-bottom: 1px solid #dcdcdc;
      padding: 5px 0; }

.view-transaction-history .rdc-panel {
  margin-bottom: 15px; }

.view-transaction-history .rdc-transaction-info-head {
  line-height: 32px; }
  .view-transaction-history .rdc-transaction-info-head .debit {
    color: green; }
  .view-transaction-history .rdc-transaction-info-head .credit {
    color: #da0202; }

.amount-wrapper {
  position: absolute;
  right: 45px;
  top: 15px; }
  .amount-wrapper .amount {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #0091ea;
    font-weight: 400; }
    .amount-wrapper .amount.positive {
      color: #00a546; }
    .amount-wrapper .amount.negative {
      color: #d5153a; }

/* Soft Token */
/* ==========================================================================
View Soft Token
========================================================================== */
.view-soft-token {
  position: relative; }
  .view-soft-token .rdc-view {
    background-color: white; }
  .view-soft-token .rdc-view___content {
    padding: 50px 0 20px 0;
    text-align: center; }
  .view-soft-token .intro-wrapper {
    padding-bottom: 60px;
    /* @include center-position; */ }
    .view-soft-token .intro-wrapper .intro-img {
      display: inline-block;
      width: 322px;
      height: 340px;
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/empty-mobile.svg) no-repeat;
      border: none; }
    .view-soft-token .intro-wrapper h2 {
      font-size: 24px;
      font-size: 1.71429rem;
      color: #0091ea;
      font-weight: 300;
      margin-bottom: 20px;
      padding: 0 55px; }
    .view-soft-token .intro-wrapper p {
      font-size: 14px;
      font-size: 1rem;
      color: #777777;
      line-height: 1.5;
      margin-bottom: 30px;
      padding: 0 55px; }
  .view-soft-token .view-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px 0 15px;
    text-align: center; }
    .view-soft-token .view-footer .btn-register {
      height: 60px; }
    .view-soft-token .view-footer .footer-text {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #777777;
      margin: 20px 0 20px 0; }
      .view-soft-token .view-footer .footer-text a {
        color: #0091ea; }

.registration .rdc-modal-popup__content {
  position: relative;
  border-radius: 5px;
  border-top: 5px solid #00a546;
  background-color: #fff;
  overflow: hidden;
  box-shadow: none;
  margin-top: 15px; }

.registration .info-icon {
  background-image: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-checkmark-green.svg); }

.registration h1 {
  font-size: 24px;
  font-size: 1.71429rem;
  color: #00a546;
  font-size: 30px !important;
  font-weight: 500; }

.registration p {
  font-weight: 400; }

.register-screen .rdc-view___section-heading,
.register-screen .body-text {
  text-align: center; }

.register-screen .rdc-view___section-heading {
  margin: 30px 0; }

.register-screen .body-text {
  color: #201F1F;
  margin-bottom: 15px; }

.register-screen .rdc-otp-input-wrapper {
  width: 100%;
  margin-bottom: 25px;
  text-align: center; }

.register-screen .resend-button {
  font-size: 13px;
  font-size: 0.92857rem;
  color: #646464;
  background: transparent; }

.terms-and-condition .header-content {
  padding: 15px 0 10px 20px;
  background: #f9f9f9; }

.terms-and-condition .footer-content {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  background: #f9f9f9;
  height: 50px;
  padding-top: 15px; }

/* Other Views */
/* ==========================================================================
Help & Services Styles
========================================================================== */
.view-help .help-item {
  background: white;
  border-radius: 5px;
  border: solid 1px rgba(172, 172, 172, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 18px 10px;
  margin-bottom: 20px; }
  .view-help .help-item .rdc-glyphicon {
    font-size: 22px;
    font-size: 1.57143rem;
    margin-right: 10px; }
  .view-help .help-item p {
    font-size: 15px;
    font-size: 1.07143rem;
    color: #969696;
    margin: 0;
    margin-top: 3px; }

/* ==========================================================================
ContactUs Styles
========================================================================== */
.view-contactus .rdc-component-base .component-holder {
  height: 45px; }

.view-contactus .rdc-form___fieldset .rdc-component-base {
  margin-top: 0px; }

.view-contactus .rdc-form___fieldset:last-child {
  padding-bottom: 0; }

.view-contactus .rdc-form___fieldset {
  background: transparent;
  border-bottom: none;
  margin-bottom: 0;
  padding: 0; }

.view-contactus .rdc-form___fieldset .rdc-component-base,
.view-contactus .rdc-form___fieldset .rdc-group-component-base {
  border-bottom: none; }

.view-contactus .rdc-text-area .component-holder {
  height: 300px; }

/* ==========================================================================
Service Request Main
========================================================================== */
.view-service-request-wrapper {
  /* Section Seperator */ }
  .view-service-request-wrapper .lg-nav-header {
    background: white;
    padding: 40px 42px 10px 42px; }
    .view-service-request-wrapper .lg-nav-header .breadcrumb {
      padding: 0;
      margin-bottom: 15px;
      list-style: none;
      background-color: transparent;
      border-radius: 4px; }
      .view-service-request-wrapper .lg-nav-header .breadcrumb___item {
        display: inline;
        font-size: 10px;
        font-size: 0.71429rem;
        color: #9b9b9b;
        font-weight: 400; }
      .view-service-request-wrapper .lg-nav-header .breadcrumb a {
        position: relative;
        margin-left: 20px; }
        .view-service-request-wrapper .lg-nav-header .breadcrumb a::before {
          content: '';
          position: absolute;
          display: inline-block;
          left: -10px;
          top: 1px;
          width: 0px;
          height: 0px;
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent;
          border-left: 4px solid rgba(0, 0, 0, 0.35); }
        .view-service-request-wrapper .lg-nav-header .breadcrumb a::after {
          content: "";
          display: inline-block;
          position: absolute;
          height: 1px;
          border-bottom: 1px dashed rgba(0, 0, 0, 0.35);
          bottom: -3px;
          left: -3px;
          right: -3px; }
    .view-service-request-wrapper .lg-nav-header .title {
      font-size: 36px;
      font-size: 2.57143rem;
      color: #0091ea;
      font-weight: 300;
      letter-spacing: 0.5px;
      margin: 0; }
  .view-service-request-wrapper .rdc-section-seperator {
    padding: 10px 0; }

/* ==========================================================================
Service Request Styles
========================================================================== */
.view-service-request {
  margin-top: -1px;
  /* iOS Black Sceoll Fixes */
  /* Block Header */
  /* Vertical List Items */ }
  .view-service-request .filter-header-base {
    background-color: #0091ea;
    padding: 2px 10px 20px 10px; }
    .view-service-request .filter-header-base .search-wrapper {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 65px; }
      .view-service-request .filter-header-base .search-wrapper .search-input {
        font-size: 22px;
        font-size: 1.57143rem;
        font-weight: 200;
        line-height: 30px;
        width: 100%;
        padding: 15px 22px 15px 50px;
        transition: none;
        letter-spacing: .3px;
        color: #fff;
        border: none;
        background-color: transparent !important;
        appearance: none; }
        .view-service-request .filter-header-base .search-wrapper .search-input:-ms-input-placeholder {
          color: rgba(255, 255, 255, 0.35); }
        .view-service-request .filter-header-base .search-wrapper .search-input::-moz-placeholder {
          color: rgba(255, 255, 255, 0.35); }
        .view-service-request .filter-header-base .search-wrapper .search-input::-webkit-input-placeholder {
          color: rgba(255, 255, 255, 0.35); }
      .view-service-request .filter-header-base .search-wrapper .icon-search {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 32px;
        height: 32px;
        top: 43%;
        left: 8px;
        font-size: 22px;
        font-size: 1.57143rem;
        color: white; }
    .view-service-request .filter-header-base .filter-dd-wrapper {
      text-align: center;
      padding: 10px 0; }
      .view-service-request .filter-header-base .filter-dd-wrapper .rdc-form-selectbox {
        margin-bottom: 0; }
      .view-service-request .filter-header-base .filter-dd-wrapper .need-help-dd {
        margin-bottom: 20px; }
      .view-service-request .filter-header-base .filter-dd-wrapper .need-help-dd p,
      .view-service-request .filter-header-base .filter-dd-wrapper .regards-to-dd p {
        display: inline;
        font-size: 20px;
        font-size: 1.42857rem;
        color: #fff;
        font-weight: 200; }
      .view-service-request .filter-header-base .filter-dd-wrapper .need-help-dd .dummy-dd,
      .view-service-request .filter-header-base .filter-dd-wrapper .regards-to-dd .dummy-dd {
        position: relative; }
        .view-service-request .filter-header-base .filter-dd-wrapper .need-help-dd .dummy-dd:before,
        .view-service-request .filter-header-base .filter-dd-wrapper .regards-to-dd .dummy-dd:before {
          content: '';
          display: inline-block;
          position: absolute;
          left: 0;
          right: -25px;
          bottom: -5px;
          height: 1px;
          border-bottom: dashed 1px #fff; }
        .view-service-request .filter-header-base .filter-dd-wrapper .need-help-dd .dummy-dd:after,
        .view-service-request .filter-header-base .filter-dd-wrapper .regards-to-dd .dummy-dd:after {
          content: '';
          display: inline-block;
          position: absolute;
          width: 20px;
          height: 14px;
          bottom: 0;
          margin-left: 2px;
          background: transparent;
          font-size: 10px;
          color: #fff;
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e92f"; }
    .view-service-request .filter-header-base .filter-footer {
      padding-top: 20px; }
      .view-service-request .filter-header-base .filter-footer .rdc-button.rdc-button---outlined {
        color: #fff;
        background: transparent;
        border-radius: 5px;
        border: solid 1px #fff; }
  .view-service-request h4 {
    display: block;
    font-size: 15px;
    font-size: 1.07143rem;
    font-weight: 300;
    color: #0091ea;
    padding-left: 2px;
    margin-bottom: 10px; }
  .view-service-request .rdc-tile-list {
    margin-bottom: 30px; }
    .view-service-request .rdc-tile-list___item {
      border-bottom: solid 5px #0091ea; }
      .view-service-request .rdc-tile-list___item a {
        color: #CFCFCF; }
  .view-service-request .service-request-list {
    list-style: none;
    background: none;
    overflow: hidden; }
    .view-service-request .service-request-list li {
      display: block; }
    .view-service-request .service-request-list___item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      background: #fff;
      border: solid 1px #D7D7D7;
      border-bottom: solid 5px #0091ea;
      border-radius: 5px;
      margin-bottom: 15px;
      padding: 30px 25px; }
      .view-service-request .service-request-list___item .rdc-svgicon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 64px;
        -moz-box-flex: 0;
        -moz-flex: 0 0 64px;
        -ms-flex: 0 0 64px;
        flex: 0 0 64px;
        height: 64px;
        margin-right: 20px; }
      .view-service-request .service-request-list___item .content-wrapper {
        /*
                @include flexbox;
                @include flex-flow(column nowrap);
                @include justify-content(center);
                */ }
        .view-service-request .service-request-list___item .content-wrapper .title,
        .view-service-request .service-request-list___item .content-wrapper .description {
          display: block; }
        .view-service-request .service-request-list___item .content-wrapper .title {
          font-size: 16px;
          font-size: 1.14286rem;
          color: #0091ea;
          font-weight: 300;
          margin: 0 0 10px 0;
          line-height: 1.28571rem; }
        .view-service-request .service-request-list___item .content-wrapper .description {
          font-size: 13px;
          font-size: 0.92857rem;
          color: #555;
          font-weight: 400;
          margin: 0;
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 33.8px;
          /* Fallback for non-webkit */
          margin: 0 auto;
          line-height: 1.3;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }
  .view-service-request .rdc-accordion-list {
    border-radius: 5px;
    border: solid 1px #E0E0E0;
    background-color: white; }
    .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___header {
      font-size: 14px;
      font-size: 1rem;
      color: #2b2929;
      font-weight: 400;
      border-bottom: solid 1px #D9D9D9; }
    .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content ul {
      background: white; }
      .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content ul li {
        position: relative; }
        .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content ul li::before {
          content: '';
          position: absolute;
          display: inline-block;
          height: 1px;
          background-color: #D9D9D9;
          left: 25px;
          right: 10px;
          bottom: 0; }
    .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content ul li a {
      color: #4A4A4A;
      padding: 8px 15px 8px 25px;
      background: transparent; }
      .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content ul li a.active {
        color: #4A4A4A; }
    .view-service-request .rdc-accordion-list .rdc-accordion .rdc-accordion-item___content::before {
      display: none; }

/* ==========================================================================
Service Request Status Styles
========================================================================== */
.view-service-request-status .rdc-collapsible-panel {
  margin-bottom: 10px;
  /* Override: No Active ( Decorator ) Border */ }
  .view-service-request-status .rdc-collapsible-panel .rdc-collapsible-panel___header .rdc-glyphicon {
    top: 15px;
    right: 15px; }
  .view-service-request-status .rdc-collapsible-panel .rdc-collapsible-panel___content {
    padding: 0; }
  .view-service-request-status .rdc-collapsible-panel::after {
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none; }

.view-service-request-status .request-status-header-card .heading-wrapper,
.view-service-request-status .request-status-header-card .description-wrapper {
  position: relative; }

.view-service-request-status .request-status-header-card .status-heading {
  font-size: 15px;
  font-size: 1.07143rem;
  color: #0091ea;
  font-weight: 400;
  margin: 0; }

.view-service-request-status .request-status-header-card .description-wrapper {
  height: 45px; }
  @media only screen and (min-width: 768px) {
    .view-service-request-status .request-status-header-card .description-wrapper p {
      display: inline-block; }
      .view-service-request-status .request-status-header-card .description-wrapper p:first-child {
        padding-right: 12px;
        margin-right: 12px;
        border-right: solid 1px #D9D9D9; } }

.view-service-request-status .request-status-header-card .status-reference-no,
.view-service-request-status .request-status-header-card .status-updated-date {
  font-size: 11px;
  font-size: 0.78571rem;
  color: #A6A6A6;
  font-weight: 400;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: relative;
  margin: 0; }

.view-service-request-status .request-status-header-card .status-badge {
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 12px;
  font-size: 0.85714rem;
  color: white;
  font-weight: 300;
  border-radius: 10px;
  border: none;
  background-color: lightgray;
  padding: 2px 8px 0 8px;
  /* State: Completed */
  /* State: Validating */
  /* State: Processing */
  /* State: Received */ }
  .view-service-request-status .request-status-header-card .status-badge---completed {
    background-color: #00a546; }
  .view-service-request-status .request-status-header-card .status-badge---validating {
    background-color: #FAC80B; }
  .view-service-request-status .request-status-header-card .status-badge---processing {
    background-color: #9b9b9b; }
  .view-service-request-status .request-status-header-card .status-badge---received {
    background-color: #cccccc; }

.view-service-request-status .request-status-content-card {
  padding: 12px 15px 12px 15px; }
  .view-service-request-status .request-status-content-card .summary-wrapper {
    margin-bottom: 10px; }
  .view-service-request-status .request-status-content-card .alert-notify-wrapper .button-wrapper {
    margin-left: 20px;
    border-left: solid 1px #d9d9d9; }
    .view-service-request-status .request-status-content-card .alert-notify-wrapper .button-wrapper .notification-button {
      font-size: 12px;
      font-size: 0.85714rem;
      border: none;
      background: transparent;
      color: #0091ea; }

.view-service-request-status .request-status-footer-card {
  border-top: solid 1px #e2e2e2;
  padding: 12px 15px 12px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  .view-service-request-status .request-status-footer-card label {
    margin: 0; }
  .view-service-request-status .request-status-footer-card .rdc-toggle {
    width: auto; }
    .view-service-request-status .request-status-footer-card .rdc-toggle .component-holder {
      height: auto; }

/* ==========================================================================
Mail Box Main View
========================================================================== */
.view-mail-box-main .navbar-sub-header---tab-bar {
  background-color: transparent;
  border-bottom: none; }

/* ==========================================================================
Notification Message Details
========================================================================== */
.view-notification-message .rdc-view-card {
  overflow: hidden;
  /* Message Header */
  /* Message Scroll Content */ }
  .view-notification-message .rdc-view-card .message-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    height: 115px;
    padding: 15px;
    background-color: #f8f8f8; }
    .view-notification-message .rdc-view-card .message-header h3 {
      font-size: 24px;
      font-size: 1.71429rem;
      color: #000;
      font-weight: 400;
      margin-bottom: 10px; }
    .view-notification-message .rdc-view-card .message-header p {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #777;
      margin-bottom: 2px;
      text-transform: uppercase; }
    .view-notification-message .rdc-view-card .message-header .doc-icon {
      display: inline-block;
      width: 100px;
      height: 85px;
      position: absolute;
      right: 15px;
      bottom: 0;
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/doc-icon.svg) no-repeat;
      background-size: auto 100%;
      background-position: right bottom; }
  .view-notification-message .rdc-view-card .message-scroll-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 115px;
    bottom: 0;
    padding: 20px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .view-notification-message .rdc-view-card .message-scroll-content p {
      font-size: 16px;
      font-size: 1.14286rem;
      color: #000;
      font-weight: 400;
      line-height: 1.5; }

/* ==========================================================================
Mail Box List Wrapper
========================================================================== */
.mailbox-wrapper {
  margin: 5px 12px 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: 100%;
  /* Sortable Header */
  /* Scrollable Content */ }
  .mailbox-wrapper .mailbox-header {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 30px;
    -moz-box-flex: 1;
    -moz-flex: 1 0 30px;
    -ms-flex: 1 0 30px;
    flex: 1 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: linear-gradient(95deg, #0091ea, #0756af); }
    .mailbox-wrapper .mailbox-header .block-item {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%; }
      .mailbox-wrapper .mailbox-header .block-item .ember-power-select-trigger {
        position: relative;
        border-top: none;
        border-bottom: none;
        border-right: none;
        border-left: none;
        border-radius: 0;
        background-color: transparent;
        line-height: 2.1;
        min-height: 2.1em; }
        .mailbox-wrapper .mailbox-header .block-item .ember-power-select-trigger .ember-power-select-placeholder,
        .mailbox-wrapper .mailbox-header .block-item .ember-power-select-trigger .ember-power-select-selected-item {
          display: block;
          font-size: 13px;
          font-size: 0.92857rem;
          color: #fff;
          font-weight: 300;
          overflow-x: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-left: 12px; }
        .mailbox-wrapper .mailbox-header .block-item .ember-power-select-trigger .ember-power-select-status-icon {
          right: 12px;
          border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; }
      .mailbox-wrapper .mailbox-header .block-item:first-child {
        position: relative; }
        .mailbox-wrapper .mailbox-header .block-item:first-child::after {
          content: '';
          position: absolute;
          display: block;
          right: 0;
          top: 5px;
          bottom: 5px;
          width: 1px;
          background-color: rgba(255, 255, 255, 0.5); }
  .mailbox-wrapper .mailbox-scroll-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

/* DropDown */
.aa-bb-cc.ember-power-select-dropdown {
  border-left: none;
  border-right: none;
  line-height: 3;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); }
  .aa-bb-cc.ember-power-select-dropdown .ember-power-select-option {
    position: relative;
    color: #000; }
    .aa-bb-cc.ember-power-select-dropdown .ember-power-select-option::after {
      content: '';
      display: block;
      left: 10px;
      right: 10px;
      bottom: 0;
      height: 1px;
      background-color: #e2e2e2; }
    .aa-bb-cc.ember-power-select-dropdown .ember-power-select-option:last-child::after {
      display: none; }
  .aa-bb-cc.ember-power-select-dropdown .ember-power-select-option[aria-current="true"] {
    background-color: transparent;
    color: #0091ea; }

.aa-bb-cc.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.aa-bb-cc.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

/* ==========================================================================
Mail Box List
========================================================================== */
.mail-box-list {
  display: block; }
  .mail-box-list .mail-item {
    display: block;
    /* State Un Read */ }
    .mail-box-list .mail-item .item {
      padding: 20px 15px;
      background-color: #F1F1F1; }
    .mail-box-list .mail-item.un-read .item {
      background-color: #ffffff; }
    .mail-box-list .mail-item___date, .mail-box-list .mail-item___content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
    .mail-box-list .mail-item___date {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 45px;
      -moz-box-flex: 0;
      -moz-flex: 0 0 45px;
      -ms-flex: 0 0 45px;
      flex: 0 0 45px;
      width: 45px;
      height: 45px;
      -webkit-flex-flow: column nowrap;
      -moz-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      text-transform: uppercase;
      border-radius: 50%;
      background-color: #00a546; }
      .mail-box-list .mail-item___date label {
        font-size: 12px;
        font-size: 0.85714rem;
        color: white;
        font-weight: 700;
        line-height: 14px; }
    .mail-box-list .mail-item___content {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -webkit-flex-flow: column nowrap;
      -moz-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
      padding: 0;
      margin-left: 12px;
      margin-right: 12px; }
      .mail-box-list .mail-item___content p {
        margin: 0;
        padding: 0; }
      .mail-box-list .mail-item___content .title-wrapper {
        position: relative;
        margin-bottom: 6px; }
        .mail-box-list .mail-item___content .title-wrapper .title {
          font-size: 14px;
          font-size: 1rem;
          color: #2b2929;
          font-weight: 400;
          position: relative;
          margin-bottom: 0;
          padding-left: 0;
          max-width: 80%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          /* State: Un-Read */ }
          .mail-box-list .mail-item___content .title-wrapper .title::before {
            display: none; }
          .un-read .mail-box-list .mail-item___content .title-wrapper .title {
            padding-left: 15px; }
            .un-read .mail-box-list .mail-item___content .title-wrapper .title::before {
              content: '';
              position: absolute;
              display: inline-block;
              width: 8px;
              height: 8px;
              border-radius: 50%;
              background-color: #0091ea;
              left: 0;
              position: absolute;
              top: 50%;
              -webkit-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
        .mail-box-list .mail-item___content .title-wrapper .time {
          position: absolute;
          right: 0;
          top: 0;
          font-size: 11px;
          font-size: 0.78571rem;
          color: #89868a;
          font-weight: 300; }
      .mail-box-list .mail-item___content .description {
        font-size: 12px;
        font-size: 0.85714rem;
        color: #999999;
        font-weight: 400;
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 31.2px;
        /* Fallback for non-webkit */
        line-height: 1.3;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }

/* ==========================================================================
Message Details View
========================================================================== */
/*
.view-message-details { 
    
    .message-heading {
        @include flexbox;
        @include align-items(center);
        height: 65px;
        padding: 0 15px;

        &___body {
            @include flex(1, 1, auto);

            p {
                @include font-size(14px);
                color: white;
                font-weight: 100;
                letter-spacing: 0.5px;
                margin: 0;
                
                &:nth-child(2) {
                    font-weight: $light;
                }
            }
        }
        &___date {
            @include flex(0, 0, auto);

            @include flexbox;
            @include flex-flow(column nowrap);
            @include justify-content(center);
            @include align-items(center);

            label {
                @include font-size(10px);
                color: white;
                font-weight: $light;
                line-height: 10px;
                text-transform: uppercase;

                &.date {
                    @include font-size(20px);
                    color: white;
                    font-weight: $light;    
                    line-height: 20px;

                    margin-bottom: 2px;
                }
            }
        }
    }

    .rdc-scroll-content.has-sub-header { 
        height: calc( 100vh - ( 65px + 50px ));
        min-height: calc( 100vh - ( 65px + 50px ));
    }

    .text-area-wrapper {
        position: relative;

        &:before {
            content: '';
            position: absolute;

            left: 22px;
            top: -10px;
            
            border-bottom: solid #E1E2AF 10px;
            border-left: solid transparent 8px;
            border-right:solid transparent 8px;
        }
    }

    .rdc-reply-textarea {
        
        @include font-size(14px);
        color: rgba(0,0,0,0.75);
        font-weight: $regular;
        line-height: 20px;

        display: block;
        width: 100%;
        height: 200px;
        padding: 20px 15px;
        
        border-radius: 5px;
        border: 1px solid #E1E2AF;
        background-color: #FFFFC1;

        overflow: auto;
        resize: none;
        
        @include placeholder {
            @include font-size(14px);
            color: lighten(#000, 65%);
            font-weight: $light;
        }
    }
}
*/
/* DAC, PL, CCLI */
/* ==========================================================================
View Pay In installment ( Balances )
========================================================================== */
.view-pay-in-installment .summary-group {
  margin-bottom: 20px; }
  .view-pay-in-installment .summary-group .summary-col-wrapper {
    padding: 10px 0; }

/* Other Overrides */
/* ==========================================================================
About Style
========================================================================== */
.view-about .view-content {
  text-align: center;
  padding: 25px 40px 0 25px; }
  .view-about .view-content .sc-logo {
    display: inline-block;
    width: 210px;
    height: auto;
    margin-bottom: 40px; }
  .view-about .view-content p {
    font-size: 14px;
    font-size: 1rem;
    color: #777777;
    font-weight: 300;
    line-height: 1.5; }

.view-about .rdc-view-card___footer .version {
  font-size: 12px;
  font-size: 0.85714rem;
  color: #777777;
  margin-bottom: 10px; }

.view-about .rdc-view-card___footer .copyright {
  font-size: 12px;
  font-size: 0.85714rem;
  color: #969696; }

/* ==========================================================================
Contact Style
========================================================================== */
.view-contact .rdc-view-card {
  padding: 20px 20px 20px 20px; }
  .view-contact .rdc-view-card .body-txt {
    font-size: 14px;
    font-size: 1rem;
    color: #777777;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 20px; }
  .view-contact .rdc-view-card .title {
    font-size: 14px;
    font-size: 1rem;
    color: #2b2929;
    text-transform: uppercase; }
    .view-contact .rdc-view-card .title span {
      color: #969696;
      text-transform: none; }
  .view-contact .rdc-view-card .phone-block {
    display: block; }
    .view-contact .rdc-view-card .phone-block:first-child {
      margin-bottom: 10px; }
    .view-contact .rdc-view-card .phone-block___badge, .view-contact .rdc-view-card .phone-block___number {
      display: inline-block; }
    .view-contact .rdc-view-card .phone-block___badge {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #fff;
      background-color: #0091ea;
      min-width: 85px;
      border-radius: 12px;
      text-align: center;
      text-transform: uppercase;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      height: 18px;
      padding-top: 1px;
      line-height: 0;
      margin-right: 5px; }
    .view-contact .rdc-view-card .phone-block___number {
      font-size: 24px;
      font-size: 1.71429rem;
      color: #0091ea;
      line-height: 35px;
      font-weight: 200; }

/* ==========================================================================
Contact Style
========================================================================== */
.view-system-maintenance .rdc-view___content {
  text-align: center;
  padding: 20px 40px 100px 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.view-system-maintenance .rdc-svgicon {
  width: 100px;
  height: 100px;
  margin-bottom: 25px; }

.view-system-maintenance .heading {
  font-size: 24px;
  font-size: 1.71429rem;
  color: white;
  font-weight: 400;
  line-height: 1.3; }

.view-system-maintenance p {
  font-size: 14px;
  font-size: 1rem;
  color: white;
  font-weight: 300;
  letter-spacing: 0.6;
  line-height: 1.45; }

.view-system-maintenance .max-limit-scroller {
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/* ==========================================================================
FAQ Style
========================================================================== */
.view-faq .rdc-view___content {
  padding: 20px 15px; }

.view-faq .faq-group {
  margin-bottom: 30px; }
  .view-faq .faq-group___title {
    font-size: 14px;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase; }
  .view-faq .faq-group .rdc-collapsible-panel {
    margin-bottom: 10px; }
    .view-faq .faq-group .rdc-collapsible-panel___header {
      display: flex;
      align-items: center; }
    .view-faq .faq-group .rdc-collapsible-panel .faq-panel-title-base p,
    .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base p {
      font-size: 16px;
      font-size: 1.14286rem;
      color: #777777;
      font-weight: 300;
      line-height: 1.3; }
    .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base {
      /* Inner List */ }
      .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base p {
        font-size: 13px;
        font-size: 0.92857rem;
        line-height: 1.35; }
      .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base .inner-list___item {
        border-bottom: solid 1px #eaeaea;
        padding: 8px 0; }
        .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base .inner-list___item:last-child {
          border-bottom: none; }
        .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base .inner-list___item .title {
          margin-bottom: 10px; }
        .view-faq .faq-group .rdc-collapsible-panel .faq-panel-content-base .inner-list___item .value {
          font-size: 20px;
          font-size: 1.42857rem;
          font-weight: 300;
          /* color: #777777; */ }

.view-faq .faq-footer {
  text-align: center; }
  .view-faq .faq-footer p, .view-faq .faq-footer a {
    display: block;
    font-size: 12px;
    font-size: 0.85714rem;
    font-weight: 300;
    text-align: center; }
  .view-faq .faq-footer p {
    color: white; }
  .view-faq .faq-footer a {
    font-size: 14px;
    font-size: 1rem;
    margin-top: 5px; }

/* ==========================================================================
Comong soon Styles
========================================================================== */
.comming-soon-view {
  background-color: white; }

.comming-soon {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  .comming-soon .rdc-glyphicon {
    font-size: 48px;
    width: 60px;
    height: 60px;
    color: #7b7b7b; }
  .comming-soon p {
    display: inline-block;
    font-size: 24px;
    font-size: 1.71429rem;
    font-weight: 200; }

/* ==========================================================================
KitchenSink Help Document
========================================================================== */
.view-kitchensink-doc {
  /* Code Block */ }
  .view-kitchensink-doc .row {
    margin-left: 0;
    margin-right: 0; }
  @media (min-width: 768px) {
    .view-kitchensink-doc .row .col-sm-6 {
      /* First Column */
      /* Second Column */ }
      .view-kitchensink-doc .row .col-sm-6:nth-child(odd) {
        padding-right: 10px; }
      .view-kitchensink-doc .row .col-sm-6:nth-child(even) {
        padding-left: 10px; } }
  .view-kitchensink-doc code,
  .view-kitchensink-doc pre {
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    white-space: pre-wrap; }
  .view-kitchensink-doc .doc-body {
    position: relative; }
  .view-kitchensink-doc .doc-content {
    padding: 20px 15px; }
  .view-kitchensink-doc .section-title {
    font-size: 22px;
    font-size: 1.57143rem;
    font-weight: 300;
    color: #0091ea;
    border-bottom: solid 1px #d4d4d4;
    padding-bottom: 8px;
    margin-bottom: 15px; }
    .view-kitchensink-doc .section-title:first-child {
      margin-top: 0; }
  .view-kitchensink-doc .section-block {
    margin-bottom: 25px; }
    .view-kitchensink-doc .section-block .block-title {
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 300;
      color: #0091ea;
      margin: 20px 0 10px 0; }
      .view-kitchensink-doc .section-block .block-title:first-child {
        margin-top: 0; }
    .view-kitchensink-doc .section-block p {
      font-weight: 300; }
  .view-kitchensink-doc .code-block {
    margin-top: 10px;
    margin-bottom: 20px; }
    .view-kitchensink-doc .code-block code,
    .view-kitchensink-doc .code-block pre {
      background-color: white; }
  .view-kitchensink-doc blockquote {
    margin: 0 0 20px 0;
    padding: 30px 20px;
    background: white; }
    .view-kitchensink-doc blockquote p {
      font-size: 14px;
      font-size: 1rem;
      font-weight: 300; }

/* Snippet Group */
.snippet-group {
  margin: 0; }
  .snippet-group .snippet-header {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }
  .snippet-group .snippet-demos,
  .snippet-group .snippet-captions {
    display: table-row; }
  .snippet-group .snippet-demo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    margin: 0; }
    .snippet-group .snippet-demo .snippet-demo-container {
      text-align: left;
      display: inline-block; }
  .snippet-group .snippet-captions {
    background-color: rgba(255, 255, 255, 0.65);
    height: 48px; }
  .snippet-group .snippet-demo-padding {
    text-align: center;
    padding: 0; }
  .snippet-group .snippet-demo-padding,
  .snippet-group .snippet-caption,
  .snippet-group .snippet-caption-padding {
    display: table-cell;
    vertical-align: middle;
    margin: 0; }
  .snippet-group .snippet-caption-padding {
    text-align: center;
    padding: 0; }
  .snippet-group .snippet-caption {
    font-size: 13px;
    padding: 0 40px;
    white-space: nowrap;
    text-align: center;
    position: relative; }
  .snippet-group .snippet-demo {
    padding: 0 15px 25px 15px; }
    @media (max-width: 768px) {
      .snippet-group .snippet-demo {
        padding: 0 0 30px 0; } }
  .snippet-group .snippet-demos .snippet-demo-padding {
    width: 50%; }
  .snippet-group .snippet-demos .snippet-demo-padding {
    width: auto; }
  .snippet-group .snippet-code {
    position: relative;
    overflow: hidden; }
    .snippet-group .snippet-code pre {
      background-color: white; }
  @media (max-width: 850px) {
    .snippet-group .snippet-group .snippet-demo {
      padding-left: 5px;
      padding-right: 5px; } }
  .snippet-group.is-full-width .snippet-demo-container {
    width: 100%; }
  .snippet-group.is-full-width .snippet-demos > .snippet-demo {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .snippet-group.is-full-width .snippet-demo-padding {
    width: 0;
    padding: 8px;
    margin: 0; }

.snippet-code {
  position: relative;
  overflow: hidden; }
  .snippet-code pre {
    background-color: white; }

/* ==========================================================================
Override Styles
========================================================================== */
/* Home Dashboard View, Account summary View  */
.view-home-dashboard .rdc-view___content,
.view-account-dashboard .rdc-view___content {
  padding: 20px 10px; }

/* Only FERE Specific Views */
/* ==========================================================================
Only FERE Specific styles
========================================================================== */
/* Common */
.view-bg {
  background: url("../rdc-ui-adn-theme-ui20/assets/images/breeze-mountain-bg.png") no-repeat;
  background-size: cover; }

.view-breeze-bg {
  background: url("../rdc-ui-adn-theme-ui20/assets/images/breeze-bg.jpg") no-repeat;
  background-size: cover; }

/* ==========================================================================
RDC Langunage Select Styles
========================================================================== */
.rdc-language-select {
  position: relative;
  float: right;
  height: 100%;
  overflow: hidden;
  width: auto; }
  .rdc-language-select .icon-globe-white,
  .rdc-language-select .icon-down-chevron-white {
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .rdc-language-select .icon-globe-white {
    left: 10px;
    width: 16px;
    height: 18px;
    background-size: 16px 16px;
    background-position: top center; }
  .rdc-language-select .icon-down-chevron-white {
    right: 10px;
    width: 6px;
    height: 4px; }
  .rdc-language-select select {
    background: transparent;
    border: none;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #fff;
    text-transform: uppercase;
    height: 100%;
    width: 100%;
    padding: 0 30px 0 38px; }

/* ==========================================================================
Snippets
========================================================================== */
.action-content-security .top-content {
  text-align: center;
  padding-bottom: 10px; }
  .action-content-security .top-content .logo-mcafee {
    border: none; }

.action-content-security .bottom-content {
  position: relative;
  padding-top: 10px;
  border-top: solid 1px rgba(0, 0, 0, 0.1); }
  .action-content-security .bottom-content p {
    font-size: 13px;
    font-size: 0.92857rem;
    font-weight: 300;
    color: #000;
    padding-right: 40px; }
  .action-content-security .bottom-content .rdc-svgicon {
    width: 16px;
    height: 16px;
    right: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }

/* ==========================================================================
Button Styles
========================================================================== */
.cdi-button {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 100px;
  min-height: 45px;
  padding: 5px 25px 5px 25px;
  border-radius: 0;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.2px;
  color: white;
  font-weight: 300;
  letter-spacing: 0.5px;
  background: #00a546;
  border: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.15);
  /* Primary Button Outlinedy */
  /* Primary White Button .rdc-button---primary */
  /* Primary Outlined Button .rdc-button---primary-outlined */
  /* Link Button */
  /* Selected button with Tick */ }
  .cdi-button:focus {
    outline: none; }
  .cdi-button.rounded {
    border-radius: 22px; }
  .cdi-button .icon {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .cdi-button---primary-outlined {
    color: #00a546;
    background: transparent;
    border: solid 1px #00a546; }
  .cdi-button---primary-white {
    color: #0285d4;
    background: white; }
  .cdi-button---primary-white-outlined {
    color: white;
    background: transparent;
    border: solid 1px white; }
  .cdi-button---link {
    min-height: auto;
    padding: 2px 5px;
    background: transparent; }
  .cdi-button.selected-button .icon-check {
    display: inline-block;
    width: 12px;
    height: 9px;
    background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-check-mark.svg) no-repeat;
    background-size: cover; }

/* ==========================================================================
CDI Product Opening
========================================================================== */
.view-cdi-product-opening .rdc-view-content {
  padding: 10px 12px 15px 12px; }

.view-cdi-product-opening .rdc-view___footer {
  -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.5); }

.view-cdi-product-opening .section-group {
  margin-bottom: 40px; }
  .view-cdi-product-opening .section-group .section-title {
    font-size: 24px;
    font-weight: 200;
    color: white;
    letter-spacing: 1.5px; }
  .view-cdi-product-opening .section-group .section-description {
    font-size: 14px;
    font-weight: 200;
    color: white;
    letter-spacing: 1.2px;
    margin-bottom: 15px; }
  .view-cdi-product-opening .section-group .product-list .product-list-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    border-radius: 6px;
    background-color: white;
    margin-bottom: 12px;
    overflow: hidden; }
    .view-cdi-product-opening .section-group .product-list .product-list-item .product-img {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100px;
      -moz-box-flex: 0;
      -moz-flex: 0 0 100px;
      -ms-flex: 0 0 100px;
      flex: 0 0 100px;
      overflow: hidden;
      min-height: 130px;
      background-size: cover;
      background-color: #f2f2f2; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .product-img.current-account {
        background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-current-account.jpg) no-repeat;
        background-size: auto 100%;
        background-position: center 0; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .product-img.excel-saver {
        background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-excel-saver.jpg) no-repeat;
        background-size: auto 100%;
        background-position: center 0; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .product-img.fixed-deposit {
        background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-fixed-deposit.jpg) no-repeat;
        background-size: auto 100%;
        background-position: -70px 0; }
    .view-cdi-product-opening .section-group .product-list .product-list-item .content-wrapper {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 12px; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .content-wrapper .title {
        font-size: 18px;
        font-weight: 300;
        color: #000;
        margin-bottom: 8px; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .content-wrapper .description {
        font-size: 13px;
        font-weight: 300;
        color: #919191;
        line-height: 1.3; }
      .view-cdi-product-opening .section-group .product-list .product-list-item .content-wrapper .footer-wrapper {
        width: 100%;
        margin-top: 20px; }
        .view-cdi-product-opening .section-group .product-list .product-list-item .content-wrapper .footer-wrapper .cdi-button {
          width: 100%;
          min-height: 40px; }
    .view-cdi-product-opening .section-group .product-list .product-list-item .info-icon {
      position: absolute;
      display: inline-block;
      width: 35px;
      height: 35px;
      background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-info-blue.svg) no-repeat;
      background-size: 16px 16px;
      background-position: center center;
      right: 0px;
      top: 0px; }

/* ==========================================================================
CDI Product Checkout Styles
========================================================================== */
.view-product-checkout .product-section {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(173, 173, 173, 0.5);
  margin-bottom: 20px;
  overflow: hidden; }
  .view-product-checkout .product-section .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 1px #e8e8e8; }
    .view-product-checkout .product-section .header .product-img {
      display: inline-block;
      width: 90px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 90px;
      -moz-box-flex: 0;
      -moz-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
      flex: 0 0 90px;
      height: 82px;
      background-color: #f8f8f8; }
      .view-product-checkout .product-section .header .product-img.current-account {
        background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-current-account.jpg) no-repeat;
        background-size: auto 100%;
        background-position: center 0; }
      .view-product-checkout .product-section .header .product-img.excel-saver {
        background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-excel-saver.jpg) no-repeat;
        background-size: auto 100%;
        background-position: center 0; }
    .view-product-checkout .product-section .header div {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
      .view-product-checkout .product-section .header div .title {
        font-size: 20px;
        font-size: 1.42857rem;
        color: #000;
        font-weight: 300;
        margin: 15px; }
      .view-product-checkout .product-section .header div .rdc-svgicon {
        position: absolute;
        right: 15px;
        top: 18px;
        width: 14px;
        height: 15px; }
        .view-product-checkout .product-section .header div .rdc-svgicon::after {
          content: ' ';
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin-top: -15px;
          margin-right: -15px;
          margin-bottom: -15px;
          margin-left: -15px;
          background-color: rgba(255, 0, 0, 0); }
  .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper,
  .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper {
    padding: 20px 12px 12px 12px; }
    .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group,
    .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-radio-button-group,
    .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-checkbox-group,
    .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-radio-button-group {
      margin-bottom: 0; }
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group .label-holder label,
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-radio-button-group .label-holder label,
      .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-checkbox-group .label-holder label,
      .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-radio-button-group .label-holder label {
        color: #919191;
        font-weight: 400; }
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group .component-holder,
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-radio-button-group .component-holder,
      .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-checkbox-group .component-holder,
      .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-radio-button-group .component-holder {
        border-radius: 5px;
        border: solid 1px #e8e8e8;
        overflow: hidden; }
  .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper {
    border-bottom: solid 1px #e8e8e8; }
    .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group .component-wrapper .rdc-checkbox {
      display: block;
      padding: 12px 10px;
      border-bottom: solid 1px #e8e8e8; }
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group .component-wrapper .rdc-checkbox.checked {
        background-color: #edf6ec; }
      .view-product-checkout .product-section .selection-wrapper .checkbox-group-wrapper .rdc-checkbox-group .component-wrapper .rdc-checkbox:last-child {
        border-bottom: none; }
  .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-radio-button-group .component-wrapper .rdc-radio-button-base {
    margin-bottom: 0; }
    .view-product-checkout .product-section .selection-wrapper .radio-group-wrapper .rdc-radio-button-group .component-wrapper .rdc-radio-button-base .rdc-radio-button-holder {
      border-radius: 0;
      border: none;
      padding: 12px 10px 12px 18px;
      border-bottom: solid 1px #e8e8e8; }

/* ==========================================================================
CDI Track Application Styles
========================================================================== */
.view-track-application .section-wrapper {
  display: block;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: inset 0 0 2px 0 rgba(116, 116, 116, 0.5);
  margin-bottom: 15px; }
  .view-track-application .section-wrapper .row-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 20px 15px; }
    .view-track-application .section-wrapper .row-item .rdc-svgicon {
      margin-right: 20px; }
    .view-track-application .section-wrapper .row-item p {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      font-size: 14px;
      font-size: 1rem;
      color: #777777; }
    .view-track-application .section-wrapper .row-item .login-link {
      position: relative;
      color: #9e9e9e;
      padding-right: 15px; }
      .view-track-application .section-wrapper .row-item .login-link::after {
        content: '';
        position: absolute;
        top: 1px;
        display: inline-block;
        width: 8px;
        height: 14px;
        background: url(../rdc-ui-adn-theme-ui20/assets/svg/icons/ico-down-chevron-grey.svg) no-repeat;
        background-size: 100% 100%;
        right: 0;
        transform: rotate(-91deg);
        opacity: .5; }
  .view-track-application .section-wrapper .item {
    position: relative;
    padding: 20px 15px 5px 15px;
    /* Seperator Line */ }
    .view-track-application .section-wrapper .item .rdc-view___section-heading {
      margin-top: 0; }
    .view-track-application .section-wrapper .item::before {
      content: '';
      display: block;
      position: absolute;
      left: 15px;
      right: 15px;
      top: 0;
      height: 1px;
      background-color: #e8e8e8; }

/* ==========================================================================
CDI Register Online Banking
========================================================================== */
.view-register-online-banking .section-sub-heading {
  font-size: 16px;
  font-size: 1.14286rem;
  color: #000;
  font-weight: 400;
  margin-top: 25px;
  margin-bottom: 10px; }

.view-register-online-banking .body-text {
  font-size: 14px;
  font-size: 1rem;
  color: #9b9b9b;
  font-weight: 300;
  text-align: left; }

.view-register-online-banking .list-title {
  font-size: 14px;
  font-size: 1rem;
  color: #777777;
  font-weight: 400;
  margin-bottom: 6px; }

.view-register-online-banking .section-content .icon-add-dark {
  display: block;
  width: 22px;
  height: 22px;
  margin: 5px auto; }

.view-register-online-banking .item-wrapper {
  display: flex;
  flex-flow: row nowrap;
  padding: 20px 20px;
  background-color: white;
  border-radius: 5px;
  border: 1px solid rgba(116, 116, 116, 0.25); }
  .view-register-online-banking .item-wrapper .icon-phone-green {
    width: 52px;
    height: 52px;
    margin-right: 15px; }
  .view-register-online-banking .item-wrapper .icon-card-green {
    width: 48px;
    height: 32px;
    margin-right: 15px; }

/* ==========================================================================
CDI Multiple Currencncy
========================================================================== */
.view-multiple-currency {
  position: relative;
  background-color: #f6f6f6; }
  .view-multiple-currency .rdc-view___content {
    padding: 80px 20px 20px 20px; }
  .view-multiple-currency .rdc-curved-close-button {
    position: absolute;
    right: 0;
    top: 0; }
  .view-multiple-currency .heading,
  .view-multiple-currency .sub-heading {
    margin: 0; }
  .view-multiple-currency .heading {
    font-size: 32px;
    font-size: 2.28571rem;
    font-weight: 300;
    margin-bottom: 30px;
    color: #0c77b9; }
  .view-multiple-currency .sub-heading {
    font-size: 17px;
    font-size: 1.21429rem;
    font-weight: 300;
    line-height: 1.65;
    color: #000; }
  .view-multiple-currency .currency-table {
    background: #fff;
    width: 100%;
    margin: 30px 0;
    font-size: 17px;
    font-size: 1.21429rem;
    color: #000;
    font-weight: 300; }
    .view-multiple-currency .currency-table thead {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #0091ea;
      text-transform: uppercase;
      background: #fcfcfc; }
      .view-multiple-currency .currency-table thead tr {
        height: 55px; }
    .view-multiple-currency .currency-table tr {
      text-align: center; }
      .view-multiple-currency .currency-table tr td {
        padding: 12px 0; }
  .view-multiple-currency p {
    font-size: 13px;
    font-size: 0.92857rem;
    font-weight: 300;
    line-height: 1.38; }

/* ==========================================================================
CDI Account Details Screen
========================================================================== */
.view-account-details .view-header {
  height: 130px;
  border-bottom: solid 3px #00a546; }
  .view-account-details .view-header.current-account {
    background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-current-account.jpg) no-repeat;
    background-size: cover; }
  .view-account-details .view-header.excel-saver {
    background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-excel-saver.jpg) no-repeat;
    background-size: cover; }
  .view-account-details .view-header.fixed-deposit {
    background: url(../rdc-ui-adn-theme-ui20/assets/images/banner-fixed-deposit.jpg) no-repeat;
    background-size: cover; }

.view-account-details.rdc-view-wrapper .rdc-scroll-content {
  height: calc( 100% - 230px);
  min-height: calc( 100% - 230px); }

.view-account-details .header-content {
  display: flex;
  flex-flow: row nowrap;
  height: 100px;
  padding: 0 15px;
  background: #FFF; }
  .view-account-details .header-content > div {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; }
    .view-account-details .header-content > div:last-child {
      flex: 0 0 auto; }
  .view-account-details .header-content .title {
    font-size: 20px;
    font-size: 1.42857rem;
    color: #3A2121;
    font-weight: 300; }
  .view-account-details .header-content .description {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #919191;
    font-weight: 300;
    line-height: 1.17;
    letter-spacing: 0.5px; }
  .view-account-details .header-content .cdi-button {
    padding: 5px 15px;
    min-width: 118px; }

.view-account-details .slide-box-wrapper {
  min-height: 260px;
  background: white;
  margin-right: 12px;
  padding: 12px 20px; }
  .view-account-details .slide-box-wrapper .rdc-svgicon {
    width: 120px;
    height: 120px;
    margin-bottom: 10px; }
    .view-account-details .slide-box-wrapper .rdc-svgicon.icon-multiple-currencies-green {
      background-size: 103px 81px;
      background-position: left center; }
    .view-account-details .slide-box-wrapper .rdc-svgicon.icon-folder-grey {
      background-size: 69px 93px;
      background-position: left center; }
  .view-account-details .slide-box-wrapper h5 {
    font-size: 16px;
    line-height: 1.0;
    letter-spacing: 0.5px;
    color: #000000; }
  .view-account-details .slide-box-wrapper p {
    font-size: 13px;
    font-size: 0.92857rem;
    color: #919191;
    font-weight: 400;
    line-height: 1.23;
    padding-bottom: 20px; }
  .view-account-details .slide-box-wrapper a {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #000;
    font-weight: 400;
    text-transform: uppercase; }

.view-account-details .content-wrapper {
  padding: 0 15px 30px 15px; }
  .view-account-details .content-wrapper .section-heading {
    font-size: 21px;
    font-size: 1.5rem;
    color: #0091ea;
    font-weight: 300;
    margin-top: 35px; }
  .view-account-details .content-wrapper .card-section {
    background: #fff;
    padding: 30px 25px; }
    .view-account-details .content-wrapper .card-section .title {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #0091ea;
      text-transform: uppercase;
      line-height: 40px;
      border-bottom: solid 1px #e8e8e8;
      margin-bottom: 20px; }

.view-account-details .view-footer {
  display: block;
  position: relative;
  height: 400px;
  padding: 25px;
  background: url(../rdc-ui-adn-theme-ui20/assets/images/promotion-bg.jpg) no-repeat;
  background-size: cover; }
  .view-account-details .view-footer .title,
  .view-account-details .view-footer .description-bold {
    color: #fff; }
  .view-account-details .view-footer .title {
    font-size: 12px;
    font-size: 0.85714rem;
    font-weight: 300;
    text-transform: uppercase; }
  .view-account-details .view-footer .description-bold {
    font-size: 22px;
    font-size: 1.57143rem;
    line-height: 1.15;
    font-weight: 200; }
  .view-account-details .view-footer .cdi-button {
    position: absolute;
    left: 25px;
    bottom: 150px;
    color: #fff;
    border: solid 1px #fff; }

.view-account-details .rdc-navbar___left-button {
  padding-bottom: 50px; }

/* ==========================================================================
CDI Getting Started Screen
========================================================================== */
.view-getting-started .rdc-fere-main-content .rdc-scroll-content.has-sub-header {
  height: calc( 100% - 50px - 45px);
  min-height: calc( 100% - 50px - 45px); }

.view-getting-started .form-header-info {
  background-color: #43474F;
  color: #fff;
  padding: 20px; }
  .view-getting-started .form-header-info .form-header-info___sub1 {
    border-bottom: 1px solid #575A61; }
  .view-getting-started .form-header-info .form-header-info___title1 {
    color: #75AD76;
    font-size: 12px;
    font-size: 0.85714rem;
    padding: 30px 0 10px 0; }
  .view-getting-started .form-header-info .form-header-info___title2 {
    color: #F0F1F2;
    font-size: 17px;
    font-size: 1.21429rem;
    padding-bottom: 30px; }
  .view-getting-started .form-header-info .form-header-info___sub2 {
    color: #FDFDFD;
    padding: 25px 0 5px 0; }
    .view-getting-started .form-header-info .form-header-info___sub2 label {
      font-size: 12px;
      font-size: 0.85714rem; }
    .view-getting-started .form-header-info .form-header-info___sub2 button {
      float: right; }
      .view-getting-started .form-header-info .form-header-info___sub2 button i {
        font-size: 17px;
        font-size: 1.21429rem; }

/* VENDOR OVERRIDE STYLES */
/* ==========================================================================
Bootstrap Override Styles
========================================================================== */
/* Resetting default Bootstrap Gutters */
.container,
.container-fluid {
  padding-left: 0;
  padding-right: 0; }

.row {
  margin-left: 0;
  margin-right: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 0;
  padding-right: 0; }

.ember-burger-menu.translucent-overlay .bm-menu::after {
  background: transparent;
  opacity: 1; }

#header-context-menu {
  transition: all 0.6s ease;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 4; }
  #header-context-menu .rdc-navbar___right-button {
    position: relative;
    z-index: 4;
    height: auto;
    top: 18px; }

.context-menu-hidden {
  visibility: hidden;
  opacity: 0; }

.rdc-context-menu-wrapper {
  overflow: hidden;
  position: fixed;
  top: 8px;
  right: 10px;
  z-index: 3;
  width: 200px;
  background: #fff;
  border-radius: 5px; }
  .rdc-context-menu-wrapper .rdc-context-menu-header {
    background: #0091ea;
    padding: 10px;
    color: #fff; }
  .rdc-context-menu-wrapper .rdc-context-menu-body {
    padding: 15px; }
    .rdc-context-menu-wrapper .rdc-context-menu-body .rdc-context-menu-option {
      border-bottom: 1px solid #eaeaea;
      padding: 10px 0; }
      .rdc-context-menu-wrapper .rdc-context-menu-body .rdc-context-menu-option:first-child {
        padding-top: 0; }
      .rdc-context-menu-wrapper .rdc-context-menu-body .rdc-context-menu-option:last-child {
        border-bottom: 0;
        padding-bottom: 0; }

.rdc-context-menu-background {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0; }

.fere-content-wrapper .rdc-collapsible-panel {
  background: transparent;
  border: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.anim-quick-balance-skeleton {
  overflow: visible; }

/* @import "fonts"; */
/* Use fonts from only theme-ui20 */
/* ==========================================================================
Only KitchenSink and Dummy Styles will be placed here
========================================================================== */
body {
  font-family: "SC Sans Web", sans-serif; }

.content-inner {
  padding: 10px 30px; }
  .content-inner .doc-section h6 {
    font-size: 14px;
    font-weight: bold; }
  .content-inner .doc-section .section-title {
    margin-top: 15px;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7; }
    .content-inner .doc-section .section-title .light {
      color: #02b8f8;
      font-weight: 200; }
  .content-inner .doc-section .section-block .doc-section h3 {
    font-size: 20px;
    font-weight: bold; }
  .content-inner .doc-section .section-block {
    padding-top: 15px;
    padding-bottom: 15px; }
    .content-inner .doc-section .section-block .block-title {
      margin-top: 0; }
    .content-inner .doc-section .section-block .list > li {
      margin-bottom: 10px; }
  .content-inner .placeholders {
    margin-bottom: 20px;
    text-align: center; }
    .content-inner .placeholders h4 {
      margin-bottom: 0; }
    .content-inner .placeholders img {
      display: inline-block;
      border-radius: 50%; }

pre[class*="language-"] {
  box-shadow: none; }

pre code[class*="language-"],
pre pre[class*="language-"] {
  text-shadow: none; }

/* Theme Switcher Dropdown */
.theme-switcher {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 180px; }
  .theme-switcher select {
    display: inline-block;
    -webkit-appearance: menulist-button !important;
    padding: 20px;
    background: #f1f0ea;
    border: solid 1px #ccc;
    height: 25px; }
  .theme-switcher .rdc-form-selectbox {
    height: 36px;
    margin-bottom: 0; }
    .theme-switcher .rdc-form-selectbox .component-holder {
      height: 36px; }
      .theme-switcher .rdc-form-selectbox .component-holder .rdc-selectbox-triger {
        height: 36px; }

/* Icons View */
/* Gylp Icon Display */
.rdc-glyphicons-base {
  margin: 0 -10px 20px;
  overflow: hidden; }
  .rdc-glyphicons-base .rdc-glyphicons-list {
    padding-left: 0;
    list-style: none; }
  .rdc-glyphicons-base li {
    width: 12.5%;
    font-size: 12px;
    float: left;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff; }
    .rdc-glyphicons-base li:hover {
      color: #fff;
      background-color: #0285d4; }
  .rdc-glyphicons-base .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word; }
  .rdc-glyphicons-base .rdc-glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px; }

/* Tablet Breakpoint */
@media (min-width: 1024px) {
  .theme-switcher {
    display: inline-block; } }

.rdc-auth-info p {
  margin: 0 27px 25px 27px;
  padding-top: 30px;
  text-align: center;
  color: #0091ea;
  font-size: 13px; }

.title_otp {
  text-align: center;
  color: #000;
  font-size: 15px;
  margin: 0 27px; }

.otp-form {
  margin-bottom: 30px; }

.otp-form > span:first-child {
  padding-right: 12px; }

.otp-form > span {
  display: inline-block; }

.otp-form .opt-num {
  position: relative;
  top: -10px;
  width: 90%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  margin-left: 5%; }

.otp-form input[type=password]::-webkit-inner-spin-button,
.otp-form input[type=password]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  appearance: none; }

.otp-form input[type=password] {
  background: none;
  border-bottom: solid 1px #979797;
  text-align: center;
  margin: auto;
  min-width: 10px;
  -webkit-text-security: disc; }

.otp-form input[type=number]::-webkit-inner-spin-button,
.otp-form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  appearance: none; }

.otp-form input[type=number] {
  background: none;
  border-bottom: solid 1px #979797;
  text-align: center;
  margin: auto;
  min-width: 10px;
  -webkit-text-security: disc; }

.title-genPass {
  text-align: center;
  color: #777; }

@media screen and (max-width: 320px) {
  .otp-form input[type=password] {
    width: 12px;
    font-weight: bold; }
  .otp-form .opt-num {
    margin-left: 5%; }
  /*validation requirement*/
  .rdc-view___footer .rdc-button.validate {
    background: #ccc; }
  .error {
    display: none; }
  .error.showError1 {
    display: block;
    font-size: 14px; } }

@media screen and (max-width: 1024px) {
  .rdc-scroll-content.has-sub-header.rdc-view.dt-content {
    height: calc( 100vh - (150px));
    overflow: hidden; }
  .rdc-view-wrapper header {
    display: none !important; }
  /* Defined this Snippets for testing */
  /* Font Styles */
  .regular {
    font-family: 'SC Sans Web';
    font-weight: 400 !important;
    font-style: normal;
    font-stretch: normal; }
  .italic {
    font-family: 'SC Sans Web';
    font-weight: 400 !important;
    font-style: italic;
    font-stretch: normal; }
  .bold {
    font-family: 'SC Sans Web';
    font-weight: 700 !important;
    font-style: normal;
    font-stretch: normal; }
  .bold-italic {
    font-family: 'SC Sans Web';
    font-weight: 700 !important;
    font-style: italic;
    font-stretch: normal; }
  .light {
    font-family: 'SC Sans Web';
    font-weight: 300 !important;
    font-style: normal;
    font-stretch: normal; }
  .light-italic {
    font-family: 'SC Sans Web';
    font-weight: 300 !important;
    font-style: italic;
    font-stretch: normal; }
  .thin {
    font-family: 'SC Sans Web';
    font-weight: 200 !important;
    font-style: normal;
    font-stretch: normal; }
  .thin-italic {
    font-family: 'SC Sans Web';
    font-weight: 200 !important;
    font-style: italic;
    font-stretch: normal; }
  .ultra-thin {
    font-family: 'SC Sans Web';
    font-weight: 100 !important;
    font-style: normal;
    font-stretch: normal; }
  .ultra-thin-italic {
    font-family: 'SC Sans Web';
    font-weight: 100 !important;
    font-style: italic;
    font-stretch: normal; }
  .rdc-auth-info {
    font-family: SCSans;
    font-size: 13px;
    text-align: center;
    color: #0091ea;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 4%; }
  .rdc-auth-input-container {
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 2px 0 rgba(172, 172, 172, 0.5); }
  .rdc-auth-input-divider {
    width: 352px;
    height: 53px;
    object-fit: contain; }
  .rdc-auth-input-field {
    width: 328px;
    height: 14px;
    object-fit: contain;
    font-family: SCSans;
    font-size: 12px;
    letter-spacing: 0.1px;
    text-align: left;
    color: #909090; }
  .rdc-content {
    height: 20%;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    border: 1px solid black;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 2px 0 rgba(172, 172, 172, 0.5); }
  .rdc-outlet {
    background-color: #f9f9f9;
    height: 100%; }
  .Password {
    object-fit: contain;
    font-family: SCSans;
    font-size: 12px;
    letter-spacing: 0.1px;
    text-align: left;
    color: #909090; }
  .rdc-input {
    height: 50%;
    width: 100%;
    border-bottom: 1px solid black; }
  .rdc-navbar {
    position: relative;
    min-height: 50px;
    height: 50px;
    background-color: #0091ea;
    border-bottom: solid 1px #0091ea; }
  .rdc-navbar___title {
    display: block;
    position: absolute;
    left: 60px;
    right: 60px;
    top: 0;
    bottom: 0;
    font-family: "SC Sans Web", sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.21429rem;
    color: #fff;
    pointer-events: none;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .navbar-sub-header___title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 15px;
    font-size: 1.07143rem; }
  .navbar-sub-header {
    height: 50px;
    background-color: #0091ea;
    padding: 0px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .rdc-tab-bar {
    width: 100%;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    border: 1px solid #0091ea; }
  .rdc-tab-bar___tab {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    font-size: 14px;
    font-size: 1rem;
    color: #0091ea;
    font-weight: 400;
    text-align: center;
    background-color: transparent;
    line-height: 30px; }
  .cs2i_fixed_content {
    overflow: hidden;
    position: fixed; }
  .rdc-view___footer---stickey {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0; }
  .rdc-view___footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
  .rdc-auth-tab {
    margin-left: 14px;
    margin-top: 10px;
    margin-right: 14.5px; }
  .navbar-sub-header---tab-bar {
    background-color: white;
    border-bottom: solid 1px #cccccc; }
  .navbar-sub-header___steps {
    font-size: 12px;
    font-size: 0.85714rem; }
  .form-wrapper {
    height: 100%; }
  .rdc-input-det {
    height: 25%;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 2px 0 rgba(172, 172, 172, 0.5);
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 10%; }
  .rdc-input-field-Login {
    padding-left: 2%;
    text-align: left;
    color: #2b2929; }
  .rdc-input-field-password {
    padding-left: 2%;
    line-height: 1.13;
    letter-spacing: 4.5px;
    text-align: left;
    color: #2b2929; }
  .rdc-login-field {
    height: 50%;
    box-shadow: 0 0 1px 0 rgba(172, 172, 172, 0.5); }
  .rdc-login-label {
    height: 25%;
    margin-top: 1%;
    width: 100%;
    margin-left: 2%; }
  .Information-Card {
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(163, 163, 163, 0.5);
    border: solid 1px #dfdfdf;
    padding-left: 3%;
    padding-right: 3%;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 10%; }
  .rdc-passcode-single-input {
    display: inline-block;
    position: relative;
    width: 288px;
    height: 48px; }
    .rdc-passcode-single-input .textinput-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
      .rdc-passcode-single-input .textinput-wrapper input {
        font-size: 42px;
        font-size: 3rem;
        text-align: left !important;
        color: #000;
        border: 0 none;
        background: transparent;
        letter-spacing: 35px;
        text-indent: 18px;
        width: calc( 288px + 18px);
        height: 100%; }
    .rdc-passcode-single-input .seperators {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      align-items: center; }
      .rdc-passcode-single-input .seperators___line {
        flex: 0 0 20px;
        height: 1px;
        /* background-color: #858585; */
        border-bottom: solid 1px #858585; }
  .rdc-form {
    display: block;
    margin-bottom: 0;
    /* Read Only Item Summary Item View */
    /* Show / Hide Components */ }
    .rdc-form___sub-heading {
      display: block;
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 300;
      color: #0091ea;
      padding: 10px 0 5px 0; }
    .rdc-form___section-heading {
      display: block;
      font-size: 16px;
      font-size: 1.14286rem;
      font-weight: 300;
      color: #0091ea;
      margin: 20px 0 10px 0; }
    .rdc-form___section-description {
      font-size: 14px;
      font-size: 1rem;
      color: #9b9b9b; }
    .rdc-form___fieldset {
      background: transparent;
      border: none;
      margin-bottom: 0;
      padding: 0;
      /* Reand Only Group OR Group Summary View */ }
      .rdc-form___fieldset .rdc-component-base .rdc-component-base,
      .rdc-form___fieldset .rdc-group-component-base .rdc-component-base {
        border-bottom: none; }
      .rdc-form___fieldset .rdc-component-base {
        margin-top: 4px;
        /* Under Edit View Review Components */ }
        .rdc-form___fieldset .rdc-component-base.is-reviewmode {
          margin-top: 0px; }
        .rdc-form___fieldset .rdc-component-base:last-child {
          border-bottom: none; }
      .rdc-form___fieldset---read-only {
        background: white;
        border: solid 1px rgba(116, 116, 116, 0.25);
        border-radius: 5px; }
        .rdc-form___fieldset---read-only .rdc-component-base {
          padding: 15px 10px;
          border-bottom: solid 1px rgba(116, 116, 116, 0.25); }
          .rdc-form___fieldset---read-only .rdc-component-base:last-child {
            border-bottom: none; }
    .rdc-form___read-only-item {
      background: white;
      border: solid 1px rgba(116, 116, 116, 0.25);
      border-radius: 5px;
      margin-bottom: 15px;
      /* Read Only Component & Summary Snippet */ }
      .rdc-form___read-only-item .summary-wrapper,
      .rdc-form___read-only-item .rdc-component-base {
        padding: 15px 10px;
        border-bottom: solid 1px rgba(116, 116, 116, 0.25); }
        .rdc-form___read-only-item .summary-wrapper:last-child,
        .rdc-form___read-only-item .rdc-component-base:last-child {
          border-bottom: none; }
    .rdc-form___label {
      font-size: 12px;
      font-size: 0.85714rem;
      font-weight: 400;
      color: #9b9b9b;
      padding: 10px 0; }
    .rdc-form___group-component-label {
      font-size: 12px;
      font-weight: 400;
      color: #9E9E9E;
      text-transform: uppercase;
      margin-top: 10px;
      margin-bottom: 0; }
    .rdc-form___hidden-group-component {
      display: none;
      /* by defauly should be display: none */ }
      .rdc-form___hidden-group-component.visible {
        display: block; }
    .rdc-form .row {
      padding-left: 0px;
      padding-right: 0px;
      margin: 0; }
  .Rectangle-7-Copy {
    border-radius: 5px;
    background-color: #e7e7e7;
    height: 15%; }
  /*  .rdc-view___content {
        text-align: center;
        padding: 20px 40px 100px 40px;

        @include center-vertical;
    }*/
  .rdc-info-card {
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(163, 163, 163, 0.5);
    border: solid 1px #dfdfdf;
    margin-left: 5%;
    margin-right: 5%; }
  a.disabled {
    pointer-events: none;
    color: #666; }
  /*new */
  .rdc-tab-bar-new {
    width: 50%;
    margin: 0 auto; }
  .rdc-tab-bar-new span {
    display: block;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    text-align: center;
    padding: 5px; }
  /*keyboard*/
  .rdc-view___footer.rdc-view___footer---stickey {
    position: relative; } }

.application-loading .table {
  display: table;
  height: 100vh; }

.application-loading .preloader {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.table-ajax {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999; }

@media only screen and (min-width: 1025px) {
  .preloader {
    background: url(images/cicle_loader_280.gif) no-repeat center center; }
  .table-ajax {
    background: rgba(255, 255, 255, 0.7) url(images/cicle_loader_280.gif) no-repeat center center; } }

@media screen and (max-width: 1024px) {
  .preloader {
    background: url(images/cicle_loader_125.gif) no-repeat center center; }
  .table-ajax {
    background: rgba(255, 255, 255, 0.7) url(images/cicle_loader_125.gif) no-repeat center center; } }

.agreementContent a,
.cs2i_terms_condition a,
.notes-details a {
  cursor: pointer; }

.check-modal-background {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.85);
  max-height: 100vh;
  z-index: 999; }

/*error styles goes here */
.form-error {
  color: #f00;
  display: block;
  text-align: right;
  padding-top: 5px; }

.product-option-cont.col1.active,
.product-option-cont.col2.active {
  border: 1px solid #0091ea;
  border-radius: 3px; }

::-ms-clear {
  display: none; }

.sales-terms-pdf .rdc-view-wrapper-terms {
  display: table;
  height: 100vh;
  width: 100%;
  padding-bottom: 40px;
  box-sizing: border-box; }

.sales-terms-pdf .display-row {
  overflow: auto;
  height: calc(100vh - 50px); }

.sales-terms-pdf .rdc-view___footer.rdc-alert-content__footer {
  position: fixed;
  bottom: 0;
  width: 100%; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .sales-terms-pdf .display-row {
    height: calc(100% - 60px); } }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .sales-terms-pdf .display-row {
    height: calc(100% - 60px); } }

[data-ember-action] {
  cursor: pointer; }

.sales-terms-pdf .rdc-view-wrapper-terms {
  display: table;
  height: 100vh;
  width: 100%;
  padding-bottom: 40px;
  box-sizing: border-box; }

.sales-terms-pdf .display-row {
  overflow: auto;
  height: calc(100vh - 50px); }

.sales-terms-pdf .rdc-view___footer.rdc-alert-content__footer {
  position: fixed;
  bottom: 0;
  width: 100%; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .sales-terms-pdf .display-row {
    height: calc(100% - 60px); } }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .sales-terms-pdf .display-row {
    height: calc(100% - 60px); } }

/*orientation locking*/
/*
@media screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {
    body {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transform-origin: left top;
        left: 0;
        top: 100%;
        width: 100vh;
        position: absolute;
        height: 100vw;
    }

    .rdc-scroll-content.has-subheader{
        height: calc( 100vw - 150px);
    }

}*/
.rdc-selectbox-triger {
  overflow-y: hidden; }

.auth-page-credit-card-credit-otp .opt-num .hypen {
  padding-left: 12px; }

.translateY35 {
  transform: translateY(35%);
  font-size: 13px !important; }