@charset "UTF-8";
/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-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: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

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

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 {
  padding: 0;
  border: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

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

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0; }

legend {
  padding: 0;
  border: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

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;
    -webkit-box-shadow: none !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; }
  select {
    background: #fff !important; }
  .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("../assets/fonts/glyphicons-halflings-regular.eot");
  src: url("../assets/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../assets/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../assets/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../assets/fonts/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: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

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

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

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

a {
  text-decoration: none; }

a:hover,
a:focus {
  text-decoration: underline; }

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

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

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

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

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

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

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px; }

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%; }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .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 {
  text-transform: uppercase; }

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

.text-muted {
  color: #777; }

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

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

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

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

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

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

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

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

.text-danger {
  color: #a94442; }

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

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

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

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

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

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

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

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

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

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

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

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

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

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0; }

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

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none; }

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

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

dt,
dd {
  line-height: 1.42857143; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

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

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee; }

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.42857143;
  color: #777; }

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 #eee;
  border-left: 0; }

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: ''; }

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014'; }

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

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;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  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; }

@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; }

.row {
  margin-right: -15px;
  margin-left: -15px; }

.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-12 {
  width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0; } }

@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-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0; } }

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

table {
  background-color: transparent; }

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

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  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 > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.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 > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #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 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; }

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.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 > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.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 > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.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 > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.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 > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.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 > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive > .table-bordered {
    border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }

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: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

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

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

input[type="radio"],
input[type="checkbox"] {
  margin: 0px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

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: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

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

.form-control, .search-input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: transparent;
  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 .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-control:focus, .search-input: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, .search-input::-moz-placeholder {
  color: #999;
  opacity: 1; }

.form-control:-ms-input-placeholder, .search-input:-ms-input-placeholder {
  color: #999; }

.form-control::-webkit-input-placeholder, .search-input::-webkit-input-placeholder {
  color: #999; }

.form-control[disabled], [disabled].search-input,
.form-control[readonly],
[readonly].search-input,
fieldset[disabled] .form-control,
fieldset[disabled] .search-input {
  background-color: #eee;
  opacity: 1; }

.form-control[disabled], [disabled].search-input,
fieldset[disabled] .form-control,
fieldset[disabled] .search-input {
  cursor: not-allowed; }

textarea.form-control, textarea.search-input {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px; }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .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 label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  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: normal;
  vertical-align: middle;
  cursor: pointer; }

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

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed; }

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0; }

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

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm,
select[multiple].input-sm {
  height: auto; }

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

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

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

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

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

select.input-lg {
  height: 46px;
  line-height: 46px; }

textarea.input-lg,
select[multiple].input-lg {
  height: auto; }

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

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

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

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

.has-feedback {
  position: relative; }

.has-feedback .form-control, .has-feedback .search-input {
  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 {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .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, .has-success .search-input {
  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, .has-success .search-input: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, .has-warning .search-input {
  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, .has-warning .search-input: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, .has-error .search-input {
  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, .has-error .search-input: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, .form-inline .search-input {
    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,
  .form-inline .input-group .search-input {
    width: auto; }
  .form-inline .input-group > .form-control, .form-inline .input-group > .search-input {
    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; }

@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: 14.333333px; } }

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

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none; }
  .theme1 .btn:hover, .btn:focus, .btn.focus {
    color: #d8dbe0; }
  .theme2 .btn:hover, .btn:focus, .btn.focus {
    color: black; }

.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 {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65; }

.btn-default, .btn-large, .btn-green, .btn-orange, .btn-reject, .search-btn, .toolbar-styles .no-border-btn, .confirm-btn, .add-alert-btn {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.btn-default:hover, .btn-large:hover, .btn-green:hover, .btn-orange:hover, .btn-reject:hover, .search-btn:hover, .toolbar-styles .no-border-btn:hover, .confirm-btn:hover, .add-alert-btn:hover,
.btn-default:focus,
.btn-large:focus,
.btn-green:focus,
.btn-orange:focus,
.btn-reject:focus,
.search-btn:focus,
.toolbar-styles .no-border-btn:focus,
.confirm-btn:focus,
.add-alert-btn:focus,
.btn-default.focus,
.focus.btn-large,
.focus.btn-green,
.focus.btn-orange,
.focus.btn-reject,
.focus.search-btn,
.toolbar-styles .focus.no-border-btn,
.focus.confirm-btn,
.focus.add-alert-btn,
.btn-default:active,
.btn-large:active,
.btn-green:active,
.btn-orange:active,
.btn-reject:active,
.search-btn:active,
.toolbar-styles .no-border-btn:active,
.confirm-btn:active,
.add-alert-btn:active,
.btn-default.active,
.active.btn-large,
.active.btn-green,
.active.btn-orange,
.active.btn-reject,
.active.search-btn,
.toolbar-styles .active.no-border-btn,
.active.confirm-btn,
.active.add-alert-btn,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-large,
.open > .dropdown-toggle.btn-green,
.open > .dropdown-toggle.btn-orange,
.open > .dropdown-toggle.btn-reject,
.open > .dropdown-toggle.search-btn, .toolbar-styles
.open > .dropdown-toggle.no-border-btn,
.open > .dropdown-toggle.confirm-btn,
.open > .dropdown-toggle.add-alert-btn {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active, .btn-large:active, .btn-green:active, .btn-orange:active, .btn-reject:active, .search-btn:active, .toolbar-styles .no-border-btn:active, .confirm-btn:active, .add-alert-btn:active,
.btn-default.active,
.active.btn-large,
.active.btn-green,
.active.btn-orange,
.active.btn-reject,
.active.search-btn,
.toolbar-styles .active.no-border-btn,
.active.confirm-btn,
.active.add-alert-btn,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-large,
.open > .dropdown-toggle.btn-green,
.open > .dropdown-toggle.btn-orange,
.open > .dropdown-toggle.btn-reject,
.open > .dropdown-toggle.search-btn, .toolbar-styles
.open > .dropdown-toggle.no-border-btn,
.open > .dropdown-toggle.confirm-btn,
.open > .dropdown-toggle.add-alert-btn {
  background-image: none; }

.btn-default.disabled, .disabled.btn-large, .disabled.btn-green, .disabled.btn-orange, .disabled.btn-reject, .disabled.search-btn, .toolbar-styles .disabled.no-border-btn, .disabled.confirm-btn, .disabled.add-alert-btn,
.btn-default[disabled],
[disabled].btn-large,
[disabled].btn-green,
[disabled].btn-orange,
[disabled].btn-reject,
[disabled].search-btn,
.toolbar-styles [disabled].no-border-btn,
[disabled].confirm-btn,
[disabled].add-alert-btn,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-large,
fieldset[disabled] .btn-green,
fieldset[disabled] .btn-orange,
fieldset[disabled] .btn-reject,
fieldset[disabled] .search-btn,
fieldset[disabled] .toolbar-styles .no-border-btn, .toolbar-styles
fieldset[disabled] .no-border-btn,
fieldset[disabled] .confirm-btn,
fieldset[disabled] .add-alert-btn,
.btn-default.disabled:hover,
.disabled.btn-large:hover,
.disabled.btn-green:hover,
.disabled.btn-orange:hover,
.disabled.btn-reject:hover,
.disabled.search-btn:hover,
.toolbar-styles .disabled.no-border-btn:hover,
.disabled.confirm-btn:hover,
.disabled.add-alert-btn:hover,
.btn-default[disabled]:hover,
[disabled].btn-large:hover,
[disabled].btn-green:hover,
[disabled].btn-orange:hover,
[disabled].btn-reject:hover,
[disabled].search-btn:hover,
.toolbar-styles [disabled].no-border-btn:hover,
[disabled].confirm-btn:hover,
[disabled].add-alert-btn:hover,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-large:hover,
fieldset[disabled] .btn-green:hover,
fieldset[disabled] .btn-orange:hover,
fieldset[disabled] .btn-reject:hover,
fieldset[disabled] .search-btn:hover,
fieldset[disabled] .toolbar-styles .no-border-btn:hover, .toolbar-styles
fieldset[disabled] .no-border-btn:hover,
fieldset[disabled] .confirm-btn:hover,
fieldset[disabled] .add-alert-btn:hover,
.btn-default.disabled:focus,
.disabled.btn-large:focus,
.disabled.btn-green:focus,
.disabled.btn-orange:focus,
.disabled.btn-reject:focus,
.disabled.search-btn:focus,
.toolbar-styles .disabled.no-border-btn:focus,
.disabled.confirm-btn:focus,
.disabled.add-alert-btn:focus,
.btn-default[disabled]:focus,
[disabled].btn-large:focus,
[disabled].btn-green:focus,
[disabled].btn-orange:focus,
[disabled].btn-reject:focus,
[disabled].search-btn:focus,
.toolbar-styles [disabled].no-border-btn:focus,
[disabled].confirm-btn:focus,
[disabled].add-alert-btn:focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-large:focus,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-reject:focus,
fieldset[disabled] .search-btn:focus,
fieldset[disabled] .toolbar-styles .no-border-btn:focus, .toolbar-styles
fieldset[disabled] .no-border-btn:focus,
fieldset[disabled] .confirm-btn:focus,
fieldset[disabled] .add-alert-btn:focus,
.btn-default.disabled.focus,
.disabled.focus.btn-large,
.disabled.focus.btn-green,
.disabled.focus.btn-orange,
.disabled.focus.btn-reject,
.disabled.focus.search-btn,
.toolbar-styles .disabled.focus.no-border-btn,
.disabled.focus.confirm-btn,
.disabled.focus.add-alert-btn,
.btn-default[disabled].focus,
[disabled].focus.btn-large,
[disabled].focus.btn-green,
[disabled].focus.btn-orange,
[disabled].focus.btn-reject,
[disabled].focus.search-btn,
.toolbar-styles [disabled].focus.no-border-btn,
[disabled].focus.confirm-btn,
[disabled].focus.add-alert-btn,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .focus.btn-large,
fieldset[disabled] .focus.btn-green,
fieldset[disabled] .focus.btn-orange,
fieldset[disabled] .focus.btn-reject,
fieldset[disabled] .focus.search-btn,
fieldset[disabled] .toolbar-styles .focus.no-border-btn, .toolbar-styles
fieldset[disabled] .focus.no-border-btn,
fieldset[disabled] .focus.confirm-btn,
fieldset[disabled] .focus.add-alert-btn,
.btn-default.disabled:active,
.disabled.btn-large:active,
.disabled.btn-green:active,
.disabled.btn-orange:active,
.disabled.btn-reject:active,
.disabled.search-btn:active,
.toolbar-styles .disabled.no-border-btn:active,
.disabled.confirm-btn:active,
.disabled.add-alert-btn:active,
.btn-default[disabled]:active,
[disabled].btn-large:active,
[disabled].btn-green:active,
[disabled].btn-orange:active,
[disabled].btn-reject:active,
[disabled].search-btn:active,
.toolbar-styles [disabled].no-border-btn:active,
[disabled].confirm-btn:active,
[disabled].add-alert-btn:active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-large:active,
fieldset[disabled] .btn-green:active,
fieldset[disabled] .btn-orange:active,
fieldset[disabled] .btn-reject:active,
fieldset[disabled] .search-btn:active,
fieldset[disabled] .toolbar-styles .no-border-btn:active, .toolbar-styles
fieldset[disabled] .no-border-btn:active,
fieldset[disabled] .confirm-btn:active,
fieldset[disabled] .add-alert-btn:active,
.btn-default.disabled.active,
.disabled.active.btn-large,
.disabled.active.btn-green,
.disabled.active.btn-orange,
.disabled.active.btn-reject,
.disabled.active.search-btn,
.toolbar-styles .disabled.active.no-border-btn,
.disabled.active.confirm-btn,
.disabled.active.add-alert-btn,
.btn-default[disabled].active,
[disabled].active.btn-large,
[disabled].active.btn-green,
[disabled].active.btn-orange,
[disabled].active.btn-reject,
[disabled].active.search-btn,
.toolbar-styles [disabled].active.no-border-btn,
[disabled].active.confirm-btn,
[disabled].active.add-alert-btn,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .active.btn-large,
fieldset[disabled] .active.btn-green,
fieldset[disabled] .active.btn-orange,
fieldset[disabled] .active.btn-reject,
fieldset[disabled] .active.search-btn,
fieldset[disabled] .toolbar-styles .active.no-border-btn, .toolbar-styles
fieldset[disabled] .active.no-border-btn,
fieldset[disabled] .active.confirm-btn,
fieldset[disabled] .active.add-alert-btn {
  background-color: #fff;
  border-color: #ccc; }

.btn-default .badge, .btn-large .badge, .btn-green .badge, .btn-orange .badge, .btn-reject .badge, .search-btn .badge, .toolbar-styles .no-border-btn .badge, .confirm-btn .badge, .add-alert-btn .badge {
  color: #fff;
  background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none; }

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  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:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none; }

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  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:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none; }

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  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:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none; }

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  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:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none; }

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff; }

.btn-link {
  font-weight: normal;
  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,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none; }

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  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 .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .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-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  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;
  -webkit-background-clip: padding-box;
  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;
  line-height: 1.42857143;
  color: #333;
  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: #777; }

.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.42857143;
  color: #777;
  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 solid; }

.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 {
    right: auto;
    left: 0; } }

.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-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .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 .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 {
  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 {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .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 > .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-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-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-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[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, .input-group .search-input {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }

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

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

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

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

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

.input-group-addon,
.input-group-btn,
.input-group .form-control,
.input-group .search-input {
  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),
.input-group .search-input: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: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px; }

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px; }

.input-group-addon.input-lg {
  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 .search-input: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 .search-input: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 {
  margin-left: -1px; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

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

.nav > li.disabled > a {
  color: #777; }

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent; }

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  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 > li {
  float: left;
  margin-bottom: 0px; }

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border-radius: 4px 4px 0 0; }

.nav-tabs .layout-col > a, .nav-tabs .layout-col-24 > a, .nav-tabs .layout-col-23 > a, .nav-tabs .layout-col-22 > a, .nav-tabs .layout-col-21 > a, .nav-tabs .layout-col-20 > a, .nav-tabs .layout-col-19 > a, .nav-tabs .layout-col-18 > a, .nav-tabs .layout-col-17 > a, .nav-tabs .layout-col-16 > a, .nav-tabs .layout-col-15 > a, .nav-tabs .layout-col-14 > a, .nav-tabs .layout-col-13 > a, .nav-tabs .layout-col-12 > a, .nav-tabs .layout-col-11 > a, .nav-tabs .layout-col-10 > a, .nav-tabs .layout-col-9 > a, .nav-tabs .layout-col-8 > a, .nav-tabs .layout-col-7 > a, .nav-tabs .layout-col-6 > a, .nav-tabs .layout-col-5 > a, .nav-tabs .layout-col-4 > a, .nav-tabs .layout-col-3 > a, .nav-tabs .layout-col-2 > a, .nav-tabs .layout-col-1 > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent; }

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0; }

.nav-tabs.nav-justified > li {
  float: none; }

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center; }

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

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

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd; }

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

.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 {
  width: 100%; }

.nav-justified > li {
  float: none; }

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

.nav-tabs-justified {
  border-bottom: 0; }

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd; }

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

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

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

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

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }

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

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

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

.navbar-collapse.in {
  overflow-y: auto; }

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    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-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; } }

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .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-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }

@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; }

.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-top: 8px;
  margin-right: 15px;
  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;
    -webkit-box-shadow: none;
    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-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  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); }

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control, .navbar-form .search-input {
    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,
  .navbar-form .input-group .search-input {
    width: auto; }
  .navbar-form .input-group > .form-control, .navbar-form .input-group > .search-input {
    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 {
  margin-top: 10px;
  margin-bottom: 10px; }

.navbar-btn.btn-xs {
  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-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-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-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,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #080808; }

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

.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-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-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808; }

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808; }
  .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: #080808; }
  .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-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,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
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: "/\00a0"; }

.breadcrumb > .active {
  color: #777; }

.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.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #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 > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  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: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd; }

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

.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; }

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

.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: #777;
  cursor: not-allowed;
  background-color: #fff; }

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

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

.label:empty {
  display: none; }

.btn .label {
  position: relative;
  top: -1px; }

.label-default {
  background-color: #777; }

.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: baseline;
  background-color: #777;
  border-radius: 10px; }

.badge:empty {
  display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px; }

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

.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; }

.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee; }

.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 {
  border-radius: 6px; }

.jumbotron .container {
  max-width: 100%; }

@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0; }
  .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.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out; }

.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto; }

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

.thumbnail .caption {
  padding: 9px;
  color: #333; }

.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; } }

@-o-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 .6s ease;
  -o-transition: width .6s ease;
  transition: width .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);
  -webkit-background-size: 40px 40px;
  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-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; }

a.list-group-item {
  color: #555; }

a.list-group-item .list-group-item-heading {
  color: #333; }

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

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee; }

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

.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:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .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; }

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

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

a.list-group-item-success .list-group-item-heading {
  color: inherit; }

a.list-group-item-success:hover,
a.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 {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d; }

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

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

a.list-group-item-info .list-group-item-heading {
  color: inherit; }

a.list-group-item-info:hover,
a.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 {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f; }

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

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

a.list-group-item-warning .list-group-item-heading {
  color: inherit; }

a.list-group-item-warning:hover,
a.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 {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b; }

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

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

a.list-group-item-danger .list-group-item-heading {
  color: inherit; }

a.list-group-item-danger:hover,
a.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 {
  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-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-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-responsive:first-child > .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 > 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-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .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 td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th: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-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .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 td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th: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-responsive:last-child > .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 > 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-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .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 td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th: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-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .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 td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th: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-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td: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-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td: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-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0; }

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.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: #333;
  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: #333; }

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

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5; }

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

.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-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%); }

.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;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

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

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

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

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

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

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.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-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0; }

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .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-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px; }

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

.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; }

.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-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  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-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; }

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  content: "";
  border-width: 10px; }

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  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: #999;
  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: #999;
  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: #999;
  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; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000; }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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);
  filter: alpha(opacity=50);
  opacity: .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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  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;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .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; }

.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;
  margin-top: -10px;
  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: transparent;
  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: -15px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " "; }

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer: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,
.visible-sm,
.visible-md,
.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; }
  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; }
  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; }
  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; }
  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; }
  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; } }

/*# sourceMappingURL=bootstrap.css.map */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

table, nav, div {
  vertical-align: top; }

.btn {
  line-height: 1; }

.theme1 .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: none;
  box-shadow: none; }

.theme2 .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: none;
  box-shadow: none; }

.btn-default, .btn-large, .btn-green, .btn-orange, .btn-reject, .search-btn, .toolbar-styles .no-border-btn, .confirm-btn, .add-alert-btn {
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  height: 24px;
  border-radius: 0;
  padding: 5px;
  font-size: 0.688rem; }

.theme1 .btn-primary:focus {
  outline: none;
  border: 0 alpha(pallete-color7, 0.1) solid; }

.theme2 .btn-primary:focus {
  outline: none;
  border: 0 #0071FF solid; }

.btn-dropdown {
  border-radius: 23px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px; }

.btn[disabled] {
  opacity: 0.65;
  background-color: transparent; }
  .theme2 .btn[disabled] {
    background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 30%, #ffffff 30%, #ffffff 100%);
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 30%, #ffffff 30%, #ffffff 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff 30%, #ffffff 30%, #ffffff 100%);
    background-image: linear-gradient(top, #ffffff 0%, #ffffff 30%, #ffffff 30%, #ffffff 100%); }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  cursor: default;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px; }

.nav-tabs > li > a {
  border-radius: 0px 0px 0 0; }

.nav-tabs .layout-col > a, .nav-tabs .layout-col-24 > a, .nav-tabs .layout-col-23 > a, .nav-tabs .layout-col-22 > a, .nav-tabs .layout-col-21 > a, .nav-tabs .layout-col-20 > a, .nav-tabs .layout-col-19 > a, .nav-tabs .layout-col-18 > a, .nav-tabs .layout-col-17 > a, .nav-tabs .layout-col-16 > a, .nav-tabs .layout-col-15 > a, .nav-tabs .layout-col-14 > a, .nav-tabs .layout-col-13 > a, .nav-tabs .layout-col-12 > a, .nav-tabs .layout-col-11 > a, .nav-tabs .layout-col-10 > a, .nav-tabs .layout-col-9 > a, .nav-tabs .layout-col-8 > a, .nav-tabs .layout-col-7 > a, .nav-tabs .layout-col-6 > a, .nav-tabs .layout-col-5 > a, .nav-tabs .layout-col-4 > a, .nav-tabs .layout-col-3 > a, .nav-tabs .layout-col-2 > a, .nav-tabs .layout-col-1 > a {
  border-radius: 0; }

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none; }

.nav > li > a {
  padding: 3px 15px; }

.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-right: 0px;
  padding-left: 0px; }

.table > tbody > tr > td {
  padding: 3px;
  border-top: 0px solid #ddd; }

.table {
  margin-bottom: 0px; }

.dropdown-menu {
  font-size: 0.75rem;
  min-width: inherit; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none; }

.progress {
  width: 100%;
  height: 5px;
  margin-bottom: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 2px transparent;
  box-shadow: inset 0 1px 2px transparent; }

.progress-market {
  width: 30px;
  height: 3px;
  border-radius: 0px; }

.progress-bar {
  -webkit-box-shadow: inset 0 -1px 0 transparent;
  box-shadow: inset 0 -1px 0 transparent; }
  .theme1 .progress-bar {
    background-color: #1FBA66; }
  .theme2 .progress-bar {
    background-color: #1FBA66; }

.progress-border {
  height: 5px; }

.progress-wk {
  height: 4px;
  margin-bottom: 0px;
  background-color: transparent;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 2px transparent;
  box-shadow: inset 0 1px 2px transparent; }

.progress-bar-wk-green {
  background-color: transparent; }

.progress-bar-wk-red {
  background-color: transparent; }

.popover {
  font-size: 14px;
  border-radius: 3px;
  z-index: 1000; }
  .theme1 .popover {
    background-color: #182B56; }
  .theme2 .popover {
    background-color: #ffffff; }

.popover-title {
  border-radius: 3px 3px 0 0;
  z-index: 1000; }
  .theme1 .popover-title {
    background-color: #182B56; }
  .theme2 .popover-title {
    background-color: #ffffff; }

.popover.left > .arrow:after {
  z-index: 1000; }

.caret {
  margin-left: 3px !important; }

.carousel-indicators li {
  border-radius: 0px; }

.input-group .form-control, .input-group .search-input {
  z-index: 0; }

.form-control, .search-input {
  padding: 0 12px;
  box-shadow: none;
  border-radius: 2px; }
  .theme1 .form-control, .theme1 .search-input {
    color: ""; }
  .theme2 .form-control, .theme2 .search-input {
    color: ""; }

.form-control::-webkit-input-placeholder, .search-input::-webkit-input-placeholder {
  font-style: italic;
  font-size: 0.938rem; }

.form-control:-moz-placeholder, .search-input:-moz-placeholder {
  font-style: italic;
  font-size: 0.938rem; }

.form-control::-moz-placeholder, .search-input::-moz-placeholder {
  font-style: italic;
  font-size: 0.938rem; }

.form-control:-ms-input-placeholder, .search-input:-ms-input-placeholder {
  font-style: italic;
  font-size: 0.938rem; }

::-webkit-input-placeholder {
  font-style: italic;
  font-size: 0.938rem; }

:-moz-placeholder {
  font-style: italic;
  font-size: 0.938rem; }

::-moz-placeholder {
  font-style: italic;
  font-size: 0.938rem; }

:-ms-input-placeholder {
  font-style: italic;
  font-size: 0.938rem; }

.navbar {
  width: 100%;
  min-width: 1340px;
  margin-bottom: 0; }

.popover.top {
  margin-top: 0; }

.popover.right {
  margin-left: 0; }

.popover.bottom {
  margin-top: 0; }

.popover.left {
  margin-left: 0; }

.popover > .arrow,
.popover > .arrow:after {
  display: none; }

.popover > .arrow {
  border-width: 0; }

.popover > .arrow:after {
  content: "";
  border-width: 0; }

.input-group .form-control:last-child, .input-group .search-input:last-child {
  border-radius: 2px; }

.input-group .form-control:first-child, .input-group .search-input:first-child {
  border-radius: 2px; }

input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline; }

.theme1 .calendars {
  border: 0 #0b1d3d solid; }

.theme2 .calendars {
  border: 0 #d1d1d1 solid; }

.theme1 .calendars-popup {
  border-right: 1px #242f43 solid;
  border-top: 1px #242f43 solid;
  border-bottom: 1px #242f43 solid;
  border-left: 1px #242f43 solid;
  box-shadow: 1px 1.732px 11px 0px alpha(pallete-color7, 0.1); }

.theme2 .calendars-popup {
  border-right: 1px #DBDBDB solid;
  border-top: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  border-left: 1px #DBDBDB solid;
  box-shadow: 1px 1.732px 11px 0px #ebebeb; }

.theme1 .calendars-nav, .calendars-ctrl {
  color: #d8dbe0;
  background-color: #0b1d3d; }

.theme2 .calendars-nav, .calendars-ctrl {
  color: black;
  background-color: #d1d1d1; }

.theme1 .calendars a {
  color: #d8dbe0; }

.theme2 .calendars a {
  color: black; }

.theme1 .calendars-month-header, .calendars-month-header select, .calendars-month-header input {
  color: #d8dbe0;
  background-color: #182B56; }

.theme2 .calendars-month-header, .calendars-month-header select, .calendars-month-header input {
  color: black;
  background-color: #ffffff; }

.calendars-month {
  border: none; }

.calendars-month td {
  border: none; }

.calendars-month th {
  border: none; }

.calendars-cmd:hover {
  background-color: #ddd; }

.theme1 .calendars-month th, .calendars-month th a {
  color: #d8dbe0;
  background-color: #182B56; }

.theme2 .calendars-month th, .calendars-month th a {
  color: black;
  background-color: #ffffff; }

.calendars-month thead {
  border-bottom: none; }

.theme1 .calendars-month td .calendars-today {
  color: #d8dbe0;
  background-color: #0b1d3d; }

.theme2 .calendars-month td .calendars-today {
  color: black;
  background-color: #ffffff; }

.theme1 .calendars-month td .calendars-highlight {
  color: #ffffff;
  background-color: #236fa0; }

.theme2 .calendars-month td .calendars-highlight {
  color: #ffffff;
  background-color: #2b73a8; }

.theme1 .calendars-month td .calendars-selected {
  color: #ffffff;
  background-color: #2980b9; }

.theme2 .calendars-month td .calendars-selected {
  color: #ffffff;
  background-color: #80b8ff; }

.calendars-ctrl .calendars-cmd:hover {
  background-color: #ddd; }

.calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump,
.calendars-rtl .calendars-cmd-close {
  padding-top: 3px; }

.calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump,
.calendars-rtl .calendars-cmd-clear {
  padding-top: 3px; }

.theme1 .ember-table-header-row, .ember-table-header-container .ember-table-table-fixed-wrapper {
  background-color: #182B56; }

.theme2 .ember-table-header-row, .ember-table-header-container .ember-table-table-fixed-wrapper {
  background-color: #ffffff; }

.ember-table-tables-container {
  background: transparent; }

.ember-table-header-container {
  border-bottom: 0 solid #3D3D3D;
  box-shadow: none; }

.ember-table-cell {
  float: left;
  font-size: 12px;
  border-right: 0 solid #3D3D3D; }

.ember-table-tables-container {
  border: 0 solid rgba(255, 255, 255, 0); }

.ember-table-table-row {
  border-bottom: 0 dotted rgba(245, 245, 245, 0); }

.ember-table-body-container .ember-table-table-row.ember-table-selected .ember-table-cell {
  border-right: 0 solid #1d6bac; }

.ember-table-footer-container {
  border-top: 0 solid #dcdcdc;
  font-weight: bold;
  box-shadow: none; }

.theme1 .ember-table-fixed-table-container.ember-table-footer-container {
  background: #182B56; }

.theme2 .ember-table-fixed-table-container.ember-table-footer-container {
  background: #ffffff; }

.ember-table-left-table-block .ember-table-cell {
  float: left;
  font-size: 0.75rem;
  border-right: 0 solid #3D3D3D !important; }

.ember-table-body-container .ember-table-table-row.ember-table-selected {
  background-color: transparent; }
  .theme1 .ember-table-body-container .ember-table-table-row.ember-table-selected {
    color: #d8dbe0; }
  .theme2 .ember-table-body-container .ember-table-table-row.ember-table-selected {
    color: black; }

.ember-table-table-row > div {
  min-width: 100%; }

.ar .ember-table-right-table-block {
  float: left; }

.nano {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.nano > .nano-content {
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  margin-right: 0px !important; }

.nano > .nano-content:focus {
  outline: thin dotted; }

.nano > .nano-content::-webkit-scrollbar {
  display: none; }

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: none; }

.nano > .nano-pane {
  background: transparent;
  position: absolute;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden \9;
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.nano > .nano-pane > .nano-slider {
  background: #444;
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .theme1 .nano > .nano-pane > .nano-slider {
    background: #0b1d3d; }
  .theme2 .nano > .nano-pane > .nano-slider {
    background: rgba(0, 0, 0, 0.5); }

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility: visible \9;
  opacity: 0.99;
  height: calc(100% - 25px); }

::-webkit-scrollbar-thumb {
  border-radius: 0;
  width: 8px; }
  .theme1 ::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 10px 0px 1px rgba(255, 255, 255, 0.1); }
  .theme2 ::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 10px 0px 1px #818181; }

.theme1 ::-webkit-scrollbar-track {
  -webkit-box-shadow: #1b4693; }

.theme2 ::-webkit-scrollbar-track {
  -webkit-box-shadow: #76b1dc; }

.theme1 .antiscroll-scrollbar {
  background: rgba(255, 255, 255, 0.1); }

.theme2 .antiscroll-scrollbar {
  background: #818181; }

.maine-panel-container, .right-panel-container {
  width: calc(100% - 334px);
  float: left;
  padding-right: 0;
  padding-left: 0; }

.right-panel-container {
  width: 334px; }

.ar .maine-panel-container, .ar .right-panel-container {
  float: right; }

.appmnu {
  width: 72px; }
  .theme1 .appmnu {
    border-right: 1px #1D396B solid;
    background: #182B56; }
  .theme2 .appmnu {
    border-right: 1px #bdbdbd solid;
    background: #ffffff; }
  .appmnu-sidebar-menu-active {
    border-radius: 4px; }
    .theme1 .appmnu-sidebar-menu-active {
      color: #ffffff;
      background-color: rgba(255, 255, 255, 0.1); }
    .theme2 .appmnu-sidebar-menu-active {
      color: #0071FF;
      background-color: #F0F3FA; }
  .theme1 .appmnu-fore-color {
    color: #ffffff; }
  .theme2 .appmnu-fore-color {
    color: #7C858E; }
  .appmnu-nav-item {
    width: 48px;
    height: 48px; }

.sidebar-pusher {
  width: calc(100% - 72px);
  margin-left: 72px; }

.navigator-min-width {
  width: 72px; }

.navigator-max-width {
  width: 262px; }

.navigator-margin {
  margin-left: 262px; }

.sidebar-pusher-width {
  width: calc(100% - 262px); }

.user-profile {
  background: url(img/login-img-1763980798255.png);
  filter: drop-shadow(0px 4px 20px rgba(0, 114, 206, 0.25));
  border-radius: 26px;
  width: 42px;
  height: 42px;
  background-size: cover; }

.user-profile-notify {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  top: -5px;
  right: -5px;
  text-align: center;
  padding: 4px;
  font-size: 10px; }

.maine-panel-container, .right-panel-container {
  width: calc(100% - 334px);
  float: left;
  padding-right: 0;
  padding-left: 0; }

.right-panel-container {
  width: 334px; }

.ar .maine-panel-container, .ar .right-panel-container {
  float: right; }

.tab-panel .active {
  font-weight: bold; }
  .theme1 .tab-panel .active {
    color: #ffffff;
    border-bottom: 2px #0071FF solid; }
  .theme2 .tab-panel .active {
    color: #0071FF;
    border-bottom: 2px #0071FF solid; }

.tab-panel .active a {
  font-weight: bold; }
  .theme1 .tab-panel .active a {
    color: #ffffff; }
  .theme2 .tab-panel .active a {
    color: #0071FF; }

.theme1 .tab-panel .active a:hover {
  color: #ffffff; }

.theme2 .tab-panel .active a:hover {
  color: #0071FF; }

.theme1 .tab-item {
  font-weight: bold;
  color: #d8dbe0;
  background-color: #182B56; }

.theme2 .tab-item {
  font-weight: bold;
  color: black;
  background-color: #ffffff; }

.theme2 .tab-item {
  font-weight: normal;
  color: #525252; }

.theme1 .tab-item a {
  padding: 3px 10px;
  color: #d8dbe0; }

.theme2 .tab-item a {
  padding: 3px 10px;
  color: black; }

.theme2 .tab-item a {
  padding: 5px 18px;
  color: #525252; }

.theme1 .tab-item a:hover {
  color: #d8dbe0; }

.theme2 .tab-item a:hover {
  color: #a5a5a5; }

.theme2 .tab-item.active:first-child {
  border-left: 0 #f2f2f2 solid; }

.widget-tab-panel {
  border-radius: 4px; }

.theme1 .widget-tab-panel .active {
  border: 3px #0b1d3d solid; }

.theme2 .widget-tab-panel .active {
  border: 3px #3081bc solid; }

.theme2 .widget-tab-panel .active {
  border: 1px #3081bc solid; }

.theme1 .widget-tab-panel .active a {
  border-radius: 0;
  color: #f4b350;
  background-color: #0b1d3d; }

.theme2 .widget-tab-panel .active a {
  border-radius: 0;
  color: #ffffff;
  background-color: #3081bc; }

.theme2 .widget-tab-panel .active a {
  background-image: -moz-linear-gradient(0deg, #3081bc 0%, #3081bc 100%);
  background-image: -webkit-linear-gradient(0deg, #3081bc 0%, #3081bc 100%);
  background-image: -ms-linear-gradient(0deg, #3081bc 0%, #3081bc 100%);
  background-image: linear-gradient(0deg, #3081bc 0%, #3081bc 100%); }

.theme1 .widget-tab-panel .active a:hover {
  color: #f4b350; }

.theme2 .widget-tab-panel .active a:hover {
  color: #ffffff; }

.widget-tab-item {
  border-radius: 2px; }
  .theme1 .widget-tab-item {
    border-top: 3px #0b1d3d solid;
    border-bottom: 3px #0b1d3d solid;
    border-left: 0 #0b1d3d solid;
    border-right: 3px #0b1d3d solid;
    background-color: #0b1d3d; }
  .theme2 .widget-tab-item {
    border-top: 3px #f2f2f2 solid;
    border-bottom: 3px #f2f2f2 solid;
    border-left: 0 #f2f2f2 solid;
    border-right: 3px #f2f2f2 solid;
    background-color: #f2f2f2; }
  .theme2 .widget-tab-item {
    border: 1px solid #f2f2f2;
    background-image: -moz-linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 100%);
    background-image: -webkit-linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 100%);
    background-image: -ms-linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 100%);
    background-image: linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 100%); }

.theme1 .widget-tab-item a {
  padding: 3px 10px;
  color: #d8dbe0; }

.theme2 .widget-tab-item a {
  padding: 3px 10px;
  color: #525252; }

.theme2 .widget-tab-item a {
  padding: 5px 10px; }

.widget-tab-item:first-child {
  border-radius: 2px; }
  .theme1 .widget-tab-item:first-child {
    border-left: 1px #0b1d3d solid; }
  .theme2 .widget-tab-item:first-child {
    border-left: 1px #f2f2f2 solid; }

.theme1 .widget-tab-item.active:first-child {
  border-left: 3px #0b1d3d solid; }

.theme2 .widget-tab-item.active:first-child {
  border-left: 3px #3081bc solid; }

.theme2 .widget-tab-item.active:first-child {
  border-left: 0 #f2f2f2 solid; }

.widget-tab-item:last-child {
  border-radius: 2px; }

.widget-inner-tab-panel {
  border-radius: 0px; }
  .theme1 .widget-inner-tab-panel {
    border-top: 1px #0b1326 solid;
    border-bottom: 1px #0b1326 solid; }
  .theme2 .widget-inner-tab-panel {
    border-top: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid; }

.theme1 .widget-inner-tab-panel .active {
  border: 0px #0b1326 solid;
  border-right: 1px #0b1326 solid; }

.theme2 .widget-inner-tab-panel .active {
  border: 0px #e0e0e0 solid;
  border-right: 1px #e0e0e0 solid; }

.widget-inner-tab-panel .active a {
  font-weight: bold; }
  .theme1 .widget-inner-tab-panel .active a {
    color: #ffffff;
    background-color: #0b1d3d;
    background-image: -moz-linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%);
    background-image: -webkit-linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%);
    background-image: -ms-linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%);
    background-image: linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%); }
  .theme2 .widget-inner-tab-panel .active a {
    color: #ffffff;
    background-color: #3081bc;
    background-image: -moz-linear-gradient(0deg, #3081bc 0%, #3081bc 100%);
    background-image: -webkit-linear-gradient(0deg, #3081bc 0%, #3081bc 100%);
    background-image: -ms-linear-gradient(0deg, #3081bc 0%, #3081bc 100%);
    background-image: linear-gradient(0deg, #3081bc 0%, #3081bc 100%); }
  .theme2 .widget-inner-tab-panel .active a {
    color: #0071FF;
    background-color: #ffffff;
    border-radius: 0;
    background-image: -moz-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
    background-image: -webkit-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
    background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%); }

.theme1 .widget-inner-tab-panel .active a:hover {
  color: #d8dbe0; }

.theme2 .widget-inner-tab-panel .active a:hover {
  color: #a5a5a5; }

.theme2 .widget-inner-tab-panel .active a:hover {
  color: #0071FF; }

.widget-inner-tab-item {
  border-radius: 0px;
  width: 20%;
  min-width: 55px; }
  .theme1 .widget-inner-tab-item {
    border-left: 0 #0b1d3d solid;
    border-top: none;
    border-bottom: none;
    border-right: 1px #0b1326 solid;
    background-color: #0b1d3d;
    background-image: -moz-linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%);
    background-image: -webkit-linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%);
    background-image: -ms-linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%);
    background-image: linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%); }
  .theme2 .widget-inner-tab-item {
    border-left: 0 #f2f2f2 solid;
    border-top: none;
    border-bottom: none;
    border-right: 1px #e0e0e0 solid;
    background-color: #f2f2f2;
    background-image: -moz-linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 100%);
    background-image: -webkit-linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 100%);
    background-image: -ms-linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 100%);
    background-image: linear-gradient(0deg, #f2f2f2 0%, #f2f2f2 100%); }

.theme1 .widget-inner-tab-item a {
  color: #d8dbe0;
  padding: 5px 10px; }

.theme2 .widget-inner-tab-item a {
  color: #414249;
  padding: 5px 10px; }

.theme1 .widget-inner-tab-item a:hover {
  color: #d8dbe0; }

.theme2 .widget-inner-tab-item a:hover {
  color: #a5a5a5; }

.theme2 .widget-inner-tab-item a:hover {
  color: #414249; }

.widget-inner-tab-item:first-child {
  border-radius: 0px; }
  .theme1 .widget-inner-tab-item:first-child {
    border-left: 1px #0b1d3d solid; }
  .theme2 .widget-inner-tab-item:first-child {
    border-left: 1px #f2f2f2 solid; }

.theme1 .widget-inner-tab-item.active:first-child {
  border-left: 0 #0b1d3d solid; }

.theme2 .widget-inner-tab-item.active:first-child {
  border-left: 0 #f2f2f2 solid; }

.widget-inner-tab-item:last-child {
  border-radius: 0px; }

[data-hint]:after {
  position: fixed; }

.hint--top:after {
  margin-top: -28px; }

.hint--top:before, .hint--top:after {
  bottom: inherit;
  left: inherit; }

.hint--bottom:before {
  margin-top: 10px; }

.hint--bottom:after {
  margin-top: 20px; }

.hint--bottom:before, .hint--bottom:after {
  top: inherit;
  left: inherit; }

.hint--right:before {
  margin-left: 12px;
  margin-top: 4px; }

.hint--right:after {
  margin-top: -26px;
  margin-left: 14px; }

.hint--right:before, .hint--right:after {
  left: inherit;
  bottom: inherit; }

.hint--left:before {
  margin-left: -3px;
  margin-bottom: -6px; }

.hint--left:after {
  margin-top: -9px;
  margin-left: -100px; }

.hint--left:before, .hint--left:after {
  right: inherit;
  bottom: inherit; }

.hint--top-left:before, .hint--top-left:after {
  bottom: inherit;
  left: inherit; }

.hint--top-left:after {
  margin-left: 0;
  margin-top: -50px; }

.hint--top-right:before, .hint--top-right:after {
  bottom: inherit;
  left: inherit; }

.hint--top-right:after {
  margin-left: -12px;
  margin-top: -28px; }

.hint--bottom-left:before {
  margin-top: 10px;
  margin-left: -3px; }

.hint--bottom-left:before, .hint--bottom-left:after {
  top: inherit;
  left: inherit; }

.hint--bottom-left:after {
  margin-left: 8px;
  margin-top: 20px; }

.hint--bottom-right:before {
  margin-top: 5px; }

.hint--bottom-right:before, .hint--bottom-right:after {
  top: inherit;
  left: inherit; }

.hint--bottom-right:after {
  margin-left: -12px;
  margin-top: 14px; }

/**
 * Defines tooltips if scroll bar available.
 */
[data-hint-scroll] {
  position: relative;
  display: inline-block;
  /**
	 * tooltip arrow
	 */
  /**
	 * tooltip body
	 */ }

[data-hint-scroll]:before, [data-hint-scroll]:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms; }

[data-hint-scroll]:hover:before, [data-hint-scroll]:hover:after {
  visibility: visible;
  opacity: 1;
  text-align: left; }

[data-hint-scroll]:hover:before, [data-hint-scroll]:hover:after {
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms; }

[data-hint-scroll]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001; }

[data-hint-scroll]:after {
  content: attr(data-hint-scroll);
  background: #383838;
  color: white;
  padding: 8px 10px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 12px;
  white-space: pre; }

[data-hint-scroll='']:before, [data-hint-scroll='']:after {
  display: none !important; }

[data-hint] {
  /**
	 * tooltip body
	 */ }

[data-hint]:after {
  text-shadow: 0 -1px 0 black;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

.theme1 .horizontal-sub-tabs-color {
  color: #9da6b2;
  background: #26458a; }

.theme2 .horizontal-sub-tabs-color {
  color: #818181;
  background: white; }

.theme1 .horizontal-panel .active {
  color: #9da6b2;
  background-color: #3259b2; }

.theme2 .horizontal-panel .active {
  color: #818181;
  background-color: white; }

.theme1 .horizontal-panel .appmnu-sidebar-active .appmnu-fore-color {
  color: #ffffff; }

.theme2 .horizontal-panel .appmnu-sidebar-active .appmnu-fore-color {
  color: #ffffff; }

.theme1 .horizontal-panel .active .appmnu-fore-color {
  color: #ffffff; }

.theme2 .horizontal-panel .active .appmnu-fore-color {
  color: #ffffff; }

.appmnu-sidebar-active .width-zero {
  width: inherit; }

.sub-menu-active .width-zero {
  width: inherit; }

.transform-menu {
  transition: width .02s linear; }

.horizontal-panel .appmnu-sidebar-active {
  border: 0; }

.theme1 .horizontal-panel .appmnu-sidebar-active .appmnu-back-color {
  background-color: #3259b2; }

.theme2 .horizontal-panel .appmnu-sidebar-active .appmnu-back-color {
  background-color: white; }

.sub-menu {
  height: 0;
  width: 0;
  z-index: 1; }

.main-menu:hover .sub-menu {
  overflow: visible !important; }

.theme1 .sub-menu-item:hover {
  color: #ffffff;
  background-color: #3259b2; }

.theme2 .sub-menu-item:hover {
  color: #ffffff;
  background-color: white; }

.maine-panel-container, .right-panel-container {
  width: calc(100% - 334px);
  float: left;
  padding-right: 0;
  padding-left: 0; }

.right-panel-container {
  width: 334px; }

.ar .maine-panel-container, .ar .right-panel-container {
  float: right; }

.theme1 .widgetmnu {
  background-color: #182B56; }

.theme2 .widgetmnu {
  background-color: #ffffff; }

.theme1 .widgetmnu-fore-color {
  color: #d8dbe0; }

.theme2 .widgetmnu-fore-color {
  color: #333333; }

.widgetmnu-title {
  height: 69px;
  z-index: 3; }
  .theme1 .widgetmnu-title {
    background-color: #0b1d3d; }
  .theme2 .widgetmnu-title {
    background-color: #F0F3FA; }

.widgetmnu-header {
  font-size: 0.75rem; }
  .theme1 .widgetmnu-header {
    color: #d8dbe0;
    background-color: #0b1d3d; }
  .theme2 .widgetmnu-header {
    color: #ffffff;
    background-color: #3081bc; }

.theme1 .widgetmnu-active {
  color: #182B56;
  background-color: #0b1d3d; }

.theme2 .widgetmnu-active {
  color: #ffffff;
  background-color: #F0F3FA; }

.theme1 .widgetmnu-active a {
  color: #182B56; }

.theme2 .widgetmnu-active a {
  color: #ffffff; }

.theme1 .widgetmnu-icon {
  color: #236fa0; }

.theme2 .widgetmnu-icon {
  color: #0067b8; }

.theme1 .widgetmnu-icon-active {
  color: #236fa0; }

.theme2 .widgetmnu-icon-active {
  color: #0067b8; }

.overlay-body {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important; }

.login-input[type="text"] {
  background-color: white !important;
  border: 1px solid #D3D3D3 !important;
  border-radius: 8px !important; }

.login-input[type="password"] {
  background-color: white !important;
  border: 1px solid #D3D3D3 !important;
  border-radius: 8px !important; }

.login-input {
  color: #000000 !important;
  border-bottom: none !important;
  font-size: 1rem !important; }

.login-input::-webkit-input-placeholder {
  color: #818181 !important;
  font-size: 0.938rem !important;
  font-weight: normal !important; }

.login-input:-moz-placeholder {
  color: #818181 !important;
  font-size: 0.938rem !important;
  font-weight: normal !important; }

.login-input::-moz-placeholder {
  color: #818181 !important;
  font-size: 0.938rem !important;
  font-weight: normal !important; }

.login-input:-ms-input-placeholder {
  color: #818181 !important;
  font-size: 0.938rem !important;
  font-weight: normal !important; }

.txt {
  color: #818181 !important;
  margin: auto !important;
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 24px; }

.link-color {
  color: #0071FF !important;
  text-decoration-line: underline; }

.login-btn {
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  border-radius: 6px !important;
  color: white !important;
  border: 1px #0071FF solid !important;
  background-image: -moz-linear-gradient(90deg, #0071FF 0%, #0071FF 90%, #0071FF 100%) !important;
  background-image: -webkit-linear-gradient(90deg, #0071FF 0%, #0071FF 90%, #0071FF 100%) !important;
  background-image: -ms-linear-gradient(90deg, #0071FF 0%, #0071FF 90%, #0071FF 100%) !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  height: 44px !important;
  font-weight: 700 !important;
  font-size: 1.063rem !important;
  line-height: 22px !important; }

.login-btn[disabled] {
  opacity: 0.5 !important;
  border: 1px #009DEA solid !important;
  background-image: -moz-linear-gradient(90deg, #009DEA 0%, #009DEA 90%, #009DEA 100%) !important;
  background-image: -webkit-linear-gradient(90deg, #009DEA 0%, #009DEA 90%, #009DEA 100%) !important;
  background-image: -ms-linear-gradient(90deg, #009DEA 0%, #009DEA 90%, #009DEA 100%) !important; }

.login-section {
  background: #ffffff !important;
  padding: 0 183px !important; }

.login-wrapper {
  width: 50%;
  height: 100vh;
  min-width: 400px; }

.image-wrapper {
  background-color: #002858 !important;
  width: 50%;
  height: 100vh; }

.topic-panel {
  width: 100%;
  overflow: hidden;
  margin: 25px auto 30px auto;
  line-height: 25px; }
  .topic-panel .topic {
    font-weight: 400;
    font-size: 2rem;
    line-height: 40px;
    color: #000000; }
  .topic-panel .txt {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 20px;
    color: #636363; }
  .topic-panel .lang {
    float: right; }

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

.checkbox-round {
  width: 13px;
  height: 13px;
  background-color: white;
  border-radius: 50%;
  vertical-align: middle;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer; }

.login-text-boxes {
  width: 100% !important;
  min-height: 52px !important; }

.otp-input {
  width: 258px !important; }

.login-error-msg {
  width: 100% !important; }

.logo-new {
  width: 164px !important; }

.login-lang-section {
  margin-right: 0 !important; }

.login-lang-section input[type="radio"] {
  margin-top: -4px !important;
  width: 10px !important;
  height: 10px !important; }

.login-lang-section img {
  width: 13px !important;
  height: 13px !important;
  border-radius: 50% !important; }

.profile-icon {
  width: 68px;
  min-height: 47px;
  margin: 20px auto 7px; }

.links-container {
  color: #3b3d3d !important;
  border-radius: 5px !important;
  border: 1px solid #0071FF !important;
  background-image: -moz-linear-gradient(90deg, #f5f5fa 0%, #f5f5fa 90%, #f5f5fa 100%) !important;
  background-image: -webkit-linear-gradient(90deg, #f5f5fa 0%, #f5f5fa 90%, #f5f5fa 100%) !important;
  background-image: -ms-linear-gradient(90deg, #f5f5fa 0%, #f5f5fa 90%, #f5f5fa 100%) !important;
  margin-bottom: 15px !important;
  text-align: center !important; }

.copy-right-text, .best-view-text {
  color: #7C858E !important;
  font-size: 0.75rem !important;
  line-height: 15px;
  margin: 0 20px; }
  .copy-right-text .click-link, .best-view-text .click-link {
    color: #0071FF !important; }

.otp-text {
  color: black !important; }

.ar .login-input[type="text"] {
  background-color: white !important; }

.ar .login-input[type="password"] {
  background-color: white !important; }

.btn-height {
  height: 30px; }

/* Registration & Forgot Password Popup CSS */
#registrationPopUpLogin .multi-form-top-panel,
#forgotPasswordPopUp .multi-form-top-panel {
  background-color: #0073cf;
  visibility: hidden; }

#registrationPopUpLogin .widget_new,
#forgotPasswordPopUp .widget_new {
  box-shadow: none;
  border: none; }

#registrationPopUpLogin .multi-form-box,
#forgotPasswordPopUp .multi-form-box {
  background: #ffffff;
  border-radius: 18px;
  border: none; }
  #registrationPopUpLogin .multi-form-box .multi-form-header,
  #forgotPasswordPopUp .multi-form-box .multi-form-header {
    background-color: #0073cf; }
  #registrationPopUpLogin .multi-form-box .wdgttl-fore-color,
  #forgotPasswordPopUp .multi-form-box .wdgttl-fore-color {
    color: #e0e0e0; }
  #registrationPopUpLogin .multi-form-box .wdgttl-tab-link,
  #forgotPasswordPopUp .multi-form-box .wdgttl-tab-link {
    color: #89c2d4; }
  #registrationPopUpLogin .multi-form-box .wdgttl-tab-panel .active,
  #forgotPasswordPopUp .multi-form-box .wdgttl-tab-panel .active {
    background-image: linear-gradient(0deg, #0073cf 7%, #0073cf 100%);
    color: #ffffff; }
  #registrationPopUpLogin .multi-form-box .wdgttl-tab-panel .active .wdgttl-fore-color,
  #forgotPasswordPopUp .multi-form-box .wdgttl-tab-panel .active .wdgttl-fore-color {
    color: #ffffff; }
  #registrationPopUpLogin .multi-form-box .down-fore-color,
  #forgotPasswordPopUp .multi-form-box .down-fore-color {
    color: #ff7d9e; }
  #registrationPopUpLogin .multi-form-box .multi-form-input,
  #forgotPasswordPopUp .multi-form-box .multi-form-input {
    background-color: #eff0f0;
    border-radius: 5px;
    padding: 10px;
    border: none;
    height: 30px; }

#registrationPopUpLogin .fore-color,
#forgotPasswordPopUp .fore-color {
  color: #000000; }

#registrationPopUpLogin .fade-fore-color,
#forgotPasswordPopUp .fade-fore-color {
  color: #525252; }

#registrationPopUpLogin .highlight-fore-color,
#forgotPasswordPopUp .highlight-fore-color {
  color: #b6b6b6; }

#registrationPopUpLogin .form-header-fore-color,
#forgotPasswordPopUp .form-header-fore-color {
  color: #000000; }

#registrationPopUpLogin .font-500,
#forgotPasswordPopUp .font-500 {
  font-weight: 500; }

#registrationPopUpLogin .font-600,
#forgotPasswordPopUp .font-600 {
  font-weight: 600; }

#registrationPopUpLogin .btn-default, #registrationPopUpLogin .btn-large, #registrationPopUpLogin .btn-green, #registrationPopUpLogin .btn-orange, #registrationPopUpLogin .btn-reject, #registrationPopUpLogin .search-btn, #registrationPopUpLogin .toolbar-styles .no-border-btn, .toolbar-styles #registrationPopUpLogin .no-border-btn, #registrationPopUpLogin .confirm-btn, #registrationPopUpLogin .add-alert-btn,
#forgotPasswordPopUp .btn-default,
#forgotPasswordPopUp .btn-large,
#forgotPasswordPopUp .btn-green,
#forgotPasswordPopUp .btn-orange,
#forgotPasswordPopUp .btn-reject,
#forgotPasswordPopUp .search-btn,
#forgotPasswordPopUp .toolbar-styles .no-border-btn, .toolbar-styles
#forgotPasswordPopUp .no-border-btn,
#forgotPasswordPopUp .confirm-btn,
#forgotPasswordPopUp .add-alert-btn {
  color: #ffffff;
  border: 1px #0376c7 solid;
  background-color: #0c68a9;
  border-radius: 5px;
  height: 30px;
  width: 100px; }

#registrationPopUpLogin .btn-secondary,
#forgotPasswordPopUp .btn-secondary {
  color: #000000;
  border: 1px #eff0f0 solid;
  background-color: #eff0f0;
  border-radius: 5px;
  height: 30px;
  width: 100px; }

#registrationPopUpLogin .btn-secondary:disabled,
#forgotPasswordPopUp .btn-secondary:disabled {
  color: #000000;
  font-weight: 500;
  background-color: #eff0f0;
  opacity: 0.5; }

#registrationPopUpLogin .btn-default:hover, #registrationPopUpLogin .btn-large:hover, #registrationPopUpLogin .btn-green:hover, #registrationPopUpLogin .btn-orange:hover, #registrationPopUpLogin .btn-reject:hover, #registrationPopUpLogin .search-btn:hover, #registrationPopUpLogin .toolbar-styles .no-border-btn:hover, .toolbar-styles #registrationPopUpLogin .no-border-btn:hover, #registrationPopUpLogin .confirm-btn:hover, #registrationPopUpLogin .add-alert-btn:hover,
#registrationPopUpLogin .btn-default:focus,
#registrationPopUpLogin .btn-large:focus,
#registrationPopUpLogin .btn-green:focus,
#registrationPopUpLogin .btn-orange:focus,
#registrationPopUpLogin .btn-reject:focus,
#registrationPopUpLogin .search-btn:focus,
#registrationPopUpLogin .toolbar-styles .no-border-btn:focus, .toolbar-styles
#registrationPopUpLogin .no-border-btn:focus,
#registrationPopUpLogin .confirm-btn:focus,
#registrationPopUpLogin .add-alert-btn:focus,
#forgotPasswordPopUp .btn-default:hover,
#forgotPasswordPopUp .btn-large:hover,
#forgotPasswordPopUp .btn-green:hover,
#forgotPasswordPopUp .btn-orange:hover,
#forgotPasswordPopUp .btn-reject:hover,
#forgotPasswordPopUp .search-btn:hover,
#forgotPasswordPopUp .toolbar-styles .no-border-btn:hover, .toolbar-styles
#forgotPasswordPopUp .no-border-btn:hover,
#forgotPasswordPopUp .confirm-btn:hover,
#forgotPasswordPopUp .add-alert-btn:hover,
#forgotPasswordPopUp .btn-default:focus,
#forgotPasswordPopUp .btn-large:focus,
#forgotPasswordPopUp .btn-green:focus,
#forgotPasswordPopUp .btn-orange:focus,
#forgotPasswordPopUp .btn-reject:focus,
#forgotPasswordPopUp .search-btn:focus,
#forgotPasswordPopUp .toolbar-styles .no-border-btn:focus, .toolbar-styles
#forgotPasswordPopUp .no-border-btn:focus,
#forgotPasswordPopUp .confirm-btn:focus,
#forgotPasswordPopUp .add-alert-btn:focus {
  background-color: #02416d;
  background-image: linear-gradient(0deg, #02416d 0%, #02416d 90%, #02416d 100%); }

#registrationPopUpLogin .btn-default:disabled, #registrationPopUpLogin .btn-large:disabled, #registrationPopUpLogin .btn-green:disabled, #registrationPopUpLogin .btn-orange:disabled, #registrationPopUpLogin .btn-reject:disabled, #registrationPopUpLogin .search-btn:disabled, #registrationPopUpLogin .toolbar-styles .no-border-btn:disabled, .toolbar-styles #registrationPopUpLogin .no-border-btn:disabled, #registrationPopUpLogin .confirm-btn:disabled, #registrationPopUpLogin .add-alert-btn:disabled,
#forgotPasswordPopUp .btn-default:disabled,
#forgotPasswordPopUp .btn-large:disabled,
#forgotPasswordPopUp .btn-green:disabled,
#forgotPasswordPopUp .btn-orange:disabled,
#forgotPasswordPopUp .btn-reject:disabled,
#forgotPasswordPopUp .search-btn:disabled,
#forgotPasswordPopUp .toolbar-styles .no-border-btn:disabled, .toolbar-styles
#forgotPasswordPopUp .no-border-btn:disabled,
#forgotPasswordPopUp .confirm-btn:disabled,
#forgotPasswordPopUp .add-alert-btn:disabled {
  color: #000000;
  font-weight: 500;
  background-color: #eff0f0;
  opacity: 0.5; }

#registrationPopUpLogin .btn-dropdown:disabled,
#forgotPasswordPopUp .btn-dropdown:disabled {
  opacity: 0.3;
  background-image: -moz-linear-gradient(top, #0c68a9 0%, #0c68a9 30%, #0c68a9 30%, #0c68a9 100%) !important;
  background-image: -webkit-linear-gradient(top, #0c68a9 0%, #0c68a9 30%, #0c68a9 30%, #0c68a9 100%) !important; }

#registrationPopUpLogin .search-query, #registrationPopUpLogin .search-input,
#forgotPasswordPopUp .search-query,
#forgotPasswordPopUp .search-input {
  color: #000000;
  border: 1px #f2f2f2 solid;
  background: #f2f2f2;
  background-image: linear-gradient(top, #f2f2f2 0%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 100%); }

#registrationPopUpLogin .search-query:focus, #registrationPopUpLogin .search-input:focus,
#forgotPasswordPopUp .search-query:focus,
#forgotPasswordPopUp .search-input:focus {
  color: #000000;
  border: 1px #02416d solid;
  background-image: linear-gradient(top, #f2f2f2 0%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 100%); }

#registrationPopUpLogin .overlay-body,
#forgotPasswordPopUp .overlay-body {
  background-image: url("../assets/img/login-background.jpg") !important; }

#registrationPopUpLogin .xxl-border-radius,
#forgotPasswordPopUp .xxl-border-radius {
  border-radius: 18px; }

#onlineAccountPopUp .container-back-color .overlay-body {
  background-image: url("../assets/img/login-background.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important; }

#onlineAccountPopUp .primary-fore-color {
  color: #0376c7 !important; }

#onlineAccountPopUp .font-2xl {
  font-size: 1rem; }

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

#onlineAccountPopUp .oao-top-panel {
  background-image: linear-gradient(0deg, #0073cf 7%, #0073cf 100%);
  color: #ffffff; }

#onlineAccountPopUp .widget_new {
  border-radius: 15px 15px 0px 0px;
  border: none; }

#onlineAccountPopUp .oao-header {
  color: #0073cf; }

#onlineAccountPopUp .widget-container-new {
  border: none; }

#onlineAccountPopUp .login-btn {
  background: #0079c1 !important;
  border: 1px solid #0079c1 !important; }

#onlineAccountPopUp .links-container {
  background: transparent !important;
  border: 1px solid #0079c1 !important; }

#onlineAccountPopUp .line-height-xl {
  line-height: 18px; }

#onlineAccountPopUp .disable-style > .search-query, #onlineAccountPopUp .submit-btn-disable[disabled] > .search-query, #onlineAccountPopUp .disable-style > .search-input, #onlineAccountPopUp .submit-btn-disable[disabled] > .search-input {
  background-color: #c4c4c4;
  background-image: none;
  border-radius: 5px;
  padding: 10px;
  border: none;
  height: 30px; }

#onlineAccountPopUp .search-query, #onlineAccountPopUp .search-input {
  background-color: #ffffff;
  background-image: none;
  border-radius: 5px;
  padding: 10px;
  border: none; }

#onlineAccountPopUp .search-query:focus, #onlineAccountPopUp .search-input:focus {
  border-color: #004175 !important; }

#onlineAccountPopUp .oao-primary-btn {
  color: #ffffff;
  border: 1px #0376c7 solid;
  background-color: #0c68a9;
  border-radius: 5px;
  height: 30px;
  min-width: 100px; }
  #onlineAccountPopUp .oao-primary-btn-outlined {
    border: 1px solid #0c68a9;
    background-color: #ffffff;
    border-radius: 5px;
    color: #0c68a9;
    height: 30px;
    min-width: 100px; }

#onlineAccountPopUp .oao-primary-btn:disabled {
  color: #000000;
  font-weight: 500;
  background-color: #eff0f0;
  opacity: 0.5; }

#onlineAccountPopUp .oao-container-height {
  height: calc(100% - 200px); }

#onlineAccountPopUp .online-account-opening-container {
  height: calc(100% - 24px);
  overflow: scroll; }

#onlineAccountPopUp .current-step {
  text-align: center;
  display: table-cell;
  position: relative;
  overflow: inherit; }
  .theme1 #onlineAccountPopUp .current-step {
    color: #ffffff; }
  .theme2 #onlineAccountPopUp .current-step {
    color: #ffffff; }
  #onlineAccountPopUp .current-step .step {
    display: inline-block;
    height: 32px;
    max-width: 300px;
    width: 100%;
    line-height: 29px;
    text-align: center;
    border-radius: 4px 0px 0px 4px;
    padding-left: 30px;
    padding-right: 20px; }
    .theme1 #onlineAccountPopUp .current-step .step {
      background-color: #0073cf;
      border: 2px solid #0073cf; }
    .theme2 #onlineAccountPopUp .current-step .step {
      background-color: #0073cf;
      border: 2px solid #0073cf; }
  #onlineAccountPopUp .current-step .step::after {
    content: '';
    height: calc(100% - 7px);
    width: 29px;
    border-radius: 12px;
    position: absolute;
    top: 5%;
    right: -12px;
    z-index: 1;
    background-color: inherit;
    box-shadow: 1px -1px #0073cf;
    transform: scale(1.036) rotate(45deg); }
  #onlineAccountPopUp .current-step .step-ar::after {
    content: '';
    height: calc(100% - 7px);
    width: 29px;
    border-radius: 12px;
    position: absolute;
    top: 5%;
    right: calc(100% - 15px);
    z-index: 1;
    background-color: inherit;
    box-shadow: -1px 1px #0073cf;
    transform: scale(1.036) rotate(45deg); }

#onlineAccountPopUp .not-completed-step, #onlineAccountPopUp .completed-step {
  text-align: center;
  display: table-cell;
  position: relative;
  overflow: inherit; }
  .theme1 #onlineAccountPopUp .not-completed-step, #onlineAccountPopUp .completed-step {
    color: #005496; }
  .theme2 #onlineAccountPopUp .not-completed-step, #onlineAccountPopUp .completed-step {
    color: #005496; }
  #onlineAccountPopUp .not-completed-step .step, #onlineAccountPopUp .completed-step .step {
    display: inline-block;
    height: 32px;
    max-width: 300px;
    width: 100%;
    line-height: 29px;
    text-align: center;
    border-radius: 4px 0px 0px 4px;
    padding-left: 30px;
    padding-right: 20px; }
    .theme1 #onlineAccountPopUp .not-completed-step .step, #onlineAccountPopUp .completed-step .step {
      background-color: #eff0f0;
      border: 2px solid #eff0f0; }
    .theme2 #onlineAccountPopUp .not-completed-step .step, #onlineAccountPopUp .completed-step .step {
      background-color: #eff0f0;
      border: 2px solid #eff0f0; }
  #onlineAccountPopUp .not-completed-step .step::after, #onlineAccountPopUp .completed-step .step::after {
    content: '';
    height: calc(100% - 7px);
    width: 29px;
    border-radius: 12px;
    position: absolute;
    top: 5%;
    right: -12px;
    z-index: 1;
    background-color: inherit;
    box-shadow: 0.9px -0.9px #9cd1fb;
    transform: scale(1.036) rotate(45deg); }
  #onlineAccountPopUp .not-completed-step .step-ar::after, #onlineAccountPopUp .completed-step .step-ar::after {
    content: '';
    height: calc(100% - 7px);
    width: 29px;
    border-radius: 12px;
    position: absolute;
    top: 5%;
    right: calc(100% - 15px);
    z-index: 1;
    background-color: inherit;
    box-shadow: -0.9px 0.9px #9cd1fb;
    transform: scale(1.036) rotate(45deg); }

#onlineAccountPopUp .kyc-update-form-container {
  max-width: 88%; }

#onlineAccountPopUp #kycForm .fade-fore-color {
  color: #525252 !important; }

#onlineAccountPopUp .highlight-fore-color {
  color: #0071FF !important; }

#onlineAccountPopUp ::-webkit-scrollbar {
  width: 10px; }

#onlineAccountPopUp ::-webkit-scrollbar-track {
  background: #e7edf0; }

#onlineAccountPopUp ::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 10px 0px 1px #e0e2e4; }

#onlineAccountPopUp ::-webkit-scrollbar-track:disabled {
  background: none; }

#onlineAccountPopUp input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  outline: none;
  content: none; }

#onlineAccountPopUp input[type=checkbox]:after {
  border: 2px solid #8C9CA4;
  color: #0376c7; }

.lang-area .txt {
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.938rem;
  line-height: 20px; }

.lang-area-extend .txt {
  color: #1D396B !important;
  font-weight: 700;
  font-size: 0.938rem;
  line-height: 20px; }

.secondary-text {
  color: #818181;
  font-size: 0.938rem;
  line-height: 24px; }

.pro-download-note {
  display: block;
  bottom: 10px;
  align-content: center;
  position: absolute;
  margin: auto;
  line-height: 15px;
  color: #ffffff;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 420px;
  left: 26%; }

.sub-header-text {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 35px;
  color: #ffffff;
  text-align: left;
  white-space: normal;
  margin: auto;
  padding-top: 6%; }

.sub-content {
  font-style: normal;
  font-weight: 400;
  font-size: 0.813rem;
  line-height: 20px;
  text-align: left;
  color: #ffffff;
  white-space: normal;
  margin: auto;
  padding-top: 3%; }

.footer-links {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 18px;
  color: #1D396B; }

.img-class {
  padding-top: 5%; }

.form-input {
  height: 52px;
  padding: 14px 18px;
  background: #FFFFFF;
  border: 1px solid #D3D3D3;
  border-radius: 8px; }

.form-btn {
  color: #ffffff;
  height: 44px;
  background: #0071FF;
  border-radius: 6px; }

.login-img-txt {
  top: 113px;
  left: 130px;
  right: 130px;
  font-size: 5.125rem;
  line-height: 78px;
  color: #ffffff; }

.resend-otp-yes {
  border-radius: 54px !important;
  box-shadow: none !important; }
  .theme1 .resend-otp-yes {
    border: 1px #0071FF solid !important;
    background: #0071FF; }
  .theme2 .resend-otp-yes {
    border: 1px #0071FF solid !important;
    background: #0071FF; }

.resend-otp-cancel {
  border-radius: 54px !important;
  box-shadow: none !important; }
  .theme1 .resend-otp-cancel {
    border: 1px #F94241 solid !important;
    background: #F94241 !important; }
  .theme2 .resend-otp-cancel {
    border: 1px #F94241 solid !important;
    background: #F94241 !important; }

.radio-lg input[type="radio"] {
  height: 24px;
  width: 24px; }

.login {
  background-color: #FFFFFF; }
  .login .prominent-fore-color {
    color: #09101D !important; }
  .login .fade-fore-color-3 {
    color: #7C858E !important; }

#loginOtpSection .app-back-color, #loginOtpSection .container-back-color {
  background-color: #FFFFFF; }

#loginOtpSection .dropdown-selected-back-color {
  background-color: #F0F3FA; }

#loginOtpSection .otp-input {
  background-color: #FFFFFF !important;
  border: 1px #bdbdbd solid !important; }

#loginOtpSection .fore-color {
  color: #000000; }

#loginOtpSection .fade-fore-color {
  color: #636363; }

#loginOtpSection .highlight-fore-color {
  color: #0071FF; }

#loginOtpSection .border-all-highlight {
  border: 1px solid #0071FF; }

#loginOtpSection .form-control, #loginOtpSection .search-input {
  color: #555555; }

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block; }

.file-upload-btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold; }

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0; }

.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 25px;
  height: 25px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@font-face {
  font-family: "anbc";
  src: url("../assets/fonts/anbc.eot");
  src: url("../assets/fonts/anbc.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/anbc.woff") format("woff"), url("../assets/fonts/anbc.ttf") format("truetype"), url("../assets/fonts/anbc.svg#anbc") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "anbc" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "anbc" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-down-arrow:before {
  content: "\61"; }

.icon-right-arrow:before {
  content: "\62"; }

.icon-left-arrow:before {
  content: "\63"; }

.icon-up-arrow:before {
  content: "\64"; }

.icon-profile:before {
  content: "\65"; }

.icon-add:before {
  content: "\66"; }

.icon-back-icon:before {
  content: "\67"; }

.icon-forward-icon:before {
  content: "\68"; }

.icon-search:before {
  content: "\69"; }

.icon-home:before {
  content: "\6a"; }

.icon-trade:before {
  content: "\6b"; }

.icon-more:before {
  content: "\6c"; }

.icon-info:before {
  content: "\6d"; }

.icon-share:before {
  content: "\6e"; }

.icon-search-1:before {
  content: "\6f"; }

.icon-bell:before {
  content: "\70"; }

.icon-question:before {
  content: "\71"; }

.icon-logout:before {
  content: "\72"; }

.icon-community:before {
  content: "\73"; }

.icon-open-link:before {
  content: "\74"; }

.icon-watchlists:before {
  content: "\75"; }

.icon-orders:before {
  content: "\76"; }

.icon-exchange:before {
  content: "\77"; }

.icon-refresh:before {
  content: "\78"; }

.icon-tone:before {
  content: "\79"; }

.icon-solid-plus:before {
  content: "\7a"; }

.icon-solid-minus:before {
  content: "\41"; }

.icon-quote:before {
  content: "\42"; }

.icon-alert:before {
  content: "\43"; }

.icon-market-open:before {
  content: "\44"; }

.icon-news-up-right:before {
  content: "\45"; }

.icon-margin-lending:before {
  content: "\46"; }

.icon-solid-close:before {
  content: "\47"; }

.icon-info-tooltip:before {
  content: "\48"; }

.icon-candle-chart:before {
  content: "\49"; }

.icon-full-screen:before {
  content: "\4a"; }

.icon-line-chart:before {
  content: "\4b"; }

.icon-exit-fullscreen:before {
  content: "\4c"; }

.icon-filter-option:before {
  content: "\4d"; }

.icon-solid-rounded-checked:before {
  content: "\4e"; }

.icon-bank-transfer:before {
  content: "\4f"; }

.icon-credit-card:before {
  content: "\50"; }

.icon-transfer:before {
  content: "\51"; }

.icon-circle-tick:before {
  content: "\52"; }

.icon-auto-invest:before {
  content: "\53"; }

.icon-gift:before {
  content: "\54"; }

.icon-point-down:before {
  content: "\55"; }

.icon-anb:before {
  content: "\56"; }

.icon-vector:before {
  content: "\57"; }

.icon-buying-power:before {
  content: "\58"; }

.icon-close-round:before {
  content: "\59"; }

.icon-vector-up-arrow:before {
  content: "\5a"; }

.icon-sort-down:before {
  content: "\30"; }

.icon-sort-up:before {
  content: "\31"; }

.icon-share-left:before {
  content: "\32"; }

.icon-close-filled-circle:before {
  content: "\33"; }

.icon-close-vector:before {
  content: "\34"; }

.icon-tick:before {
  content: "\35"; }

.icon-warning:before {
  content: "\36"; }

.icon-subscriptions:before {
  content: "\37"; }

.icon-investment:before {
  content: "\38"; }

.icon-bank-accounts:before {
  content: "\39"; }

.icon-kyc:before {
  content: "\21"; }

.icon-premium:before {
  content: "\22"; }

.icon-other:before {
  content: "\23"; }

.icon-solid-arrow-right-down:before {
  content: "\24"; }

.icon-solid-arrow-right-up:before {
  content: "\25"; }

.icon-solid-arrow-left:before {
  content: "\26"; }

.icon-solid-arrow-right:before {
  content: "\27"; }

.icon-download:before {
  content: "\28"; }

.icon-lock:before {
  content: "\29"; }

.icon-paper:before {
  content: "\2a"; }

.icon-alerts:before {
  content: "\2b"; }

.icon-anb-lite:before {
  content: "\2c"; }

.icon-help:before {
  content: "\2d"; }

.icon-logout-1:before {
  content: "\2e"; }

.icon-order-list:before {
  content: "\3a"; }

.icon-profile-1:before {
  content: "\3b"; }

.icon-gift-2:before {
  content: "\3c"; }

.icon-equal:before {
  content: "\3d"; }

.icon-faceid:before {
  content: "\3e"; }

.icon-touchid:before {
  content: "\3f"; }

.icon-half-bell:before {
  content: "\40"; }

.icon-settings-new:before {
  content: "\5b"; }

.icon-add-2:before {
  content: "\5d"; }

.icon-close-vector-2:before {
  content: "\5e"; }

.icon-edit:before {
  content: "\5f"; }

.icon-margin-new:before {
  content: "\60"; }

.icon-orderlist-menu:before {
  content: "\7b"; }

.icon-message:before {
  content: "\7c"; }

.icon-warn:before {
  content: "\7d"; }

.icon-list-2:before {
  content: "\7e"; }

.icon-trading-config:before {
  content: "\2f"; }

.icon-holdings:before {
  content: "\5c"; }

.icon-alerts-edit:before {
  content: "\e000"; }

.icon-cash:before {
  content: "\e001"; }

.icon-theme:before {
  content: "\e002"; }

.icon-share-app:before {
  content: "\e003"; }

.icon-light-mode:before {
  content: "\e004"; }

.icon-exit:before {
  content: "\e005"; }

.icon-moon:before {
  content: "\e006"; }

.icon-more-2:before {
  content: "\e007"; }

.icon-pencil:before {
  content: "\e008"; }

.icon-edit-2:before {
  content: "\e009"; }

.icon-right:before {
  content: "\e00a"; }

.icon-bank:before {
  content: "\e00b"; }

.icon-profile-edit:before {
  content: "\e00c"; }

.icon-home-2:before {
  content: "\e00d"; }

.icon-renew:before {
  content: "\e00e"; }

.icon-upgrade:before {
  content: "\e00f"; }

.icon-nav-slide:before {
  content: "\e010"; }

.icon-copy:before {
  content: "\e011"; }

.icon-logout-ar:before {
  content: "\e012"; }

.icon-trash-bin:before {
  content: "\e013"; }

.icon-arrow-right-down:before {
  content: "\e015"; }

.icon-arrow-right-up:before {
  content: "\e016"; }

.icon-nav-slide-ar:before {
  content: "\e017"; }

.icon-inv-acc-transfer:before {
  content: "\e018"; }

.icon-refresh-2:before {
  content: "\e014"; }

.icon-add-alert:before {
  content: "\e019"; }

.icon-bank-outlined:before {
  content: "\e01a"; }

.icon-transfer-other:before {
  content: "\e01b"; }

.icon-transfer-anb:before {
  content: "\e01c"; }

.icon-connectivity:before {
  content: "\e01d"; }

.icon-excel:before {
  content: "\e01e"; }

.icon-pdf:before {
  content: "\e01f"; }

.icon-print:before {
  content: "\e020"; }

.icon-right-issues:before {
  content: "\e021"; }

.icon-mutual-funds:before {
  content: "\e022"; }

.icon-logout-2:before {
  content: "\e023"; }

.icon-bell-outline:before {
  content: "\e024"; }

.icon-expand-arrows:before {
  content: "\e025"; }

.icon-trade-vertical:before {
  content: "\e026"; }

.icon-info-tooltip-ar:before {
  content: "\e027"; }

.icon-high-low-52:before {
  content: "\e028"; }

.icon-jump-up:before {
  content: "\e029"; }

.icon-jump-down:before {
  content: "\e02a"; }

.icon-megaphone-1:before {
  content: "\e02b"; }

.icon-forward-lg:before {
  content: "\e02c"; }

.icon-info-i:before {
  content: "\e02d"; }

.icon-trade-outline:before {
  content: "\e02e"; }

.icon-close:before {
  content: "\e02f"; }

.icon-statistic-up:before {
  content: "\e030"; }

.icon-ipo:before {
  content: "\e036"; }

.icon-ipo-solid:before {
  content: "\e035"; }

.icon-home-outline:before {
  content: "\e037"; }

.icon-watchlist:before {
  content: "\e038"; }

.icon-circle:before {
  content: "\e039"; }

.icon-circle-2:before {
  content: "\e03a"; }

.icon-horizontal:before {
  content: "\e03b"; }

.icon-rectangle:before {
  content: "\e03c"; }

.icon-trend:before {
  content: "\e03d"; }

.icon-vertical:before {
  content: "\e03e"; }

.icon-ohlc:before {
  content: "\e03f"; }

.icon-chart-both:before {
  content: "\e040"; }

.icon-chart-cross-hair:before {
  content: "\e041"; }

.icon-chart-horizontal:before {
  content: "\e042"; }

.icon-chart-none:before {
  content: "\e043"; }

.icon-chart-vertical:before {
  content: "\e044"; }

.icon-line-chart-1:before {
  content: "\e045"; }

.icon-candle-chart-fill:before {
  content: "\e046"; }

.icon-candle-chart-trend:before {
  content: "\e047"; }

.icon-area:before {
  content: "\e048"; }

.icon-chart-volume:before {
  content: "\e049"; }

.icon-full-screen-1:before {
  content: "\e04a"; }

.icon-scale-down:before {
  content: "\e04b"; }

.icon-info-1:before {
  content: "\e04c"; }

.icon-close-1:before {
  content: "\e04d"; }

.icon-plus:before {
  content: "\e04e"; }

.icon-minus:before {
  content: "\e04f"; }

.icon-chart-settings-set:before {
  content: "\e050"; }

.icon-saudi-riyal:before {
  content: "\e055";
  font-size: 0.875em; }

.maine-panel-container, .right-panel-container {
  width: calc(100% - 334px);
  float: left;
  padding-right: 0;
  padding-left: 0; }

.right-panel-container {
  width: 334px; }

.ar .maine-panel-container, .ar .right-panel-container {
  float: right; }

@-webkit-keyframes pulsate {
  from {
    opacity: 1; }
  to {
    transform: scale(6);
    opacity: 0; } }

@-moz-keyframes pulsate {
  from {
    opacity: 1; }
  to {
    transform: scale(6);
    opacity: 0; } }

@-o-keyframes pulsate {
  from {
    opacity: 1; }
  to {
    transform: scale(6);
    opacity: 0; } }

@keyframes pulsate {
  from {
    opacity: 1; }
  to {
    transform: scale(6);
    opacity: 0; } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes animateright {
  from {
    transform: translateX(300px); }
  to {
    transform: translateX(0); } }

@-moz-keyframes animateright {
  from {
    transform: translateX(300px); }
  to {
    transform: translateX(0); } }

@-o-keyframes animateright {
  from {
    transform: translateX(300px); }
  to {
    transform: translateX(0); } }

@keyframes animateright {
  from {
    transform: translateX(300px); }
  to {
    transform: translateX(0); } }

@-webkit-keyframes animateleft {
  from {
    transform: translateX(-230px); }
  to {
    transform: translateX(0px);
    display: none; } }

@-moz-keyframes animateleft {
  from {
    transform: translateX(-230px); }
  to {
    transform: translateX(0px);
    display: none; } }

@-o-keyframes animateleft {
  from {
    transform: translateX(-230px); }
  to {
    transform: translateX(0px);
    display: none; } }

@keyframes animateleft {
  from {
    transform: translateX(-230px); }
  to {
    transform: translateX(0px);
    display: none; } }

@-webkit-keyframes animateTop {
  from {
    transform: translateY(230px); }
  to {
    transform: translateY(0px);
    display: none; } }

@-moz-keyframes animateTop {
  from {
    transform: translateY(230px); }
  to {
    transform: translateY(0px);
    display: none; } }

@-o-keyframes animateTop {
  from {
    transform: translateY(230px); }
  to {
    transform: translateY(0px);
    display: none; } }

@keyframes animateTop {
  from {
    transform: translateY(230px); }
  to {
    transform: translateY(0px);
    display: none; } }

@-webkit-keyframes animateTopOut {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(230px);
    display: none; } }

@-moz-keyframes animateTopOut {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(230px);
    display: none; } }

@-o-keyframes animateTopOut {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(230px);
    display: none; } }

@keyframes animateTopOut {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(230px);
    display: none; } }

.popup-animation {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -o-animation-fill-mode: none;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: none; }

.announcement-menu-update-animation {
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -o-animation-fill-mode: none;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: none; }

.hint--bounce:before, .hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.6s ease, -webkit-transform 0.6s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.6s ease, -moz-transform 0.6s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.6s ease, transform 0.6s; }

[data-hint]:hover:before, [data-hint]:hover:after {
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  transition-delay: 1000ms; }

.animate-right {
  position: relative;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  -webkit-animation-name: animateright;
  -moz-animation-name: animateright;
  -o-animation-name: animateright;
  animation-name: animateright;
  -o-animation-fill-mode: none;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: none; }

.animate-left {
  position: relative;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  -webkit-animation-name: animateleft;
  -moz-animation-name: animateleft;
  -o-animation-name: animateleft;
  animation-name: animateleft;
  -o-animation-fill-mode: none;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: none; }

.animate-top {
  position: relative;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  -webkit-animation-name: animateTop;
  -moz-animation-name: animateTop;
  -o-animation-name: animateTop;
  animation-name: animateTop;
  -o-animation-fill-mode: none;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: none; }

.animate-top-out {
  position: relative;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  -webkit-animation-name: animateTopOut;
  -moz-animation-name: animateTopOut;
  -o-animation-name: animateTopOut;
  animation-name: animateTopOut;
  -o-animation-fill-mode: none;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: none; }

.ar .animate-left {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  -webkit-animation-name: animateright;
  -moz-animation-name: animateright;
  -o-animation-name: animateright;
  animation-name: animateright;
  -o-animation-fill-mode: none;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: none; }

.bold {
  font-weight: bold; }

.font-400 {
  font-weight: 400; }

.font-500 {
  font-weight: 500; }

.font-600 {
  font-weight: 600; }

.font-700 {
  font-weight: 700; }

@font-face {
  font-family: "OpenSans";
  src: url("./fonts/OpenSans-Regular.ttf");
  font-weight: normal;
  font-style: normal; }

.font-xxx-s {
  font-size: 0.313rem; }

.font-xx-s {
  font-size: 0.438rem; }

.font-x-s {
  font-size: 0.563rem; }

.font-s {
  font-size: 0.625rem; }

.font-m {
  font-size: 0.688rem; }

.font-l {
  font-size: 0.75rem; }

.font-m-l {
  font-size: 0.813rem; }

.font-l-l {
  font-size: 0.938rem; }

.font-x-l {
  font-size: 0.875rem; }

.font-x-m {
  font-size: 1.063rem; }

.font-5x-m {
  font-size: 1.5rem; }

.font-xx-l {
  font-size: 1rem; }

.font-xxx-l {
  font-size: 1.125rem; }

.font-3x-l {
  font-size: 1.188rem; }

.font-4x-l {
  font-size: 1.25rem; }

.font-5x-m {
  font-size: 1.5rem; }

.font-5x-l {
  font-size: 1.563rem; }

.font-6x-m {
  font-size: 1.75rem; }

.font-6x-l {
  font-size: 1.875rem; }

.font-7x-l {
  font-size: 2rem; }

.font-7xx-l {
  font-size: 2.25rem; }

.font-8x-l {
  font-size: 2.625rem; }

.svg-favourites {
  background-image: url("./svgs/icons/favourites.svg");
  height: 28px;
  width: 28px; }

.svg-football {
  background-image: url("./svgs/icons/football.svg");
  height: 28px;
  width: 28px; }

.svg-most-popular {
  background-image: url("./svgs/icons/most-popular.svg");
  height: 28px;
  width: 28px; }

.svg-most-traded {
  background-image: url("./svgs/icons/most-traded.svg");
  height: 28px;
  width: 28px; }

.svg-mutual-funds {
  background-image: url("./svgs/icons/mutual-funds.svg");
  height: 28px;
  width: 28px; }

.svg-new-lists {
  background-image: url("./svgs/icons/new-lists.svg");
  height: 28px;
  width: 28px; }

.svg-sharia {
  background-image: url("./svgs/icons/sharia.svg");
  height: 28px;
  width: 28px; }

.svg-top-movers {
  background-image: url("./svgs/icons/top-movers.svg");
  height: 28px;
  width: 28px; }

.svg-trend-down {
  background-image: url("./svgs/icons/trend-down.svg");
  height: 28px;
  width: 28px; }

.svg-trend-up {
  background-image: url("./svgs/icons/trend-up.svg");
  height: 28px;
  width: 28px;
  background-size: contain;
  background-repeat: no-repeat; }

.svg-lock {
  background-image: url("./svgs/icons/lock.svg");
  height: 28px;
  width: 28px; }

.svg-mobile {
  background-image: url("./svgs/icons/mobile.svg");
  height: 28px;
  width: 28px; }

.svg-party_popper {
  background-image: url("./svgs/icons/party_popper.svg");
  height: 28px;
  width: 28px; }

.svg-writing_hand {
  background-image: url("./svgs/icons/writing_hand.svg");
  height: 28px;
  width: 28px; }

.svg-terms {
  background-image: url("./svgs/icons/terms.svg");
  height: 28px;
  width: 28px; }

.svg-live {
  background-image: url("./svgs/icons/live.svg");
  height: 28px;
  width: 28px; }

.svg-snail {
  background-image: url("./svgs/icons/snail.svg");
  height: 28px;
  width: 28px; }

.svg-bank {
  background-image: url("./svgs/icons/bank.svg");
  height: 28px;
  width: 28px; }

.svg-waving-hand {
  background-image: url("./svgs/icons/waving-hand.svg");
  height: 28px;
  width: 28px; }

.svg-medical-stocks {
  background-image: url("./svgs/icons/medical-stocks.svg");
  height: 28px;
  width: 28px; }

.svg-most-popular-100 {
  background-image: url("./svgs/icons/most-popuplar-hundred.svg");
  height: 28px;
  width: 28px; }

.svg-energy {
  background-image: url("./svgs/icons/energy.svg");
  height: 28px;
  width: 28px; }

.svg-real-estate {
  background-image: url("./svgs/icons/real-estate.svg");
  height: 28px;
  width: 28px; }

.svg-finance {
  background-image: url("./svgs/icons/finance.svg");
  height: 28px;
  width: 28px; }

.svg-anb-mutual-funds {
  background-image: url("./svgs/icons/anb-mutual-funds.svg");
  height: 28px;
  width: 28px;
  background-size: contain !important;
  background-repeat: no-repeat; }

.svg-tech-picks {
  background-image: url("./svgs/icons/tech-picks.svg");
  height: 28px;
  width: 28px; }

.svg-crypto {
  background-image: url("./svgs/icons/crypto.svg");
  height: 28px;
  width: 28px; }

.svg-upcoming-earnings {
  background-image: url("./svgs/icons/upcoming-earnings.svg");
  height: 28px;
  width: 28px; }

.svg-public-investment-fund {
  background-image: url("./svgs/icons/public-investment-fund.svg");
  height: 28px;
  width: 28px; }

.svg-shopping {
  background-image: url("./svgs/icons/shopping.svg");
  height: 28px;
  width: 28px; }

.svg-telecom {
  background-image: url("./svgs/icons/telecom.svg");
  height: 28px;
  width: 28px; }

.svg-sector-etf {
  background-image: url("./svgs/icons/sector-etf.svg");
  height: 28px;
  width: 28px; }

.svg-daily-movers {
  background-image: url("./svgs/icons/daily-movers.svg");
  height: 28px;
  width: 28px; }

.svg-food-drink {
  background-image: url("./svgs/icons/food-drink.svg");
  height: 28px;
  width: 28px; }

.svg-auto-motive {
  background-image: url("./svgs/icons/auto-motive.svg");
  height: 28px;
  width: 28px; }

.svg-ipo-access {
  background-image: url("./svgs/icons/ipo-access.svg");
  height: 28px;
  width: 28px; }

.svg-flag-sa {
  background-image: url("./svgs/icons/flag-sa.svg");
  height: 28px;
  width: 28px; }

.svg-flag-us {
  background-image: url("./svgs/icons/flag-us.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-position-y: 2px; }

.svg-curly-arrow-pointer {
  background-image: url("./svgs/icons/curly-arrow.svg");
  height: 28px;
  width: 28px; }

.svg-airplane {
  background-image: url("./svgs/icons/airplane.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-alien {
  background-image: url("./svgs/icons/alien.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-alien-monster {
  background-image: url("./svgs/icons/alien-monster.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-beach-with-umbrella {
  background-image: url("./svgs/icons/beach-with-umbrella.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-bell {
  background-image: url("./svgs/icons/bell.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-bicycle {
  background-image: url("./svgs/icons/bicycle.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-broken-heart {
  background-image: url("./svgs/icons/broken-heart.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-clown-face {
  background-image: url("./svgs/icons/clown-face.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-cold-face {
  background-image: url("./svgs/icons/cold-face.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-cool {
  background-image: url("./svgs/icons/cool.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-crystal-ball {
  background-image: url("./svgs/icons/crystal-ball.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-diving-mask {
  background-image: url("./svgs/icons/diving-mask.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-face-blowing-kiss {
  background-image: url("./svgs/icons/face-blowing-kiss.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-fire {
  background-image: url("./svgs/icons/fire.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-free {
  background-image: url("./svgs/icons/free.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-gaspar {
  background-image: url("./svgs/icons/gaspar.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-gemstone {
  background-image: url("./svgs/icons/gemstone.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-ghost {
  background-image: url("./svgs/icons/ghost.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-heart {
  background-image: url("./svgs/icons/heart.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-high-voltage {
  background-image: url("./svgs/icons/high-voltage.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-house {
  background-image: url("./svgs/icons/house.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-house {
  background-image: url("./svgs/icons/house.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-landmark {
  background-image: url("./svgs/icons/landmark.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-money-mouth-face-1 {
  background-image: url("./svgs/icons/money-mouth-face-1.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-money-mouth-face-2 {
  background-image: url("./svgs/icons/money-mouth-face-2.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-money-mouth-face-3 {
  background-image: url("./svgs/icons/money-mouth-face-3.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-money-mouth-face-4 {
  background-image: url("./svgs/icons/money-mouth-face-4.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-money-mouth-face-5 {
  background-image: url("./svgs/icons/money-mouth-face-5.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-money-mouth-face-6 {
  background-image: url("./svgs/icons/money-mouth-face-6.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-party-popper {
  background-image: url("./svgs/icons/party-popper.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-partying-face {
  background-image: url("./svgs/icons/partying-face.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-pencil {
  background-image: url("./svgs/icons/pencil.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-pile-of-poo {
  background-image: url("./svgs/icons/pile-of-poo.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-recycling-symbol {
  background-image: url("./svgs/icons/recycling-symbol.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-robot {
  background-image: url("./svgs/icons/robot.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-rocket {
  background-image: url("./svgs/icons/rocket.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-sailboat {
  background-image: url("./svgs/icons/sailboat.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-smiling-face-with-halo {
  background-image: url("./svgs/icons/smiling-face-with-halo.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-smiling-face-with-heart-eyes {
  background-image: url("./svgs/icons/smiling-face-with-heart-eyes.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-smiling-face-with-sunglasses {
  background-image: url("./svgs/icons/smiling-face-with-sunglasses.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-sparkles {
  background-image: url("./svgs/icons/sparkles.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-sunglasses {
  background-image: url("./svgs/icons/sunglasses.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-sweat-droplets {
  background-image: url("./svgs/icons/sweat-droplets.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-umbrella-on-ground {
  background-image: url("./svgs/icons/umbrella-on-ground.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-umbrella-with-rain-drops {
  background-image: url("./svgs/icons/umbrella-with-rain-drops.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-tick-with-circle {
  background-image: url("./svgs/icons/tick-with-circle.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.3s ease; }

.svg-edit-circle {
  background-image: url("./svgs/icons/svg-edit-circle.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-live {
  background-image: url("./svgs/icons/product-sub-live.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-default {
  background-image: url("./svgs/icons/product-subscription/product-sub-default.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-mobile {
  background-image: url("./svgs/icons/product-subscription/product-sub-mobile.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-realtime-ria {
  background-image: url("./svgs/icons/product-subscription/product-sub-realtime-ria.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-realtime-ria-and-mob {
  background-image: url("./svgs/icons/product-subscription/product-sub-realtime-ria-and-mob.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-netplus {
  background-image: url("./svgs/icons/product-subscription/product-sub-netplus.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-netplus-and-mobile {
  background-image: url("./svgs/icons/product-subscription/product-sub-netplus-and-mobile.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-ipad {
  background-image: url("./svgs/icons/product-subscription/product-sub-ipad.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-ipad-and-mobile {
  background-image: url("./svgs/icons/product-subscription/product-sub-ipad-and-mobile.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-tws {
  background-image: url("./svgs/icons/product-subscription/product-sub-tws.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-tws-and-mobile {
  background-image: url("./svgs/icons/product-subscription/product-sub-tws-and-mobile.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-product-sub-delayed-tws {
  background-image: url("./svgs/icons/product-subscription/product-sub-delayed-tws.svg");
  height: 2.625rem;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-sso-product-icon {
  background-image: url("./svgs/icons/sso-product-icon.svg");
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-anb {
  background-image: url("./svgs/icons/anb-logo.svg");
  height: 28px;
  width: 2.625rem;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-info {
  background-image: url("./svgs/icons/so-info.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-trading-platform {
  background-image: url("./svgs/icons/trading-platform.svg");
  height: 28px;
  width: 28px; }

.svg-edit-canvas {
  background-image: url("./svgs/icons/edit-canvas.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-battery {
  background-image: url("./svgs/icons/battery.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

.svg-bento-box {
  background-image: url("./svgs/icons/bento-box.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-card-file-box {
  background-image: url("./svgs/icons/card-file-box.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-direct-hit {
  background-image: url("./svgs/icons/direct-hit.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-electric-plug {
  background-image: url("./svgs/icons/electric-plug.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-hemmer-and-wrench {
  background-image: url("./svgs/icons/hammer-and-wrench.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-horse-racing {
  background-image: url("./svgs/icons/horse-racing.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-house-with-garden {
  background-image: url("./svgs/icons/house-with-garden.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-microscope {
  background-image: url("./svgs/icons/microscope.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-money-with-wings {
  background-image: url("./svgs/icons/money-with-wings.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-satellite {
  background-image: url("./svgs/icons/satellite.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-seedling {
  background-image: url("./svgs/icons/seedling.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-shopping-cart {
  background-image: url("./svgs/icons/shopping-cart.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-syringe {
  background-image: url("./svgs/icons/syringe.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-building-construction {
  background-image: url("./svgs/icons/building-construction.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-safety-vest {
  background-image: url("./svgs/icons/safety-vest.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-shield {
  background-image: url("./svgs/icons/shield.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-first-place-medal {
  background-image: url("./svgs/icons/first-place-medal.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-money-bag {
  background-image: url("./svgs/icons/money-bag.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-key {
  background-image: url("./svgs/icons/key.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

.svg-gtn-logo {
  background-image: url("./svgs/icons/gtn-logo-icon-light.svg");
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-size: contain; }

a {
  text-decoration: none;
  outline: 0; }

a:hover, a:active, a:focus {
  outline: 0;
  text-decoration: none; }

label.checkbox-label input[type=checkbox] {
  position: relative;
  vertical-align: middle;
  padding: 0 !important; }

.search-query, .search-input {
  padding-left: 10px;
  font-size: 0.938rem;
  border-radius: 8px; }
  .theme1 .search-query, .theme1 .search-input {
    height: 40px;
    border: 0 #1D396B solid;
    color: #d8dbe0;
    background-color: #0b1d3d; }
  .theme2 .search-query, .theme2 .search-input {
    height: 40px;
    border: 0 #e6e6e6 solid;
    color: black;
    background-color: #ffffff; }
  .theme2 .search-query, .theme2 .search-input {
    border: 1px #e6e6e6 solid;
    background-image: -moz-linear-gradient(top, #ffffff 0%, white 30%, white 30%, white 100%);
    background-image: -webkit-linear-gradient(top, #ffffff 0%, white 30%, white 30%, white 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, white 30%, white 30%, white 100%);
    background-image: linear-gradient(top, #ffffff 0%, white 30%, white 30%, white 100%); }

.search-ctrl {
  padding-left: 24px;
  padding-right: 10px;
  width: 120px;
  border-radius: 2px; }

.search-ctrl-btn, .input-group-append {
  border-style: solid;
  margin-bottom: 0;
  border-radius: 0;
  padding: 5px;
  padding-left: 10px;
  font-size: 0.625rem;
  margin-top: 0;
  z-index: 2;
  border: 0;
  height: 23px;
  background-color: transparent; }
  .theme1 .search-ctrl-btn, .theme1 .input-group-append {
    color: #d8dbe0; }
  .theme2 .search-ctrl-btn, .theme2 .input-group-append {
    color: #414249; }

.theme1 .search-ctrl-btn:focus, .theme1 .input-group-append:focus {
  border: 0 alpha(pallete-color7, 0.1) solid !important; }

.theme2 .search-ctrl-btn:focus, .theme2 .input-group-append:focus {
  border: 0 #0071FF solid !important; }

.theme1 .search-query:hover, .theme1 .search-input:hover {
  outline: none;
  border: 0 #8c96a5 solid !important;
  box-shadow: none; }

.theme2 .search-query:hover, .theme2 .search-input:hover {
  outline: none;
  border: 0 #c4c4c4 solid !important;
  box-shadow: none; }

.theme2 .search-query:hover, .theme2 .search-input:hover {
  outline: none;
  border: 1px #c4c4c4 solid !important;
  box-shadow: none; }

.theme1 .search-query:focus, .theme1 .search-input:focus {
  border: 1px alpha(pallete-color7, 0.1) solid !important;
  box-shadow: none; }

.theme2 .search-query:focus, .theme2 .search-input:focus {
  border: 1px #0071FF solid !important;
  box-shadow: none; }

/*.widget-dropdown {
  height: 21px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  padding: 4px 5px 4px 5px;

  @include theme((
          color: widget-ui-control-fore-color,
          border: "1px {widget-ui-control-border} solid",
          background-color: widget-ui-control-back-color
  ));

  @include theme-classic((
          background-image: "linear-gradient(0deg, {widget-ui-control-back-color} 0%, {widget-ui-control-back-color-gradient1} 90%, {widget-ui-control-back-color-gradient2} 100%)"
  ));
}*/
.horizontal-list-left {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left; }

.horizontal-list-left-1 {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left; }

.horizontal-list-left li {
  margin-right: 11px;
  float: left;
  vertical-align: middle; }

.horizontal-list-left li a {
  vertical-align: middle; }

.horizontal-list-left-v-sep {
  content: "";
  display: inline-block;
  width: 10px;
  height: 18px;
  border-right: 1px solid #1a2128;
  padding: 0;
  position: relative;
  top: 3px;
  margin-left: -5px; }

.horizontal-list-left input[type="checkbox"] {
  margin: 0 5px 0 0; }

.horizontal-list-left input[type="radio"] {
  margin: 0 5px 0 0; }

.horizontal-list-right {
  list-style-type: none;
  margin: 0;
  float: right; }

.horizontal-list-right li {
  margin-left: 11px;
  float: left;
  line-height: 23px;
  vertical-align: middle; }

.horizontal-list-right li a {
  vertical-align: middle; }

.horizontal-list-right-v-sep {
  content: "";
  display: inline-block;
  width: 10px;
  height: 18px;
  border-left: 1px solid #1a2128;
  padding: 0;
  position: relative;
  top: 3px;
  margin-right: -5px; }

.horizontal-list-right input[type="checkbox"] {
  margin: 0 5px 0 0; }

.horizontal-list-right input[type="radio"] {
  margin: 0 5px 0 0; }

.y-scroll {
  overflow-y: overlay; }

.x-scroll {
  overflow-x: scroll; }

.text-box {
  height: 24px;
  padding-left: 5px; }

.full-screen-container {
  position: absolute;
  z-index: 0;
  height: 100%;
  max-height: 100%; }

.date-input-field, .mini-date-input-field {
  height: 23px;
  width: 88px;
  font-size: 0.688rem;
  padding: 0 5px 0 5px;
  border-radius: 3px; }
  .theme1 .date-input-field, .theme1 .mini-date-input-field {
    color: #d8dbe0;
    border: 1px #1D396B solid;
    background-color: #0b1d3d; }
  .theme2 .date-input-field, .theme2 .mini-date-input-field {
    color: black;
    border: 1px #e6e6e6 solid;
    background-color: #ffffff; }
  .theme2 .date-input-field, .theme2 .mini-date-input-field {
    border: 0 solid #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff 0%, white 30%, white 30%, white 100%);
    background-image: -webkit-linear-gradient(top, #ffffff 0%, white 30%, white 30%, white 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, white 30%, white 30%, white 100%);
    background-image: linear-gradient(top, #ffffff 0%, white 30%, white 30%, white 100%); }

.date-input-field:focus, .mini-date-input-field:focus {
  outline: none; }
  .theme1 .date-input-field:focus, .theme1 .mini-date-input-field:focus {
    border: 1px alpha(pallete-color7, 0.1) solid; }
  .theme2 .date-input-field:focus, .theme2 .mini-date-input-field:focus {
    border: 1px #0071FF solid; }

.theme1 .date-input-field::-webkit-input-placeholder, .theme1 .mini-date-input-field::-webkit-input-placeholder {
  color: #9da6b2; }

.theme2 .date-input-field::-webkit-input-placeholder, .theme2 .mini-date-input-field::-webkit-input-placeholder {
  color: #525252; }

.theme1 .date-input-field:-moz-placeholder, .theme1 .mini-date-input-field:-moz-placeholder {
  color: #9da6b2; }

.theme2 .date-input-field:-moz-placeholder, .theme2 .mini-date-input-field:-moz-placeholder {
  color: #525252; }

.theme1 .date-input-field::-moz-placeholder, .theme1 .mini-date-input-field::-moz-placeholder {
  color: #9da6b2; }

.theme2 .date-input-field::-moz-placeholder, .theme2 .mini-date-input-field::-moz-placeholder {
  color: #525252; }

.theme1 .date-input-field:-ms-input-placeholder, .theme1 .mini-date-input-field:-ms-input-placeholder {
  color: #9da6b2; }

.theme2 .date-input-field:-ms-input-placeholder, .theme2 .mini-date-input-field:-ms-input-placeholder {
  color: #525252; }

.settings-dropdown {
  margin-left: -75px;
  margin-right: auto; }

.btn-default, .btn-large, .btn-green, .btn-orange, .btn-reject, .search-btn, .toolbar-styles .no-border-btn, .confirm-btn, .add-alert-btn {
  height: 23px;
  padding: 5px 15px;
  font-size: 0.688rem;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  transition: all 0.15s ease-in-out 0s; }
  .theme1 .btn-default, .theme1 .btn-large, .theme1 .btn-green, .theme1 .btn-orange, .theme1 .btn-reject, .theme1 .search-btn, .theme1 .toolbar-styles .no-border-btn, .toolbar-styles .theme1 .no-border-btn, .theme1 .confirm-btn, .theme1 .add-alert-btn {
    color: #d8dbe0;
    border: 1px #0b1d3d solid;
    background-color: #0b1d3d; }
  .theme2 .btn-default, .theme2 .btn-large, .theme2 .btn-green, .theme2 .btn-orange, .theme2 .btn-reject, .theme2 .search-btn, .theme2 .toolbar-styles .no-border-btn, .toolbar-styles .theme2 .no-border-btn, .theme2 .confirm-btn, .theme2 .add-alert-btn {
    color: #0071FF;
    border: 1px #3081bc solid;
    background-color: #ffffff; }

.theme1 .btn-default:hover, .theme1 .btn-large:hover, .theme1 .btn-green:hover, .theme1 .btn-orange:hover, .theme1 .btn-reject:hover, .theme1 .search-btn:hover, .theme1 .toolbar-styles .no-border-btn:hover, .toolbar-styles .theme1 .no-border-btn:hover, .theme1 .confirm-btn:hover, .theme1 .add-alert-btn:hover {
  border: 1px #0b1d3d solid;
  background-color: #6f7e8d; }

.theme2 .btn-default:hover, .theme2 .btn-large:hover, .theme2 .btn-green:hover, .theme2 .btn-orange:hover, .theme2 .btn-reject:hover, .theme2 .search-btn:hover, .theme2 .toolbar-styles .no-border-btn:hover, .toolbar-styles .theme2 .no-border-btn:hover, .theme2 .confirm-btn:hover, .theme2 .add-alert-btn:hover {
  border: 1px #3081bc solid;
  background-color: #daecf4; }

.theme2 .btn-default:hover, .theme2 .btn-large:hover, .theme2 .btn-green:hover, .theme2 .btn-orange:hover, .theme2 .btn-reject:hover, .theme2 .search-btn:hover, .theme2 .toolbar-styles .no-border-btn:hover, .toolbar-styles .theme2 .no-border-btn:hover, .theme2 .confirm-btn:hover, .theme2 .add-alert-btn:hover {
  border: 1px #3081bc solid;
  background-image: -moz-linear-gradient(0deg, #daecf4 0%, #daecf4 90%, #daecf4 100%);
  background-image: -webkit-linear-gradient(0deg, #daecf4 0%, #daecf4 90%, #daecf4 100%);
  background-image: -ms-linear-gradient(0deg, #daecf4 0%, #daecf4 90%, #daecf4 100%);
  background-image: linear-gradient(0deg, #daecf4 0%, #daecf4 90%, #daecf4 100%); }

.theme1 .btn-default:focus, .theme1 .btn-large:focus, .theme1 .btn-green:focus, .theme1 .btn-orange:focus, .theme1 .btn-reject:focus, .theme1 .search-btn:focus, .theme1 .toolbar-styles .no-border-btn:focus, .toolbar-styles .theme1 .no-border-btn:focus, .theme1 .confirm-btn:focus, .theme1 .add-alert-btn:focus {
  border: 1px #0b1d3d solid;
  background-color: #6f7e8d; }

.theme2 .btn-default:focus, .theme2 .btn-large:focus, .theme2 .btn-green:focus, .theme2 .btn-orange:focus, .theme2 .btn-reject:focus, .theme2 .search-btn:focus, .theme2 .toolbar-styles .no-border-btn:focus, .toolbar-styles .theme2 .no-border-btn:focus, .theme2 .confirm-btn:focus, .theme2 .add-alert-btn:focus {
  border: 1px #3081bc solid;
  background-color: #daecf4; }

.theme2 .btn-default:focus, .theme2 .btn-large:focus, .theme2 .btn-green:focus, .theme2 .btn-orange:focus, .theme2 .btn-reject:focus, .theme2 .search-btn:focus, .theme2 .toolbar-styles .no-border-btn:focus, .toolbar-styles .theme2 .no-border-btn:focus, .theme2 .confirm-btn:focus, .theme2 .add-alert-btn:focus {
  border: 1px #3081bc solid;
  background-image: -moz-linear-gradient(0deg, #daecf4 0%, #daecf4 90%, #daecf4 100%);
  background-image: -webkit-linear-gradient(0deg, #daecf4 0%, #daecf4 90%, #daecf4 100%);
  background-image: -ms-linear-gradient(0deg, #daecf4 0%, #daecf4 90%, #daecf4 100%);
  background-image: linear-gradient(0deg, #daecf4 0%, #daecf4 90%, #daecf4 100%); }

.btn-default:disabled, .btn-large:disabled, .btn-green:disabled, .btn-orange:disabled, .btn-reject:disabled, .search-btn:disabled, .toolbar-styles .no-border-btn:disabled, .confirm-btn:disabled, .add-alert-btn:disabled {
  color: rgba(0, 0, 0, 0.38);
  background-color: transparent;
  cursor: initial; }

.btn-default::before, .btn-large::before, .btn-green::before, .btn-orange::before, .btn-reject::before, .search-btn::before, .toolbar-styles .no-border-btn::before, .confirm-btn::before, .add-alert-btn::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.2s; }

.btn-default:hover::before, .btn-large:hover::before, .btn-green:hover::before, .btn-orange:hover::before, .btn-reject:hover::before, .search-btn:hover::before, .toolbar-styles .no-border-btn:hover::before, .confirm-btn:hover::before, .add-alert-btn:hover::before {
  opacity: 0.04; }

.btn-default:focus::before, .btn-large:focus::before, .btn-green:focus::before, .btn-orange:focus::before, .btn-reject:focus::before, .search-btn:focus::before, .toolbar-styles .no-border-btn:focus::before, .confirm-btn:focus::before, .add-alert-btn:focus::before {
  opacity: 0.12; }

.btn-default:active::before, .btn-large:active::before, .btn-green:active::before, .btn-orange:active::before, .btn-reject:active::before, .search-btn:active::before, .toolbar-styles .no-border-btn:active::before, .confirm-btn:active::before, .add-alert-btn:active::before {
  opacity: 0.2; }

.btn-default:disabled::before, .btn-large:disabled::before, .btn-green:disabled::before, .btn-orange:disabled::before, .btn-reject:disabled::before, .search-btn:disabled::before, .toolbar-styles .no-border-btn:disabled::before, .confirm-btn:disabled::before, .add-alert-btn:disabled::before {
  opacity: 0; }

.btn-default::after, .btn-large::after, .btn-green::after, .btn-orange::after, .btn-reject::after, .search-btn::after, .toolbar-styles .no-border-btn::after, .confirm-btn::after, .add-alert-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  padding: 50%;
  width: 50px;
  height: 50px;
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity .6s, transform 0.5s; }
  .theme1 .btn-default::after, .theme1 .btn-large::after, .theme1 .btn-green::after, .theme1 .btn-orange::after, .theme1 .btn-reject::after, .theme1 .search-btn::after, .theme1 .toolbar-styles .no-border-btn::after, .toolbar-styles .theme1 .no-border-btn::after, .theme1 .confirm-btn::after, .theme1 .add-alert-btn::after {
    background-color: #182B56; }
  .theme2 .btn-default::after, .theme2 .btn-large::after, .theme2 .btn-green::after, .theme2 .btn-orange::after, .theme2 .btn-reject::after, .theme2 .search-btn::after, .theme2 .toolbar-styles .no-border-btn::after, .toolbar-styles .theme2 .no-border-btn::after, .theme2 .confirm-btn::after, .theme2 .add-alert-btn::after {
    background-color: #ffffff; }

.btn-default:active::after, .btn-large:active::after, .btn-green:active::after, .btn-orange:active::after, .btn-reject:active::after, .search-btn:active::after, .toolbar-styles .no-border-btn:active::after, .confirm-btn:active::after, .add-alert-btn:active::after {
  opacity: 0.4;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0s; }

.btn-default:disabled::after, .btn-large:disabled::after, .btn-green:disabled::after, .btn-orange:disabled::after, .btn-reject:disabled::after, .search-btn:disabled::after, .toolbar-styles .no-border-btn:disabled::after, .confirm-btn:disabled::after, .add-alert-btn:disabled::after {
  opacity: 0; }

.btn-large {
  height: 32px;
  font-size: 0.813rem; }

.theme1 .btn-green {
  color: #1FBA66;
  border: 1px #1FBA66 solid; }

.theme2 .btn-green {
  color: #1FBA66;
  border: 1px #1FBA66 solid; }

.theme2 .btn-green {
  border: 1px #1FBA66 solid; }

.theme1 .btn-orange {
  color: #f4b350;
  border: 1px #f4b350 solid; }

.theme2 .btn-orange {
  color: #f9a825;
  border: 1px #f9a825 solid; }

.theme2 .btn-orange {
  border: 1px #f9a825 solid; }

.theme1 .btn-green:hover {
  color: #ffffff;
  background-color: #1FBA66; }

.theme2 .btn-green:hover {
  color: #ffffff;
  background-color: #1FBA66; }

.theme2 .btn-green:hover {
  background-image: -moz-linear-gradient(0deg, #1FBA66 0%, #1FBA66 90%, #1FBA66 100%);
  background-image: -webkit-linear-gradient(0deg, #1FBA66 0%, #1FBA66 90%, #1FBA66 100%);
  background-image: -ms-linear-gradient(0deg, #1FBA66 0%, #1FBA66 90%, #1FBA66 100%);
  background-image: linear-gradient(0deg, #1FBA66 0%, #1FBA66 90%, #1FBA66 100%); }

.theme1 .btn-orange:hover {
  color: #ffffff;
  background-color: #f4b350; }

.theme2 .btn-orange:hover {
  color: #ffffff;
  background-color: #f9a825; }

.theme2 .btn-orange:hover {
  background-image: -moz-linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%);
  background-image: -webkit-linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%);
  background-image: -ms-linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%);
  background-image: linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%); }

.theme1 .btn-reject {
  color: #F94241;
  border: 1px #F94241 solid !important; }

.theme2 .btn-reject {
  color: #F94241;
  border: 1px #F94241 solid !important; }

.theme2 .btn-reject {
  border: 1px #F94241 solid; }

.theme1 .btn-reject:hover {
  color: #ffffff;
  background-color: #F94241; }

.theme2 .btn-reject:hover {
  color: #ffffff;
  background-color: #F94241; }

.theme2 .btn-reject:hover {
  background-image: -moz-linear-gradient(0deg, #F94241 0%, #F94241 90%, #F94241 100%);
  background-image: -webkit-linear-gradient(0deg, #F94241 0%, #F94241 90%, #F94241 100%);
  background-image: -ms-linear-gradient(0deg, #F94241 0%, #F94241 90%, #F94241 100%);
  background-image: linear-gradient(0deg, #F94241 0%, #F94241 90%, #F94241 100%); }

.btn-cell {
  padding: 2px 7px 2px 7px;
  font-size: 11px;
  height: 20px;
  margin: 3px 5px 0 0; }

.disable-style, .submit-btn-disable[disabled] {
  cursor: not-allowed; }
  .theme1 .disable-style, .theme1 .submit-btn-disable[disabled] {
    opacity: 0.5; }
  .theme2 .disable-style, .theme2 .submit-btn-disable[disabled] {
    opacity: 0.5; }
  .theme2 .disable-style, .theme2 .submit-btn-disable[disabled] {
    opacity: 0.45; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  text-align: left;
  list-style: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px;
  padding: 5px 0 0 0; }
  .theme1 .dropdown-menu {
    border: 1px #242f43 solid;
    background-color: #182B56;
    box-shadow: none; }
  .theme2 .dropdown-menu {
    border: 1px #DBDBDB solid;
    background-color: #ffffff;
    box-shadow: none; }
  .theme2 .dropdown-menu {
    box-shadow: 0 0 1px 0 #ebebeb; }

ul.dropdown-menu li {
  display: inline-block;
  float: left;
  margin: 0 0 4px 0;
  width: 100%; }

.dropdown-menu > li > a {
  padding: 5px 10px;
  font-size: 0.75rem; }
  .theme1 .dropdown-menu > li > a {
    color: #9da6b2; }
  .theme2 .dropdown-menu > li > a {
    color: #525252; }

.dropdown-menu .settings-selected a {
  font-size: 0.75rem; }
  .theme1 .dropdown-menu .settings-selected a {
    color: #9da6b2; }
  .theme2 .dropdown-menu .settings-selected a {
    color: #525252; }

.dropdown-menu > li > a:hover, .theme2 .dropdown-menu > li > a:focus {
  border-radius: 5px; }
  .theme1 .dropdown-menu > li > a:hover, .theme2 .dropdown-menu > li > a:focus {
    color: #9da6b2;
    background-color: #182B56; }
  .theme2 .dropdown-menu > li > a:hover, .theme2 .dropdown-menu > li > a:focus {
    color: #525252;
    background-color: #F0F3FA; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%; }

.dropdown-submenu:hover > .dropdown-menu {
  display: table; }

.dropdown-submenu:hover > a:after {
  border-width: 5px 0 5px 5px;
  margin-top: 5px;
  margin-right: -10px;
  float: right; }

.dropdown-submenu-height {
  height: 200px; }

.theme1 .settings-selected {
  background-color: #0b1d3d; }

.theme2 .settings-selected {
  background-color: #eaf4f9; }

.popup-container-view {
  position: absolute;
  z-index: 500;
  height: 1px;
  max-height: 1px; }

.popup-container-view-height {
  height: 1px;
  max-height: 1px; }

.dropdown-text-only {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  font-weight: bold;
  padding: 5px 10px; }
  .theme1 .dropdown-text-only {
    color: #d8dbe0; }
  .theme2 .dropdown-text-only {
    color: black; }

.theme1 .dropdown-text-only:hover {
  color: #d8dbe0; }

.theme2 .dropdown-text-only:hover {
  color: black; }

.dropdown-solid-back-color {
  font-weight: bold;
  padding: 5px 10px; }
  .theme1 .dropdown-solid-back-color {
    color: #d8dbe0;
    border: 0 #1D396B solid !important;
    background-color: rgba(255, 255, 255, 0.1) !important; }
  .theme2 .dropdown-solid-back-color {
    color: black;
    border: 0 #e6e6e6 solid !important;
    background-color: #ffffff !important; }
  .theme2 .dropdown-solid-back-color {
    border: 1px #e6e6e6 solid !important;
    background-image: -moz-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%) !important;
    background-image: -webkit-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%) !important;
    background-image: -ms-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%) !important;
    background-image: linear-gradient(0deg, #ffffff 0%, white 90%, white 100%) !important; }

.theme1 .dropdown-solid-back-color:hover {
  color: #d8dbe0; }

.theme2 .dropdown-solid-back-color:hover {
  color: black; }

.theme1 .dropdown-solid-back-color:focus {
  outline: none;
  border: 1px alpha(pallete-color7, 0.1) solid !important;
  box-shadow: none; }

.theme2 .dropdown-solid-back-color:focus {
  outline: none;
  border: 1px #0071FF solid !important;
  box-shadow: none; }

.dropdown-semi-transparent {
  font-weight: bold;
  border-radius: 2px;
  padding: 5px 10px; }
  .theme1 .dropdown-semi-transparent {
    color: #d8dbe0;
    border: 0px #182B56 solid;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.45);
    box-shadow: none; }
  .theme2 .dropdown-semi-transparent {
    color: black;
    border: 0px #ffffff solid;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.45);
    box-shadow: none; }
  .theme2 .dropdown-semi-transparent {
    box-shadow: none; }

.theme1 .dropdown-semi-transparent:hover {
  color: #d8dbe0; }

.theme2 .dropdown-semi-transparent:hover {
  color: black; }

.theme1 .button-semi-transparent {
  color: #9da6b2;
  border: 0px #182B56 solid;
  background-image: none;
  background-color: rgba(255, 255, 255, 0.45);
  box-shadow: none; }

.theme2 .button-semi-transparent {
  color: #525252;
  border: 0px #ffffff solid;
  background-image: none;
  background-color: rgba(255, 255, 255, 0.45);
  box-shadow: none; }

.theme2 .button-semi-transparent {
  box-shadow: none; }

.theme1 .dropdown-selected-back-color {
  background-color: ""; }

.theme2 .dropdown-selected-back-color {
  background-color: ""; }

.common-input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400; }
  .theme1 .common-input::-webkit-input-placeholder {
    color: #9da6b2 !important; }
  .theme2 .common-input::-webkit-input-placeholder {
    color: #525252 !important; }

.common-input:-moz-placeholder {
  font-size: 16px;
  font-weight: 400; }
  .theme1 .common-input:-moz-placeholder {
    color: #9da6b2 !important; }
  .theme2 .common-input:-moz-placeholder {
    color: #525252 !important; }

.common-input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400; }
  .theme1 .common-input::-moz-placeholder {
    color: #9da6b2 !important; }
  .theme2 .common-input::-moz-placeholder {
    color: #525252 !important; }

.common-input:-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400; }
  .theme1 .common-input:-ms-input-placeholder {
    color: #9da6b2 !important; }
  .theme2 .common-input:-ms-input-placeholder {
    color: #525252 !important; }

.form-control::-webkit-input-placeholder, .search-input::-webkit-input-placeholder {
  font-style: normal;
  font-size: 0.688rem; }

.form-control:-moz-placeholder, .search-input:-moz-placeholder {
  font-style: normal;
  font-size: 0.688rem; }

.form-control::-moz-placeholder, .search-input::-moz-placeholder {
  font-style: normal;
  font-size: 0.688rem; }

.form-control:-ms-input-placeholder, .search-input:-ms-input-placeholder {
  font-style: normal;
  font-size: 0.688rem; }

::-webkit-input-placeholder {
  font-style: normal;
  font-size: 0.688rem; }

:-moz-placeholder {
  font-style: normal;
  font-size: 0.688rem; }

::-moz-placeholder {
  font-style: normal;
  font-size: 0.688rem; }

:-ms-input-placeholder {
  font-style: normal;
  font-size: 0.688rem; }

.theme1 input[type="text"]:disabled {
  opacity: 0.45;
  background-color: rgba(255, 255, 255, 0.1) !important; }

.theme2 input[type="text"]:disabled {
  opacity: 0.45;
  background-color: #ffffff !important; }

.theme2 input[type="text"]:disabled {
  opacity: 0.65;
  background: #F0F3FA !important; }

input[type="text"]:disabled.transparent {
  background: transparent !important; }

.theme1 input[type="password"]:disabled {
  opacity: 0.45;
  background-color: #213b76; }

.theme2 input[type="password"]:disabled {
  opacity: 0.45;
  background-color: #c9c9c9; }

.theme2 input[type="password"]:disabled {
  opacity: 0.65;
  background-image: -moz-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%);
  background-image: -webkit-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%);
  background-image: -ms-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%);
  background-image: linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%); }

.theme1 input[type="number"]:disabled {
  opacity: 0.45;
  background-color: #213b76; }

.theme2 input[type="number"]:disabled {
  opacity: 0.45;
  background-color: #c9c9c9; }

.theme2 input[type="number"]:disabled {
  opacity: 0.65;
  background-image: -moz-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%);
  background-image: -webkit-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%);
  background-image: -ms-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%);
  background-image: linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%); }

.btn-default:disabled, .btn-large:disabled, .btn-green:disabled, .btn-orange:disabled, .btn-reject:disabled, .search-btn:disabled, .toolbar-styles .no-border-btn:disabled, .confirm-btn:disabled, .add-alert-btn:disabled {
  opacity: 0.65; }
  .theme1 .btn-default:disabled, .theme1 .btn-large:disabled, .theme1 .btn-green:disabled, .theme1 .btn-orange:disabled, .theme1 .btn-reject:disabled, .theme1 .search-btn:disabled, .theme1 .toolbar-styles .no-border-btn:disabled, .toolbar-styles .theme1 .no-border-btn:disabled, .theme1 .confirm-btn:disabled, .theme1 .add-alert-btn:disabled {
    color: #d8dbe0;
    border: 1px #1D396B solid; }
  .theme2 .btn-default:disabled, .theme2 .btn-large:disabled, .theme2 .btn-green:disabled, .theme2 .btn-orange:disabled, .theme2 .btn-reject:disabled, .theme2 .search-btn:disabled, .theme2 .toolbar-styles .no-border-btn:disabled, .toolbar-styles .theme2 .no-border-btn:disabled, .theme2 .confirm-btn:disabled, .theme2 .add-alert-btn:disabled {
    color: #414249;
    border: 1px #e6e6e6 solid; }

.btn-dropdown:disabled {
  opacity: 0.3; }
  .theme1 .btn-dropdown:disabled {
    background-color: #213b76; }
  .theme2 .btn-dropdown:disabled {
    background-color: #c9c9c9; }
  .theme2 .btn-dropdown:disabled {
    background-image: -moz-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%) !important;
    background-image: -webkit-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%) !important;
    background-image: -ms-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%) !important;
    background-image: linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%) !important; }

.dropdown-solid-back-color:disabled {
  color: #999 !important; }

.theme1 .kyc-date-field:disabled {
  background-color: #213b76; }

.theme2 .kyc-date-field:disabled {
  background-color: #c9c9c9; }

.theme2 .kyc-date-field:disabled {
  opacity: 0.65;
  background-image: -moz-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%);
  background-image: -webkit-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%);
  background-image: -ms-linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%);
  background-image: linear-gradient(top, #c9c9c9 0%, #c9c9c9 30%, #c9c9c9 30%, #c9c9c9 100%); }

.input-group-append {
  padding-left: 5px; }
  .input-group-append .input-group-icon {
    font-size: 14px; }

.symbol-input-width {
  min-width: 116px; }

/*.btn-default-special {
  height: 21px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  padding: 4px 5px 4px 5px;

  @include theme((
          color: widget-ui-control-fore-color,
          border: "1px {widget-ui-control-border} solid",
          background-color: widget-ui-control-back-color
  ));

  @include theme-classic((
          background-image: "linear-gradient(0deg, {widget-ui-control-back-color} 0%, {widget-ui-control-back-color-gradient1} 90%, {widget-ui-control-back-color-gradient2} 100%)"
  ));
}*/
.search-btn {
  font-size: 0.625rem; }
  .theme1 .search-btn {
    color: #d8dbe0;
    border: 0 #1D396B solid; }
  .theme2 .search-btn {
    color: #414249;
    border: 0 #e6e6e6 solid; }
  .theme2 .search-btn {
    border: 1px #e6e6e6 solid; }

.simple-switch-input {
  position: absolute !important;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none; }

.simple-switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: .4s all;
  transition: .4s all;
  border-radius: 50px;
  background: #c43b2d;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  width: 38px;
  height: 16px;
  outline: 0;
  cursor: pointer;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
  top: 3px; }

/* switch background */
.simple-switch-input:checked ~ .simple-switch {
  background: #FFFFFF;
  box-shadow: inset 0 0 0 15px #FFFFFF;
  transition: .25s all; }

.simple-switch-input:checked ~ .simple-switch.dark {
  background: #019875;
  box-shadow: inset 0 0 0 15px #019875; }

.simple-switch-input:checked ~ .simple-switch::before {
  transform: translate(18px, 0);
  background: #019875;
  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), 0 0 0 16px rgba(0, 108, 181, 0); }

.simple-switch-input:checked ~ .simple-switch.dark::before {
  background: #FFFFFF; }

.simple-switch-input ~ .simple-switch::before {
  content: '' !important;
  transition: .26s all;
  position: absolute;
  left: 0;
  top: -3px;
  bottom: 2px;
  right: auto;
  transform: translate(0, 0);
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 40px;
  background: #fff;
  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), 0 0 0 16px rgba(0, 108, 181, 0); }

/* switch circle */
.simple-switch.dark:active::before {
  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), 0 0 0 16px rgba(0, 0, 0, 0.12); }

.menu-panel-item {
  cursor: pointer; }
  .theme1 .menu-panel-item {
    background-color: #071327;
    color: #f4b350; }
  .theme2 .menu-panel-item {
    background-color: #2a70a4;
    color: #21A3DD; }

.menu-panel-sub-menu {
  top: 100%;
  width: 125px;
  background-color: #6C9BBD; }
  .theme1 .menu-panel-sub-menu {
    border-bottom: 1px #242f43 solid;
    background-image: -moz-linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%);
    background-image: -webkit-linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%);
    background-image: -ms-linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%);
    background-image: linear-gradient(0deg, #0b1d3d 0%, #0b1d3d 100%);
    box-shadow: 1px 1.732px 11px 0px alpha(pallete-color7, 0.1);
    color: #d8dbe0; }
  .theme2 .menu-panel-sub-menu {
    border-bottom: 1px #DBDBDB solid;
    background-image: -moz-linear-gradient(0deg, #F0F3FA 0%, #F0F3FA 100%);
    background-image: -webkit-linear-gradient(0deg, #F0F3FA 0%, #F0F3FA 100%);
    background-image: -ms-linear-gradient(0deg, #F0F3FA 0%, #F0F3FA 100%);
    background-image: linear-gradient(0deg, #F0F3FA 0%, #F0F3FA 100%);
    box-shadow: 1px 1.732px 11px 0px #ebebeb;
    color: #818181; }

.sub-menu-item {
  padding: 8px 20px 8px 15px;
  font-size: 10px;
  cursor: pointer; }
  .theme1 .sub-menu-item {
    background-color: #071327;
    color: #f4b350; }
  .theme2 .sub-menu-item {
    background-color: #2a70a4;
    color: #21A3DD; }

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

.sub-menu {
  height: 0;
  width: 0;
  overflow: hidden; }

.main-menu {
  -webkit-app-region: no-drag !important; }

.main-menu:hover .sub-menu {
  overflow: visible !important; }

.title-menu:hover .sub-menu {
  overflow: visible !important;
  height: initial;
  width: initial; }

/* Loading Container styles */
.loading-container {
  z-index: 1000;
  top: calc(50% - 30px);
  left: calc(50% - 30px); }

.floating-circle {
  top: calc(50% - 30px); }

/* CheckBox styles */
input[type='checkbox'] {
  margin-top: -30px; }

input[type='checkbox'] {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  width: 13px;
  height: 13px;
  margin: 0;
  margin-right: 1px;
  position: relative;
  cursor: pointer; }

.hsub-tab-item {
  text-align: center;
  padding-bottom: 11px;
  padding-top: 13px;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: -4px; }

div.scrollmenu {
  background-color: #333;
  overflow: auto;
  white-space: nowrap; }

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none; }

div.scrollmenu a:hover {
  background-color: #777; }

input[type='checkbox']:after {
  content: "";
  vertical-align: middle;
  text-align: center;
  line-height: 13px;
  position: absolute;
  cursor: pointer;
  height: 13px;
  width: 13px;
  left: 0;
  top: 0;
  font-size: 10px; }
  .theme1 input[type='checkbox']:after {
    background-color: #304167;
    border: 1px #1D396B solid; }
  .theme2 input[type='checkbox']:after {
    background-color: #ffffff;
    border: 1px #e6e6e6 solid; }

.theme1 input[type='checkbox']:hover:after, input[type='checkbox']:checked:hover:after {
  background-color: #304167;
  border: 1px #1D396B solid; }

.theme2 input[type='checkbox']:hover:after, input[type='checkbox']:checked:hover:after {
  background-color: #ffffff;
  border: 1px #e6e6e6 solid; }

input[type='checkbox']:checked:after {
  content: '\2714'; }
  .theme1 input[type='checkbox']:checked:after {
    background-color: #304167;
    border: 1px #1D396B solid; }
  .theme2 input[type='checkbox']:checked:after {
    background-color: #ffffff;
    border: 1px #e6e6e6 solid; }

input[type="checkbox"].reg-checkbox {
  height: 16px;
  width: 16px; }
  input[type="checkbox"].reg-checkbox::after, input[type="checkbox"].reg-checkbox:checked:after, input[type="checkbox"].reg-checkbox:hover:after {
    height: 16px;
    width: 16px;
    border-radius: 3px; }

.theme1 input[type="checkbox"].reg-checkbox::after, .theme1 input[type="checkbox"].reg-checkbox:checked:after, .theme1 input[type="checkbox"].reg-checkbox:hover:after {
  border: 2px solid #FFFFFF;
  color: #FFFFFF; }

.theme2 input[type="checkbox"].reg-checkbox::after, .theme2 input[type="checkbox"].reg-checkbox:checked:after, .theme2 input[type="checkbox"].reg-checkbox:hover:after {
  border: 2px solid #000000;
  color: #000000; }

/* Toolbar styles */
.toolbar-styles {
  height: 34px;
  padding: 0 0 0 8px; }

.theme1 .toolbar-styles .btn-default, .theme1 .toolbar-styles .btn-large, .theme1 .toolbar-styles .btn-green, .theme1 .toolbar-styles .btn-orange, .theme1 .toolbar-styles .btn-reject, .theme1 .toolbar-styles .search-btn, .theme1 .toolbar-styles .no-border-btn, .theme1 .toolbar-styles .confirm-btn, .theme1 .toolbar-styles .add-alert-btn {
  color: #d8dbe0;
  border: 1px #030812 solid; }

.theme2 .toolbar-styles .btn-default, .theme2 .toolbar-styles .btn-large, .theme2 .toolbar-styles .btn-green, .theme2 .toolbar-styles .btn-orange, .theme2 .toolbar-styles .btn-reject, .theme2 .toolbar-styles .search-btn, .theme2 .toolbar-styles .no-border-btn, .theme2 .toolbar-styles .confirm-btn, .theme2 .toolbar-styles .add-alert-btn {
  color: black;
  border: 1px #e6e6e6 solid; }

.theme1 .toolbar-styles .btn-default:hover, .theme1 .toolbar-styles .btn-large:hover, .theme1 .toolbar-styles .btn-green:hover, .theme1 .toolbar-styles .btn-orange:hover, .theme1 .toolbar-styles .btn-reject:hover, .theme1 .toolbar-styles .search-btn:hover, .theme1 .toolbar-styles .no-border-btn:hover, .theme1 .toolbar-styles .confirm-btn:hover, .theme1 .toolbar-styles .add-alert-btn:hover {
  color: #ffffff; }

.theme2 .toolbar-styles .btn-default:hover, .theme2 .toolbar-styles .btn-large:hover, .theme2 .toolbar-styles .btn-green:hover, .theme2 .toolbar-styles .btn-orange:hover, .theme2 .toolbar-styles .btn-reject:hover, .theme2 .toolbar-styles .search-btn:hover, .theme2 .toolbar-styles .no-border-btn:hover, .theme2 .toolbar-styles .confirm-btn:hover, .theme2 .toolbar-styles .add-alert-btn:hover {
  color: #ffffff; }

.theme2 .toolbar-styles .btn-default:hover, .theme2 .toolbar-styles .btn-large:hover, .theme2 .toolbar-styles .btn-green:hover, .theme2 .toolbar-styles .btn-orange:hover, .theme2 .toolbar-styles .btn-reject:hover, .theme2 .toolbar-styles .search-btn:hover, .theme2 .toolbar-styles .no-border-btn:hover, .theme2 .toolbar-styles .confirm-btn:hover, .theme2 .toolbar-styles .add-alert-btn:hover {
  color: black; }

.theme1 .toolbar-styles .dropdown-solid-back-color:hover {
  color: #d8dbe0; }

.theme2 .toolbar-styles .dropdown-solid-back-color:hover {
  color: black; }

.toolbar-styles .no-border-btn {
  height: 34px;
  padding: 5px 10px;
  border-radius: 0; }
  .theme1 .toolbar-styles .no-border-btn {
    color: #9da6b2;
    border: none; }
  .theme2 .toolbar-styles .no-border-btn {
    color: #525252;
    border: none; }

.theme1 .toolbar-styles .no-border-btn:hover {
  color: #9da6b2;
  background-color: white; }

.theme2 .toolbar-styles .no-border-btn:hover {
  color: #525252;
  background-color: #f2f2f2; }

.theme2 .toolbar-styles .no-border-btn:hover {
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 100%);
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 100%);
  background-image: -ms-linear-gradient(top, #f2f2f2 0%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 100%);
  background-image: linear-gradient(top, #f2f2f2 0%, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 100%); }

.toolbar-styles .input-group-btn {
  top: 15%; }

.theme2 .mandatory-field-border {
  border: 1px #F94241 solid; }

.otp-width {
  width: 80px; }

.notify-new-label {
  padding: 1px 4px 1px 4px;
  border-radius: 4px;
  display: inline-block;
  height: 12px;
  z-index: 10;
  font-weight: normal; }
  .theme1 .notify-new-label {
    color: #ffffff;
    background: #bac0c8; }
  .theme2 .notify-new-label {
    color: #212121;
    background: #f9a620; }

.btn-icon {
  font-size: 1rem !important;
  background: transparent; }
  .theme1 .btn-icon {
    color: #d8dbe0;
    border: 0 #0b1d3d solid !important; }
  .theme2 .btn-icon {
    color: #414249;
    border: 0 #3081bc solid !important; }

.theme1 textarea {
  color: #d8dbe0;
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 textarea {
  color: black;
  background-color: #ffffff; }

.popular-list-item {
  height: 40px;
  border-radius: 8px;
  padding: 5px 12px 6px 6px; }
  .theme1 .popular-list-item {
    border: 1px solid #304167; }
  .theme2 .popular-list-item {
    border: 1px solid #DBDBDB; }
  .theme1 .popular-list-item.active {
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .popular-list-item.active {
    background-color: #F0F3FA; }

.popular-list-price-item {
  height: 40px;
  border-radius: 8px;
  padding: 5px 12px 6px 6px; }
  .theme1 .popular-list-price-item {
    border: 1px solid rgba(123, 224, 70, 0.4); }
  .theme2 .popular-list-price-item {
    border: 1px solid #7BE046; }
  .theme1 .popular-list-price-item.active {
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .popular-list-price-item.active {
    background-color: #F0F3FA; }

.popular-list-curated-item {
  height: 40px;
  border-radius: 8px;
  padding: 5px 12px 6px 6px; }
  .theme1 .popular-list-curated-item {
    border: 1px solid rgba(255, 225, 111, 0.4); }
  .theme2 .popular-list-curated-item {
    border: 1px solid #FFE16F; }
  .theme1 .popular-list-curated-item.active {
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .popular-list-curated-item.active {
    background-color: #F0F3FA; }

.global-search-input {
  height: 40px;
  width: 100%;
  border-radius: 8px;
  padding: 12px 14px 12px 36px;
  border: none; }
  .theme1 .global-search-input {
    background: rgba(255, 255, 255, 0.1); }
  .theme2 .global-search-input {
    background: #ECECEC; }
  .global-search-input::placeholder {
    font-size: 0.875rem; }
    .theme1 .global-search-input::placeholder {
      color: rgba(255, 255, 255, 0.1); }
    .theme2 .global-search-input::placeholder {
      color: #7C858E; }
  .global-search-input:focus-visible {
    outline: none; }
  .global-search-input:focus {
    outline: none;
    border-radius: 8px; }
    .theme1 .global-search-input:focus {
      background: rgba(255, 255, 255, 0.1); }
    .theme2 .global-search-input:focus {
      background: #ECECEC; }

.ar .global-search-input {
  padding: 12px 36px 12px 14px; }

.news-list-item-panel:last-child {
  border-bottom: none;
  margin-bottom: 0; }

.theme1 .announcement-back-color {
  background-color: ""; }

.theme2 .announcement-back-color {
  background-color: ""; }

.theme1 .announcement-item-back-color {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .announcement-item-back-color {
  background-color: #ffffff; }

.rounded-edges-container {
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(128, 143, 156, 0.25);
  border-radius: 7px;
  margin: 10px 25px; }
  .theme1 .rounded-edges-container {
    background-color: #182B56; }
  .theme2 .rounded-edges-container {
    background-color: #ffffff; }

.portfolio-dropdown {
  height: 32px;
  border-radius: 45px; }
  .theme1 .portfolio-dropdown {
    background-color: #182B56; }
  .theme2 .portfolio-dropdown {
    background-color: #ffffff; }

.transform-origin-top-left {
  transform-origin: top left; }

.transform-origin-left {
  transform-origin: left; }

.symbol-icon-text-content::after {
  margin: auto;
  content: attr(symbol-content);
  font-size: 80%; }

.profile-icon-text-content::after {
  margin: auto;
  content: attr(symbol-content);
  font-size: 20px; }

.market-depth-tab-item {
  height: 28px;
  border-radius: 20px;
  padding: 5px 12px; }
  .theme1 .market-depth-tab-item {
    border: 1px solid #304167; }
  .theme2 .market-depth-tab-item {
    border: 1px solid #DBDBDB; }
  .theme1 .market-depth-tab-item.active {
    background-color: ""; }
  .theme2 .market-depth-tab-item.active {
    background-color: ""; }

.theme1 .light-border-dropdown {
  border: 1px solid rgba(255, 255, 255, 0.1); }

.theme2 .light-border-dropdown {
  border: 1px solid #F1F3F8; }

.theme1 .confirmation-icon-border {
  border: 10px solid rgba(255, 255, 255, 0.1); }

.theme2 .confirmation-icon-border {
  border: 10px solid #F1F3F8; }

.general-element-height {
  height: 52px; }

.minimum-row-height {
  height: 34px; }

.order-status-cell-container {
  width: 90% !important;
  height: 28px; }

.blurred-container-bg-color {
  backdrop-filter: blur(4px); }
  .theme1 .blurred-container-bg-color {
    background: rgba(0, 0, 0, 0.5); }
  .theme2 .blurred-container-bg-color {
    background: rgba(165, 165, 165, 0.5); }
  .theme2 .blurred-container-bg-color {
    background: rgba(165, 165, 165, 0.6); }

.blurred-container-bg-color-2 {
  backdrop-filter: blur(4px); }
  .theme1 .blurred-container-bg-color-2 {
    background: ""; }
  .theme2 .blurred-container-bg-color-2 {
    background: rgba(255, 255, 255, 0.6); }

.container-box-shadow {
  box-shadow: 0 4px 20px rgba(128, 143, 156, 0.25); }

.empty-transaction-box {
  border-radius: 10px; }
  .theme1 .empty-transaction-box {
    background: rgba(255, 255, 255, 0.1); }
  .theme2 .empty-transaction-box {
    background: #ffffff; }
  .theme2 .empty-transaction-box {
    box-shadow: 0 4px 20px rgba(128, 143, 156, 0.25); }

.floating-btn-css {
  width: 165px;
  height: 54px;
  border-radius: 54px; }

.popup-backdrop {
  backdrop-filter: blur(2px);
  -webkit-filter: blur(2px); }
  .theme1 .popup-backdrop {
    background: rgba(0, 0, 0, 0.5); }
  .theme2 .popup-backdrop {
    background: rgba(165, 165, 165, 0.5); }

.popup-backdrop-container {
  width: 90%;
  height: calc(106vh - 122px);
  z-index: 10;
  top: 82px;
  box-shadow: 0 4px 20px rgba(128, 143, 156, 0.25);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.popup-backdrop-container-chart-fullscreen {
  height: 100%;
  border-radius: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/* Progress Slider */
.slider {
  -webkit-appearance: none;
  width: 120px;
  height: 8px;
  border-radius: 5px;
  outline: none; }
  .theme1 .slider {
    background: #304167; }
  .theme2 .slider {
    background: #DBDBDB; }

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0;
  height: 14px;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; }
  .theme1 .slider::-webkit-slider-thumb {
    border-top-color: #d8dbe0; }
  .theme2 .slider::-webkit-slider-thumb {
    border-top-color: black; }

.slider::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  width: 0;
  height: 7px;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-top-color: #000000;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  display: block;
  margin-top: -10px;
  border-radius: 0; }

.popular-list-container {
  height: 150px;
  transition: 0.4s; }

.symbol-popup-search {
  width: 25px; }

.symbol-popup-search.active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-name: symbol-popup-search-animi;
  -moz-animation-name: symbol-popup-search-animi;
  -o-animation-name: symbol-popup-search-animi;
  animation-name: symbol-popup-search-animi;
  -o-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: forwards; }

.symbol-popup-search-pos-fixed {
  position: fixed !important; }

@-webkit-keyframes symbol-popup-search-animi {
  from {
    width: 25px; }
  to {
    width: 300px; } }

@-moz-keyframes symbol-popup-search-animi {
  from {
    width: 25px; }
  to {
    width: 300px; } }

@-o-keyframes symbol-popup-search-animi {
  from {
    width: 25px; }
  to {
    width: 300px; } }

@keyframes symbol-popup-search-animi {
  from {
    width: 25px; }
  to {
    width: 300px; } }

.theme1 .ember-table-header-cell {
  background-color: #182B56; }

.theme2 .ember-table-header-cell {
  background-color: #ffffff; }

.theme1 .position-table-footer .panel-table-row-even, .position-table-footer .panel-table-row-odd {
  background-color: ""; }

.theme2 .position-table-footer .panel-table-row-even, .position-table-footer .panel-table-row-odd {
  background-color: #f9f9f9; }

.position-table-footer .ember-table-fixed-table-container.ember-table-footer-container {
  box-shadow: none; }
  .theme1 .position-table-footer .ember-table-fixed-table-container.ember-table-footer-container {
    background-color: ""; }
  .theme2 .position-table-footer .ember-table-fixed-table-container.ember-table-footer-container {
    background-color: #f9f9f9; }

.theme1 .vat-invoice-table-footer .panel-table-row-even, .vat-invoice-table-footer .panel-table-row-odd {
  background-color: #182B56; }

.theme2 .vat-invoice-table-footer .panel-table-row-even, .vat-invoice-table-footer .panel-table-row-odd {
  background-color: #F0F3FA; }

.vat-invoice-table-footer .ember-table-fixed-table-container.ember-table-footer-container {
  box-shadow: none; }
  .theme1 .vat-invoice-table-footer .ember-table-fixed-table-container.ember-table-footer-container {
    background-color: #182B56; }
  .theme2 .vat-invoice-table-footer .ember-table-fixed-table-container.ember-table-footer-container {
    background-color: #F0F3FA; }

.theme1 #vat-invoices .ember-table-footer-container .panel-table-row-even {
  background-color: #182B56; }

.theme2 #vat-invoices .ember-table-footer-container .panel-table-row-even {
  background-color: #F0F3FA; }

.profile-badge {
  border-radius: 15px;
  padding: 3px 7px;
  top: 8px;
  right: 10px; }
  .theme1 .profile-badge {
    background-color: #0071FF; }
  .theme2 .profile-badge {
    background-color: #0071FF; }

.tooltip-popup, .symbol-delayed-popup, .ar .symbol-delayed-popup {
  position: absolute;
  top: 50px;
  right: 80px;
  height: 80px;
  width: 130px; }
  .theme1 .tooltip-popup, .theme1 .symbol-delayed-popup {
    background-color: ""; }
  .theme2 .tooltip-popup, .theme2 .symbol-delayed-popup {
    background-color: #414249; }
  .tooltip-popup :after, .symbol-delayed-popup :after, .ar .symbol-delayed-popup :after {
    content: '';
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; }
    .theme2 .tooltip-popup :after, .theme2 .symbol-delayed-popup :after {
      border-bottom: 10px solid #414249; }

.theme1 .market-status-down-back-color {
  background-color: #fca4a4; }

.theme2 .market-status-down-back-color {
  background-color: #FFE8E1; }

.theme1 .market-status-live-fore-color {
  color: #f4b350; }

.theme2 .market-status-live-fore-color {
  color: #E0AD10; }

.theme1 .market-status-live-back-color {
  background-color: rgba(244, 179, 80, 0.2); }

.theme2 .market-status-live-back-color {
  background-color: #FCF7E7; }

.theme1 .border-all-highlight {
  border: 1px solid #304167; }

.theme2 .border-all-highlight {
  border: 1px solid #0071FF; }

.theme2 .border-all-light-gray {
  border: 1px solid #D3D3D3; }

.lc-border-bottom-none :last-child {
  border-bottom: none !important; }

/* Skeleton Animation Style Starts */
.skeleton-loading {
  background-size: 200% 100%;
  background-position: 100% 0;
  animation: skeleton-animate 1.4s infinite;
  height: 50vh; }
  .theme1 .skeleton-loading {
    background-image: -moz-linear-gradient(112deg, rgba(240, 240, 240, 0.1) 20%, rgba(229, 229, 229, 0.2) 30%, rgba(229, 229, 229, 0.2) 38%, rgba(229, 229, 229, 0.2) 40%, rgba(240, 240, 240, 0.1) 48%);
    background-image: -webkit-linear-gradient(112deg, rgba(240, 240, 240, 0.1) 20%, rgba(229, 229, 229, 0.2) 30%, rgba(229, 229, 229, 0.2) 38%, rgba(229, 229, 229, 0.2) 40%, rgba(240, 240, 240, 0.1) 48%);
    background-image: -ms-linear-gradient(112deg, rgba(240, 240, 240, 0.1) 20%, rgba(229, 229, 229, 0.2) 30%, rgba(229, 229, 229, 0.2) 38%, rgba(229, 229, 229, 0.2) 40%, rgba(240, 240, 240, 0.1) 48%);
    background-image: linear-gradient(112deg, rgba(240, 240, 240, 0.1) 20%, rgba(229, 229, 229, 0.2) 30%, rgba(229, 229, 229, 0.2) 38%, rgba(229, 229, 229, 0.2) 40%, rgba(240, 240, 240, 0.1) 48%); }
  .theme2 .skeleton-loading {
    background-image: -moz-linear-gradient(112deg, #E5E5E5 20%, #f0f0f0 30%, #f0f0f0 38%, #f0f0f0 40%, #E5E5E5 48%);
    background-image: -webkit-linear-gradient(112deg, #E5E5E5 20%, #f0f0f0 30%, #f0f0f0 38%, #f0f0f0 40%, #E5E5E5 48%);
    background-image: -ms-linear-gradient(112deg, #E5E5E5 20%, #f0f0f0 30%, #f0f0f0 38%, #f0f0f0 40%, #E5E5E5 48%);
    background-image: linear-gradient(112deg, #E5E5E5 20%, #f0f0f0 30%, #f0f0f0 38%, #f0f0f0 40%, #E5E5E5 48%); }

@keyframes skeleton-animate {
  100% {
    background-position: -100% 0; } }

/* Skeleton Animation Style Ends */
.time-and-sales-table .panel-table-row-odd, .time-and-sales-table .panel-table-row-even {
  border-bottom: none !important; }

.wl-curly-arrow {
  right: 104px; }

.popular-list-wrapper {
  max-height: 140px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  place-content: flex-start;
  gap: 7px; }

.z-index-100 {
  z-index: 100; }

.z-index-1000 {
  z-index: 1000; }

.watchlist-popup-content {
  width: 526px;
  border-radius: 10px;
  top: calc(50% - 227px);
  left: calc(50% - 263px); }

.watchlist-popup-ellipse {
  height: 100px;
  width: 100px;
  border-radius: 50px; }
  .theme1 .watchlist-popup-ellipse {
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .watchlist-popup-ellipse {
    background-color: #F0F3FA; }

.watchlist-popup-default-btn {
  border-radius: 54px; }
  .theme1 .watchlist-popup-default-btn {
    border: 1px #ffffff solid;
    color: #ffffff; }
  .theme2 .watchlist-popup-default-btn {
    border: 1px #0071FF solid;
    color: #0071FF; }

.watchlist-popup-remove-btn {
  border-radius: 54px; }
  .theme1 .watchlist-popup-remove-btn {
    background-color: #F94241;
    color: #d8dbe0; }
  .theme2 .watchlist-popup-remove-btn {
    background-color: #F94241;
    color: #ffffff; }

.portfolio-footer {
  height: 84px; }

.saved-order-footer {
  height: 140px; }

.sticky-table-header {
  position: sticky;
  top: 0; }

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

.theme1 .app-menu-selected-back-color {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .app-menu-selected-back-color {
  background-color: #F0F3FA; }

.rounded-pill {
  border-radius: 100px; }

.theme1 .selected-pill {
  color: #ffffff;
  background: #0071FF; }

.theme2 .selected-pill {
  color: #ffffff;
  background: #0071FF; }

.center-popup-container {
  width: auto;
  height: auto;
  position: absolute;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .theme1 .center-popup-container {
    background: #182B56; }
  .theme2 .center-popup-container {
    background: #ffffff; }

.symbol-search-input {
  height: 40px;
  width: 264px; }
  .theme1 .symbol-search-input {
    background: rgba(255, 255, 255, 0.1); }
  .theme2 .symbol-search-input {
    background: #ECECEC; }
  .symbol-search-input::placeholder {
    font-size: 1rem; }
    .theme1 .symbol-search-input::placeholder {
      color: rgba(255, 255, 255, 0.1); }
    .theme2 .symbol-search-input::placeholder {
      color: #7C858E; }
  .symbol-search-input:focus-visible {
    outline: none; }

.symbol-popup-search-direction {
  direction: rtl; }

.up-back-color-hover:hover {
  transition: 0.4s; }
  .theme1 .up-back-color-hover:hover {
    background-color: #1FBA66;
    color: #182B56; }
  .theme2 .up-back-color-hover:hover {
    background-color: #1FBA66;
    color: #ffffff; }

.down-back-color-hover:hover {
  transition: 0.4s; }
  .theme1 .down-back-color-hover:hover {
    background-color: #F94241;
    color: #182B56; }
  .theme2 .down-back-color-hover:hover {
    background-color: #F94241;
    color: #ffffff; }

.date-picker-width {
  width: 70%; }

.date-picker-max-width {
  max-width: 80px; }

.portfolio-picker-width {
  width: 150px; }

.left-nav-toggle {
  height: 24px;
  width: 24px;
  right: -12px; }

.watchlist-setting-box {
  border-radius: 10px; }
  .theme1 .watchlist-setting-box {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  .theme2 .watchlist-setting-box {
    background: #ffffff;
    border: 1px solid #ffffff; }
  .theme2 .watchlist-setting-box {
    box-shadow: 0 4px 20px rgba(128, 143, 156, 0.25); }

.watchlist-setting-item {
  width: 28px;
  height: 28px;
  border-radius: 50%; }
  .theme1 .watchlist-setting-item {
    background: rgba(255, 255, 255, 0.1); }
  .theme2 .watchlist-setting-item {
    background: #F0F3FA; }

.table-footer-custom-height .panel-table-row-even, .table-footer-custom-height .panel-table-row-odd {
  height: 52px !important; }

.flag-cell-shadow {
  border-radius: 20px;
  box-shadow: 0 2px 12px 2px rgba(128, 143, 156, 0.25); }
  .theme1 .flag-cell-shadow {
    background-color: #182B56; }
  .theme2 .flag-cell-shadow {
    background-color: #ffffff; }

.rights-sub-padding {
  padding: 0 75px; }

.alert-date-input-field:focus-visible {
  outline: none; }

.no-break {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid; }

.btn-circle-m {
  border-radius: 100%;
  width: 32px;
  height: 32px; }

.btn-circle-s {
  border-radius: 100%;
  width: 24px;
  height: 24px; }

.pad-icon {
  padding-left: 8px; }

.resend-otp-btn {
  display: inline-block;
  border: none;
  border-radius: 25px;
  padding: 5px 15px; }
  .theme1 .resend-otp-btn {
    background: "";
    color: #D3D3D3; }
  .theme2 .resend-otp-btn {
    background: #F7F9FD;
    color: #8C9CA4; }
  .theme1 .resend-otp-btn.resend-otp-enabled {
    color: #ffffff; }
  .theme2 .resend-otp-btn.resend-otp-enabled {
    color: #0071FF; }

.symbol-logo {
  transform-origin: top left !important; }

.theme1 .empty-donut {
  stroke: #304167; }

.theme2 .empty-donut {
  stroke: #7C858E; }

.sym-heading-portfolio {
  padding-right: 10px;
  padding-left: 20px; }

.holding-bottom-padding {
  padding-bottom: 60px; }

.modal-popup-view-width {
  width: 560px; }

.related-stock-box {
  width: 150px;
  height: 150px; }

.promo-banner-container-height {
  height: 205px; }

.promo-banner-height {
  height: 154px; }

.portfolio-flag-icon-max-width {
  max-width: 32px; }

.portfolio-sticky-table-height {
  height: calc(100% - 108px); }

.global-search-min-width {
  min-width: 350px !important; }

.analysts-slider-content {
  height: 40px;
  border-radius: 32px;
  background: #1fba66;
  background: linear-gradient(90deg, #1fba66 18%, #e8ac0b 47%, #f94141 85%); }

.analysts-slider-handler {
  position: absolute;
  height: 30px;
  width: 30px; }
  .analysts-slider-handler-content {
    transform: rotate(-90deg); }
  .analysts-slider-handler-logo {
    transform: translate(calc(50% - 9px), calc(50% - 0px)) rotate(90deg); }
    .analysts-slider-handler-logo text {
      font-size: 18px;
      fill: white; }

.ar .analysts-slider-content {
  background: linear-gradient(270deg, #1fba66 18%, #e8ac0b 47%, #f94141 85%); }

.margin-reduce-input {
  font-size: 35px !important;
  line-height: 90px;
  height: 90px !important; }

.watchlist-first-symbol-pad-right {
  padding-right: 10px; }

.swiper-btn-container {
  position: relative;
  height: 52px;
  width: 100%;
  border-radius: 32px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center; }
  .theme1 .swiper-btn-container {
    background-color: #0071FF;
    color: #ffffff; }
  .theme2 .swiper-btn-container {
    background-color: #0071FF;
    color: #ffffff; }

.swiper-btn-drag {
  position: absolute;
  cursor: move;
  left: 0;
  top: 0;
  height: 52px;
  width: 52px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2; }
  .theme1 .swiper-btn-drag {
    background-color: #182B56;
    border: 1px #0071FF solid; }
  .theme2 .swiper-btn-drag {
    background-color: #ffffff;
    border: 1px #0071FF solid; }

.ar .swiper-btn-drag {
  right: 0; }

.swiper-bg {
  width: 52px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #659de3;
  border-radius: 32px;
  z-index: -1; }

.ar .swiper-bg {
  right: 0; }

.theme1 .ratio-border-top {
  border-top: 0.5px solid rgba(255, 255, 255, 0.1); }

.theme2 .ratio-border-top {
  border-top: 0.5px solid #F1F3F8; }

.theme1 .extended-search-input {
  height: 28px; }

.theme2 .extended-search-input {
  height: 28px; }

.table-border-radius-left-tb {
  border-radius: 8px 0 0 8px; }

.table-border-radius-right-tb {
  border-radius: 0 8px 8px 0; }

.toggle {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .toggle-checkbox {
    display: none; }
  .toggle-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px; }
  .toggle-inner {
    display: block;
    transition: margin 0.3s ease-in 0s; }
  .toggle-inner:before, .toggle .toggle-inner:after {
    display: block;
    float: left;
    width: 50%;
    line-height: 25px;
    font-size: 0.813rem;
    font-weight: bold;
    box-sizing: border-box; }
  .toggle-inner:before {
    content: "";
    padding-left: 40px;
    background-color: #cce3f4;
    color: #545454;
    text-align: left; }
  .toggle-inner:after {
    content: "";
    background-color: #eeeeee;
    color: #848484;
    text-align: right; }
  .toggle-switch {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 27px;
    margin: 2.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    transition: all 0.3s ease-in 0s;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15), 0 3px 1px rgba(0, 0, 0, 0.06); }
  .toggle-switch-disable {
    background: #e6e5e5; }
  .toggle-checkbox:checked + .toggle-label .toggle-inner {
    margin-left: 0; }
  .toggle-checkbox:checked + .toggle-label .toggle-switch {
    right: 0; }
  .toggle-switch-height {
    height: 31px; }

.bubbling {
  position: absolute;
  height: 100%;
  background-position-y: -10%;
  background-image: url("assets/img/smart-animation-1763980798255.png");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-animation: bubbling-animation 5s;
  -moz-animation: bubbling-animation 5s;
  -o-animation: bubbling-animation 5s;
  animation: bubbling-animation 5s;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -moz-animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -o-animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -webkit-animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96); }

@keyframes bubbling-animation {
  from {
    background-position-y: -10vh; }
  to {
    background-position-y: 100vh; } }

.bubbling-2 {
  position: absolute;
  height: 100%;
  background-position-y: 50%;
  background-image: url("assets/img/smart-animation-1763980798255.png");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-animation: bubbling-animation-2 5s;
  -moz-animation: bubbling-animation-2 5s;
  -o-animation: bubbling-animation-2 5s;
  animation: bubbling-animation-2 5s;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -moz-animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -o-animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -webkit-animation-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96); }

@keyframes bubbling-animation-2 {
  from {
    background-position-y: -50vh; }
  to {
    background-position-y: 100vh; } }

.order-confirmation-done {
  border-width: 3px;
  border-style: solid;
  border-color: rgba(9, 16, 29, 0.09); }

.order-confirmation-done-enter {
  border-width: 3px;
  border-style: solid;
  border-color: rgba(9, 16, 29, 0.09);
  -webkit-animation: order-confirmation-done-animation 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.order-conf-buy {
  --solidcolor: rgba(102, 106, 112, 0.33);
  --basecolor: rgba(102, 106, 112, 0.11);
  --shadecolor: rgba(9, 16, 29, 0.09); }

.order-conf-sell {
  --solidcolor: rgba(102, 106, 112, 0.33);
  --basecolor: rgba(102, 106, 112, 0.11);
  --shadecolor: rgba(9, 16, 29, 0.09); }

@keyframes order-confirmation-done-animation {
  0% {
    border-bottom-color: var(--basecolor);
    transform: rotate(0deg); }
  25% {
    border-bottom-color: var(--solidcolor);
    border-left-color: var(--shadecolor); }
  50% {
    border-left-color: var(--solidcolor);
    border-bottom-color: var(--solidcolor);
    border-top-color: var(--basecolor); }
  75% {
    border-left-color: var(--solidcolor);
    border-bottom-color: var(--solidcolor);
    border-top-color: var(--solidcolor);
    border-right-color: var(--basecolor); }
  100% {
    transform: rotate(360deg);
    border-left-color: var(--solidcolor);
    border-bottom-color: var(--solidcolor);
    border-right-color: var(--solidcolor);
    border-top-color: var(--solidcolor); } }

.order-confirmation-done-buy-icon, .order-confirmation-done-sell-icon {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0);
  padding-top: 12px;
  padding-right: 6px;
  -webkit-animation: order-confirmation-done-buy-icon-animation 5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1); }

@keyframes order-confirmation-done-buy-icon-animation {
  0% {
    background: rgba(255, 255, 255, 0);
    color: #000000; }
  100% {
    background: white;
    color: #1FBA66; } }

@keyframes order-confirmation-done-sell-icon-animation {
  0% {
    background: rgba(255, 255, 255, 0);
    color: #000000; }
  100% {
    background: white;
    color: #F94241; } }

.order-confirmation-done-sell-icon {
  background: white;
  color: #F94241;
  -webkit-animation: order-confirmation-done-sell-icon-animation 5s; }

.theme1 .order-confirmation-done-btn {
  background-color: #d8dbe0; }

.theme2 .order-confirmation-done-btn {
  background-color: black; }

.form-control:focus, .search-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.center-img {
  background-size: 20px 20px;
  background-position: center; }

.submit-btn-disable[disabled] {
  background-image: none !important; }

.btn[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
  background-color: transparent; }

.otp-input {
  width: 45px !important;
  height: 52px !important;
  padding: 6px 10px !important;
  font-size: 28px;
  line-height: 140%;
  letter-spacing: -0.7px;
  border-radius: 10px !important; }
  .theme1 .otp-input {
    background-color: #0b1d3d;
    border: 1px #1D396B solid; }
  .theme2 .otp-input {
    background-color: #ffffff;
    border: 1px #bdbdbd solid; }

/* Chrome, Safari, Edge, Opera */
.otp-input::-webkit-outer-spin-button,
.otp-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
.otp-input[type=number] {
  -moz-appearance: textfield; }

.sign-up-options {
  min-width: 327px;
  min-height: 98px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 16px 20px; }

.anb-cus {
  height: 38px;
  width: 38px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #0071FF; }

.regular-cus {
  height: 38px;
  width: 38px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #7C858E; }

.oao-parent-container .search-query, .oao-parent-container .search-input,
.oao-parent-container .date-input-field,
.oao-parent-container .mini-date-input-field {
  height: 52px !important;
  background-image: linear-gradient(top, #ffffff 0%, #ffffff 30%, #ffffff 30%, #ffffff 100%);
  border-radius: 8px !important; }
  .theme1 .oao-parent-container .search-query, .theme1 .oao-parent-container .search-input, .oao-parent-container .date-input-field, .oao-parent-container .mini-date-input-field {
    border: 0 #1D396B solid; }
  .theme2 .oao-parent-container .search-query, .theme2 .oao-parent-container .search-input, .oao-parent-container .date-input-field, .oao-parent-container .mini-date-input-field {
    border: 0 #e6e6e6 solid; }
  .theme2 .oao-parent-container .search-query, .theme2 .oao-parent-container .search-input, .oao-parent-container .date-input-field, .oao-parent-container .mini-date-input-field {
    border: 1px solid #D3D3D3 !important;
    background: #ffffff;
    color: #000000; }

.oao-parent-container input[type="text"]:disabled,
.oao-parent-container input[type="-number"]:disabled {
  opacity: unset !important;
  background-image: linear-gradient(top, #F1F3F8 0%, #F1F3F8 30%, #F1F3F8 30%, #F1F3F8 100%) !important; }
  .theme1 .oao-parent-container input[type="text"]:disabled, .oao-parent-container input[type="-number"]:disabled {
    background: rgba(255, 255, 255, 0.1) !important; }
  .theme2 .oao-parent-container input[type="text"]:disabled, .oao-parent-container input[type="-number"]:disabled {
    background: #F1F3F8 !important; }

.oao-parent-container .search-query:focus, .oao-parent-container .search-input:focus {
  border: 1px #0c68a9 solid !important;
  background-image: linear-gradient(top, #ffffff 0%, #ffffff 30%, #ffffff 30%, #ffffff 100%) !important; }
  .theme1 .oao-parent-container .search-query:focus, .theme1 .oao-parent-container .search-input:focus {
    color: #d8dbe0; }
  .theme2 .oao-parent-container .search-query:focus, .theme2 .oao-parent-container .search-input:focus {
    color: black; }

.oao-parent-container .terms-text {
  color: #1D396B;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px; }

.oao-parent-container .deviated-layout {
  float: left;
  width: 50%; }

.oao-parent-container .override-padding {
  padding: 0; }

.oao-parent-container .button-panel {
  left: unset;
  right: unset;
  width: 93% !important; }

.theme1 .oao-parent-container .sign-up-options-border-all:hover {
  border: 2px solid #304167; }

.theme2 .oao-parent-container .sign-up-options-border-all:hover {
  border: 2px solid #0071FF; }

.resend-otp-text {
  color: #7C858E;
  border: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px; }

.theme1 .btn-negative {
  background-color: #F94241;
  color: #d8dbe0; }

.theme2 .btn-negative {
  background-color: #F94241;
  color: #ffffff; }

.theme1 .btn-light {
  color: #d8dbe0;
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .btn-light {
  color: black;
  background-color: rgba(120, 120, 128, 0.16); }

.theme1 .drop-down-search {
  background: ""; }

.theme2 .drop-down-search {
  background: #ECECEC; }

.x-checkbox {
  display: none; }

.x-checkbox-span {
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  position: relative; }
  .theme1 .x-checkbox-span {
    border: 2px rgba(255, 255, 255, 0.1)  solid !important;
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .x-checkbox-span {
    border: 2px #818181  solid !important;
    background-color: #ffffff; }

.x-checkbox:checked + span::after {
  content: "\e013";
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-size: 8px;
  font-weight: 400;
  line-height: 15px;
  text-align: center;
  height: 16px;
  width: 16px;
  position: absolute;
  top: -1px;
  left: -2px; }
  .theme1 .x-checkbox:checked + span::after {
    color: #ffffff; }
  .theme2 .x-checkbox:checked + span::after {
    color: #7C858E; }

.light-checkbox {
  -moz-appearance: none !important;
  width: 16px !important;
  height: 13px !important;
  border-radius: 4px !important;
  accent-color: white;
  border-width: 2px;
  border-style: solid; }
  .theme1 .light-checkbox {
    color: #ffffff;
    border-color: #ffffff; }
  .theme2 .light-checkbox {
    color: #7C858E;
    border-color: #7C858E; }

@-moz-document url-prefix() {
  .light-checkbox {
    border-color: transparent !important; } }

.light-checkbox:after, .light-checkbox:checked:after {
  -moz-appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px !important;
  line-height: 12px !important;
  font-size: 9px !important;
  font-weight: 700 !important; }
  .theme1 .light-checkbox:after, .light-checkbox:checked:after {
    color: #ffffff;
    border: 2px rgba(255, 255, 255, 0.1)  solid !important; }
  .theme2 .light-checkbox:after, .light-checkbox:checked:after {
    color: #7C858E;
    border: 2px #818181  solid !important; }

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

.theme1 input[type="checkbox"].olao-checkbox::after, input[type="checkbox"].olao-checkbox:checked:after, input[type="checkbox"].olao-checkbox:hover:after {
  border: 2px solid #D3D3D3;
  color: #ffffff; }

.theme2 input[type="checkbox"].olao-checkbox::after, input[type="checkbox"].olao-checkbox:checked:after, input[type="checkbox"].olao-checkbox:hover:after {
  border: 2px solid #8C9CA4;
  color: #0071FF; }

.olao-disable-btn {
  border-width: 0 !important;
  font-size: 1rem !important; }
  .theme1 .olao-disable-btn {
    background-color: #182B56 !important; }
  .theme2 .olao-disable-btn {
    color: #1D396B;
    background-color: #F0F3FA !important; }
  .theme2 .olao-disable-btn {
    color: #1D396B !important; }

.search-input {
  height: 32px !important;
  border-radius: 45px !important;
  font-size: 0.75rem; }
  .search-input::placeholder {
    font-size: 0.75rem; }

.mini-date-input-field {
  font-size: 0.75rem;
  height: 32px !important;
  border-radius: 45px !important; }

.datepicker table tr td.day {
  padding: 15px; }

.datepicker {
  padding: 10px; }
  .theme1 .datepicker {
    background-color: #304167 !important; }
  .theme2 .datepicker {
    background-color: #ffffff !important; }

.datepicker table tr td.active.day, .datepicker table tr td.day:hover {
  border-radius: 21px; }

.theme1 .border-bottom-dotted {
  border-bottom: 3px rgba(255, 255, 255, 0.1) dotted; }

.theme2 .border-bottom-dotted {
  border-bottom: 3px #ffffff dotted; }

.theme2 .border-bottom-dotted {
  border-bottom: 3px #DBDBDB dotted; }

.add-bank-container {
  min-height: auto;
  max-height: 80vh; }

.symbol-delayed-popup {
  height: auto;
  right: 46px;
  top: 44px; }

.theme1 body {
  color: #d8dbe0;
  background-color: #182B56; }

.theme2 body {
  color: black;
  background-color: #ffffff; }

label {
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0; }
  .theme1 label {
    color: #d8dbe0; }
  .theme2 label {
    color: black; }

.theme1 .widget-title-fore-color {
  color: #d8dbe0; }

.theme2 .widget-title-fore-color {
  color: #ffffff; }

.theme1 .info-back-color {
  background-color: #236fa0; }

.theme2 .info-back-color {
  background-color: #2b73a8; }

.theme2 .info-back-color {
  background-image: -moz-linear-gradient(0deg, #2b73a8 0%, #2b73a8 90%, #2b73a8 100%);
  background-image: -webkit-linear-gradient(0deg, #2b73a8 0%, #2b73a8 90%, #2b73a8 100%);
  background-image: -ms-linear-gradient(0deg, #2b73a8 0%, #2b73a8 90%, #2b73a8 100%);
  background-image: linear-gradient(0deg, #2b73a8 0%, #2b73a8 90%, #2b73a8 100%); }

.theme1 .fade-back-color {
  background-color: #2d51a2; }

.theme2 .fade-back-color {
  background-color: #848484; }

.theme1 .fade-back-color-2 {
  background-color: #304167; }

.theme2 .fade-back-color-2 {
  background-color: #F8F8F8; }

.theme1 .fade-back-color-3 {
  background-color: #304167; }

.theme2 .fade-back-color-3 {
  background-color: #7C858E; }

.theme1 .fade-back-color-4 {
  background-color: ""; }

.theme2 .fade-back-color-4 {
  background-color: ""; }

.theme1 .fade-back-color-5 {
  background-color: ""; }

.theme2 .fade-back-color-5 {
  background-color: #E1E1E1; }

.theme1 .fade-back-color-6 {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .fade-back-color-6 {
  background-color: #F0F3FA; }

.theme1 .inner-tab-back-color {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .inner-tab-back-color {
  background-color: #F0F3FA; }

.transparent {
  background-color: transparent !important; }

.theme1 .fore-color {
  color: #d8dbe0;
  fill: #d8dbe0; }

.theme2 .fore-color {
  color: black;
  fill: black; }

.theme1 .fade-fore-color {
  color: #9da6b2; }

.theme2 .fade-fore-color {
  color: #525252; }

.theme1 .fade-fore-color-2 {
  color: #D3D3D3; }

.theme2 .fade-fore-color-2 {
  color: #8C9CA4; }

.theme1 .fade-fore-color-3 {
  color: #ffffff; }

.theme2 .fade-fore-color-3 {
  color: #7C858E; }

.theme1 .fade-fore-color-4 {
  color: ""; }

.theme2 .fade-fore-color-4 {
  color: #8E8E93; }

.theme1 .fade-fore-color-5 {
  color: ""; }

.theme2 .fade-fore-color-5 {
  color: #636363; }

.theme1 .prominent-fore-color {
  color: #d8dbe0; }

.theme2 .prominent-fore-color {
  color: #09101D; }

.theme1 .up-fore-color {
  color: #1FBA66; }

.theme2 .up-fore-color {
  color: #1FBA66; }

.theme1 .down-fore-color {
  color: #F94241; }

.theme2 .down-fore-color {
  color: #F94241; }

.theme2 .dark-fore-color {
  color: #1D396B; }

.theme2 .dark-fore-color {
  color: ""; }

.black-fore-color {
  color: #000000; }

.theme1 .form-header-fore-color {
  color: #1ba8ed; }

.theme2 .form-header-fore-color {
  color: #3081bc; }

.form-input {
  background: transparent;
  font-size: 0.938rem; }
  .theme1 .form-input {
    color: "";
    border-color: ""; }
  .theme2 .form-input {
    color: "";
    border-color: ""; }
  .form-input::placeholder {
    line-height: 1.6;
    font-size: 0.938rem; }
    .theme1 .form-input::placeholder {
      color: ""; }
    .theme2 .form-input::placeholder {
      color: ""; }
  .form-input:focus {
    outline: 0; }

.theme1 .holding-fore-color {
  color: ""; }

.theme2 .holding-fore-color {
  color: ""; }

.theme1 .up-back-color {
  background-color: #1FBA66; }

.theme2 .up-back-color {
  background-color: #1FBA66; }

.theme1 .up-back-color-2 {
  background-color: #1FBA66; }

.theme2 .up-back-color-2 {
  background-color: #1FDB66; }

.theme1 .down-back-color {
  background-color: #F94241; }

.theme2 .down-back-color {
  background-color: #F94241; }

.theme1 .fade-up-back-color {
  background-color: #255a3a; }

.theme2 .fade-up-back-color {
  background-color: #e2f8eb; }

.theme1 .fade-down-back-color {
  background-color: rgba(249, 66, 65, 0.2); }

.theme2 .fade-down-back-color {
  background-color: #fce5e5; }

.theme1 .fade-up-back-color-2 {
  background-color: #225335; }

.theme2 .fade-up-back-color-2 {
  background-color: #c1f0d4; }

.theme1 .highlight-up-back-color {
  background-color: #1FBA66; }

.theme2 .highlight-up-back-color {
  background-color: #1FBA66; }

.theme1 .highlight-down-back-color {
  background-color: #F94241; }

.theme2 .highlight-down-back-color {
  background-color: #F94241; }

.theme1 .highlight-back-color-1 {
  background-color: #2980b9; }

.theme2 .highlight-back-color-1 {
  background-color: #0067b8; }

.theme2 .highlight-back-color-1 {
  background-image: -moz-linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%);
  background-image: -webkit-linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%);
  background-image: -ms-linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%);
  background-image: linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%); }

.theme1 .pending-back-color {
  background-color: "alpha(pallete-color7, 0.1)"; }

.theme2 .pending-back-color {
  background-color: #0071FF; }

.theme1 .card-back-color {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .card-back-color {
  background-color: #ffffff; }

.theme1 .card-back-color-solid {
  background-color: #304167; }

.theme2 .card-back-color-solid {
  background-color: #ffffff; }

.theme1 .dark-bg-fore-color {
  color: #ffffff; }

.theme2 .dark-bg-fore-color {
  color: #ffffff; }

.black-back-color {
  background-color: #000000; }

.theme1 .sub-fore-color {
  color: #DBDBDB;
  fill: #DBDBDB; }

.theme2 .sub-fore-color {
  color: #818181;
  fill: #818181; }

.theme1 .warning-fore-color {
  color: #D09D00; }

.theme2 .warning-fore-color {
  color: #D09D00; }

.theme1 .toggle-light-blue-fore-color {
  color: ""; }

.theme2 .toggle-light-blue-fore-color {
  color: ""; }

.theme2 .toggle-dark-blue-fore-color {
  color: #1D396B; }

/* Back colours */
.warning-back-color {
  background: #eeddc3; }

.info-back-color-2 {
  background: #d1e8fe; }

.theme1 .highlight-back-color-2 {
  background-color: #236fa0; }

.theme2 .highlight-back-color-2 {
  background-color: #2b73a8; }

.theme2 .highlight-back-color-2 {
  background-image: -moz-linear-gradient(0deg, #2b73a8 0%, #2b73a8 90%, #2b73a8 100%);
  background-image: -webkit-linear-gradient(0deg, #2b73a8 0%, #2b73a8 90%, #2b73a8 100%);
  background-image: -ms-linear-gradient(0deg, #2b73a8 0%, #2b73a8 90%, #2b73a8 100%);
  background-image: linear-gradient(0deg, #2b73a8 0%, #2b73a8 90%, #2b73a8 100%); }

.theme1 .highlight-back-color-3 {
  background: #0071FF; }

.theme2 .highlight-back-color-3 {
  background: #0071FF; }

.theme1 .highlight-back-color-light {
  background: #0b1d3d; }

.theme2 .highlight-back-color-light {
  background: #F0F3FA; }

.theme2 .highlight-back-color-light {
  background: ""; }

.theme1 .holding-back-color {
  background: ""; }

.theme2 .holding-back-color {
  background: ""; }

.theme1 .prominent-up-back-color {
  background-color: #1FBA66; }

.theme2 .prominent-up-back-color {
  background-color: #1FBA66; }

.theme1 .prominent-down-back-color {
  background-color: #F94241; }

.theme2 .prominent-down-back-color {
  background-color: #F94241; }

.theme1 .no-changed-back-color {
  background-color: #182B56; }

.theme2 .no-changed-back-color {
  background-color: #dedede; }

.theme1 .container-back-color {
  background-color: #182B56; }

.theme2 .container-back-color {
  background-color: #ffffff; }

.theme1 .toggle-light-blue-back-color {
  background-color: ""; }

.theme2 .toggle-light-blue-back-color {
  background-color: ""; }

.theme2 .toggle-dark-blue-back-color {
  background-color: #1D396B; }

.tool-bar {
  padding: 10px; }
  .theme1 .tool-bar {
    background-color: #1a2f5e; }
  .theme2 .tool-bar {
    background-color: #fafafa; }

.theme1 .primary-back-color {
  background-color: #ffffff; }

.theme2 .primary-back-color {
  background-color: #0071FF; }

.theme1 .main-title-fore-color {
  color: ""; }

.theme2 .main-title-fore-color {
  color: #414249; }

.theme1 .sub-title-fore-color {
  color: #ffffff; }

.theme2 .sub-title-fore-color {
  color: #141719; }

.theme1 .table-fore-color {
  color: ""; }

.theme2 .table-fore-color {
  color: ""; }

.theme1 .table-row-back-color {
  background-color: #182B56; }

.theme2 .table-row-back-color {
  background-color: #ffffff; }

.theme1 .table-row-alternate-back-color {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .table-row-alternate-back-color {
  background-color: #ffffff; }

.theme1 .table-row-up-back-color {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .table-row-up-back-color {
  background-color: #e2f8eb; }

.theme1 .table-row-up-alternate-back-color {
  background-color: #182B56; }

.theme2 .table-row-up-alternate-back-color {
  background-color: #c1f0d4; }

.theme1 .table-row-down-back-color {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .table-row-down-back-color {
  background-color: #fce5e5; }

.theme1 .table-row-down-alternate-back-color {
  background-color: #182B56; }

.theme2 .table-row-down-alternate-back-color {
  background-color: #fad3d3; }

.theme1 .table-row-prominent-back-color {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .table-row-prominent-back-color {
  background-color: #eaf4f9; }

.theme1 .symbol-fore-color {
  color: #ffffff; }

.theme2 .symbol-fore-color {
  color: black; }

.theme1 .highlight-fore-color {
  color: #ffffff; }

.theme2 .highlight-fore-color {
  color: #0071FF; }

.theme1 .highlight-color-border {
  border: 1px #0071FF solid;
  background: ""; }

.theme2 .highlight-color-border {
  border: 1px #0071FF solid;
  background: ""; }

.theme1 .tab-background-color {
  background: rgba(255, 255, 255, 0.1); }

.theme2 .tab-background-color {
  background: #F1F3F8; }

.theme1 .news-icon-color {
  color: #3cb5f0; }

.theme2 .news-icon-color {
  color: #0078D7; }

.theme1 .ann-icon-color {
  color: #f4b350; }

.theme2 .ann-icon-color {
  color: #f9a825; }

.theme1 .notification-icon-color {
  background-color: #0071FF; }

.theme2 .notification-icon-color {
  background-color: #0071FF; }

.notification-icon {
  width: 11px;
  height: 11px;
  border-radius: 10px; }

.theme1 .dark-bg-announcement-fore-color {
  color: #f0f0f0; }

.theme2 .dark-bg-announcement-fore-color {
  color: #d2e8f2; }

.theme1 .icon-fore-color {
  color: #d8dbe0; }

.theme2 .icon-fore-color {
  color: #414249; }

.theme1 .common-filter-icon-fore-color {
  color: ""; }

.theme2 .common-filter-icon-fore-color {
  color: ""; }

.theme1 .icon-fore-color-2 {
  color: ""; }

.theme2 .icon-fore-color-2 {
  color: #BDBDBD; }

.theme1 .icon-fore-color-3 {
  color: ""; }

.theme2 .icon-fore-color-3 {
  color: #D3D3D3; }

.theme1 .icon-fade-fore-color {
  color: ""; }

.theme2 .icon-fade-fore-color {
  color: #D3D3D3; }

.icon-bg-container {
  width: 24px;
  height: 24px;
  border-radius: 50%; }
  .theme1 .icon-bg-container {
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .icon-bg-container {
    background-color: #F8F8F8; }

.theme1 .data-table .layout-row:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .data-table .layout-row:nth-child(odd) {
  background-color: #ffffff; }

.theme1 .data-table .layout-row:nth-child(even) {
  background-color: #182B56; }

.theme2 .data-table .layout-row:nth-child(even) {
  background-color: #ffffff; }

.theme1 .data-table .layout-row-select:hover {
  border-top: 1px rgba(11, 29, 61, 0.4) solid;
  border-bottom: 1px rgba(11, 29, 61, 0.4) solid;
  background-color: rgba(11, 29, 61, 0.3); }

.theme2 .data-table .layout-row-select:hover {
  border-top: 1px #d6eaf3 solid;
  border-bottom: 1px #d6eaf3 solid;
  background-color: #d6eaf3; }

.theme2 .data-table .layout-row-select:hover {
  background-color: #d6eaf3; }

.data-table-header {
  display: table-row;
  box-shadow: none;
  font-weight: 700; }
  .theme1 .data-table-header {
    color: #9da6b2;
    background-color: #182B56;
    border-bottom: 1px #304167 solid; }
  .theme2 .data-table-header {
    color: #141719;
    background-color: #ffffff;
    border-bottom: 1px #DBDBDB solid; }

.theme1 .table-header {
  background: #182B56; }

.theme2 .table-header {
  background: #ffffff; }

.theme2 .table-header {
  border-top: 1px #e0e0e0 solid;
  border-bottom: 1px #DBDBDB solid;
  background-image: -moz-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
  background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%); }

.theme1 .data-table-header-back-color {
  background-color: ""; }

.theme2 .data-table-header-back-color {
  background-color: #F0F3FA; }

.theme1 .data-table-header-fade-fore-color {
  color: #ffffff; }

.theme2 .data-table-header-fade-fore-color {
  color: #7C858E; }

.theme1 .blue-grey-bg-color {
  background-color: ""; }

.theme2 .blue-grey-bg-color {
  background-color: #F1F3F8; }

.widget-vline {
  height: 100%; }
  .theme1 .widget-vline {
    border-right: 1px #1D396B solid; }
  .theme2 .widget-vline {
    border-right: 1px #bdbdbd solid; }

.widget-hline {
  width: 100%; }
  .theme1 .widget-hline {
    border-top: 1px #1D396B solid; }
  .theme2 .widget-hline {
    border-top: 1px #bdbdbd solid; }

.wdgttl-vline {
  height: 100%; }
  .theme1 .wdgttl-vline {
    border-right: 1px #1D396B solid; }
  .theme2 .wdgttl-vline {
    border-right: 1px #e6e6e6 solid; }

.theme1 .dropdown-watchlist-more-search {
  background-color: #0b1d3d; }

.theme2 .dropdown-watchlist-more-search {
  background-color: #3081bc; }

.yellow-back-color {
  background-color: #E0AD10; }

.blue-back-color {
  background-color: #2c3e50; }

.green-back-color-2 {
  background-color: #2ecc71; }

.purple-back-color {
  background-color: #8e44ad; }

.green-back-color {
  background-color: #019875; }

.blue-back-color-2 {
  background-color: #2980b9; }

.pink-back-color {
  background-color: #e8305f; }

.orange-back-color {
  background-color: #e67e22; }

.red-back-color {
  background-color: #ff0101; }

.yellow-fore-color {
  color: #E0AD10; }

.blue-fore-color {
  color: #2c3e50; }

.green-fore-color-2 {
  color: #2ecc71; }

.purple-fore-color {
  color: #8e44ad; }

.green-fore-color {
  color: #019875; }

.blue-fore-color-2 {
  color: #2980b9; }

.pink-fore-color {
  color: #e8305f; }

.orange-fore-color {
  color: #e67e22; }

.red-fore-color {
  color: #ff0101; }

/*  ===========  Ember Data Table Background Colors  =========================  */
.theme1 .panel-table-row-odd {
  background-color: #182B56; }

.theme2 .panel-table-row-odd {
  background-color: #ffffff; }

.theme1 .panel-table-row-even {
  background-color: #182B56; }

.theme2 .panel-table-row-even {
  background-color: #ffffff; }

.theme1 .ember-table-transparent .panel-table-row-odd {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .ember-table-transparent .panel-table-row-odd {
  background-color: #ffffff; }

.theme1 .ember-table-transparent .panel-table-row-even {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .ember-table-transparent .panel-table-row-even {
  background-color: #ffffff; }

.theme1 .watchlist-row-back-green {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .watchlist-row-back-green {
  background-color: #e2f8eb; }

.theme1 .watchlist-row-back-red {
  background-color: #182B56; }

.theme2 .watchlist-row-back-red {
  background-color: #fad3d3; }

.theme1 .panel-table-row-even .watchlist-cell-back-green {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .panel-table-row-even .watchlist-cell-back-green {
  background-color: #e2f8eb; }

.theme1 .panel-table-row-odd .watchlist-cell-back-green {
  background-color: #182B56; }

.theme2 .panel-table-row-odd .watchlist-cell-back-green {
  background-color: #c1f0d4; }

.theme1 .panel-table-row-even .watchlist-cell-back-red {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .panel-table-row-even .watchlist-cell-back-red {
  background-color: #fce5e5; }

.theme1 .panel-table-row-odd .watchlist-cell-back-red {
  background-color: #182B56; }

.theme2 .panel-table-row-odd .watchlist-cell-back-red {
  background-color: #fad3d3; }

.theme1 .panel-table-row-even .watchlist-cell-back-lastqty {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .panel-table-row-even .watchlist-cell-back-lastqty {
  background-color: #eaf4f9; }

.theme1 .panel-table-row-odd .watchlist-cell-back-lastqty {
  background-color: #182B56; }

.theme2 .panel-table-row-odd .watchlist-cell-back-lastqty {
  background-color: #d6eaf3; }

/*  ===========  /Ember Data Table Background Colors  =========================  */
.theme1 .border-right {
  border-right: 1px rgba(255, 255, 255, 0.1) solid; }

.theme2 .border-right {
  border-right: 1px #ffffff solid; }

.theme2 .border-right {
  border-right: 1px #DBDBDB solid; }

.theme1 .border-left {
  border-left: 1px rgba(255, 255, 255, 0.1) solid; }

.theme2 .border-left {
  border-left: 1px #ffffff solid; }

.theme2 .border-left {
  border-left: 1px #DBDBDB solid; }

.theme1 .border-top {
  border-top: 1px rgba(255, 255, 255, 0.1) solid; }

.theme2 .border-top {
  border-top: 1px #ffffff solid; }

.theme2 .border-top {
  border-top: 1px #DBDBDB solid; }

.theme1 .border-bottom {
  border-bottom: 1px rgba(255, 255, 255, 0.1) solid; }

.theme2 .border-bottom {
  border-bottom: 1px #ffffff solid; }

.theme2 .border-bottom {
  border-bottom: 1px #DBDBDB solid; }

.theme1 .border-all {
  border: 1px #304167 solid; }

.theme2 .border-all {
  border: 1px #ffffff solid; }

.theme2 .border-all {
  border: 1px #DBDBDB solid; }

.theme1 .btn-up-back-color {
  background-color: #27db79; }

.theme2 .btn-up-back-color {
  background-color: #27db79; }

.theme1 .btn-down-back-color {
  background-color: #fdc2c2; }

.theme2 .btn-down-back-color {
  background-color: #fdc2c2; }

/* ===== Buttons ===== */
.btn-emoji {
  border-radius: 100%;
  padding: 5px;
  display: inline-block;
  width: 26px;
  text-align: center; }
  .theme1 .btn-emoji {
    background-color: ""; }
  .theme2 .btn-emoji {
    background-color: ""; }

.primary-btn {
  padding: 15px;
  border-radius: 45px;
  font-weight: bold; }
  .theme1 .primary-btn {
    color: #ffffff;
    background: #0071FF; }
  .theme2 .primary-btn {
    color: #ffffff;
    background: #0071FF; }

.get-start-btn {
  height: 54px;
  border-radius: 54px;
  width: 85%;
  font-size: 17px;
  bottom: 34px;
  position: absolute;
  left: 27px;
  right: 28px; }
  .theme1 .get-start-btn {
    color: #ffffff;
    background: #0071FF; }
  .theme2 .get-start-btn {
    color: #ffffff;
    background: #0071FF; }

/*  ===========  Blink Background Colors  =========================  */
.panel-table-row-odd .blink-classic-up {
  font-weight: bold; }
  .theme1 .panel-table-row-odd .blink-classic-up {
    color: #ffffff;
    background-color: #1FBA66; }
  .theme2 .panel-table-row-odd .blink-classic-up {
    color: #ffffff;
    background-color: #1FBA66; }

.panel-table-row-even .blink-classic-up {
  font-weight: bold; }
  .theme1 .panel-table-row-even .blink-classic-up {
    color: #ffffff;
    background-color: #1FBA66; }
  .theme2 .panel-table-row-even .blink-classic-up {
    color: #ffffff;
    background-color: #1FBA66; }

.panel-table-row-odd .blink-classic-down {
  font-weight: bold; }
  .theme1 .panel-table-row-odd .blink-classic-down {
    color: #ffffff;
    background-color: #F94241; }
  .theme2 .panel-table-row-odd .blink-classic-down {
    color: #ffffff;
    background-color: #F94241; }

.panel-table-row-even .blink-classic-down {
  font-weight: bold; }
  .theme1 .panel-table-row-even .blink-classic-down {
    color: #ffffff;
    background-color: #F94241; }
  .theme2 .panel-table-row-even .blink-classic-down {
    color: #ffffff;
    background-color: #F94241; }

.theme1 .shadow {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5); }

.theme2 .shadow {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5); }

.theme2 .shadow {
  box-shadow: 0 4px 20px 0 rgba(128, 143, 156, 0.25); }

.table-transparent div[class^="ember-table"], .table-transparent div[class^="ember-view"] {
  background-color: transparent !important; }

.theme1 .table-shadow {
  box-shadow: 0 4px 20px rgba(128, 143, 156, 0.25); }

.theme2 .table-shadow {
  box-shadow: 0 4px 20px rgba(128, 143, 156, 0.25); }

.table-shadow div[class^="ember-table"], .table-shadow div[class^="ember-view"] {
  background-color: transparent !important; }

/*  ===========  /Blink Background Colors  =========================  */
.theme1 .news-popup-body a {
  color: #648faf; }

.theme2 .news-popup-body a {
  color: #648faf; }

.news-popup-body p {
  padding-bottom: 10px; }

.theme1 .link {
  color: #648faf; }

.theme2 .link {
  color: #648faf; }

.theme-logo-properties {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

/*  ===========  Table Selected Background Colors  =========================  */
.theme1 .ember-table-body-container .ember-table-table-row.ember-table-hover {
  background-color: rgba(11, 29, 61, 0.4); }

.theme2 .ember-table-body-container .ember-table-table-row.ember-table-hover {
  background-color: #d6eaf3; }

.theme1 .table-row-selected-back-color {
  background-color: rgba(11, 29, 61, 0.4); }

.theme2 .table-row-selected-back-color {
  background-color: #d6eaf3; }

.theme1 .table-row-selected-back-color-gradient {
  background-color: rgba(11, 29, 61, 0.4); }

.theme2 .table-row-selected-back-color-gradient {
  background-color: #d6eaf3; }

.theme1 .table-row-hover-back-color:hover {
  background-color: rgba(11, 29, 61, 0.3); }

.theme2 .table-row-hover-back-color:hover {
  background-color: #d6eaf3; }

.theme1 .ember-table-body-container .ember-table-table-row.ember-table-hover .watchlist-cell-back-lastqty {
  background-color: rgba(11, 29, 61, 0.4) !important; }

.theme2 .ember-table-body-container .ember-table-table-row.ember-table-hover .watchlist-cell-back-lastqty {
  background-color: #d6eaf3 !important; }

.theme1 .ember-table-body-container .ember-table-table-row.ember-table-hover .watchlist-cell-back-green {
  background-color: rgba(11, 29, 61, 0.4) !important; }

.theme2 .ember-table-body-container .ember-table-table-row.ember-table-hover .watchlist-cell-back-green {
  background-color: #d6eaf3 !important; }

.theme1 .ember-table-body-container .ember-table-table-row.ember-table-hover .watchlist-cell-back-red {
  background-color: rgba(11, 29, 61, 0.4) !important; }

.theme2 .ember-table-body-container .ember-table-table-row.ember-table-hover .watchlist-cell-back-red {
  background-color: #d6eaf3 !important; }

/*  ===========  /Table Selected Background Colors  =========================  */
/*  ===========  Pie-Chart Background Colors  =========================  */
.theme1 .chart-color-1 {
  color: #0b1d3d; }

.theme2 .chart-color-1 {
  color: #0071FF; }

.theme1 .chart-color-2 {
  color: #181b20; }

.theme2 .chart-color-2 {
  color: #0071FF; }

.theme1 .chart-color-3 {
  color: #1FBA66; }

.theme2 .chart-color-3 {
  color: #1FBA66; }

.theme1 .chart-color-4 {
  color: #F94241; }

.theme2 .chart-color-4 {
  color: #F94241; }

.theme1 .chart-color-5 {
  color: #687484; }

.theme2 .chart-color-5 {
  color: #333333; }

.theme1 .chart-color-6 {
  color: #182B56; }

.theme2 .chart-color-6 {
  color: #ffffff; }

.theme1 .chart-color-7 {
  color: #ffffff; }

.theme2 .chart-color-7 {
  color: #eaf4f9; }

.theme1 .chart-color-8 {
  color: #505966; }

.theme2 .chart-color-8 {
  color: #3081bc; }

.theme1 .chart-color-9 {
  color: #255a3a; }

.theme2 .chart-color-9 {
  color: #e2f8eb; }

.theme1 .chart-color-10 {
  color: #4d1e22; }

.theme2 .chart-color-10 {
  color: #fce5e5; }

.theme1 .chart-color-11 {
  color: #1ba8ed; }

.theme2 .chart-color-11 {
  color: #7494f1; }

.theme1 .chart-color-12 {
  color: #f4b350; }

.theme2 .chart-color-12 {
  color: #F0F3FA; }

.theme1 .chart-color-13 {
  color: #182B56; }

.theme2 .chart-color-13 {
  color: #f9a825; }

.theme1 .chart-color-14 {
  color: ""; }

.theme2 .chart-color-14 {
  color: ""; }

.theme1 .chart-color-15 {
  color: ""; }

.theme2 .chart-color-15 {
  color: ""; }

.theme1 .container-base-background {
  background-color: ""; }

.theme2 .container-base-background {
  background-color: #ffffff; }

.theme2 .container-base-background {
  background-image: -moz-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
  background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%); }

.theme1 .light-background-element {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .light-background-element {
  background-color: #F3F3F3; }

.theme1 .default-toggle-background {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .default-toggle-background {
  background-color: rgba(120, 120, 128, 0.16); }

.theme1 .dark-blue-bg-stroke {
  background-color: #1D396B;
  stroke: #1D396B; }

.theme2 .dark-blue-bg-stroke {
  background-color: #1D396B;
  stroke: #1D396B; }

.theme1 .light-blue-bg-stroke {
  background-color: #0b1d3d;
  stroke: #0b1d3d; }

.theme2 .light-blue-bg-stroke {
  background-color: #0071FF;
  stroke: #0071FF; }

/*  ===========  /Pie-Chart Background Colors  =========================  */
.overflow-x-overlay {
  overflow-x: overlay; }

.overflow-x-overlay:hover::-webkit-scrollbar {
  display: initial; }

.overflow-x-overlay::-webkit-scrollbar {
  display: none; }

.portfolio-inline-list-container::-webkit-scrollbar {
  width: 20px; }

.overflow-x-overlay::-webkit-scrollbar-track {
  background-color: transparent;
  border-width: 0; }

.overflow-x-overlay::-webkit-scrollbar-thumb {
  border-radius: 20px;
  border-style: solid;
  border-color: transparent;
  border-width: 5px;
  background-clip: padding-box; }
  .theme1 .overflow-x-overlay::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 7px -13px 19px rgba(255, 255, 255, 0.1); }
  .theme2 .overflow-x-overlay::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 7px -13px 19px #818181; }

.overflow-x-overlay::-webkit-scrollbar-button,
.overflow-x-overlay::-webkit-scrollbar-track-piece,
.overflow-x-overlay::-webkit-scrollbar-corner,
.overflow-x-overlay::-webkit-resizer {
  display: none; }

.gainloss-date-selector {
  height: 18px;
  border-radius: 6px;
  background: rgba(128, 143, 156, 0.25); }
  .theme1 .gainloss-date-selector-web {
    color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1); }
  .theme2 .gainloss-date-selector-web {
    color: #1D396B;
    border-color: #1D396B; }

.chart-web-full-screen-layout {
  top: 0;
  height: calc(100% - 80px); }

.chart-web-cell-layout {
  height: 380px;
  z-index: 101; }

.opacity-half {
  opacity: 0.5; }

.opacity-0-8 {
  opacity: 0.8; }

.theme1 .statements-header-cell {
  color: #d8dbe0; }

.theme2 .statements-header-cell {
  color: black; }

.file-download-btn-circle {
  border-radius: 50px; }
  .theme1 .file-download-btn-circle {
    border-color: "";
    background-color: #182B56; }
  .theme2 .file-download-btn-circle {
    border-color: "";
    background-color: #ffffff; }

.btn-vertical-separator {
  display: inline-block;
  height: 20px;
  width: 1px;
  margin: 10px; }
  .theme1 .btn-vertical-separator {
    border-right: 1px #242f43 solid; }
  .theme2 .btn-vertical-separator {
    border-right: 1px #DBDBDB solid; }

.theme1 .data-not-available-back-color {
  background-color: rgba(255, 255, 255, 0.05); }

.theme2 .data-not-available-back-color {
  background-color: #F7F9FD; }

.notification-box {
  padding-right: 16px;
  padding-left: 26px; }

.stocks-stroke {
  background-color: #628df1;
  stroke: #628df1; }

.etf-stroke {
  background-color: #b7e3fa;
  stroke: #b7e3fa; }

.other-stroke {
  background-color: white;
  stroke: white; }

.theme1 .portfolio-stroke {
  background-color: #1FBA66;
  stroke: #1FBA66; }

.theme2 .portfolio-stroke {
  background-color: #000000;
  stroke: #000000; }

.theme1 .cash-stroke {
  background-color: #1FBA66;
  stroke: #1FBA66; }

.theme2 .cash-stroke {
  background-color: #243868;
  stroke: #243868; }

.stocks-stroke-fill {
  fill: #628df1;
  stroke: black; }

.etf-stroke-fill {
  fill: #b7e3fa;
  stroke: black; }

.other-stroke-fill {
  fill: white;
  stroke: black; }

.portfolio-stroke-fill {
  fill: black; }

.theme1 .cash-stroke-fill {
  fill: #1FBA66; }

.theme2 .cash-stroke-fill {
  fill: #243868; }

.theme1 .anb-profile-logo {
  stroke: #0071FF; }

.theme2 .anb-profile-logo {
  stroke: #0071FF; }

.anb-profile-middle-text {
  transform: translate(calc(50% - 4px), calc(50% - -9px)); }
  .anb-profile-middle-text text {
    font-size: 26px;
    fill: white; }

.inline-portfolio-height {
  height: 74.5px; }

.portfolio-table-height {
  height: calc(100% - 40px); }

.portfolio-table-max-height {
  height: 100%; }

.portfolio-chart-height {
  height: calc((100% - 74.5px) * 0.4); }

.portfolio-tab-list-height {
  height: calc((100% - 74.5px) * 0.6); }

.portfolio-drawing-chart {
  height: calc(100% - 29px); }

.drawing-chart-tab-panel-tab {
  width: 19px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  padding: 0 !important; }

.explore-container {
  height: calc(100% - 74.5px); }

.portfolio-chart-sub-title {
  height: 104px; }

.portfolio-chart-wrapper {
  height: calc(100% - 104px); }

.index-main-logo {
  background-image: url(img/about-us-logo-dark-white-1763980798255.png);
  background-size: contain;
  background-repeat: no-repeat; }

.theme2 .index-main-logo {
  background-image: url(img/index-main-logo-1763980798255.png); }

.gtn-logo {
  background-size: contain;
  background-repeat: no-repeat; }
  .theme1 .gtn-logo {
    background-image: url(img/GTN_logo_dark-1763980798255.png); }
  .theme2 .gtn-logo {
    background-image: url(img/GTN_logo_dark-1763980798255.png); }
  .theme2 .gtn-logo {
    background-image: url(img/GTN_logo-1763980798255.png); }

.gtn-data-provider {
  position: fixed;
  bottom: 79px;
  z-index: 1; }
  .gtn-data-provider.gtn-quote-summary {
    bottom: 150px; }

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important; }

.theme1 .btn-txt-color {
  color: #ffffff; }

.theme2 .btn-txt-color {
  color: #ffffff; }

/*  ===========  Ember Data Table Background Colors  =========================  */
.theme1 .panel-table-row-odd .watchlist-cell-back-lastqty {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .panel-table-row-odd .watchlist-cell-back-lastqty {
  background-color: #eaf4f9; }

.panel-table-row-even + .panel-table-row-odd, .panel-table-row-odd + .panel-table-row-even {
  border-top: 2px transparent solid; }

.theme1 .data-table-header {
  color: #ffffff; }

.theme2 .data-table-header {
  color: #7C858E; }

.theme1 .watchlist-cell-back-red-even {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .watchlist-cell-back-red-even {
  background-color: #fce5e5; }

.theme1 .watchlist-cell-back-red-odd {
  background-color: #182B56; }

.theme2 .watchlist-cell-back-red-odd {
  background-color: #fad3d3; }

.theme1 .watchlist-cell-back-green-even {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .watchlist-cell-back-green-even {
  background-color: #e2f8eb; }

.theme1 .watchlist-cell-back-green-odd {
  background-color: #182B56; }

.theme2 .watchlist-cell-back-green-odd {
  background-color: #c1f0d4; }

body {
  font-family: "OpenSans", sans-serif;
  direction: ltr; }

/* ======  Position  ==============  */
.pos-rel {
  position: relative; }

.pos-abs {
  position: absolute; }

.pos-fixed {
  position: fixed; }

.top-zero {
  top: 0; }

.right-zero {
  right: 0; }

.ar .right-zero {
  left: 0;
  right: initial; }

.bottom-zero {
  bottom: 0; }

.left-zero {
  left: 0; }

.ar .left-zero {
  right: 0; }

.pad-t-zero {
  padding-top: 0; }

.pad-b-zero {
  padding-bottom: 0; }

.clr-both {
  float: none;
  clear: both; }

/* ======  /Position  ==============  */
/* ======  Overflow  ==============  */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.text-wrap-break {
  white-space: pre-wrap;
  word-wrap: break-word; }

.overflow-clip {
  text-overflow: clip; }

.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

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

/* ======  /Overflow  ==============  */
/* ======  Padding-margin  ==============  */
.padding-zero {
  padding: 0; }

.margin-zero {
  margin: 0; }

.height-zero {
  height: 0; }

.width-zero {
  width: 0; }

.pad-widget-left {
  padding-left: 8px; }

.pad-widget-right {
  padding-right: 8px; }

.pad-widget-top {
  padding-top: 8px; }

.pad-widget-bottom {
  padding-bottom: 8px; }

/* ======  /Padding-margin  ==============  */
/* ======  Fluid Layout Styles  ==============  */
.second-pane {
  padding-top: 73px; }

.border-bottom {
  border-bottom: 1px;
  border-style: solid; }

.theme1 .border-color-notifications {
  border-color: ""; }

.theme2 .border-color-notifications {
  border-color: #D9D9DF; }

.border-right-zero {
  border-right: 0; }

.border-bottom-zero {
  border-bottom: 0; }

.border-none {
  border: none; }
  .theme1 .border-none {
    border: 0px #d8dbe0 solid; }
  .theme2 .border-none {
    border: 0px black solid; }

.outline-none {
  outline: 0; }

.layout-container, .data-table {
  display: table; }

.layout-col, .layout-col-24, .layout-col-23, .layout-col-22, .layout-col-21, .layout-col-20, .layout-col-19, .layout-col-18, .layout-col-17, .layout-col-16, .layout-col-15, .layout-col-14, .layout-col-13, .layout-col-12, .layout-col-11, .layout-col-10, .layout-col-9, .layout-col-8, .layout-col-7, .layout-col-6, .layout-col-5, .layout-col-4, .layout-col-3, .layout-col-2, .layout-col-1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
  height: 100%; }

.layout-col-24 {
  width: 100%;
  max-width: 0; }

.layout-col-23 {
  width: 95.83333%;
  max-width: 0; }

.layout-col-22 {
  width: 91.66667%;
  max-width: 0; }

.layout-col-21 {
  width: 87.5%;
  max-width: 0; }

.layout-col-20 {
  width: 83.33333%;
  max-width: 0; }

.layout-col-19 {
  width: 79.16667%;
  max-width: 0; }

.layout-col-18 {
  width: 75%;
  max-width: 0; }

.layout-col-17 {
  width: 70.83333%;
  max-width: 0; }

.layout-col-16 {
  width: 66.66667%;
  max-width: 0; }

.layout-col-15 {
  width: 62.5%;
  max-width: 0; }

.layout-col-14 {
  width: 58.33333%;
  max-width: 0; }

.layout-col-13 {
  width: 54.16667%;
  max-width: 0; }

.layout-col-12 {
  width: 50%;
  max-width: 0; }

.layout-col-11 {
  width: 45.83333%;
  max-width: 0; }

.layout-col-10 {
  width: 41.66667%;
  max-width: 0; }

.layout-col-9 {
  width: 37.5%;
  max-width: 0; }

.layout-col-8 {
  width: 33.33333%;
  max-width: 0; }

.layout-col-7 {
  width: 29.16667%;
  max-width: 0; }

.layout-col-6 {
  width: 25%;
  max-width: 0; }

.layout-col-5 {
  width: 20.83333%;
  max-width: 0; }

.layout-col-4 {
  width: 16.66667%;
  max-width: 0; }

.layout-col-3 {
  width: 12.5%;
  max-width: 0; }

.layout-col-2 {
  width: 8.33333%;
  max-width: 0; }

.layout-col-1 {
  width: 4.16667%;
  max-width: 0; }

.layout-inline {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle; }

.layout-row {
  display: table-row; }

.row-height {
  height: 23px; }

.white-space-normal {
  white-space: normal; }

.white-space-pre {
  white-space: pre; }

.row-height-header {
  height: 22px; }

.theme1 .data-table .layout-row:nth-child(odd) {
  background: #182B56; }

.theme2 .data-table .layout-row:nth-child(odd) {
  background: #ffffff; }

.theme1 .data-table .layout-row:nth-child(even) {
  background: rgba(255, 255, 255, 0.1); }

.theme2 .data-table .layout-row:nth-child(even) {
  background: #ffffff; }

.data-table .layout-row:hover {
  border-top: 1px solid;
  border-bottom: 1px solid; }
  .theme1 .data-table .layout-row:hover {
    background: rgba(11, 29, 61, 0.3);
    border-top-color: #d8dbe0;
    border-bottom-color: #d8dbe0; }
  .theme2 .data-table .layout-row:hover {
    background: #d6eaf3;
    border-top-color: black;
    border-bottom-color: black; }

.widget-outlet {
  margin-top: 5px;
  padding-left: 5px;
  height: calc(100% - 5px); }

.widget_new {
  border-radius: 2px;
  border-bottom: 1px solid;
  overflow: hidden; }
  .theme1 .widget_new {
    background-color: #182B56;
    border-color: #242f43;
    border-bottom-color: #242f43;
    box-shadow: none; }
  .theme2 .widget_new {
    background-color: #ffffff;
    border-color: #DBDBDB;
    border-bottom-color: #DBDBDB;
    box-shadow: none; }

.widget-container-new {
  overflow: hidden;
  height: 100%; }

/*.popup-container-view .widget-container-new {
  border: 0 transparent solid;
}*/
.widget-new-border {
  border: 1px solid;
  border-bottom: 2px solid;
  border-radius: 2px 2px 0 0; }
  .theme1 .widget-new-border {
    border-color: #242f43; }
  .theme2 .widget-new-border {
    border-color: #DBDBDB; }

.cell-container {
  padding-left: 10px;
  height: 100%;
  text-align: right; }

/* ======  /Fluid Layout Styles  ==============  */
/* ======  Alignment  ==============  */
.h-right {
  text-align: right; }

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

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

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

.v-text-top {
  vertical-align: text-top; }

.v-text-bottom {
  vertical-align: text-bottom; }

.left {
  float: left; }

.right {
  float: right; }

.v-baseline {
  vertical-align: baseline; }

.v-top {
  vertical-align: top; }

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

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

.v-text-top {
  vertical-align: text-top; }

.pos-abs-v-middle {
  top: 50%;
  transform: translateY(-50%); }

/* ======  /Alignment  ==============  */
/* ======  Display  ==============  */
.display-table {
  display: table; }

.display-table-row {
  display: table-row; }

.display-table-cell {
  display: table-cell; }

.display-none {
  display: none; }

.visibility-hidden {
  visibility: hidden; }

.display-block {
  display: block; }

.display-inline {
  display: inline; }

.display-inline-block {
  display: inline-block; }

.table-layout-fixed {
  table-layout: fixed; }

.word-underline {
  text-decoration: underline; }

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

/* ======  /Display  ==============  */
/* ======  /Line height  ==============  */
.line-height-normal {
  line-height: normal; }

.line-height-1-2 {
  line-height: 1.2; }

.line-height-s {
  line-height: 5px; }

.line-height-m {
  line-height: 10px; }

.line-height-ml {
  line-height: 12px; }

.line-height-l {
  line-height: 15px; }

.line-height-ml-l {
  line-height: 16px; }

.line-height-x-l {
  line-height: 20px; }

.line-height-2x-l {
  line-height: 22px; }

.line-height-xx-l {
  line-height: 24px; }

.line-height-3x-l {
  line-height: 28px; }

.line-height-4x-l {
  line-height: 32px; }

.line-height-5x-l {
  line-height: 36px; }

.line-height-7x-l {
  line-height: 44px; }

/* ======  /Line height  ==============  */
/* ======  /Border radius ==============  */
.xxs-border-radius {
  border-radius: 2px; }

.xs-border-radius {
  border-radius: 3px; }

.xsm-border-radius {
  border-radius: 4px; }

.s-border-radius {
  border-radius: 5px; }

.xxxl-border-radius {
  border-radius: 25px; }

.xl-border-radius {
  border-radius: 12px; }

.l-border-radius {
  border-radius: 10px; }

.xm-border-radius {
  border-radius: 8px; }

.border-radius-30 {
  border-radius: 30px; }

.border-radius-zero {
  border-radius: 0; }

/* ======  /Border radius ==============  */
/* ====== Letter Spacing ==============  */
.letter-space-s {
  letter-spacing: -0.2px; }

.letter-space-m {
  letter-spacing: -0.41px; }

.letter-space-l {
  letter-spacing: 0.8px; }

.letter-space-ml {
  letter-spacing: -0.045em; }

.letter-space-xml {
  letter-spacing: -0.004em; }

.letter-space-xxml {
  letter-spacing: -0.04em; }

.letter-space-xl {
  letter-spacing: -0.025em; }

.letter-space-xxl {
  letter-spacing: -0.41px; }

.letter-space-xxxl {
  letter-spacing: -0.7px; }

/* ======  /Letter Spacing ==============  */
/* ======  Deprecated  ==============  */
.flex {
  display: flex;
  display: -ms-flexbox;
  display: -ms-flex; }

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

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

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

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

.col-12 {
  width: 100%; }

.col-11 {
  width: 91.66666667%; }

.col-10 {
  width: 83.33333333%; }

.col-9 {
  width: 75%; }

.col-8 {
  width: 66.66666667%; }

.col-7 {
  width: 58.33333333%; }

.col-6 {
  width: 50%; }

.col-5 {
  width: 41.66666667%; }

.col-4 {
  width: 33.33333333%; }

.col-3 {
  width: 25%; }

.col-2 {
  width: 16.66666667%; }

.col-1 {
  width: 8.33333333%; }

.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  min-height: 1px;
  position: relative;
  float: left; }

.ar .col-12, .ar .col-11, .ar .col-10, .ar .col-9, .ar .col-8, .ar .col-7, .ar .col-6, .ar .col-5, .ar .col-4, .ar .col-3, .ar .col-2, .ar .col-1 {
  min-height: 1px;
  position: relative;
  float: right; }

/* ======  /Deprecated  ==============  */
/* ======  Common  ==============  */
.full-width {
  width: 100%; }

.full-height {
  height: 100%; }

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

.full-height-without-header {
  height: calc(100% - $wdgttl-height); }

.ar .rtl {
  direction: rtl; }

.ltr {
  direction: ltr; }

.pointer-disable {
  pointer-events: none;
  opacity: 0.4; }

.font-size-zero {
  font-size: 0; }

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

.font-size-16 {
  font-size: 16px; }

.text-wrap {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 0; }

.pad-xs-t {
  padding-top: 3px; }

.pad-s-t {
  padding-top: 5px; }

.pad-m-t {
  padding-top: 10px; }

.pad-l-t {
  padding-top: 15px; }

.pad-1-t {
  padding-top: 1px; }

.pad-2-t {
  padding-top: 2px; }

.pad-3-t {
  padding-top: 3px; }

.pad-4-t {
  padding-top: 4px; }

.pad-5-t {
  padding-top: 5px; }

.pad-6-t {
  padding-top: 6px; }

.pad-7-t {
  padding-top: 7px; }

.pad-8-t {
  padding-top: 8px; }

.pad-9-t {
  padding-top: 9px; }

.pad-10-t {
  padding-top: 10px; }

.pad-11-t {
  padding-top: 11px; }

.pad-12-t {
  padding-top: 12px; }

.pad-13-t {
  padding-top: 13px; }

.pad-14-t {
  padding-top: 14px; }

.pad-15-t {
  padding-top: 15px; }

.pad-16-t {
  padding-top: 16px; }

.pad-17-t {
  padding-top: 17px; }

.pad-18-t {
  padding-top: 18px; }

.pad-19-t {
  padding-top: 19px; }

.pad-20-t {
  padding-top: 20px; }

.pad-21-t {
  padding-top: 21px; }

.pad-22-t {
  padding-top: 22px; }

.pad-23-t {
  padding-top: 23px; }

.pad-24-t {
  padding-top: 24px; }

.pad-25-t {
  padding-top: 25px; }

.pad-26-t {
  padding-top: 26px; }

.pad-27-t {
  padding-top: 27px; }

.pad-28-t {
  padding-top: 28px; }

.pad-29-t {
  padding-top: 29px; }

.pad-30-t {
  padding-top: 30px; }

.pad-31-t {
  padding-top: 31px; }

.pad-32-t {
  padding-top: 32px; }

.pad-40-t {
  padding-top: 40px; }

.pad-60-t {
  padding-top: 60px; }

.pad-64-t {
  padding-top: 64px; }

.pad-67-t {
  padding-top: 67px; }

.pad-n3-t {
  padding-top: -3px; }

.pad-xs-r {
  padding-right: 3px; }

.pad-s-r {
  padding-right: 5px; }

.pad-m-r {
  padding-right: 10px; }

.pad-l-r {
  padding-right: 15px; }

.pad-1-r {
  padding-right: 1px; }

.pad-2-r {
  padding-right: 2px; }

.pad-3-r {
  padding-right: 3px; }

.pad-4-r {
  padding-right: 4px; }

.pad-5-r {
  padding-right: 5px; }

.pad-6-r {
  padding-right: 6px; }

.pad-7-r {
  padding-right: 7px; }

.pad-8-r {
  padding-right: 8px; }

.pad-9-r {
  padding-right: 9px; }

.pad-10-r {
  padding-right: 10px; }

.pad-11-r {
  padding-right: 11px; }

.pad-12-r {
  padding-right: 12px; }

.pad-13-r {
  padding-right: 13px; }

.pad-14-r {
  padding-right: 14px; }

.pad-15-r {
  padding-right: 15px; }

.pad-16-r {
  padding-right: 16px; }

.pad-17-r {
  padding-right: 17px; }

.pad-18-r {
  padding-right: 18px; }

.pad-19-r {
  padding-right: 19px; }

.pad-20-r {
  padding-right: 20px; }

.pad-21-r {
  padding-right: 21px; }

.pad-22-r {
  padding-right: 22px; }

.pad-23-r {
  padding-right: 23px; }

.pad-24-r {
  padding-right: 24px; }

.pad-25-r {
  padding-right: 25px; }

.pad-26-r {
  padding-right: 26px; }

.pad-27-r {
  padding-right: 27px; }

.pad-28-r {
  padding-right: 28px; }

.pad-29-r {
  padding-right: 29px; }

.pad-30-r {
  padding-right: 30px; }

.pad-31-r {
  padding-right: 31px; }

.pad-32-r {
  padding-right: 32px; }

.pad-40-r {
  padding-right: 40px; }

.pad-60-r {
  padding-right: 60px; }

.pad-64-r {
  padding-right: 64px; }

.pad-67-r {
  padding-right: 67px; }

.pad-n3-r {
  padding-right: -3px; }

.pad-xs-b {
  padding-bottom: 3px; }

.pad-s-b {
  padding-bottom: 5px; }

.pad-m-b {
  padding-bottom: 10px; }

.pad-l-b {
  padding-bottom: 15px; }

.pad-1-b {
  padding-bottom: 1px; }

.pad-2-b {
  padding-bottom: 2px; }

.pad-3-b {
  padding-bottom: 3px; }

.pad-4-b {
  padding-bottom: 4px; }

.pad-5-b {
  padding-bottom: 5px; }

.pad-6-b {
  padding-bottom: 6px; }

.pad-7-b {
  padding-bottom: 7px; }

.pad-8-b {
  padding-bottom: 8px; }

.pad-9-b {
  padding-bottom: 9px; }

.pad-10-b {
  padding-bottom: 10px; }

.pad-11-b {
  padding-bottom: 11px; }

.pad-12-b {
  padding-bottom: 12px; }

.pad-13-b {
  padding-bottom: 13px; }

.pad-14-b {
  padding-bottom: 14px; }

.pad-15-b {
  padding-bottom: 15px; }

.pad-16-b {
  padding-bottom: 16px; }

.pad-17-b {
  padding-bottom: 17px; }

.pad-18-b {
  padding-bottom: 18px; }

.pad-19-b {
  padding-bottom: 19px; }

.pad-20-b {
  padding-bottom: 20px; }

.pad-21-b {
  padding-bottom: 21px; }

.pad-22-b {
  padding-bottom: 22px; }

.pad-23-b {
  padding-bottom: 23px; }

.pad-24-b {
  padding-bottom: 24px; }

.pad-25-b {
  padding-bottom: 25px; }

.pad-26-b {
  padding-bottom: 26px; }

.pad-27-b {
  padding-bottom: 27px; }

.pad-28-b {
  padding-bottom: 28px; }

.pad-29-b {
  padding-bottom: 29px; }

.pad-30-b {
  padding-bottom: 30px; }

.pad-31-b {
  padding-bottom: 31px; }

.pad-32-b {
  padding-bottom: 32px; }

.pad-40-b {
  padding-bottom: 40px; }

.pad-60-b {
  padding-bottom: 60px; }

.pad-64-b {
  padding-bottom: 64px; }

.pad-67-b {
  padding-bottom: 67px; }

.pad-n3-b {
  padding-bottom: -3px; }

.pad-xs-l {
  padding-left: 3px; }

.pad-s-l {
  padding-left: 5px; }

.pad-m-l {
  padding-left: 10px; }

.pad-l-l {
  padding-left: 15px; }

.pad-1-l {
  padding-left: 1px; }

.pad-2-l {
  padding-left: 2px; }

.pad-3-l {
  padding-left: 3px; }

.pad-4-l {
  padding-left: 4px; }

.pad-5-l {
  padding-left: 5px; }

.pad-6-l {
  padding-left: 6px; }

.pad-7-l {
  padding-left: 7px; }

.pad-8-l {
  padding-left: 8px; }

.pad-9-l {
  padding-left: 9px; }

.pad-10-l {
  padding-left: 10px; }

.pad-11-l {
  padding-left: 11px; }

.pad-12-l {
  padding-left: 12px; }

.pad-13-l {
  padding-left: 13px; }

.pad-14-l {
  padding-left: 14px; }

.pad-15-l {
  padding-left: 15px; }

.pad-16-l {
  padding-left: 16px; }

.pad-17-l {
  padding-left: 17px; }

.pad-18-l {
  padding-left: 18px; }

.pad-19-l {
  padding-left: 19px; }

.pad-20-l {
  padding-left: 20px; }

.pad-21-l {
  padding-left: 21px; }

.pad-22-l {
  padding-left: 22px; }

.pad-23-l {
  padding-left: 23px; }

.pad-24-l {
  padding-left: 24px; }

.pad-25-l {
  padding-left: 25px; }

.pad-26-l {
  padding-left: 26px; }

.pad-27-l {
  padding-left: 27px; }

.pad-28-l {
  padding-left: 28px; }

.pad-29-l {
  padding-left: 29px; }

.pad-30-l {
  padding-left: 30px; }

.pad-31-l {
  padding-left: 31px; }

.pad-32-l {
  padding-left: 32px; }

.pad-40-l {
  padding-left: 40px; }

.pad-60-l {
  padding-left: 60px; }

.pad-64-l {
  padding-left: 64px; }

.pad-67-l {
  padding-left: 67px; }

.pad-n3-l {
  padding-left: -3px; }

.pad-xs-lr {
  padding-left: 3px;
  padding-right: 3px; }

.pad-s-lr {
  padding-left: 5px;
  padding-right: 5px; }

.pad-m-lr {
  padding-left: 10px;
  padding-right: 10px; }

.pad-l-lr {
  padding-left: 15px;
  padding-right: 15px; }

.pad-1-lr {
  padding-left: 1px;
  padding-right: 1px; }

.pad-2-lr {
  padding-left: 2px;
  padding-right: 2px; }

.pad-3-lr {
  padding-left: 3px;
  padding-right: 3px; }

.pad-4-lr {
  padding-left: 4px;
  padding-right: 4px; }

.pad-5-lr {
  padding-left: 5px;
  padding-right: 5px; }

.pad-6-lr {
  padding-left: 6px;
  padding-right: 6px; }

.pad-7-lr {
  padding-left: 7px;
  padding-right: 7px; }

.pad-8-lr {
  padding-left: 8px;
  padding-right: 8px; }

.pad-9-lr {
  padding-left: 9px;
  padding-right: 9px; }

.pad-10-lr {
  padding-left: 10px;
  padding-right: 10px; }

.pad-11-lr {
  padding-left: 11px;
  padding-right: 11px; }

.pad-12-lr {
  padding-left: 12px;
  padding-right: 12px; }

.pad-13-lr {
  padding-left: 13px;
  padding-right: 13px; }

.pad-14-lr {
  padding-left: 14px;
  padding-right: 14px; }

.pad-15-lr {
  padding-left: 15px;
  padding-right: 15px; }

.pad-16-lr {
  padding-left: 16px;
  padding-right: 16px; }

.pad-17-lr {
  padding-left: 17px;
  padding-right: 17px; }

.pad-18-lr {
  padding-left: 18px;
  padding-right: 18px; }

.pad-19-lr {
  padding-left: 19px;
  padding-right: 19px; }

.pad-20-lr {
  padding-left: 20px;
  padding-right: 20px; }

.pad-21-lr {
  padding-left: 21px;
  padding-right: 21px; }

.pad-22-lr {
  padding-left: 22px;
  padding-right: 22px; }

.pad-23-lr {
  padding-left: 23px;
  padding-right: 23px; }

.pad-24-lr {
  padding-left: 24px;
  padding-right: 24px; }

.pad-25-lr {
  padding-left: 25px;
  padding-right: 25px; }

.pad-26-lr {
  padding-left: 26px;
  padding-right: 26px; }

.pad-27-lr {
  padding-left: 27px;
  padding-right: 27px; }

.pad-28-lr {
  padding-left: 28px;
  padding-right: 28px; }

.pad-29-lr {
  padding-left: 29px;
  padding-right: 29px; }

.pad-30-lr {
  padding-left: 30px;
  padding-right: 30px; }

.pad-31-lr {
  padding-left: 31px;
  padding-right: 31px; }

.pad-32-lr {
  padding-left: 32px;
  padding-right: 32px; }

.pad-40-lr {
  padding-left: 40px;
  padding-right: 40px; }

.pad-60-lr {
  padding-left: 60px;
  padding-right: 60px; }

.pad-64-lr {
  padding-left: 64px;
  padding-right: 64px; }

.pad-67-lr {
  padding-left: 67px;
  padding-right: 67px; }

.pad-n3-lr {
  padding-left: -3px;
  padding-right: -3px; }

.pad-xs-tb {
  padding-top: 3px;
  padding-bottom: 3px; }

.pad-s-tb {
  padding-top: 5px;
  padding-bottom: 5px; }

.pad-m-tb {
  padding-top: 10px;
  padding-bottom: 10px; }

.pad-l-tb {
  padding-top: 15px;
  padding-bottom: 15px; }

.pad-1-tb {
  padding-top: 1px;
  padding-bottom: 1px; }

.pad-2-tb {
  padding-top: 2px;
  padding-bottom: 2px; }

.pad-3-tb {
  padding-top: 3px;
  padding-bottom: 3px; }

.pad-4-tb {
  padding-top: 4px;
  padding-bottom: 4px; }

.pad-5-tb {
  padding-top: 5px;
  padding-bottom: 5px; }

.pad-6-tb {
  padding-top: 6px;
  padding-bottom: 6px; }

.pad-7-tb {
  padding-top: 7px;
  padding-bottom: 7px; }

.pad-8-tb {
  padding-top: 8px;
  padding-bottom: 8px; }

.pad-9-tb {
  padding-top: 9px;
  padding-bottom: 9px; }

.pad-10-tb {
  padding-top: 10px;
  padding-bottom: 10px; }

.pad-11-tb {
  padding-top: 11px;
  padding-bottom: 11px; }

.pad-12-tb {
  padding-top: 12px;
  padding-bottom: 12px; }

.pad-13-tb {
  padding-top: 13px;
  padding-bottom: 13px; }

.pad-14-tb {
  padding-top: 14px;
  padding-bottom: 14px; }

.pad-15-tb {
  padding-top: 15px;
  padding-bottom: 15px; }

.pad-16-tb {
  padding-top: 16px;
  padding-bottom: 16px; }

.pad-17-tb {
  padding-top: 17px;
  padding-bottom: 17px; }

.pad-18-tb {
  padding-top: 18px;
  padding-bottom: 18px; }

.pad-19-tb {
  padding-top: 19px;
  padding-bottom: 19px; }

.pad-20-tb {
  padding-top: 20px;
  padding-bottom: 20px; }

.pad-21-tb {
  padding-top: 21px;
  padding-bottom: 21px; }

.pad-22-tb {
  padding-top: 22px;
  padding-bottom: 22px; }

.pad-23-tb {
  padding-top: 23px;
  padding-bottom: 23px; }

.pad-24-tb {
  padding-top: 24px;
  padding-bottom: 24px; }

.pad-25-tb {
  padding-top: 25px;
  padding-bottom: 25px; }

.pad-26-tb {
  padding-top: 26px;
  padding-bottom: 26px; }

.pad-27-tb {
  padding-top: 27px;
  padding-bottom: 27px; }

.pad-28-tb {
  padding-top: 28px;
  padding-bottom: 28px; }

.pad-29-tb {
  padding-top: 29px;
  padding-bottom: 29px; }

.pad-30-tb {
  padding-top: 30px;
  padding-bottom: 30px; }

.pad-31-tb {
  padding-top: 31px;
  padding-bottom: 31px; }

.pad-32-tb {
  padding-top: 32px;
  padding-bottom: 32px; }

.pad-40-tb {
  padding-top: 40px;
  padding-bottom: 40px; }

.pad-60-tb {
  padding-top: 60px;
  padding-bottom: 60px; }

.pad-64-tb {
  padding-top: 64px;
  padding-bottom: 64px; }

.pad-67-tb {
  padding-top: 67px;
  padding-bottom: 67px; }

.pad-n3-tb {
  padding-top: -3px;
  padding-bottom: -3px; }

.pad-xs-all {
  padding: 3px; }

.pad-s-all {
  padding: 5px; }

.pad-m-all {
  padding: 10px; }

.pad-l-all {
  padding: 15px; }

.pad-1-all {
  padding: 1px; }

.pad-2-all {
  padding: 2px; }

.pad-3-all {
  padding: 3px; }

.pad-4-all {
  padding: 4px; }

.pad-5-all {
  padding: 5px; }

.pad-6-all {
  padding: 6px; }

.pad-7-all {
  padding: 7px; }

.pad-8-all {
  padding: 8px; }

.pad-9-all {
  padding: 9px; }

.pad-10-all {
  padding: 10px; }

.pad-11-all {
  padding: 11px; }

.pad-12-all {
  padding: 12px; }

.pad-13-all {
  padding: 13px; }

.pad-14-all {
  padding: 14px; }

.pad-15-all {
  padding: 15px; }

.pad-16-all {
  padding: 16px; }

.pad-17-all {
  padding: 17px; }

.pad-18-all {
  padding: 18px; }

.pad-19-all {
  padding: 19px; }

.pad-20-all {
  padding: 20px; }

.pad-21-all {
  padding: 21px; }

.pad-22-all {
  padding: 22px; }

.pad-23-all {
  padding: 23px; }

.pad-24-all {
  padding: 24px; }

.pad-25-all {
  padding: 25px; }

.pad-26-all {
  padding: 26px; }

.pad-27-all {
  padding: 27px; }

.pad-28-all {
  padding: 28px; }

.pad-29-all {
  padding: 29px; }

.pad-30-all {
  padding: 30px; }

.pad-31-all {
  padding: 31px; }

.pad-32-all {
  padding: 32px; }

.pad-40-all {
  padding: 40px; }

.pad-60-all {
  padding: 60px; }

.pad-64-all {
  padding: 64px; }

.pad-67-all {
  padding: 67px; }

.pad-n3-all {
  padding: -3px; }

.mgn-xs-t {
  margin-top: 3px; }

.mgn-s-t {
  margin-top: 5px; }

.mgn-m-t {
  margin-top: 10px; }

.mgn-l-t {
  margin-top: 15px; }

.mgn-1-t {
  margin-top: 1px; }

.mgn-2-t {
  margin-top: 2px; }

.mgn-3-t {
  margin-top: 3px; }

.mgn-4-t {
  margin-top: 4px; }

.mgn-5-t {
  margin-top: 5px; }

.mgn-6-t {
  margin-top: 6px; }

.mgn-7-t {
  margin-top: 7px; }

.mgn-8-t {
  margin-top: 8px; }

.mgn-9-t {
  margin-top: 9px; }

.mgn-10-t {
  margin-top: 10px; }

.mgn-11-t {
  margin-top: 11px; }

.mgn-12-t {
  margin-top: 12px; }

.mgn-13-t {
  margin-top: 13px; }

.mgn-14-t {
  margin-top: 14px; }

.mgn-15-t {
  margin-top: 15px; }

.mgn-16-t {
  margin-top: 16px; }

.mgn-17-t {
  margin-top: 17px; }

.mgn-18-t {
  margin-top: 18px; }

.mgn-19-t {
  margin-top: 19px; }

.mgn-20-t {
  margin-top: 20px; }

.mgn-21-t {
  margin-top: 21px; }

.mgn-22-t {
  margin-top: 22px; }

.mgn-23-t {
  margin-top: 23px; }

.mgn-24-t {
  margin-top: 24px; }

.mgn-25-t {
  margin-top: 25px; }

.mgn-26-t {
  margin-top: 26px; }

.mgn-27-t {
  margin-top: 27px; }

.mgn-28-t {
  margin-top: 28px; }

.mgn-29-t {
  margin-top: 29px; }

.mgn-30-t {
  margin-top: 30px; }

.mgn-31-t {
  margin-top: 31px; }

.mgn-32-t {
  margin-top: 32px; }

.mgn-40-t {
  margin-top: 40px; }

.mgn-60-t {
  margin-top: 60px; }

.mgn-64-t {
  margin-top: 64px; }

.mgn-67-t {
  margin-top: 67px; }

.mgn-n3-t {
  margin-top: -3px; }

.mgn-xs-r {
  margin-right: 3px; }

.mgn-s-r {
  margin-right: 5px; }

.mgn-m-r {
  margin-right: 10px; }

.mgn-l-r {
  margin-right: 15px; }

.mgn-1-r {
  margin-right: 1px; }

.mgn-2-r {
  margin-right: 2px; }

.mgn-3-r {
  margin-right: 3px; }

.mgn-4-r {
  margin-right: 4px; }

.mgn-5-r {
  margin-right: 5px; }

.mgn-6-r {
  margin-right: 6px; }

.mgn-7-r {
  margin-right: 7px; }

.mgn-8-r {
  margin-right: 8px; }

.mgn-9-r {
  margin-right: 9px; }

.mgn-10-r {
  margin-right: 10px; }

.mgn-11-r {
  margin-right: 11px; }

.mgn-12-r {
  margin-right: 12px; }

.mgn-13-r {
  margin-right: 13px; }

.mgn-14-r {
  margin-right: 14px; }

.mgn-15-r {
  margin-right: 15px; }

.mgn-16-r {
  margin-right: 16px; }

.mgn-17-r {
  margin-right: 17px; }

.mgn-18-r {
  margin-right: 18px; }

.mgn-19-r {
  margin-right: 19px; }

.mgn-20-r {
  margin-right: 20px; }

.mgn-21-r {
  margin-right: 21px; }

.mgn-22-r {
  margin-right: 22px; }

.mgn-23-r {
  margin-right: 23px; }

.mgn-24-r {
  margin-right: 24px; }

.mgn-25-r {
  margin-right: 25px; }

.mgn-26-r {
  margin-right: 26px; }

.mgn-27-r {
  margin-right: 27px; }

.mgn-28-r {
  margin-right: 28px; }

.mgn-29-r {
  margin-right: 29px; }

.mgn-30-r {
  margin-right: 30px; }

.mgn-31-r {
  margin-right: 31px; }

.mgn-32-r {
  margin-right: 32px; }

.mgn-40-r {
  margin-right: 40px; }

.mgn-60-r {
  margin-right: 60px; }

.mgn-64-r {
  margin-right: 64px; }

.mgn-67-r {
  margin-right: 67px; }

.mgn-n3-r {
  margin-right: -3px; }

.mgn-xs-b {
  margin-bottom: 3px; }

.mgn-s-b {
  margin-bottom: 5px; }

.mgn-m-b {
  margin-bottom: 10px; }

.mgn-l-b {
  margin-bottom: 15px; }

.mgn-1-b {
  margin-bottom: 1px; }

.mgn-2-b {
  margin-bottom: 2px; }

.mgn-3-b {
  margin-bottom: 3px; }

.mgn-4-b {
  margin-bottom: 4px; }

.mgn-5-b {
  margin-bottom: 5px; }

.mgn-6-b {
  margin-bottom: 6px; }

.mgn-7-b {
  margin-bottom: 7px; }

.mgn-8-b {
  margin-bottom: 8px; }

.mgn-9-b {
  margin-bottom: 9px; }

.mgn-10-b {
  margin-bottom: 10px; }

.mgn-11-b {
  margin-bottom: 11px; }

.mgn-12-b {
  margin-bottom: 12px; }

.mgn-13-b {
  margin-bottom: 13px; }

.mgn-14-b {
  margin-bottom: 14px; }

.mgn-15-b {
  margin-bottom: 15px; }

.mgn-16-b {
  margin-bottom: 16px; }

.mgn-17-b {
  margin-bottom: 17px; }

.mgn-18-b {
  margin-bottom: 18px; }

.mgn-19-b {
  margin-bottom: 19px; }

.mgn-20-b {
  margin-bottom: 20px; }

.mgn-21-b {
  margin-bottom: 21px; }

.mgn-22-b {
  margin-bottom: 22px; }

.mgn-23-b {
  margin-bottom: 23px; }

.mgn-24-b {
  margin-bottom: 24px; }

.mgn-25-b {
  margin-bottom: 25px; }

.mgn-26-b {
  margin-bottom: 26px; }

.mgn-27-b {
  margin-bottom: 27px; }

.mgn-28-b {
  margin-bottom: 28px; }

.mgn-29-b {
  margin-bottom: 29px; }

.mgn-30-b {
  margin-bottom: 30px; }

.mgn-31-b {
  margin-bottom: 31px; }

.mgn-32-b {
  margin-bottom: 32px; }

.mgn-40-b {
  margin-bottom: 40px; }

.mgn-60-b {
  margin-bottom: 60px; }

.mgn-64-b {
  margin-bottom: 64px; }

.mgn-67-b {
  margin-bottom: 67px; }

.mgn-n3-b {
  margin-bottom: -3px; }

.mgn-xs-l {
  margin-left: 3px; }

.mgn-s-l {
  margin-left: 5px; }

.mgn-m-l {
  margin-left: 10px; }

.mgn-l-l {
  margin-left: 15px; }

.mgn-1-l {
  margin-left: 1px; }

.mgn-2-l {
  margin-left: 2px; }

.mgn-3-l {
  margin-left: 3px; }

.mgn-4-l {
  margin-left: 4px; }

.mgn-5-l {
  margin-left: 5px; }

.mgn-6-l {
  margin-left: 6px; }

.mgn-7-l {
  margin-left: 7px; }

.mgn-8-l {
  margin-left: 8px; }

.mgn-9-l {
  margin-left: 9px; }

.mgn-10-l {
  margin-left: 10px; }

.mgn-11-l {
  margin-left: 11px; }

.mgn-12-l {
  margin-left: 12px; }

.mgn-13-l {
  margin-left: 13px; }

.mgn-14-l {
  margin-left: 14px; }

.mgn-15-l {
  margin-left: 15px; }

.mgn-16-l {
  margin-left: 16px; }

.mgn-17-l {
  margin-left: 17px; }

.mgn-18-l {
  margin-left: 18px; }

.mgn-19-l {
  margin-left: 19px; }

.mgn-20-l {
  margin-left: 20px; }

.mgn-21-l {
  margin-left: 21px; }

.mgn-22-l {
  margin-left: 22px; }

.mgn-23-l {
  margin-left: 23px; }

.mgn-24-l {
  margin-left: 24px; }

.mgn-25-l {
  margin-left: 25px; }

.mgn-26-l {
  margin-left: 26px; }

.mgn-27-l {
  margin-left: 27px; }

.mgn-28-l {
  margin-left: 28px; }

.mgn-29-l {
  margin-left: 29px; }

.mgn-30-l {
  margin-left: 30px; }

.mgn-31-l {
  margin-left: 31px; }

.mgn-32-l {
  margin-left: 32px; }

.mgn-40-l {
  margin-left: 40px; }

.mgn-60-l {
  margin-left: 60px; }

.mgn-64-l {
  margin-left: 64px; }

.mgn-67-l {
  margin-left: 67px; }

.mgn-n3-l {
  margin-left: -3px; }

.mgn-xs-lr {
  margin-left: 3px;
  margin-right: 3px; }

.mgn-s-lr {
  margin-left: 5px;
  margin-right: 5px; }

.mgn-m-lr {
  margin-left: 10px;
  margin-right: 10px; }

.mgn-l-lr {
  margin-left: 15px;
  margin-right: 15px; }

.mgn-1-lr {
  margin-left: 1px;
  margin-right: 1px; }

.mgn-2-lr {
  margin-left: 2px;
  margin-right: 2px; }

.mgn-3-lr {
  margin-left: 3px;
  margin-right: 3px; }

.mgn-4-lr {
  margin-left: 4px;
  margin-right: 4px; }

.mgn-5-lr {
  margin-left: 5px;
  margin-right: 5px; }

.mgn-6-lr {
  margin-left: 6px;
  margin-right: 6px; }

.mgn-7-lr {
  margin-left: 7px;
  margin-right: 7px; }

.mgn-8-lr {
  margin-left: 8px;
  margin-right: 8px; }

.mgn-9-lr {
  margin-left: 9px;
  margin-right: 9px; }

.mgn-10-lr {
  margin-left: 10px;
  margin-right: 10px; }

.mgn-11-lr {
  margin-left: 11px;
  margin-right: 11px; }

.mgn-12-lr {
  margin-left: 12px;
  margin-right: 12px; }

.mgn-13-lr {
  margin-left: 13px;
  margin-right: 13px; }

.mgn-14-lr {
  margin-left: 14px;
  margin-right: 14px; }

.mgn-15-lr {
  margin-left: 15px;
  margin-right: 15px; }

.mgn-16-lr {
  margin-left: 16px;
  margin-right: 16px; }

.mgn-17-lr {
  margin-left: 17px;
  margin-right: 17px; }

.mgn-18-lr {
  margin-left: 18px;
  margin-right: 18px; }

.mgn-19-lr {
  margin-left: 19px;
  margin-right: 19px; }

.mgn-20-lr {
  margin-left: 20px;
  margin-right: 20px; }

.mgn-21-lr {
  margin-left: 21px;
  margin-right: 21px; }

.mgn-22-lr {
  margin-left: 22px;
  margin-right: 22px; }

.mgn-23-lr {
  margin-left: 23px;
  margin-right: 23px; }

.mgn-24-lr {
  margin-left: 24px;
  margin-right: 24px; }

.mgn-25-lr {
  margin-left: 25px;
  margin-right: 25px; }

.mgn-26-lr {
  margin-left: 26px;
  margin-right: 26px; }

.mgn-27-lr {
  margin-left: 27px;
  margin-right: 27px; }

.mgn-28-lr {
  margin-left: 28px;
  margin-right: 28px; }

.mgn-29-lr {
  margin-left: 29px;
  margin-right: 29px; }

.mgn-30-lr {
  margin-left: 30px;
  margin-right: 30px; }

.mgn-31-lr {
  margin-left: 31px;
  margin-right: 31px; }

.mgn-32-lr {
  margin-left: 32px;
  margin-right: 32px; }

.mgn-40-lr {
  margin-left: 40px;
  margin-right: 40px; }

.mgn-60-lr {
  margin-left: 60px;
  margin-right: 60px; }

.mgn-64-lr {
  margin-left: 64px;
  margin-right: 64px; }

.mgn-67-lr {
  margin-left: 67px;
  margin-right: 67px; }

.mgn-n3-lr {
  margin-left: -3px;
  margin-right: -3px; }

.mgn-xs-tb {
  margin-top: 3px;
  margin-bottom: 3px; }

.mgn-s-tb {
  margin-top: 5px;
  margin-bottom: 5px; }

.mgn-m-tb {
  margin-top: 10px;
  margin-bottom: 10px; }

.mgn-l-tb {
  margin-top: 15px;
  margin-bottom: 15px; }

.mgn-1-tb {
  margin-top: 1px;
  margin-bottom: 1px; }

.mgn-2-tb {
  margin-top: 2px;
  margin-bottom: 2px; }

.mgn-3-tb {
  margin-top: 3px;
  margin-bottom: 3px; }

.mgn-4-tb {
  margin-top: 4px;
  margin-bottom: 4px; }

.mgn-5-tb {
  margin-top: 5px;
  margin-bottom: 5px; }

.mgn-6-tb {
  margin-top: 6px;
  margin-bottom: 6px; }

.mgn-7-tb {
  margin-top: 7px;
  margin-bottom: 7px; }

.mgn-8-tb {
  margin-top: 8px;
  margin-bottom: 8px; }

.mgn-9-tb {
  margin-top: 9px;
  margin-bottom: 9px; }

.mgn-10-tb {
  margin-top: 10px;
  margin-bottom: 10px; }

.mgn-11-tb {
  margin-top: 11px;
  margin-bottom: 11px; }

.mgn-12-tb {
  margin-top: 12px;
  margin-bottom: 12px; }

.mgn-13-tb {
  margin-top: 13px;
  margin-bottom: 13px; }

.mgn-14-tb {
  margin-top: 14px;
  margin-bottom: 14px; }

.mgn-15-tb {
  margin-top: 15px;
  margin-bottom: 15px; }

.mgn-16-tb {
  margin-top: 16px;
  margin-bottom: 16px; }

.mgn-17-tb {
  margin-top: 17px;
  margin-bottom: 17px; }

.mgn-18-tb {
  margin-top: 18px;
  margin-bottom: 18px; }

.mgn-19-tb {
  margin-top: 19px;
  margin-bottom: 19px; }

.mgn-20-tb {
  margin-top: 20px;
  margin-bottom: 20px; }

.mgn-21-tb {
  margin-top: 21px;
  margin-bottom: 21px; }

.mgn-22-tb {
  margin-top: 22px;
  margin-bottom: 22px; }

.mgn-23-tb {
  margin-top: 23px;
  margin-bottom: 23px; }

.mgn-24-tb {
  margin-top: 24px;
  margin-bottom: 24px; }

.mgn-25-tb {
  margin-top: 25px;
  margin-bottom: 25px; }

.mgn-26-tb {
  margin-top: 26px;
  margin-bottom: 26px; }

.mgn-27-tb {
  margin-top: 27px;
  margin-bottom: 27px; }

.mgn-28-tb {
  margin-top: 28px;
  margin-bottom: 28px; }

.mgn-29-tb {
  margin-top: 29px;
  margin-bottom: 29px; }

.mgn-30-tb {
  margin-top: 30px;
  margin-bottom: 30px; }

.mgn-31-tb {
  margin-top: 31px;
  margin-bottom: 31px; }

.mgn-32-tb {
  margin-top: 32px;
  margin-bottom: 32px; }

.mgn-40-tb {
  margin-top: 40px;
  margin-bottom: 40px; }

.mgn-60-tb {
  margin-top: 60px;
  margin-bottom: 60px; }

.mgn-64-tb {
  margin-top: 64px;
  margin-bottom: 64px; }

.mgn-67-tb {
  margin-top: 67px;
  margin-bottom: 67px; }

.mgn-n3-tb {
  margin-top: -3px;
  margin-bottom: -3px; }

.mgn-xs-all {
  margin: 3px; }

.mgn-s-all {
  margin: 5px; }

.mgn-m-all {
  margin: 10px; }

.mgn-l-all {
  margin: 15px; }

.mgn-1-all {
  margin: 1px; }

.mgn-2-all {
  margin: 2px; }

.mgn-3-all {
  margin: 3px; }

.mgn-4-all {
  margin: 4px; }

.mgn-5-all {
  margin: 5px; }

.mgn-6-all {
  margin: 6px; }

.mgn-7-all {
  margin: 7px; }

.mgn-8-all {
  margin: 8px; }

.mgn-9-all {
  margin: 9px; }

.mgn-10-all {
  margin: 10px; }

.mgn-11-all {
  margin: 11px; }

.mgn-12-all {
  margin: 12px; }

.mgn-13-all {
  margin: 13px; }

.mgn-14-all {
  margin: 14px; }

.mgn-15-all {
  margin: 15px; }

.mgn-16-all {
  margin: 16px; }

.mgn-17-all {
  margin: 17px; }

.mgn-18-all {
  margin: 18px; }

.mgn-19-all {
  margin: 19px; }

.mgn-20-all {
  margin: 20px; }

.mgn-21-all {
  margin: 21px; }

.mgn-22-all {
  margin: 22px; }

.mgn-23-all {
  margin: 23px; }

.mgn-24-all {
  margin: 24px; }

.mgn-25-all {
  margin: 25px; }

.mgn-26-all {
  margin: 26px; }

.mgn-27-all {
  margin: 27px; }

.mgn-28-all {
  margin: 28px; }

.mgn-29-all {
  margin: 29px; }

.mgn-30-all {
  margin: 30px; }

.mgn-31-all {
  margin: 31px; }

.mgn-32-all {
  margin: 32px; }

.mgn-40-all {
  margin: 40px; }

.mgn-60-all {
  margin: 60px; }

.mgn-64-all {
  margin: 64px; }

.mgn-67-all {
  margin: 67px; }

.mgn-n3-all {
  margin: -3px; }

.ar .pad-xs-l {
  padding-right: 3px;
  padding-left: 0; }

.ar .pad-s-l {
  padding-right: 5px;
  padding-left: 0; }

.ar .pad-m-l {
  padding-right: 10px;
  padding-left: 0; }

.ar .pad-l-l {
  padding-right: 15px;
  padding-left: 0; }

.ar .pad-1-l {
  padding-right: 1px;
  padding-left: 0; }

.ar .pad-2-l {
  padding-right: 2px;
  padding-left: 0; }

.ar .pad-3-l {
  padding-right: 3px;
  padding-left: 0; }

.ar .pad-4-l {
  padding-right: 4px;
  padding-left: 0; }

.ar .pad-5-l {
  padding-right: 5px;
  padding-left: 0; }

.ar .pad-6-l {
  padding-right: 6px;
  padding-left: 0; }

.ar .pad-7-l {
  padding-right: 7px;
  padding-left: 0; }

.ar .pad-8-l {
  padding-right: 8px;
  padding-left: 0; }

.ar .pad-9-l {
  padding-right: 9px;
  padding-left: 0; }

.ar .pad-10-l {
  padding-right: 10px;
  padding-left: 0; }

.ar .pad-11-l {
  padding-right: 11px;
  padding-left: 0; }

.ar .pad-12-l {
  padding-right: 12px;
  padding-left: 0; }

.ar .pad-13-l {
  padding-right: 13px;
  padding-left: 0; }

.ar .pad-14-l {
  padding-right: 14px;
  padding-left: 0; }

.ar .pad-15-l {
  padding-right: 15px;
  padding-left: 0; }

.ar .pad-16-l {
  padding-right: 16px;
  padding-left: 0; }

.ar .pad-17-l {
  padding-right: 17px;
  padding-left: 0; }

.ar .pad-18-l {
  padding-right: 18px;
  padding-left: 0; }

.ar .pad-19-l {
  padding-right: 19px;
  padding-left: 0; }

.ar .pad-20-l {
  padding-right: 20px;
  padding-left: 0; }

.ar .pad-21-l {
  padding-right: 21px;
  padding-left: 0; }

.ar .pad-22-l {
  padding-right: 22px;
  padding-left: 0; }

.ar .pad-23-l {
  padding-right: 23px;
  padding-left: 0; }

.ar .pad-24-l {
  padding-right: 24px;
  padding-left: 0; }

.ar .pad-25-l {
  padding-right: 25px;
  padding-left: 0; }

.ar .pad-26-l {
  padding-right: 26px;
  padding-left: 0; }

.ar .pad-27-l {
  padding-right: 27px;
  padding-left: 0; }

.ar .pad-28-l {
  padding-right: 28px;
  padding-left: 0; }

.ar .pad-29-l {
  padding-right: 29px;
  padding-left: 0; }

.ar .pad-30-l {
  padding-right: 30px;
  padding-left: 0; }

.ar .pad-31-l {
  padding-right: 31px;
  padding-left: 0; }

.ar .pad-32-l {
  padding-right: 32px;
  padding-left: 0; }

.ar .pad-40-l {
  padding-right: 40px;
  padding-left: 0; }

.ar .pad-60-l {
  padding-right: 60px;
  padding-left: 0; }

.ar .pad-64-l {
  padding-right: 64px;
  padding-left: 0; }

.ar .pad-67-l {
  padding-right: 67px;
  padding-left: 0; }

.ar .pad-n3-l {
  padding-right: -3px;
  padding-left: 0; }

.ar .pad-xs-r {
  padding-left: 3px;
  padding-right: 0; }

.ar .pad-s-r {
  padding-left: 5px;
  padding-right: 0; }

.ar .pad-m-r {
  padding-left: 10px;
  padding-right: 0; }

.ar .pad-l-r {
  padding-left: 15px;
  padding-right: 0; }

.ar .pad-1-r {
  padding-left: 1px;
  padding-right: 0; }

.ar .pad-2-r {
  padding-left: 2px;
  padding-right: 0; }

.ar .pad-3-r {
  padding-left: 3px;
  padding-right: 0; }

.ar .pad-4-r {
  padding-left: 4px;
  padding-right: 0; }

.ar .pad-5-r {
  padding-left: 5px;
  padding-right: 0; }

.ar .pad-6-r {
  padding-left: 6px;
  padding-right: 0; }

.ar .pad-7-r {
  padding-left: 7px;
  padding-right: 0; }

.ar .pad-8-r {
  padding-left: 8px;
  padding-right: 0; }

.ar .pad-9-r {
  padding-left: 9px;
  padding-right: 0; }

.ar .pad-10-r {
  padding-left: 10px;
  padding-right: 0; }

.ar .pad-11-r {
  padding-left: 11px;
  padding-right: 0; }

.ar .pad-12-r {
  padding-left: 12px;
  padding-right: 0; }

.ar .pad-13-r {
  padding-left: 13px;
  padding-right: 0; }

.ar .pad-14-r {
  padding-left: 14px;
  padding-right: 0; }

.ar .pad-15-r {
  padding-left: 15px;
  padding-right: 0; }

.ar .pad-16-r {
  padding-left: 16px;
  padding-right: 0; }

.ar .pad-17-r {
  padding-left: 17px;
  padding-right: 0; }

.ar .pad-18-r {
  padding-left: 18px;
  padding-right: 0; }

.ar .pad-19-r {
  padding-left: 19px;
  padding-right: 0; }

.ar .pad-20-r {
  padding-left: 20px;
  padding-right: 0; }

.ar .pad-21-r {
  padding-left: 21px;
  padding-right: 0; }

.ar .pad-22-r {
  padding-left: 22px;
  padding-right: 0; }

.ar .pad-23-r {
  padding-left: 23px;
  padding-right: 0; }

.ar .pad-24-r {
  padding-left: 24px;
  padding-right: 0; }

.ar .pad-25-r {
  padding-left: 25px;
  padding-right: 0; }

.ar .pad-26-r {
  padding-left: 26px;
  padding-right: 0; }

.ar .pad-27-r {
  padding-left: 27px;
  padding-right: 0; }

.ar .pad-28-r {
  padding-left: 28px;
  padding-right: 0; }

.ar .pad-29-r {
  padding-left: 29px;
  padding-right: 0; }

.ar .pad-30-r {
  padding-left: 30px;
  padding-right: 0; }

.ar .pad-31-r {
  padding-left: 31px;
  padding-right: 0; }

.ar .pad-32-r {
  padding-left: 32px;
  padding-right: 0; }

.ar .pad-40-r {
  padding-left: 40px;
  padding-right: 0; }

.ar .pad-60-r {
  padding-left: 60px;
  padding-right: 0; }

.ar .pad-64-r {
  padding-left: 64px;
  padding-right: 0; }

.ar .pad-67-r {
  padding-left: 67px;
  padding-right: 0; }

.ar .pad-n3-r {
  padding-left: -3px;
  padding-right: 0; }

.ar .mgn-xs-l {
  margin-right: 3px;
  margin-left: 0; }

.ar .mgn-s-l {
  margin-right: 5px;
  margin-left: 0; }

.ar .mgn-m-l {
  margin-right: 10px;
  margin-left: 0; }

.ar .mgn-l-l {
  margin-right: 15px;
  margin-left: 0; }

.ar .mgn-1-l {
  margin-right: 1px;
  margin-left: 0; }

.ar .mgn-2-l {
  margin-right: 2px;
  margin-left: 0; }

.ar .mgn-3-l {
  margin-right: 3px;
  margin-left: 0; }

.ar .mgn-4-l {
  margin-right: 4px;
  margin-left: 0; }

.ar .mgn-5-l {
  margin-right: 5px;
  margin-left: 0; }

.ar .mgn-6-l {
  margin-right: 6px;
  margin-left: 0; }

.ar .mgn-7-l {
  margin-right: 7px;
  margin-left: 0; }

.ar .mgn-8-l {
  margin-right: 8px;
  margin-left: 0; }

.ar .mgn-9-l {
  margin-right: 9px;
  margin-left: 0; }

.ar .mgn-10-l {
  margin-right: 10px;
  margin-left: 0; }

.ar .mgn-11-l {
  margin-right: 11px;
  margin-left: 0; }

.ar .mgn-12-l {
  margin-right: 12px;
  margin-left: 0; }

.ar .mgn-13-l {
  margin-right: 13px;
  margin-left: 0; }

.ar .mgn-14-l {
  margin-right: 14px;
  margin-left: 0; }

.ar .mgn-15-l {
  margin-right: 15px;
  margin-left: 0; }

.ar .mgn-16-l {
  margin-right: 16px;
  margin-left: 0; }

.ar .mgn-17-l {
  margin-right: 17px;
  margin-left: 0; }

.ar .mgn-18-l {
  margin-right: 18px;
  margin-left: 0; }

.ar .mgn-19-l {
  margin-right: 19px;
  margin-left: 0; }

.ar .mgn-20-l {
  margin-right: 20px;
  margin-left: 0; }

.ar .mgn-21-l {
  margin-right: 21px;
  margin-left: 0; }

.ar .mgn-22-l {
  margin-right: 22px;
  margin-left: 0; }

.ar .mgn-23-l {
  margin-right: 23px;
  margin-left: 0; }

.ar .mgn-24-l {
  margin-right: 24px;
  margin-left: 0; }

.ar .mgn-25-l {
  margin-right: 25px;
  margin-left: 0; }

.ar .mgn-26-l {
  margin-right: 26px;
  margin-left: 0; }

.ar .mgn-27-l {
  margin-right: 27px;
  margin-left: 0; }

.ar .mgn-28-l {
  margin-right: 28px;
  margin-left: 0; }

.ar .mgn-29-l {
  margin-right: 29px;
  margin-left: 0; }

.ar .mgn-30-l {
  margin-right: 30px;
  margin-left: 0; }

.ar .mgn-31-l {
  margin-right: 31px;
  margin-left: 0; }

.ar .mgn-32-l {
  margin-right: 32px;
  margin-left: 0; }

.ar .mgn-40-l {
  margin-right: 40px;
  margin-left: 0; }

.ar .mgn-60-l {
  margin-right: 60px;
  margin-left: 0; }

.ar .mgn-64-l {
  margin-right: 64px;
  margin-left: 0; }

.ar .mgn-67-l {
  margin-right: 67px;
  margin-left: 0; }

.ar .mgn-n3-l {
  margin-right: -3px;
  margin-left: 0; }

.ar .mgn-xs-r {
  margin-left: 3px;
  margin-right: 0; }

.ar .mgn-s-r {
  margin-left: 5px;
  margin-right: 0; }

.ar .mgn-m-r {
  margin-left: 10px;
  margin-right: 0; }

.ar .mgn-l-r {
  margin-left: 15px;
  margin-right: 0; }

.ar .mgn-1-r {
  margin-left: 1px;
  margin-right: 0; }

.ar .mgn-2-r {
  margin-left: 2px;
  margin-right: 0; }

.ar .mgn-3-r {
  margin-left: 3px;
  margin-right: 0; }

.ar .mgn-4-r {
  margin-left: 4px;
  margin-right: 0; }

.ar .mgn-5-r {
  margin-left: 5px;
  margin-right: 0; }

.ar .mgn-6-r {
  margin-left: 6px;
  margin-right: 0; }

.ar .mgn-7-r {
  margin-left: 7px;
  margin-right: 0; }

.ar .mgn-8-r {
  margin-left: 8px;
  margin-right: 0; }

.ar .mgn-9-r {
  margin-left: 9px;
  margin-right: 0; }

.ar .mgn-10-r {
  margin-left: 10px;
  margin-right: 0; }

.ar .mgn-11-r {
  margin-left: 11px;
  margin-right: 0; }

.ar .mgn-12-r {
  margin-left: 12px;
  margin-right: 0; }

.ar .mgn-13-r {
  margin-left: 13px;
  margin-right: 0; }

.ar .mgn-14-r {
  margin-left: 14px;
  margin-right: 0; }

.ar .mgn-15-r {
  margin-left: 15px;
  margin-right: 0; }

.ar .mgn-16-r {
  margin-left: 16px;
  margin-right: 0; }

.ar .mgn-17-r {
  margin-left: 17px;
  margin-right: 0; }

.ar .mgn-18-r {
  margin-left: 18px;
  margin-right: 0; }

.ar .mgn-19-r {
  margin-left: 19px;
  margin-right: 0; }

.ar .mgn-20-r {
  margin-left: 20px;
  margin-right: 0; }

.ar .mgn-21-r {
  margin-left: 21px;
  margin-right: 0; }

.ar .mgn-22-r {
  margin-left: 22px;
  margin-right: 0; }

.ar .mgn-23-r {
  margin-left: 23px;
  margin-right: 0; }

.ar .mgn-24-r {
  margin-left: 24px;
  margin-right: 0; }

.ar .mgn-25-r {
  margin-left: 25px;
  margin-right: 0; }

.ar .mgn-26-r {
  margin-left: 26px;
  margin-right: 0; }

.ar .mgn-27-r {
  margin-left: 27px;
  margin-right: 0; }

.ar .mgn-28-r {
  margin-left: 28px;
  margin-right: 0; }

.ar .mgn-29-r {
  margin-left: 29px;
  margin-right: 0; }

.ar .mgn-30-r {
  margin-left: 30px;
  margin-right: 0; }

.ar .mgn-31-r {
  margin-left: 31px;
  margin-right: 0; }

.ar .mgn-32-r {
  margin-left: 32px;
  margin-right: 0; }

.ar .mgn-40-r {
  margin-left: 40px;
  margin-right: 0; }

.ar .mgn-60-r {
  margin-left: 60px;
  margin-right: 0; }

.ar .mgn-64-r {
  margin-left: 64px;
  margin-right: 0; }

.ar .mgn-67-r {
  margin-left: 67px;
  margin-right: 0; }

.ar .mgn-n3-r {
  margin-left: -3px;
  margin-right: 0; }

.margin-auto {
  margin: auto; }

h1 {
  font-size: 1rem; }

h3 {
  font-size: 0.875rem; }

h4 {
  font-size: 0.813rem; }

h5 {
  font-size: 0.75rem; }

h1, h3, h4, h5 {
  font-weight: bold;
  margin: 0;
  text-align: left;
  vertical-align: middle;
  padding: 0 5px 5px 0;
  display: inline-block; }
  .theme1 h1, .theme1 h3, .theme1 h4, .theme1 h5 {
    color: #ffffff; }
  .theme2 h1, .theme2 h3, .theme2 h4, .theme2 h5 {
    color: #0071FF; }

.resize-none {
  resize: none; }

.connection-overlay {
  position: absolute;
  top: 0;
  height: 100vh;
  z-index: 10500;
  width: 100%;
  backdrop-filter: blur(3px);
  display: flex;
  justify-content: center;
  align-items: center; }
  .theme1 .connection-overlay {
    background-color: rgba(255, 255, 255, 0.45); }
  .theme2 .connection-overlay {
    background-color: rgba(255, 255, 255, 0.45); }

.custom-loading-spinner::after {
  box-sizing: border-box;
  z-index: 10600;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: cf-loading 1s linear infinite; }

@keyframes cf-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.svg-icon-8 {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-size: 8px; }

.svg-icon-10 {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-size: 10px; }

.svg-icon-11 {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-size: 11px; }

.svg-icon-12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: 12px; }

.svg-icon-13 {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-size: 13px; }

.svg-icon-16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px; }

.svg-icon-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px; }

.svg-icon-28 {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 28px; }

.rounded-5 {
  border-radius: 5px; }

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

.rounded-8 {
  border-radius: 8px; }

.rounded-10 {
  border-radius: 10px; }

.rounded-12 {
  border-radius: 12px; }

.rounded-15 {
  border-radius: 15px; }

.rounded-32 {
  border-radius: 32px; }

.white-space-pre-line {
  white-space: pre-line; }

.profile-pic {
  width: 180px;
  height: 180px;
  border-radius: 90px;
  -webkit-box-shadow: 0 0 7px 4px #020502;
  box-shadow: 0 0 5px 0px #020502; }

.profile-pic-edit {
  width: 25px;
  height: 25px;
  border-radius: 12.5px;
  bottom: 10px;
  right: 20px;
  padding-left: 6px;
  padding-top: 4px; }
  .theme1 .profile-pic-edit {
    background-color: #1FBA66; }
  .theme2 .profile-pic-edit {
    background-color: #1FBA66; }

.ar .profile-pic-edit {
  padding-left: 0;
  padding-right: 4px; }

.profile-pic-picker {
  display: none !important; }

.pro-chart-separator {
  width: 1px;
  height: 23px; }

.pro-chart-search-width {
  width: 130px; }

.pro-chart-compare-width {
  width: 120px; }

/* =======  Chart Theme Colors  =============  */
/* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */
/* Basic Buttons */
/* Inactive Button */
.stx-btn {
  display: inline-block;
  cursor: pointer;
  padding: 0px 8px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  overflow: visible;
  background-repeat: no-repeat;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-transition: color .25s, border .25s, box-shadow .25s;
  -moz-transition: color .25s, border .25s, box-shadow .25s;
  transition: color .25s, border .25s, box-shadow .25s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .theme1 .stx-btn {
    color: #9da6b2;
    border: 0 #1D396B solid; }
  .theme2 .stx-btn {
    color: #525252;
    border: 0 #e6e6e6 solid; }
  .theme2 .stx-btn {
    border: 1px #e6e6e6 solid;
    box-shadow: 0 1px 0px 0px rgba(172, 172, 172, 0.34);
    background-image: -moz-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%);
    background-image: -webkit-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%);
    background-image: -ms-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%);
    background-image: linear-gradient(0deg, #ffffff 0%, white 90%, white 100%); }

.stx-dialog div.stx-data select {
  /* Select element styles */
  float: right;
  text-align: left;
  width: 70px;
  padding: 5px;
  font-size: 0.688rem;
  border-radius: 3px; }
  .theme1 .stx-dialog div.stx-data select {
    color: #9da6b2;
    border: 0 #1D396B solid;
    background-color: #0b1d3d; }
  .theme2 .stx-dialog div.stx-data select {
    color: #525252;
    border: 0 #e6e6e6 solid;
    background-color: #ffffff; }
  .theme2 .stx-dialog div.stx-data select {
    border: 1px #e6e6e6 solid;
    box-shadow: 0 1px 0px 0px rgba(172, 172, 172, 0.34);
    background-image: -moz-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%);
    background-image: -webkit-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%);
    background-image: -ms-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%);
    background-image: linear-gradient(0deg, #ffffff 0%, white 90%, white 100%); }

/* --------------------------------------------------------- CHART CONTROLS --------------------------------------------------------- */
/* Chart size container */
#chartSize {
  margin: 0px auto;
  position: relative;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: #11161a;
  border: 1px solid #323d4c;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }

#chartSize:hover {
  border: 1px solid #58a7e2; }

/* Divider between zoom buttons */
#chartSize:after {
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 1px;
  left: 36px;
  content: "";
  display: block;
  background: #323d4c; }

/* Button  jumping to today's data */
.stx_jump_today {
  color: #FFF;
  overflow: hidden;
  position: absolute;
  bottom: 12px;
  right: 70px;
  line-height: 0px;
  height: 25px;
  width: 30px;
  padding: 0px;
  margin-bottom: 17px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 24px;
  border: 1px solid #323d4c;
  background: #11161a;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  transition: background .25s;
  -webkit-transition: background .25s;
  cursor: pointer;
  z-index: 30; }

.stx_jump_today:hover {
  border: 1px solid #58a7e2; }

/* --------------------------------------------------------- PANEL CONTROL TEMPLATES --------------------------------------------------------- */
.stx-panel-title {
  /* Panel/Chart Titles */
  margin: 0;
  float: left;
  display: inline-block;
  color: #cecece;
  padding: 0 10px;
  line-height: 22px;
  font-size: 12px;
  text-align: left;
  cursor: auto;
  background-color: transparent; }

/* Panel/Chart Titles */
.stx-panel-symbol {
  float: left;
  font-size: 18px;
  font-weight: bold;
  background-color: transparent;
  margin-right: 5px; }
  .theme1 .stx-panel-symbol {
    color: #d8dbe0; }
  .theme2 .stx-panel-symbol {
    color: black; }

.stx-panel-description {
  font-size: 11px;
  font-weight: bold;
  margin-top: 5px;
  background-color: transparent; }

.stx-panel-ltp {
  float: left;
  font-size: 18px;
  font-weight: bold;
  background-color: transparent;
  margin-right: 5px; }
  .theme1 .stx-panel-ltp {
    color: #ffffff; }
  .theme2 .stx-panel-ltp {
    color: #0071FF; }

/* ------------------------------------------------------- CHART OVERLAY ELEMENTS ------------------------------------------------------ */
/* These are the small divs that come up when you hover over a drawing or study overlay */
#mSticky, #showMeasure {
  display: none;
  background: #efefef;
  border: solid #ddd 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  font-size: 11px;
  text-transform: capitalize;
  white-space: nowrap;
  z-index: 40; }

/* Drawing and study info div delete button content */
#overlayTrashCan.stx-btn span, #vectorTrashCan.stx-btn span {
  display: block;
  margin: 0 0 0 5px;
  width: 23px;
  height: 23px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  text-indent: 100px;
  background: #efefef;
  border: solid #ddd 1px;
  background-image: url(../../assets/images/chartIQ/stx-sprite-panels.svg);
  background-position: -401px -26px; }

/* --------------------------------------------------------- CHART ELEMENT STYLES --------------------------------------------------------- */
/* -------- Axis Crosshair and current Prices -------- */
/* Crosshair Floating axis values */
.stx-float-price, .stx-float-date {
  position: absolute;
  font-size: 10px;
  font-family: Helvetica;
  z-index: 30;
  padding: 1px 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff; }

/* Crosshair Floating x-axis date */
.stx-float-date {
  padding: 1px 6px;
  width: 56px;
  text-align: center;
  width: 70px; }

/* 'Up' color for current chart value ( floating last price on y-axis) */
.theme1 .stx_current_hr_up {
  color: #ffffff;
  background-color: #1FBA66; }

.theme2 .stx_current_hr_up {
  color: #ffffff;
  background-color: #1FBA66; }

/* 'Down' color for current chart value ( floating last price on y-axis) */
.theme1 .stx_current_hr_down {
  color: #ffffff;
  background-color: #F94241; }

.theme2 .stx_current_hr_down {
  color: #ffffff;
  background-color: #F94241; }

/* -------- Axis Styles -------- */
/* x-axis date styles */
.stx_xaxis {
  font-size: 12px;
  font-family: Helvetica; }
  .theme1 .stx_xaxis {
    color: #d8dbe0; }
  .theme2 .stx_xaxis {
    color: black; }

/* x-axis date divider styles */
.theme1 .stx_xaxis_dark {
  color: #d8dbe0; }

.theme2 .stx_xaxis_dark {
  color: black; }

/* y-axis price styles */
.stx_yaxis {
  font-size: 10px;
  font-family: Helvetica; }
  .theme1 .stx_yaxis {
    color: #9da6b2; }
  .theme2 .stx_yaxis {
    color: #525252; }

/* -------- Crosshairs -------- */
/* Standard Crosshair color */
.stx_crosshair {
  position: absolute;
  z-index: 10;
  background-color: #999; }

/* Darker crosshairs when drawing */
.stx_crosshair_drawing {
  position: absolute;
  z-index: 10;
  background-color: #333; }

/* -------- Chart and Indicator Panel Styling -------- */
/* Panel Title text */
.stx_panels {
  font-family: Helvetica;
  font-size: 10px;
  color: white; }

/* Panel Title background */
.stx_panel_background {
  color: #7c878b; }

/* Divider between panels */
.stx_panel_border {
  width: 1px;
  color: #cccccc; }

/* Darker Divider between panels when resizing */
.stx_panel_drag {
  width: 2px;
  color: #666; }

/* Add background to expand button when toggled on */
.stx_solo_lit span {
  background-color: #b1b7b8;
  color: #ffffff;
  opacity: 1; }

/* -------- Chart Grid -------- */
/* Default Grid */
.stx_grid {
  color: #22272e;
  opacity: 1; }

/* Default Grid dividers */
.stx_grid_dark {
  color: #3c434c;
  opacity: .9; }

/* Default Grid borders */
.stx_grid_border {
  color: #1c232b; }

/* -------- Chart Type Styles -------- */
/* Default color for line and bar Charts */
.stx_line_chart, .stx_bar_chart {
  color: #02adf3; }

/* Down Bar color */
.stx_bar_down {
  color: #3399FE; }

/* Up Bar color */
.stx_bar_up {
  color: #3399FF; }

/* change the color and weight of drawings and study overlays on hover */
.stx_highlight_vector {
  color: red;
  width: 3px; }

/* Candle wick color */
.stx_candle_shadow, .stx_bar_even {
  color: #2e383b; }

/* Down Candle color */
.stx_candle_down, .stx_line_down {
  color: #e44f4f;
  border-left-color: #11161a; }

/* Up Candle color */
.stx_candle_up, .stx_line_up {
  color: #2ecc71;
  border-left-color: #11161a; }

.stx_hollow_candle_down {
  color: #e25959; }

.stx_hollow_candle_up {
  color: #459d6a; }

.stx_hollow_candle_even {
  color: #888888; }

/* baseline color */
.stx_baseline {
  color: #2e383b; }

/* under area color */
.stx_baseline_down {
  color: #eb242b;
  width: 2px; }

/* over area color */
.stx_baseline_up {
  color: #49ba59;
  width: 2px; }

/* Kagi chart width and color for downtrend */
.stx_kagi_down {
  color: #FF0000;
  width: 1px; }

/* Kagi chart width and color for uptrend */
.stx_kagi_up {
  color: #00FF00;
  width: 3px; }

/* P&F chart color, padding, width for downtrend */
.stx_pandf_down {
  color: #FF0000;
  padding: 2px 0px 2px 0px;
  width: 2px; }

/* P&F chart color, padding, width for uptrend */
.stx_pandf_up {
  color: #00FF00;
  padding: 2px 0px 2px 0px;
  width: 2px; }

/* Volume underlay styles */
.stx_volume_underlay_up {
  color: #8cc176;
  opacity: .3;
  border-left-color: black; }

.stx_volume_underlay_down {
  color: #b82d0c;
  opacity: .3;
  border-left-color: black; }

/* Volume profile styles */
.stx_volume_profile {
  opacity: .3;
  border-color: black; }

/* Line color for projections */
/* Line color for active line when drawing projections */
.stx_projection_new {
  color: blue; }

/* Transparent gaps overlay style */
.stx_gaps {
  color: #b1b7b8;
  opacity: .3; }

/* Default color for histograms */
.stx_histogram {
  color: #fff;
  opacity: .2; }

/* -------- Annotations -------- */
/* Annotation styles */
.stx_annotation {
  font-size: 13px;
  font-family: Helvetica;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0px 6px;
  outline: none;
  color: #333;
  resize: none; }

/* Annotation backgrounds */
.stx_annotation_bg {
  color: #f5f5f5; }

/* Annotation highlight color */
.stx_annotation_highlight {
  color: white; }

/* Annotation highlight background color */
.stx_annotation_highlight_bg {
  color: #3d4447; }

/* Annotation Buttons */
#annotationSave, #annotationCancel,
.stx-btn.stx_annotation_save, .stx-btn.stx_annotation_cancel {
  position: absolute;
  display: none;
  font-size: 11px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 50;
  background-color: #ffffff; }

/* Optional watermark style */
.stx_watermark {
  font-size: 16px;
  font-family: Helvetica;
  color: rgba(0, 0, 0, 0.5); }

/* Text for fibonacci values */
.stx_fib_levels {
  font-size: 12px;
  font-family: Helvetica;
  color: transparent; }

/* -------- Text for shared charts -------- */
.stx_share {
  font-size: 14px;
  font-family: georgia;
  color: #fff;
  width: 1px; }

/* ------------------------------------------------------- TOOLBAR ------------------------------------------------------- */
.stx-toolbar {
  border: none;
  border-bottom: solid 0 #ddd; }

/* --------------------------------------------------------- TOOLTIPS --------------------------------------------------------- */
.stx-tooltip > span {
  position: absolute;
  top: 2px;
  display: block;
  width: 10px;
  height: 10px;
  background: #000;
  -webkit-transform: rotate(45deg);
  /* Saf3.1+, Chrome */
  -moz-transform: rotate(45deg);
  /* FF3.5+ */
  -ms-transform: rotate(45deg);
  /* IE9 */
  -o-transform: rotate(45deg);
  /* Opera 10.5 */
  transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand');
  /* IE6–IE9 */
  zoom: 1;
  z-index: 1; }

/* -------------------------------------------------------- NAV BAR -------------------------------------------------------- */
.stx-nav.stx-collapse .stx-menu-btn.stx-collapsible {
  background-image: url(assets/images/chartIQ/stx-sprite.png);
  height: 27px;
  width: 45px;
  padding: 0;
  margin: 0 6px 0 0;
  border-color: rgba(153, 153, 153, 0.4);
  color: #efefef; }

/* Search */
input#symbol {
  background: #fff;
  -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2); }

.menuSelect.compare input[type="text"] {
  float: left;
  width: 90px;
  margin-right: 3px;
  text-transform: uppercase;
  border: none;
  color: #666666;
  padding: 6px;
  height: 14px;
  line-height: 14px; }

.menuSelect.compare .stx-menu-content.add {
  height: 38px;
  padding-bottom: 0px;
  border-bottom: solid 1px #efefef; }

.menuSelect.compare .stx-menu-content.type {
  padding-bottom: 10px;
  border-bottom: solid 1px #efefef; }

.chart-search-popup-position {
  top: 32px !important; }

/* Chart Comparison Type toggle */
.toggle-opt {
  line-height: normal;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 3px rgba(100, 100, 100, 0.4);
  border: solid 1px rgba(0, 0, 0, 0.1); }

.toggle-opt div {
  border-radius: inherit;
  display: inline-block;
  width: 50%;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  color: #666; }

.toggle-opt div:hover {
  background: rgba(0, 0, 0, 0.05); }

.toggle-opt div.true,
.toggle-opt div.true:hover {
  border-radius: 3px;
  color: #999;
  background: #fff;
  box-shadow: 1px 0px 2px rgba(100, 100, 100, 0.4); }

/* ------------------------------------------------------- TOOLBAR ------------------------------------------------------- */
.stx-toolbar {
  border: none;
  border-bottom: solid 0px #ddd; }

/* Sharing Button */
.stx-btn#shareBtn {
  position: absolute;
  top: 8px;
  right: 10px;
  background: rgba(98, 108, 116, 0.45);
  color: #fff;
  font-size: 12px;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  margin: 0px;
  padding: 0 4px 0 10px;
  transition: color .25s, border .25s, background .25s, box-shadow .25s;
  -webkit-transition: color .25s, border .25s, background .25s, box-shadow .25s; }

.stx-btn#shareBtn:hover {
  background: rgba(98, 108, 116, 0.7);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), inset 0px 10px 10px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), inset 0px 10px 10px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), inset 0px 10px 10px rgba(255, 255, 255, 0.2); }

.stx-btn#shareBtn:active {
  -webkit-box-shadow: inset 0px -8px 10px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0px -8px 10px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px -8px 10px rgba(255, 255, 255, 0.1); }

.stx-btn.loading#shareBtn {
  background: #fff;
  color: #666;
  text-shadow: none;
  border-color: #ccc;
  cursor: default; }

/* ------------------------------------------------------- SIDE PANELS ------------------------------------------------------- */
/* Sidepanel Selector Area */
.stx-panel-selector {
  position: absolute;
  width: 30px;
  top: 95px;
  right: 0px;
  bottom: -1px;
  border-left: solid 1px;
  z-index: 4;
  border-color: #DDDDDD; }

/* Sidepanel Selector Buttons */
.stx-panel-selector .stx-panel-toggle {
  display: block;
  width: 30px;
  text-indent: 100px;
  border-bottom: solid 1px;
  border-color: #DDDDDD;
  cursor: pointer;
  opacity: .6;
  transition: opacity 0.25s; }

.stx-panel-selector .stx-panel-toggle:first-child {
  border-top: solid 1px;
  border-color: #DDDDDD;
  margin-top: 49px; }

/* New List + Next/Prev Buttons */
#stxWatch a#stxNewWatchList:hover,
#stxWatch a#stxWatchNext:hover, #stxWatch a#stxWatchPrev:hover {
  border: solid 1px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }

#stxWatch #stxWatchLists ul li div {
  cursor: pointer;
  color: #666; }

/* New Dialog */
#stxWatchEditDialog div.textarea {
  border-top: 1px solid #ddd;
  margin: 10px 0;
  padding-top: 10px; }

/* CIQ Action Area */
.ciq #stxWatch #action {
  display: block;
  position: relative;
  clear: both;
  padding: 10px 0 10px 0;
  margin: 0;
  text-align: center;
  overflow: hidden;
  border-bottom: solid 1px #ddd; }

/* ------------------------------------------------------- BOTTOM BAR ------------------------------------------------------- */
#stxViews #stxNewViewBtn.stx-btn:hover {
  border: solid 1px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }

/* ------------------------------------------------------- Dialogs ------------------------------------------------------- */
#sharedLinkDialog .or,
#sharedLinkDialog p:first-of-type {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  color: #666; }

#shareCopyPaste {
  background: none repeat scroll 0 0 #EFEFEF;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  color: #484848;
  display: table-cell;
  margin-bottom: 20px;
  padding: 20px;
  width: 480px; }

#timezoneDialogWrapper {
  border-bottom: solid #CCCCCC 1px; }

#timezoneDialog li:hover {
  background-color: #F0F0F0; }

.eventName {
  font-weight: bold;
  color: #666; }

.yap:hover .eventName {
  color: #333; }

.myEvents {
  display: none;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: white; }

.myEvents.dividend {
  background-color: blue; }

.myEvents.news {
  background-color: red; }

.myEvents.earnings {
  background-color: purple; }

/* ------------------------------------------------------- End STX Advanced CSS ------------------------------------------------------- */
/* --------------------------------------------------------- FORM FIELDS --------------------------------------------------------- */
.stx-input-field, .stx-textarea, .stx-input-check, .stx-dialog-container [type=text], .stx-dialog-container [type=number] {
  background: #f6f6f6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: #CCC solid 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 0px 6px;
  outline: none;
  color: #333;
  resize: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  resize: none; }

.stx-dialog div.stx-data input[type="number"], .stx-dialog div.stx-data input[type="text"] {
  /* Text Input styles */
  float: right;
  width: 70px;
  margin: 1px 0px 0px 0px; }
  .theme1 .stx-dialog div.stx-data input[type="number"], .stx-dialog div.stx-data input[type="text"] {
    color: #9da6b2;
    border: 0 #1D396B solid;
    background-color: #0b1d3d; }
  .theme2 .stx-dialog div.stx-data input[type="number"], .stx-dialog div.stx-data input[type="text"] {
    color: #525252;
    border: 0 #e6e6e6 solid;
    background-color: #ffffff; }
  .theme2 .stx-dialog div.stx-data input[type="number"], .stx-dialog div.stx-data input[type="text"] {
    border: 1px #e6e6e6 solid;
    box-shadow: 0 1px 0px 0px rgba(172, 172, 172, 0.34);
    background-image: -moz-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%);
    background-image: -webkit-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%);
    background-image: -ms-linear-gradient(0deg, #ffffff 0%, white 90%, white 100%);
    background-image: linear-gradient(0deg, #ffffff 0%, white 90%, white 100%); }

.stx-input-field:focus,
.stx-textarea:focus,
.stx-dialog-container [type=text]:focus,
.stx-dialog-container [type=number]:focus {
  color: #333; }

.stx-select {
  padding-top: 3px;
  height: 27px;
  color: #666; }

/* --------------------------------------------------------- BUTTONS AND MENUS --------------------------------------------------------- */
/* Button Active State */
.stx-btn:active {
  color: #58a7e2;
  -webkit-box-shadow: inset 0px 8px 6px rgba(100, 100, 100, 0.03);
  -moz-box-shadow: inset 0px 8px 6px rgba(100, 100, 100, 0.03);
  box-shadow: inset 0px 8px 6px rgba(100, 100, 100, 0.03); }

/* Basic Navigation */
/* Menu Arrows */
.stx-btn.stx-menu-btn > em {
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 27px;
  height: 27px;
  width: 16px;
  background-image: url(assets/images/chartIQ/stx-sprite.png);
  background-position: -302px -118px;
  border-left: 1px dotted #999;
  opacity: .4;
  filter: alpha(opacity=40);
  /* for IE5-7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* for IE8 */
  transition: opacity .25s, border .25s;
  -webkit-transition: opacity .25s, border .25s; }

.stx-btn.stx-menu-btn:hover > em {
  /* Menu Arrow hover */
  border-left: 1px dotted #ccc;
  opacity: 1;
  filter: alpha(opacity=100);
  /* for IE5-7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* for IE8 */ }

/* General Icon Button Styles */
/* Styling of visible area and text hiding */
.stx-btn.stx-ico > span, .stx-btn.stx-ico:hover > span, .stx-btn.stx-ico:active > span {
  background-color: #999;
  background-image: url(assets/images/chartIQ/stx-sprite.png);
  background-repeat: no-repeat;
  background-color: rgba(153, 153, 153, 0.2);
  border: 1px solid transparent;
  width: 17px;
  height: 17px;
  text-indent: 2000px;
  padding: 0px;
  margin: 4px;
  transition: color .25s, border .25s, background-color .25s, box-shadow .25s;
  -webkit-transition: color .25s, border .25s, background-color .25s, box-shadow .25s;
  opacity: .7; }

.stx-dialog .stx-btn.stx-ico, .stx-dialog .stx-btn.stx-ico:hover {
  /* Position close dialog button */
  position: absolute;
  top: 5px;
  right: 5px;
  margin: 0px;
  width: 11px;
  height: 10px; }
  .theme1 .stx-dialog .stx-btn.stx-ico, .stx-dialog .stx-btn.stx-ico:hover {
    border-color: #242f43; }
  .theme2 .stx-dialog .stx-btn.stx-ico, .stx-dialog .stx-btn.stx-ico:hover {
    border-color: #DBDBDB; }

/* Visible area hover state */
.stx-btn.stx-ico:hover > span {
  background-color: #666;
  background-color: rgba(153, 153, 153, 0.3);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), inset 0px -8px 6px rgba(100, 100, 100, 0.03);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), inset 0px -8px 6px rgba(100, 100, 100, 0.03);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), inset 0px -8px 6px rgba(100, 100, 100, 0.03);
  opacity: 1; }

/* Visible area active state */
.stx-btn.stx-ico:active > span {
  background-color: #666;
  background-color: rgba(153, 153, 153, 0.9);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* Close buttons */
.stx-dialog .stx-btn.stx-ico > span.stx-ico-close,
.menuSelect .stx-btn.stx-ico > span.stx-ico-close {
  background-position: -160px -40px; }

/* Close button hover state */
.theme1 .stx-dialog .stx-btn.stx-ico.stx-ico:hover > span.stx-ico-close, .menuSelect .stx-btn.stx-ico:hover > span.stx-ico-close {
  border-color: #242f43; }

.theme2 .stx-dialog .stx-btn.stx-ico.stx-ico:hover > span.stx-ico-close, .menuSelect .stx-btn.stx-ico:hover > span.stx-ico-close {
  border-color: #DBDBDB; }

/* Close button active state */
.stx-dialog .stx-btn.stx-ico.stx-ico:active > span.stx-ico-close,
.menuSelect .stx-btn.stx-ico:active > span.stx-ico-close {
  -webkit-box-shadow: inset 0px 8px 6px rgba(100, 100, 100, 0.03);
  -moz-box-shadow: inset 0px 8px 6px rgba(100, 100, 100, 0.03);
  box-shadow: inset 0px 8px 6px rgba(100, 100, 100, 0.03); }
  .theme1 .stx-dialog .stx-btn.stx-ico.stx-ico:active > span.stx-ico-close, .menuSelect .stx-btn.stx-ico:active > span.stx-ico-close {
    border-color: #242f43; }
  .theme2 .stx-dialog .stx-btn.stx-ico.stx-ico:active > span.stx-ico-close, .menuSelect .stx-btn.stx-ico:active > span.stx-ico-close {
    border-color: #DBDBDB; }

.stx-remove-study {
  background-image: url(assets/images/chartIQ/stx-sprite.png);
  background-color: #fff;
  background-position: -160px -40px;
  border-color: #ddd;
  right: 20px;
  width: 15px;
  height: 50px;
  position: absolute;
  display: none; }

/* --------------------------------------------------------- COLOR PICKER --------------------------------------------------------- */
/* Swatch / Open Palette Button */
.stx-color, .stx-border-color {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
  cursor: pointer; }

/* Initial Swatch Value for light theme */
.stx-color {
  background-color: #000000; }

/* Initial Swatch Value for dark theme */
.stxColorDarkChart {
  background-color: #FFFFFF; }

/* -------------------------------------------------------- NAV BAR -------------------------------------------------------- */
.stx-nav {
  position: relative;
  border: solid 0px;
  background: #5b656b;
  background: transparent; }

/* Button Adjustments for dark background */
.stx-nav .stx-btn.stx-menu-btn, .stx-nav .stx-nav-ico {
  border-color: rgba(153, 153, 153, 0.4);
  color: #efefef; }

.stx-nav .stx-btn.stx-menu-btn:hover, .stx-nav .stx-nav-ico:hover {
  border-color: rgba(153, 153, 153, 0.8);
  color: #fff; }

.stx-nav .stx-btn.stx-menu-btn:active {
  color: #fff; }

.stx-nav .stx-btn.stx-menu-btn > em {
  border-left: 1px dotted rgba(153, 153, 153, 0.5);
  opacity: 1;
  filter: none;
  /* for IE5-7 */
  -ms-filter: none;
  /* for IE8 */ }

.stx-nav .stx-btn.stx-menu-btn:hover > em {
  border-left: 1px dotted rgba(153, 153, 153, 0.8); }

/* Dropdown Menus */
.menuOutline {
  position: absolute;
  top: 31px;
  right: 0px;
  width: 126px;
  background: #fff;
  font-weight: normal;
  border: solid 1px #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 100; }

/* Menu Items */
.menuSelect > li,
.menuSelect > ul > li {
  padding: 2px 16px;
  line-height: 27px;
  margin: 0px;
  text-align: left;
  cursor: pointer;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .25s, background-color .25s;
  -webkit-transition: color .25s, background-color .25s; }

/* Menu item hover state */
.menuSelect > li:hover, .menuSelect > ul > li:hover {
  background: #efefef; }

/* Remove hover states for headings, dividers, and nested list parents/special content */
li.stx-menu-divider,
.menuSelect li.stx-menu-content,
.menuSelect li.stx-heading,
li.stxLookupFilter,
li.stx-menu-divider:hover,
.menuSelect li.stx-menu-content:hover,
.menuSelect li.stx-heading:hover,
li.stxLookupFilter:hover {
  background: transparent;
  cursor: default;
  white-space: normal; }

/* Menu Section dividers */
li.stx-menu-divider, li.stx-menu-divider:hover,
.menuSelect li.stx-menu-divider, .menuSelect li.stx-menu-divider:hover {
  height: 1px;
  padding: 0px;
  background: #ccc !important; }

.menuSelect li.stx-heading, .menuSelect li.stx-heading:first-child, li.stxLookupFilter {
  /* Menu Headings and Search filter */
  padding: 10px 1px 5px 16px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: normal;
  color: #999;
  font-weight: bold; }

/* Columns for Studies Menu */
.menuSelect ul.col {
  float: left;
  cursor: default;
  width: 151px;
  border-top: none;
  border-right: 1px solid #efefef;
  margin-bottom: -100px;
  padding-bottom: 100px; }

/* Custom Item Basics */
.injected li {
  clear: both;
  border-top: 1px dotted #ccc; }

/* Custom name/link */
.injected a.stxItem {
  color: #666;
  display: inline-block;
  width: 110px;
  float: left;
  line-height: 29px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: none; }

.injected a.stxItem:hover {
  color: #333;
  border-bottom: none; }

/* Search Results */
/* Search results List */
.stxResults {
  right: auto;
  left: 0px;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }

/* Search Filter buttons */
.stxResults li.stxLookupFilter .stx-btn {
  padding: 0px;
  line-height: 18px;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  border-color: #efefef;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis; }

.stxResults li.stxLookupFilter .stx-btn:hover {
  border-color: #ccc;
  color: #666; }

/* Active filter button */
.stxResults li.stxLookupFilter .stx-btn.on, .stxResults li.stxLookupFilter .stx-btn.on:hover {
  background: #999;
  color: #fff;
  border-color: #999;
  text-shadow: 0 1px 0px #666;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  cursor: default; }

/* Search results Symbol */
.stxLookupSymbols li span:nth-of-type(1) {
  color: #333333;
  font-weight: bold;
  min-width: 55px;
  float: left;
  padding-right: 10px; }

.stxLookupSymbols li span:nth-of-type(3) {
  /* Search results exchange */
  color: #333333;
  font-size: 10px;
  min-width: 40px;
  float: right;
  text-align: right; }

/* Themes Menu Styles */
/* You may need to set the zIndex of this class if you have body elements that are stacked with different zIndexes.
 * You can test this by temporarily setting the background-color: red and seeing how the overlays work! Set the zIndexes
 !* for your menus higher until they appear on top of the overlay.*/
.stxBodyOverlay, .stxDialogOverlay {
  position: absolute;
  width: 99%;
  /* prevent scollbars */
  height: 100%;
  top: 0px;
  overflow: hidden;
  display: none;
  background: rgba(255, 255, 255, 0);
  /* fully transparent. If this is left out then IE9 won't detect clicks on the overlay */ }

.stxDialogOverlay {
  background: rgba(24, 27, 28, 0.7); }

/* ------------------------------------------------------- TOOLBAR ------------------------------------------------------- */
/* Data Set Labels */
.huLabel {
  display: inline-block;
  margin-right: 5px;
  width: 15px;
  color: #b2b2b2; }

/* Toolbar Buttons */
.stx-toolbar .stx-btn {
  border: solid 1px;
  font-size: 11px;
  font-weight: normal;
  height: 27px;
  border: solid 1px #ddd; }

/* Background and line color headings */
.stx-toolbar .stx-heading {
  float: left;
  line-height: 27px;
  font-size: 10px;
  text-transform: uppercase;
  color: #999; }

/* Line and background color modules */
.stx-drawing .stx-draw-settings {
  float: left;
  margin: 0px 0px 0 10px;
  padding: 0 0px 0 10px;
  border-left: dotted 1px #ddd; }

/* Line and background color swatches */
.stx-drawing .stx-color {
  border-radius: 0px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  cursor: pointer;
  display: inline-block;
  height: 19px;
  position: relative;
  width: 19px;
  margin: 5px; }

/* Formatting for line styles */
.stx-drawing span.stx-line {
  display: block;
  width: 30px;
  height: 0px;
  padding: 0px;
  margin: 13px -4px 0 -4px;
  text-indent: -9999px;
  border-top: 1px solid #666;
  border-radius: 0; }

/* Additional formatting for line styles within the menu */
.menuSelect li span.stx-line {
  width: auto;
  margin: 8px -8px 8px -8px;
  border-top-color: #666; }

/* ------------------------------------------------------- STUDY DIALOGS ------------------------------------------------------- */
/* Popup Styles */
.stx-dialog {
  position: relative;
  text-align: left;
  margin: 100px auto;
  width: 200px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .theme1 .stx-dialog {
    border: 1px #242f43 solid;
    background-color: #182B56;
    box-shadow: 1px 1.732px 11px 0px alpha(pallete-color7, 0.1); }
  .theme2 .stx-dialog {
    border: 1px #DBDBDB solid;
    background-color: #ffffff;
    box-shadow: 1px 1.732px 11px 0px #ebebeb; }

/* Dialog headings */
.stx-dialog h4 {
  display: inline-block;
  font-size: 0.688rem;
  font-weight: bold;
  margin: 0px 30px 5px 0px; }
  .theme1 .stx-dialog h4 {
    color: #d8dbe0; }
  .theme2 .stx-dialog h4 {
    color: black; }

.stx-dialog div.stx-heading, .stx-dialog div.stx-data {
  /* Dialog content columns */
  display: inline-block;
  min-height: 24px;
  margin-bottom: 10px; }
  .theme1 .stx-dialog div.stx-heading, .stx-dialog div.stx-data {
    color: #d8dbe0; }
  .theme2 .stx-dialog div.stx-heading, .stx-dialog div.stx-data {
    color: black; }

/* Dialog divider */
.stx-dialog hr {
  border: none;
  height: 1px;
  margin: 4px 0px 8px 0px;
  padding: 0px; }
  .theme1 .stx-dialog hr {
    background: #242f43; }
  .theme2 .stx-dialog hr {
    background: #DBDBDB; }

/* Studies Dialogs */
/* Specific Dialog Input/Output temlates*/
.stx-dialog .inputTemplate, .stx-dialog .outputTemplate {
  clear: both;
  padding: 5px 0 0 0; }
  .theme1 .stx-dialog .inputTemplate, .stx-dialog .outputTemplate {
    border-bottom: 1px #242f43 solid; }
  .theme2 .stx-dialog .inputTemplate, .stx-dialog .outputTemplate {
    border-bottom: 1px #DBDBDB solid; }

.stx-dialog .settings {
  /* Theme Dialog content wrapper */
  border-top: dotted 2px #ccc;
  border-bottom: dotted 2px #ccc;
  margin: 8px 0px 22px 0px;
  padding: 15px 0px 25px 0px; }

/* Add divider and wider second column */
.stx-dialog ul:last-child {
  width: 220px;
  margin-left: 14px;
  border-left: dotted 1px #ddd; }

/* Theme Dialog Option set */
.stx-dialog li {
  width: auto;
  clear: both;
  border-top: #ddd 1px solid;
  padding: 8px 0 0 0; }

/* Theme Dialog Option set */
.stx-dialog li.stx-heading {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
  padding: 5px 0 10px 0;
  border: none; }

/* Custom Theme name heading */
.stx-dialog .themeName {
  display: inline-block;
  padding: 10px 10px 5px 0px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: normal;
  color: #999;
  font-weight: bold; }

#timezoneDialogWrapper {
  border-bottom: solid #CCCCCC 1px; }

#timezoneDialog .detect .stx-btn {
  line-height: 35px;
  height: 35px;
  padding: 0px 30px;
  font-size: 12px;
  color: #666; }

#timezoneDialog .instruct {
  margin: 10px auto 0px;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  font-style: italic;
  color: #999; }

#timezoneDialog li:hover {
  background-color: #F0F0F0; }

/* ------------------------------------------------------- COLOR PICKER ------------------------------------------------------ */
/* This is the actual color picker container */
.ciqColorPicker {
  position: absolute;
  background: #FFF;
  width: 180px;
  margin: 20px 0 0 0px;
  padding: 10px 5px 5px 10px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5); }

/* The swatches themselves */
.ciqColorPicker ul li a {
  display: block;
  width: 13px;
  height: 13px;
  text-decoration: none;
  text-indent: -100000px;
  outline: 0;
  border: 1px solid #aaa; }

/* Swatch hover state */
.ciqColorPicker ul li a:hover {
  border-color: #000; }

/* --------------------------------------------------------- Light Theme --------------------------------------------------------- */
/* Tooltips */
.Light .stx-tooltip div,
.Light .stx-tooltip span {
  background: #000;
  color: #fff; }

/* Nav */
.Light .stx-nav {
  border-color: #ddd; }

/* Toolbar */
.Light .stx-toolbar {
  background: #fdfdfd;
  border-color: #ddd; }

.Light .huLabel {
  color: #b2b2b2; }

.Light .huField {
  color: #666666; }

.Light .stx-toolbar .stx-btn.stx-menu-btn > em {
  border-left: 1px dotted #999; }

.Light .stx-toolbar .stx-btn.stx-menu-btn:hover > em {
  border-left: 1px dotted #ccc; }

.Light .stx-drawing .stx-draw-settings {
  border-left: dotted 1px #ddd; }

.Light .stx-drawing span.stx-line {
  border-color: #666; }

.Light .stx-line-style-menu span.stx-line {
  border-color: #666666; }

.Light .measureUnlit {
  color: #666; }

.Light .measureLit {
  color: #000; }

/* Chart Area */
.Light #chartSize {
  background: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }

.Light #chartSize:after {
  background: rgba(0, 0, 0, 0.2); }

.Light .stx-panel-title {
  background-color: #999;
  color: #fff; }

.theme1 .stx-float-date {
  color: #ffffff;
  background-color: #ffffff; }

.theme2 .stx-float-date {
  color: #ffffff;
  background-color: #0071FF; }

.theme1 .stx-float-price {
  color: #ffffff;
  background-color: #ffffff; }

.theme2 .stx-float-price {
  color: #ffffff;
  background-color: #0071FF; }

.theme1 .stx-float-price-arrow {
  color: #1a2f5e; }

.theme2 .stx-float-price-arrow {
  color: #fafafa; }

.theme1 .stx_mountain_chart {
  border-color: #2980b9;
  color: rgba(41, 128, 185, 0.1);
  background-color: rgba(41, 128, 185, 0.8); }

.theme2 .stx_mountain_chart {
  border-color: #0078D7;
  color: rgba(164, 215, 255, 0.1);
  background-color: #a4d7ff; }

.theme1 .stx_volume_up {
  color: #1FBA66; }

.theme2 .stx_volume_up {
  color: #1FBA66; }

.theme1 .stx_volume_down {
  color: #F94241; }

.theme2 .stx_volume_down {
  color: #F94241; }

/* --------------------------------------------------------- /Light Theme --------------------------------------------------------- */
.Light .stx_crosshair {
  background-color: rgba(0, 0, 0, 0.3); }

.Light .stx_crosshair_drawing {
  background-color: rgba(0, 0, 0, 0.9); }

.Light .stx_panel_border {
  color: #ccc; }

.Light .stx_panel_drag {
  color: #666; }

.Light .stx_grid {
  color: #dedede;
  opacity: .8; }

.Light .stx_grid_dark {
  color: #151a20;
  opacity: .9; }

.Light .stx_line_chart, .Light .stx_bar_chart {
  color: #000; }

.Light .stx_candle_shadow, .Light .stx_bar_even {
  color: #2e383b; }

.Light .stx_candle_down, .Light .stx_line_down {
  border-left-color: #000000; }

.Light .stx_candle_up, .Light .stx_line_up {
  border-left-color: #000000; }

.Light .stx_baseline {
  color: #2e383b; }

/* Volume underlay styles */
.Light .stx_volume_underlay_up {
  color: #8cc176;
  opacity: .2;
  border-left-color: black; }

.Light .stx_volume_underlay_down {
  color: #b82d0c;
  opacity: .2;
  border-left-color: black; }

/* Volume profile styles */
.Light .stx_volume_profile {
  color: #b64a96;
  opacity: .3;
  border-color: black; }

.Light .stx_hollow_candle_even {
  color: #888888; }

.Light .stx_projection {
  color: black; }

.Light .stx_histogram {
  color: #000000;
  opacity: .2; }

.Light .stx-drawing .stx-color {
  outline: none; }

/* Chart Area */
.Light .chartContainer {
  background: transparent; }

.Light .stx-btn-panel > span.stx-ico-down {
  background-position: -200px -25px; }

.Light .stx-btn-panel > span.stx-ico-close {
  background-position: -250px -25px; }

.Light .stx-btn-panel > span.stx-ico-focus {
  background-position: -350px -25px; }

.Light #chartSize .stx-zoom-out {
  background-position: -45px -25px; }

.Light #chartSize .stx-zoom-in {
  background-position: -95px -25px; }

/* --------------------------------------------------------- /Light Theme --------------------------------------------------------- */
/* --------------------------------------------------------- Dark Theme --------------------------------------------------------- */
/* Tooltips */
.Dark .stx-tooltip div,
.Dark .stx-tooltip span {
  background: #fff;
  color: #000; }

/* Nav */
.Dark .stx-nav {
  border-color: #333; }

/* Toolbar */
.Dark .stx-toolbar {
  background: #111111;
  border-color: #333; }

.Dark .huLabel {
  color: #999; }

.Dark .huField {
  color: #efefef; }

.Dark .stx-toolbar div.btn.menu > em {
  border-left: 1px dotted #999; }

.Dark .stx-toolbar div.btn.menu:hover > em {
  border-left: 1px dotted #999; }

.Dark .stx-drawing .stx-draw-settings {
  border-left: dotted 1px #414141; }

.Dark .stx-drawing .color {
  outline: 1px solid rgba(255, 255, 255, 0.2); }

.Dark .stx-drawing span.stx-line {
  border-color: #efefef; }

.Dark .stx-line-style-menu span.stx-line {
  border-color: #666666; }

.Dark .measureUnlit {
  color: #cbcccd; }

.Dark .measureLit {
  color: #fff; }

/* Chart Area */
.Dark #chartSize {
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); }

.Dark #chartSize:after {
  background: rgba(255, 255, 255, 0.2); }

.Dark .stx-panel-title {
  background-color: #7e7e7e;
  color: #fff; }

.Dark .stx_crosshair {
  background-color: rgba(255, 255, 255, 0.4); }

.Dark .stx_crosshair_drawing {
  background-color: rgba(255, 255, 255, 0.9); }

.Dark .stx_panel_border {
  color: #666; }

.Dark .stx_panel_drag {
  color: #ccc; }

.Dark .stx_grid {
  color: #22272e;
  opacity: 1; }

.Dark .stx_grid_dark {
  color: #3c434c;
  opacity: .8; }

.Dark .stx_line_chart, .Dark .stx_bar_chart {
  color: #fff; }

.Dark .stx_candle_shadow, .Dark .stx_bar_even {
  color: #ccc; }

.Dark .stx_candle_down, .Dark .stx_line_down {
  border-left-color: #e34621; }

.Dark .stx_candle_up, .Dark .stx_line_up {
  border-left-color: #b8dea8; }

.Dark .stx_hollow_candle_even {
  color: #cccccc; }

.Dark .stx_baseline {
  color: #ccc; }

/* Volume underlay styles */
.Dark .stx_volume_underlay_up {
  color: #8cc176;
  opacity: .4;
  border-left-color: #94c97e; }

.Dark .stx_volume_underlay_down {
  color: #b82d0c;
  opacity: .4;
  border-left-color: #f26746; }

/* Volume profile styles */
.Dark .stx_volume_profile {
  color: #b64a96;
  opacity: .3;
  border-color: white; }

.Dark .stx_projection {
  color: #FFF; }

.Dark .stx_histogram {
  color: #fff;
  opacity: .3; }

/* Chart Area */
.Dark .chartContainer {
  background: transparent; }

.Dark .stx-btn-panel > span.stx-ico-down {
  background-position: -200px -50px; }

.Dark .stx-btn-panel > span.stx-ico-close {
  background-position: -250px -50px; }

.Dark .stx-btn-panel > span.stx-ico-focus {
  background-position: -350px -50px; }

.Dark #chartSize .stx-zoom-out {
  background-position: -45px -50px; }

.Dark #chartSize .stx-zoom-in {
  background-position: -95px -50px; }

.Dark .stx-close-overlay span {
  background-position: -160px -80px; }

/* --------------------------------------------------------- /Dark Theme --------------------------------------------------------- */
/* --------------------------------------------------------- Print Styles --------------------------------------------------------- */
.printable {
  display: block !important; }

.non-printable {
  display: none !important;
  visibility: hidden !important; }

/* --------------------------------------------------------- Universal Chart --------------------------------------------------------- */
.theme1 #area-chart {
  border-color: #2980b9;
  color: rgba(41, 128, 185, 0.1);
  background-color: rgba(41, 128, 185, 0.8); }

.theme2 #area-chart {
  border-color: #0078D7;
  color: rgba(164, 215, 255, 0.1);
  background-color: #a4d7ff; }

.theme1 #candle_up {
  color: #1FBA66; }

.theme2 #candle_up {
  color: #1FBA66; }

.theme1 #candle_down {
  color: #F94241; }

.theme2 #candle_down {
  color: #F94241; }

.theme1 #fore-color {
  color: #d8dbe0; }

.theme2 #fore-color {
  color: black; }

.theme1 #line-1-color {
  color: #d70807; }

.theme2 #line-1-color {
  color: #F94241; }

.theme1 #line-2-color {
  color: #da890e; }

.theme2 #line-2-color {
  color: #f9a825; }

.theme1 #line-3-color {
  color: #d1d1d1; }

.theme2 #line-3-color {
  color: #648faf; }

.theme1 #line-4-color {
  color: #d8dbe0; }

.theme2 #line-4-color {
  color: black; }

.theme1 #line-5-color {
  color: #1FBA66; }

.theme2 #line-5-color {
  color: #27db79; }

.theme1 #chart-axis-color {
  color: #d8dbe0; }

.theme2 #chart-axis-color {
  color: black; }

.theme1 #area-chart-line-color {
  color: #2980b9; }

.theme2 #area-chart-line-color {
  color: #0078D7; }

.theme1 #chart-grid-color {
  color: #9da6b2; }

.theme2 #chart-grid-color {
  color: #525252; }

.theme1 #chart-crosshair-label-color {
  color: #ffffff; }

.theme2 #chart-crosshair-label-color {
  color: #648faf; }

.theme1 #chart-macd-macd-color {
  color: #1197d8; }

.theme2 #chart-macd-macd-color {
  color: #0063e0; }

.theme1 #chart-macd-signal-color {
  color: #f3ad42; }

.theme2 #chart-macd-signal-color {
  color: #f9a216; }

.theme1 #chart-resize-line-color {
  color: #2980b9; }

.theme2 #chart-resize-line-color {
  color: #0078D7; }

.theme1 #chart-resize-fill-color {
  color: #182B56; }

.theme2 #chart-resize-fill-color {
  color: #ffffff; }

.theme1 #chart-bb-top-color {
  color: #2472a4; }

.theme2 #chart-bb-top-color {
  color: #006abe; }

.theme1 #chart-bb-median-color {
  color: #ce0806; }

.theme2 #chart-bb-median-color {
  color: #b41515; }

.theme1 #chart-bb-down-color {
  color: #2472a4; }

.theme2 #chart-bb-down-color {
  color: #006abe; }

.theme1 #chart-bb-fill-color {
  color: #dbecf7; }

.theme2 #chart-bb-fill-color {
  color: #c8e7ff; }

.theme1 #chart-macd-hist-color {
  color: #fa6464; }

.theme2 #chart-macd-hist-color {
  color: #fa6464; }

.theme1 #compare-line-1-color {
  color: #9c620a; }

.theme2 #compare-line-1-color {
  color: #7c4e03; }

.theme1 #chart-momentum-line-color {
  color: #1ba058; }

.theme2 #chart-momentum-line-color {
  color: #21874b; }

.theme1 #chart-detail-panel-color {
  color: #bac0c8; }

.theme2 #chart-detail-panel-color {
  color: #525252; }

.theme1 #chart-vol-label-color {
  color: #9da6b2; }

.theme2 #chart-vol-label-color {
  color: #525252; }

li.zoom-panel-btn {
  display: block;
  margin: 0 0 0 0;
  padding: 3px 1px;
  width: 23px;
  height: 23px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.8;
  border-right: solid #ddd 1px; }
  .theme1 li.zoom-panel-btn {
    background-color: #182B56;
    color: #9da6b2;
    border-color: #d8dbe0; }
  .theme2 li.zoom-panel-btn {
    background-color: #dedede;
    color: #525252;
    border-color: #414249; }

.zoom-panel {
  display: block;
  margin: 0 0 0 0;
  border-radius: 1px;
  overflow: hidden;
  border: solid #ddd 1px;
  cursor: pointer;
  opacity: 0.7;
  border-right-width: 0; }
  .theme1 .zoom-panel {
    border-color: #d8dbe0; }
  .theme2 .zoom-panel {
    border-color: #414249; }

.zoom-out {
  cursor: pointer; }

.zoom-in {
  cursor: pointer; }

.zoom-reset {
  cursor: pointer; }

.margin-right-zero {
  margin-right: 0px !important; }

.btn-chart {
  padding: 8px 15px;
  background-color: #969494;
  cursor: pointer;
  color: white; }

.padding-input-section-chart {
  padding: 0 25px 0 15px; }

.stx-dialog div.stx-heading {
  width: 120px;
  text-transform: capitalize;
  vertical-align: middle;
  padding-top: 8px; }

.stx-dialog div.stx-data select, input[type="checkbox"] {
  cursor: pointer; }

.stx-dialog div.stx-data input[type="checkbox"] {
  margin-top: 5px; }

.chg-up-labels {
  float: left;
  font-weight: bold;
  background-color: transparent;
  margin-top: 6px;
  margin-right: 5px; }
  .theme1 .chg-up-labels {
    color: #1FBA66; }
  .theme2 .chg-up-labels {
    color: #1FBA66; }

.chg-down-labels {
  float: left;
  font-weight: bold;
  background-color: transparent;
  margin-top: 4px;
  margin-right: 5px; }
  .theme1 .chg-down-labels {
    color: #F94241; }
  .theme2 .chg-down-labels {
    color: #F94241; }

.chg-none-labels {
  float: left;
  font-weight: bold;
  background-color: transparent;
  margin-top: 6px;
  margin-right: 5px; }
  .theme1 .chg-none-labels {
    color: #9da6b2; }
  .theme2 .chg-none-labels {
    color: #525252; }

.chart-trend-icon {
  float: left;
  margin-top: 4px;
  margin-left: 5px;
  margin-right: 10px; }

.stx-dialog div.stx-data {
  float: right; }

.ar .stx-dialog div.stx-data {
  float: left; }

.stx-dialog .stx-color, .stx-dialog .stx-border-color {
  float: right; }

.ar .stx-dialog .stx-color, .stx-dialog .stx-border-color {
  float: left; }

.Z-index-zero {
  z-index: 0; }

.z-index-minus-one {
  z-index: -1; }

.theme1 .chart-tab-panel .active {
  color: #f4b350;
  background-color: #0b1d3d; }

.theme2 .chart-tab-panel .active {
  color: #21A3DD;
  background-color: #3081bc; }

.chart-search {
  width: 85px;
  height: 90% !important; }

.search-open {
  width: 100%; }

.search-close {
  width: 20%; }

.chart-status-panel-button-height {
  height: 20px !important; }

.chart-symbol-description-panel {
  float: left;
  margin-top: 5px; }
  .theme1 .chart-symbol-description-panel {
    color: #bac0c8; }
  .theme2 .chart-symbol-description-panel {
    color: #525252; }

.chart-watermark {
  font-size: 170px;
  opacity: .1; }
  .theme1 .chart-watermark {
    color: #9da6b2; }
  .theme2 .chart-watermark {
    color: #525252; }

.chart-detailpanel-border-right {
  border-left: 0 #292e34 solid;
  border-right: 1px #292e34 solid; }
  .theme1 .chart-detailpanel-border-right {
    border-color: #bac0c8; }
  .theme2 .chart-detailpanel-border-right {
    border-color: #525252; }

.chart-line-studies-list {
  display: inline-block;
  float: left;
  width: 43px;
  top: 1px;
  height: 100%;
  border-left: 0 #292e34 solid;
  border-right: 1px #292e34 solid;
  opacity: 0.5; }
  .theme1 .chart-line-studies-list {
    border-color: #d8dbe0; }
  .theme2 .chart-line-studies-list {
    border-color: #414249; }

.stx-dialog-container {
  top: -75px !important; }

.chart-tab-panel-tab, .drawing-chart-tab-panel-tab {
  border-radius: 24px;
  padding: 6px;
  color: #818181; }
  .chart-tab-panel-tab.active, .active.drawing-chart-tab-panel-tab {
    color: #ffffff; }
    .theme1 .chart-tab-panel-tab.active, .theme1 .active.drawing-chart-tab-panel-tab {
      background: #304167; }
    .theme2 .chart-tab-panel-tab.active, .theme2 .active.drawing-chart-tab-panel-tab {
      background: #F8F8F8; }
    .theme2 .chart-tab-panel-tab.active, .theme2 .active.drawing-chart-tab-panel-tab {
      background: #414249; }

.map-pin {
  position: absolute;
  top: -3px;
  left: -3px;
  background-repeat: no-repeat;
  background-position: top center;
  font-weight: 500;
  font-size: 14px; }

.jqvmap-pin {
  pointer-events: none; }

.jqvmap-zoomin, .jqvmap-zoomout {
  position: absolute;
  left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #000000;
  padding: 3px;
  color: white;
  width: 15px;
  height: 15px;
  cursor: pointer;
  line-height: 10px;
  text-align: center; }

.jqvmap-zoomin {
  top: 10px; }

.jqvmap-zoomout {
  top: 30px; }

#vmap {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-tap-highlight-color: transparent; }

.jqvmap-region {
  cursor: default !important; }

.jqvmap-pin {
  font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
  cursor: default; }

.pin-image {
  background-image: url(../assets/images/black-1763980798255.png);
  height: 5px;
  background-size: 5px 5px;
  background-repeat: no-repeat; }

@keyframes zoom {
  0% {
    transform: scale(1);
    opacity: 0; }
  10% {
    transform: scale(0.1); }
  20% {
    transform: scale(0.2); }
  30% {
    transform: scale(0.3); }
  40% {
    transform: scale(0.4); }
  50% {
    transform: scale(0.5); }
  60% {
    transform: scale(0.6); }
  70% {
    transform: scale(0.7); }
  80% {
    transform: scale(0.8); }
  90% {
    transform: scale(0.9); }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes zoom {
  0% {
    transform: scale(1);
    opacity: 0; }
  10% {
    transform: scale(0.1); }
  20% {
    transform: scale(0.2); }
  30% {
    transform: scale(0.3); }
  40% {
    transform: scale(0.4); }
  50% {
    transform: scale(0.5); }
  60% {
    transform: scale(0.6); }
  70% {
    transform: scale(0.7); }
  80% {
    transform: scale(0.8); }
  90% {
    transform: scale(0.9); }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-o-keyframes zoom {
  0% {
    transform: scale(1);
    opacity: 0; }
  10% {
    transform: scale(0.1); }
  20% {
    transform: scale(0.2); }
  30% {
    transform: scale(0.3); }
  40% {
    transform: scale(0.4); }
  50% {
    transform: scale(0.5); }
  60% {
    transform: scale(0.6); }
  70% {
    transform: scale(0.7); }
  80% {
    transform: scale(0.8); }
  90% {
    transform: scale(0.9); }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-moz-keyframes zoom {
  0% {
    transform: scale(1);
    opacity: 0; }
  10% {
    transform: scale(0.1); }
  20% {
    transform: scale(0.2); }
  30% {
    transform: scale(0.3); }
  40% {
    transform: scale(0.4); }
  50% {
    transform: scale(0.5); }
  60% {
    transform: scale(0.6); }
  70% {
    transform: scale(0.7); }
  80% {
    transform: scale(0.8); }
  90% {
    transform: scale(0.9); }
  100% {
    transform: scale(1);
    opacity: 1; } }

.svg-line {
  stroke: black; }

.world-map-pin-height {
  height: 15px; }

.opacity-zero {
  opacity: 0; }

.pin-fore-color {
  color: white; }

.pin-back-color-down-animate {
  background-color: orangered; }

.pin-back-color-down {
  background-color: darkred; }

.pin-back-color-up-animate {
  background-color: limegreen; }

.pin-back-color-up {
  background-color: darkgreen; }

.sym-desc-line-height {
  line-height: 1.5; }

.ms-top-bar {
  height: 35px;
  /* ======  Ticker Bar  ==============  */
  /* ======  /Ticker Bar  ==============  */
  /* ======  Index Chart Layout  ==============  */
  /* ======  /Index Chart Layout  ==============  */ }
  .theme1 .ms-top-bar {
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .ms-top-bar {
    background-color: #ffffff; }
  .theme2 .ms-top-bar {
    box-shadow: 0 2px 3px rgba(172, 172, 172, 0.34);
    border-bottom: 1px #DBDBDB solid;
    background-image: -moz-linear-gradient(0deg, #ffffff 0%, #ffffff 30%);
    background-image: -webkit-linear-gradient(0deg, #ffffff 0%, #ffffff 30%);
    background-image: -ms-linear-gradient(0deg, #ffffff 0%, #ffffff 30%);
    background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 30%); }
  .ms-top-bar-exchange, .ms-top-bar-exchange-2 {
    width: 120px;
    text-align: center;
    float: left; }
  .ms-top-bar-chart, .ms-top-bar-chart-2, .ar .ms-top-bar-chart-2 {
    width: 140px;
    padding-right: 5px;
    float: left; }
  .ms-top-bar-index-value, .ms-top-bar-index-value-2, .ar .ms-top-bar-index-value-2 {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 4px; }
  .ms-top-bar-percentage-position {
    position: absolute;
    top: 21px;
    right: 0; }
  .ms-top-bar-ticker-area {
    width: 46%;
    float: left; }
  .ms-top-bar-ticker {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left; }
  .ms-top-bar-ticker-area .tickerDiv {
    width: 100%;
    margin: 0 auto;
    float: none;
    border-radius: 0 0 2px 2px;
    height: 26px; }
    .theme1 .ms-top-bar-ticker-area .tickerDiv {
      line-height: 24px;
      margin-top: 0;
      border: 0 #182B56 solid;
      background-color: #0b1d3d; }
    .theme2 .ms-top-bar-ticker-area .tickerDiv {
      line-height: 24px;
      margin-top: 0;
      border: 0 #ffffff solid;
      background-color: #eaf4f9; }
    .theme2 .ms-top-bar-ticker-area .tickerDiv {
      line-height: 28px;
      margin-top: "";
      border: 1px #75b2ff solid;
      border-top: 0 #ffffff solid;
      -moz-box-shadow: "";
      -webkit-box-shadow: "";
      box-shadow: ""; }
  .ms-top-bar-logo-co {
    max-width: 128px;
    display: block; }
  .ms-top-bar-logo-co img {
    max-width: 84px;
    max-height: 61px; }
  .ms-top-bar-logo {
    display: none; }
  .ms-top-bar-logo-right .ms-top-bar-vertical-separator {
    display: none; }
  .ms-top-bar-logo-right .ms-top-bar-vertical-separator {
    display: none; }
  .ms-top-bar-logo-left .ms-top-bar-vertical-separator {
    display: none; }
  .ms-top-bar-logo-right {
    display: inherit; }
  .ms-top-bar-logo-left {
    display: none; }
  .ms-top-bar-logo i {
    padding-left: 5px;
    cursor: pointer; }
  .ms-top-bar-progress-time, .ms-top-bar-progress-time-2 {
    height: 2px;
    margin: 5px 10px 0 10px; }
    .theme1 .ms-top-bar-progress-time, .theme1 .ms-top-bar-progress-time-2 {
      background-color: #0b1d3d; }
    .theme2 .ms-top-bar-progress-time, .theme2 .ms-top-bar-progress-time-2 {
      background-color: #d1d1d1; }
  .ms-top-bar-nav-horizontal-list td {
    height: 15px; }
  .ms-top-bar-index-chart-position, .ms-top-bar-index-chart-position-2 {
    position: absolute !important;
    top: 19px;
    cursor: pointer; }
  .ms-top-bar-progress-vertical {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .ms-top-bar-vertical-top {
    margin-left: -26px; }
  .ms-top-bar-exchange-status-alert {
    animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    animation-duration: 0.6s;
    animation-fill-mode: none;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: none;
    -webkit-animation-name: pulsate;
    -moz-animation-name: pulsate;
    -o-animation-name: pulsate;
    animation-name: pulsate;
    -o-animation-fill-mode: none;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal;
    -moz-animation-fill-mode: none; }
  .ms-top-bar-alert-style, .ms-top-bar-alert-style-1, .ms-top-bar-alert-style-2 {
    float: none;
    height: 22px;
    text-align: center;
    margin: 0 auto; }
  .ms-top-bar-index-percentage, .ms-top-bar-index-percentage-2 {
    font-size: 12px;
    font-weight: bold; }
  .theme1 .ms-top-bar-index-change-green {
    color: #ffffff;
    background-color: #1FBA66; }
  .theme2 .ms-top-bar-index-change-green {
    color: #ffffff;
    background-color: #1FBA66; }
  .theme1 .ms-top-bar-index-change-red {
    color: #ffffff;
    background-color: #F94241; }
  .theme2 .ms-top-bar-index-change-red {
    color: #ffffff;
    background-color: #F94241; }
  .theme1 .ms-top-bar-index-change-none {
    color: #9da6b2;
    background-color: #304167; }
  .theme2 .ms-top-bar-index-change-none {
    color: #525252;
    background-color: #F8F8F8; }
  .theme1 .ms-top-bar-index-percentage-green {
    color: #1FBA66; }
  .theme2 .ms-top-bar-index-percentage-green {
    color: #1FBA66; }
  .theme1 .ms-top-bar-index-percentage-red {
    color: #F94241; }
  .theme2 .ms-top-bar-index-percentage-red {
    color: #F94241; }
  .theme1 .ms-top-bar-index-percentage-none {
    color: #9da6b2; }
  .theme2 .ms-top-bar-index-percentage-none {
    color: #525252; }
  .ms-top-bar-padding-x-large-left {
    padding-left: 25px; }
  .ms-top-bar-index-dropdown, .ms-top-bar-index-dropdown-1, .ms-top-bar-index-dropdown-3, .ms-top-bar-index-dropdown-2 {
    position: absolute;
    z-index: 1;
    top: 2px; }
  .ms-top-bar-vertical-separator {
    float: none;
    margin-bottom: 8px;
    margin-left: 1px;
    position: absolute;
    top: 40px; }
    .theme1 .ms-top-bar-vertical-separator {
      border-right: 1px #1D396B solid; }
    .theme2 .ms-top-bar-vertical-separator {
      border-right: 1px #bdbdbd solid; }
  .ms-top-bar-vline-long, .ms-top-bar-vline-long-2 {
    height: 59px;
    margin-top: 8px; }
  .ms-top-bar-vline-short {
    height: 31px;
    margin-top: 36px; }
  .ms-top-bar-border {
    width: 1px;
    margin-top: 6px;
    height: 31px; }
    .theme1 .ms-top-bar-border {
      border-right: 1px #1D396B solid; }
    .theme2 .ms-top-bar-border {
      border-right: 1px #bdbdbd solid; }
  .ms-top-bar-align-cash-map path {
    cursor: default !important; }
  .ms-top-bar-cash-map-container {
    width: 180px;
    text-align: center; }
  .ms-top-bar-cash-map-content {
    float: left;
    width: 90px; }
  .ms-top-bar-showTime {
    height: 11px; }
  .ms-top-bar-index-dropdown, .ms-top-bar-index-dropdown-1, .ms-top-bar-index-dropdown-3, .ms-top-bar-index-dropdown-2 {
    position: absolute;
    z-index: 1; }
  .ms-top-bar-exchange-1 {
    max-width: 146px;
    padding-top: 6px; }
  .ms-top-bar-exchange-btn {
    max-width: 118px;
    text-overflow: ellipsis; }
  .ms-top-bar-showTime-1 {
    height: 11px;
    width: 70px;
    text-align: center;
    top: 1px;
    padding-left: 5px; }
  .ms-top-bar-chart-1 {
    width: 85px; }
  .ms-top-bar-index-chart-position-1 {
    top: 1px;
    margin-top: 38px; }
    .theme1 .ms-top-bar-index-chart-position-1 {
      background-color: #f2f2f2; }
    .theme2 .ms-top-bar-index-chart-position-1 {
      background-color: #d6eaf3; }
  .ms-top-bar-index-value-1 {
    width: 198px;
    margin-top: 36px;
    float: left; }
  .ms-top-bar-index-dropdown-1, .ms-top-bar-index-dropdown-3 {
    top: 38px;
    margin-left: 10px;
    position: absolute;
    z-index: 1; }
  .ms-top-bar-alert-style-1 {
    padding-top: 6px;
    width: 70px; }
  .ms-top-bar-alert-height-1 {
    height: 31px; }
  .ms-top-bar-index-dropdown-btn {
    max-width: 152px;
    text-overflow: ellipsis; }
  .ms-top-bar-change {
    width: 100%;
    margin-left: 10px; }
  .ms-top-bar-mkt-status {
    height: 29px;
    padding-top: 8px;
    width: 70px; }
  .ms-top-bar-index-dropdown-3 {
    top: 54px; }
  .ms-top-bar .ms-top-bar-align-cash-map {
    top: -1px;
    height: 55px;
    width: 88px;
    float: left; }

.ms-top-bar-no-ticker {
  height: 25px; }

.ms-top-bar-index-change-green, .ms-top-bar-index-change-red, .ms-top-bar-index-change-none {
  font-size: 14px;
  padding: 6px 7px;
  border-radius: 5px; }

.ms-top-bar-index-percentage-green, .ms-top-bar-index-percentage-red, .ms-top-bar-index-percentage-none {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 7px;
  font-size: 14px;
  font-weight: bold; }

.cash-map-min-width {
  min-width: 180px; }

.index-chart .ember-view {
  float: left;
  height: 67px; }

.market-summary-chart .ember-view {
  width: 100%; }

.market-summary-chart .index-Value {
  font-size: 28px; }

.market-summary-chart .summary-graph {
  display: flex;
  align-items: end; }

.market-summary-chart.btn-default, .market-summary-chart.btn-large, .market-summary-chart.btn-green, .market-summary-chart.btn-orange, .market-summary-chart.btn-reject, .market-summary-chart.search-btn, .toolbar-styles .market-summary-chart.no-border-btn, .market-summary-chart.confirm-btn, .market-summary-chart.add-alert-btn {
  height: auto !important; }

.ms-top-bar-alert-style-2 {
  bottom: 26px; }

.ms-top-bar-index-dropdown-2 {
  top: 5px;
  z-index: 1; }

.ms-top-bar-index-chart-position-2 {
  margin-top: 0;
  top: 8px; }

.ms-top-bar-ticker-area-2 {
  width: calc(100% - 85px);
  position: absolute;
  z-index: 2;
  padding-left: 1px; }

.ms-top-bar-vline-long-2 {
  top: 42px; }

.ms-top-bar-vline-short-2 {
  height: 40px; }

.ms-top-bar-market-data-area {
  height: 21px;
  padding-top: 14px;
  bottom: 27px; }

.ms-top-bar-show-time-2 {
  height: 11px;
  margin-top: 21px;
  white-space: nowrap;
  bottom: 13px;
  padding-top: 30px; }

.ms-top-bar-market-row {
  position: relative;
  top: 14px; }

.ms-top-bar-index-change-position-2 {
  bottom: 2px; }

.ms-top-bar-market-status {
  max-width: 78px; }

.ms-top-bar-row-gap {
  padding-bottom: 7px; }

.ms-top-bar-logo-top {
  top: 9px;
  width: 120px;
  background-image: url(img/logo-cobranded-1763980798255.png); }

.ms-top-bar-index-dropdown-width {
  max-width: 36px; }

.ms-top-bar-index-percentage-2 {
  bottom: 4px;
  font-size: 0.75rem; }

.ms-top-bar-progress-time-2 {
  margin-left: 0;
  margin-right: 0; }

.ms-top-bar-market-status-area {
  width: 78px; }

.ms-top-bar-exchange-2 {
  width: 100%; }

.ms-top-bar-index-value-2 {
  width: 102px;
  position: relative;
  float: left; }

.ms-top-bar-chart-2 {
  width: 137px; }

.news-popup {
  max-height: 500px;
  min-height: 450px;
  min-width: 365px;
  max-width: 550px;
  opacity: 1; }
  .theme1 .news-popup {
    border: 1px #242f43 solid;
    background-color: #182B56;
    box-shadow: 1px 1.732px 11px 0px alpha(pallete-color7, 0.1); }
  .theme2 .news-popup {
    border: 1px #DBDBDB solid;
    background-color: #ffffff;
    box-shadow: 1px 1.732px 11px 0px #ebebeb; }

.news-popup-header {
  min-height: 60px; }
  .theme1 .news-popup-header {
    background-color: #182B56; }
  .theme2 .news-popup-header {
    background-color: #ffffff; }

.news-popup-body {
  max-height: 280px; }

.news-heading-right-panel {
  line-height: 18px;
  font-weight: bold;
  padding: 15px;
  font-size: 0.75rem;
  margin-bottom: 12px; }
  .theme1 .news-heading-right-panel {
    color: #9da6b2;
    background-color: #182B56; }
  .theme2 .news-heading-right-panel {
    color: #525252;
    background-color: #ffffff; }

.news-date-time-bar-right-panel {
  font-size: 0.75rem;
  padding: 0 15px 10px 15px;
  margin-bottom: 12px; }
  .theme1 .news-date-time-bar-right-panel {
    color: #9da6b2;
    border-bottom: 1px #242f43 solid; }
  .theme2 .news-date-time-bar-right-panel {
    color: #525252;
    border-bottom: 1px #DBDBDB solid; }

.news-heading {
  line-height: 18px;
  font-weight: bold;
  padding: 10px;
  padding-left: 0;
  font-size: 0.75rem;
  margin-bottom: 12px; }
  .theme1 .news-heading {
    color: #d8dbe0; }
  .theme2 .news-heading {
    color: black; }

.news-date-time-bar {
  font-size: 0.75rem;
  margin-bottom: 10px;
  padding-bottom: 10px; }
  .theme1 .news-date-time-bar {
    color: #9da6b2;
    border-bottom: 1px #242f43 solid; }
  .theme2 .news-date-time-bar {
    color: #525252;
    border-bottom: 1px #DBDBDB solid; }

.news-body {
  line-height: 18px;
  font-size: 0.75rem; }
  .theme1 .news-body {
    color: #9da6b2; }
  .theme2 .news-body {
    color: #525252; }

.news-title {
  font-size: 0.688rem;
  text-align: initial;
  text-justify: interword; }

.news-vertical-seperator {
  height: 100%; }
  .theme1 .news-vertical-seperator {
    border-left: 1px #3cb5f0 solid; }
  .theme2 .news-vertical-seperator {
    border-left: 1px #0078D7 solid; }

.news-list-widget-height {
  height: calc(100% - 82px); }

.announcement-vertical-seperator {
  height: 100%; }
  .theme1 .announcement-vertical-seperator {
    border-left: 1px #f4b350 solid; }
  .theme2 .announcement-vertical-seperator {
    border-left: 1px #f9a825 solid; }

.announcement-list-popup {
  margin-top: 33px;
  display: table-cell;
  position: absolute;
  left: 52px;
  right: 60px;
  top: 42px; }

.image-container {
  width: 150px;
  height: 150px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 10px; }

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.wdgttl {
  border-radius: 2px 2px 0 0;
  height: 33px; }
  .theme1 .wdgttl {
    color: #d8dbe0; }
  .theme2 .wdgttl {
    color: #ffffff; }
  .wdgttl-tab-panel {
    width: 100%; }
  .theme1 .wdgttl-tab-panel .active .wdgttl-fore-color {
    color: #f4b350; }
  .theme2 .wdgttl-tab-panel .active .wdgttl-fore-color {
    color: #21A3DD; }
  .wdgttl-header {
    height: inherit;
    font-size: 0.688rem;
    font-weight: bold;
    height: 100%;
    border-radius: 2px 2px 0 0; }
    .theme1 .wdgttl-header {
      color: #d8dbe0; }
    .theme2 .wdgttl-header {
      color: #ffffff; }
  .wdgttl-search {
    padding-left: 18px;
    padding-right: 10px;
    margin-left: 5px;
    width: 80px; }
    .theme1 .wdgttl-search {
      height: 20px;
      border: 1px #111f3e solid;
      color: #d8dbe0;
      background-color: #182B56; }
    .theme2 .wdgttl-search {
      height: 20px;
      border: 1px #f0f0f0 solid;
      color: black;
      background-color: #ffffff; }
    .theme2 .wdgttl-search {
      background-color: #f0f0f0;
      background-image: -moz-linear-gradient(top, #f0f0f0 0%, whitesmoke 30%, whitesmoke 30%, white 100%);
      background-image: -webkit-linear-gradient(top, #f0f0f0 0%, whitesmoke 30%, whitesmoke 30%, white 100%);
      background-image: -ms-linear-gradient(top, #f0f0f0 0%, whitesmoke 30%, whitesmoke 30%, white 100%);
      background-image: linear-gradient(top, #f0f0f0 0%, whitesmoke 30%, whitesmoke 30%, white 100%); }
  .wdgttl-btn-search {
    border-style: solid;
    margin-bottom: 0;
    border-radius: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 0.688rem;
    margin-top: 0;
    z-index: 2;
    border: 0;
    height: 23px;
    background-color: transparent; }
  .wdgttl-tab-item {
    white-space: nowrap;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: bold;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-bottom: 3px transparent solid;
    letter-spacing: -0.004em;
    height: 33px; }
    .theme1 .wdgttl-tab-item {
      color: #d8dbe0; }
    .theme2 .wdgttl-tab-item {
      color: #818181; }
  .wdgttl-tab-item a {
    line-height: 22px;
    padding: 0; }
  .wdgttl-tab-item:first-child a {
    padding-left: 0; }
  .theme1 .wdgttl-tab-item .active a {
    color: #f4b350; }
  .theme2 .wdgttl-tab-item .active a {
    color: #21A3DD; }
  .wdgttl-tab-item:hover {
    cursor: pointer; }
  .theme1 .wdgttl-tab-panel {
    color: #d8dbe0; }
  .theme2 .wdgttl-tab-panel {
    color: #818181; }
  .wdgttl-tab-panel .active {
    font-weight: normal; }
    .theme1 .wdgttl-tab-panel .active {
      color: #d8dbe0;
      border-bottom-color: #0071FF; }
    .theme2 .wdgttl-tab-panel .active {
      color: black;
      border-bottom-color: #0071FF; }
  .wdgttl-tab-panel .active a {
    font-style: normal;
    font-weight: 700; }
    .theme1 .wdgttl-tab-panel .active a {
      color: ""; }
    .theme2 .wdgttl-tab-panel .active a {
      color: #414249; }
  .theme1 .wdgttl-tab-link {
    color: #d8dbe0; }
  .theme2 .wdgttl-tab-link {
    color: #818181; }
  .theme1 .wdgttl-tab-link:hover {
    color: #f4b350; }
  .theme2 .wdgttl-tab-link:hover {
    color: #21A3DD; }
  .theme1 .wdgttl-fore-color {
    color: #d8dbe0; }
  .theme2 .wdgttl-fore-color {
    color: #818181; }
  .theme1 .wdgttl-fore-color:hover, .wdgttl-fore-color:focus {
    color: #d8dbe0; }
  .theme2 .wdgttl-fore-color:hover, .wdgttl-fore-color:focus {
    color: #818181; }
  .wdgttl-drp-dwn-btn {
    height: 25px !important;
    border-radius: 0px !important;
    font-size: 0.688rem;
    font-weight: normal; }
    .theme1 .wdgttl-drp-dwn-btn {
      color: #d8dbe0;
      border: 0 #0b1d3d solid;
      border-left: 1px #030812 solid;
      background-color: #0b1d3d; }
    .theme2 .wdgttl-drp-dwn-btn {
      color: #ffffff;
      border: 0 #3081bc solid;
      border-left: 1px #266593 solid;
      background-color: #3081bc; }
    .theme2 .wdgttl-drp-dwn-btn {
      border-bottom: 1px #266593 solid;
      border-top: 0 #25628f solid;
      background-image: -moz-linear-gradient(top, #3081bc 0%, #3081bc 50%, #3081bc 100%);
      background-image: -webkit-linear-gradient(top, #3081bc 0%, #3081bc 50%, #3081bc 100%);
      background-image: -ms-linear-gradient(top, #3081bc 0%, #3081bc 50%, #3081bc 100%);
      background-image: linear-gradient(top, #3081bc 0%, #3081bc 50%, #3081bc 100%); }
  .theme1 .wdgttl-drp-dwn-btn:active {
    color: #d8dbe0; }
  .theme2 .wdgttl-drp-dwn-btn:active {
    color: #ffffff; }
  .theme2 .wdgttl-drp-dwn-btn:active {
    border-left: 1px #266593 solid !important;
    border-right: 0 #25628f solid !important;
    border-top: 0 #25628f solid !important;
    border-bottom: 0 #25628f solid !important;
    background-image: -moz-linear-gradient(0, #3081bc 0%, #3081bc 50%, #3081bc 100%);
    background-image: -webkit-linear-gradient(0, #3081bc 0%, #3081bc 50%, #3081bc 100%);
    background-image: -ms-linear-gradient(0, #3081bc 0%, #3081bc 50%, #3081bc 100%);
    background-image: linear-gradient(0, #3081bc 0%, #3081bc 50%, #3081bc 100%); }
  .theme1 .wdgttl-drp-dwn-btn:focus {
    border-left: 1px #030812 solid !important;
    border-right: 0 #02060d solid !important;
    border-top: 0 #02060d solid !important; }
  .theme2 .wdgttl-drp-dwn-btn:focus {
    border-left: 1px #266593 solid !important;
    border-right: 0 #25628f solid !important;
    border-top: 0 #25628f solid !important; }
  .theme2 .wdgttl-drp-dwn-btn:focus {
    border-bottom: 1px #25628f solid !important; }
  .theme1 .wdgttl-drp-dwn-btn:hover {
    color: #d8dbe0;
    background-color: #071327; }
  .theme2 .wdgttl-drp-dwn-btn:hover {
    color: #818181;
    background-color: #2a70a4; }
  .theme2 .wdgttl-drp-dwn-btn:hover {
    background-image: -moz-linear-gradient(0, #2a70a4 0%, #2a70a4 50%, #2a70a4 100%);
    background-image: -webkit-linear-gradient(0, #2a70a4 0%, #2a70a4 50%, #2a70a4 100%);
    background-image: -ms-linear-gradient(0, #2a70a4 0%, #2a70a4 50%, #2a70a4 100%);
    background-image: linear-gradient(0, #2a70a4 0%, #2a70a4 50%, #2a70a4 100%); }
  .wdgttl-btn-dropdown {
    padding: 4px 4px 4px 0;
    background: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border: 1px solid transparent; }
  .wdgttl-btn-dropdown:focus {
    outline-style: none; }
  .wdgttl-table-header {
    padding-top: 5px; }
    .theme2 .wdgttl-table-header {
      border-top: 1px #e0e0e0 solid;
      border-bottom: 1px #DBDBDB solid;
      background-image: -moz-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
      background-image: -webkit-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
      background-image: -ms-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
      background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%); }
  .theme1 .wdgttl-border-left {
    border-left: 1px #030812 solid !important; }
  .theme2 .wdgttl-border-left {
    border-left: 1px #266593 solid !important; }
  .theme1 .wdgttl-border-right {
    border-right: 1px #030812 solid !important; }
  .theme2 .wdgttl-border-right {
    border-right: 1px #266593 solid !important; }

.news-popup {
  max-height: 500px;
  min-height: 450px;
  min-width: 365px;
  max-width: 550px;
  opacity: 1; }
  .theme1 .news-popup {
    border: 1px #242f43 solid;
    background-color: #182B56;
    box-shadow: 1px 1.732px 11px 0px alpha(pallete-color7, 0.1); }
  .theme2 .news-popup {
    border: 1px #DBDBDB solid;
    background-color: #ffffff;
    box-shadow: 1px 1.732px 11px 0px #ebebeb; }

.news-popup-header {
  min-height: 60px; }
  .theme1 .news-popup-header {
    background-color: #182B56; }
  .theme2 .news-popup-header {
    background-color: #ffffff; }

.news-popup-body {
  max-height: 280px; }

.news-heading-right-panel {
  line-height: 18px;
  font-weight: bold;
  padding: 15px;
  font-size: 0.75rem;
  margin-bottom: 12px; }
  .theme1 .news-heading-right-panel {
    color: #9da6b2;
    background-color: #182B56; }
  .theme2 .news-heading-right-panel {
    color: #525252;
    background-color: #ffffff; }

.news-date-time-bar-right-panel {
  font-size: 0.75rem;
  padding: 0 15px 10px 15px;
  margin-bottom: 12px; }
  .theme1 .news-date-time-bar-right-panel {
    color: #9da6b2;
    border-bottom: 1px #242f43 solid; }
  .theme2 .news-date-time-bar-right-panel {
    color: #525252;
    border-bottom: 1px #DBDBDB solid; }

.news-heading {
  line-height: 18px;
  font-weight: bold;
  padding: 10px;
  padding-left: 0;
  font-size: 0.75rem;
  margin-bottom: 12px; }
  .theme1 .news-heading {
    color: #d8dbe0; }
  .theme2 .news-heading {
    color: black; }

.news-date-time-bar {
  font-size: 0.75rem;
  margin-bottom: 10px;
  padding-bottom: 10px; }
  .theme1 .news-date-time-bar {
    color: #9da6b2;
    border-bottom: 1px #242f43 solid; }
  .theme2 .news-date-time-bar {
    color: #525252;
    border-bottom: 1px #DBDBDB solid; }

.news-body {
  line-height: 18px;
  font-size: 0.75rem; }
  .theme1 .news-body {
    color: #9da6b2; }
  .theme2 .news-body {
    color: #525252; }

.news-title {
  font-size: 0.688rem;
  text-align: initial;
  text-justify: interword; }

.news-vertical-seperator {
  height: 100%; }
  .theme1 .news-vertical-seperator {
    border-left: 1px #3cb5f0 solid; }
  .theme2 .news-vertical-seperator {
    border-left: 1px #0078D7 solid; }

.news-list-widget-height {
  height: calc(100% - 82px); }

.announcement-vertical-seperator {
  height: 100%; }
  .theme1 .announcement-vertical-seperator {
    border-left: 1px #f4b350 solid; }
  .theme2 .announcement-vertical-seperator {
    border-left: 1px #f9a825 solid; }

.announcement-list-popup {
  margin-top: 33px;
  display: table-cell;
  position: absolute;
  left: 52px;
  right: 60px;
  top: 42px; }

.image-container {
  width: 150px;
  height: 150px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 10px; }

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.widget {
  border-radius: 2px;
  margin: 5px 0 0 5px;
  padding: 5px 5px 0 5px; }

.widget-header-left {
  float: left; }

.widget-header-left ul.nav-tabs-3 {
  display: table-cell;
  display: -moz-inline-box; }

.widget-header-right {
  float: right;
  position: absolute;
  right: 0;
  left: inherit; }

.popup-widget {
  overflow: hidden;
  padding-left: 0;
  box-sizing: content-box;
  border-radius: 4px 4px 0 0; }
  .theme1 .popup-widget {
    border: 1px #0b1326 solid;
    background-color: #182B56;
    box-shadow: 0 0 1px 0 alpha(pallete-color7, 0.1); }
  .theme2 .popup-widget {
    border: 1px #e0e0e0 solid;
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 #ebebeb; }
  .theme2 .popup-widget {
    border: 1px #266593 solid;
    box-shadow: none; }

.popup-widget .widget-tab-item:first-child {
  border-radius: 0px; }

.popup-widget .widget-tab-item:last-child {
  border-radius: 0px; }

.popup-container-view .widget-header-right {
  float: right;
  position: initial !important; }

.popup-container-view .widget-header-right .widget-header-tools {
  margin-right: 5px; }

.popup-container-view .widget-header-right .widget-header-tools .btn-close {
  margin-top: 2px; }

@-moz-document url-prefix() {
  .popup-container-view .btn-link-dropdown {
    margin-top: 0 !important; }
  .theme2 .widget-header .nav-tabs-3 {
    margin-left: 0 !important; } }

.widget-header {
  height: inherit;
  font-size: 0.688rem;
  font-weight: bold;
  padding: 5px 13px 5px 13px;
  background-image: none; }

.widget-header-icons {
  padding: 7px 13px 7px 13px; }

.header-icons {
  float: right; }

.widget-container {
  padding: 8px 8px 8px 8px; }

.vertical_Seperator_topstocks {
  height: 150px;
  float: none;
  margin-top: 8px;
  margin-bottom: 0;
  margin-left: 0;
  z-index: 1000;
  position: absolute;
  top: 0; }

.horizontal_line {
  height: 1px;
  width: 96%;
  overflow: hidden;
  margin: 0 auto; }

.index-Arrow {
  font-size: 13px; }

.index-Value {
  font-size: 14px;
  font-weight: bold; }

.index-change {
  font-size: 12px;
  margin-left: 3px; }

.index-percentage {
  font-size: 12px; }

.nav-tabs-2 > li.active > a, .nav-tabs-2 > li.active > a:hover, .nav-tabs-2 > li.active > a:focus {
  color: #639DC4 !important;
  background-color: #000000;
  border-bottom: none !important;
  font-weight: bold;
  border-style: solid;
  border-width: 1px;
  border-color: #2A3036; }

.nav-tabs-2 {
  border-bottom: 1px solid #2A3036 !important; }

.nav-tabs-2 > li > a {
  margin-right: 0;
  border-bottom: none !important;
  color: #67696A; }

.nav-tabs-2 > li {
  margin-left: 10px;
  float: left;
  margin-bottom: -1px; }

.time-and-sales {
  height: calc(100% - 65px); }

.time-and-sales-with-header {
  height: calc(100% - 59px); }

.quote-page-second-row-wght {
  width: auto; }

.widget-header {
  position: relative; }

.widget-header .nav-tabs {
  margin-top: -5px; }

h2.widget-title-type-1 {
  font-size: 0.688rem;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0; }

h2.widget-title-with-icon {
  padding: 0 0 4px 0; }

.widget-sector-overview .row {
  margin: 0; }

.table-type-1 td {
  height: 24px;
  vertical-align: middle; }

.widget-commodities i {
  font-size: 0.688rem; }

.widget-sector-overview .sec-arrow {
  text-align: center;
  width: 20px; }

.widget-sector-overview .sec-value {
  width: 80px; }

.widget-watchlist {
  border-radius: 2px;
  padding: 5px; }

.indicator-li {
  margin-right: 0 !important;
  padding: 0 2px; }

.online {
  height: 11px;
  width: 11px;
  border-radius: 2px;
  float: left;
  margin-right: 5px; }

.table-mid {
  margin-bottom: 15px; }

.sector-btn {
  margin-top: -6px; }

.sector-btn .btn-dropdown {
  width: 83px; }

.top-stock-btn {
  margin-top: -6px;
  float: left;
  margin-left: inherit; }

.top-stock-btn .btn-dropdown {
  width: 83px; }

.news-row {
  min-height: 58px;
  margin-left: 5px;
  margin-right: 5px;
  width: 100%;
  float: right; }

.panel-table > tbody > tr > td {
  padding: 12px;
  height: 40px;
  line-height: 11px; }

.panel-table {
  text-align: right;
  padding: 8px 0 8px 0;
  height: 100%;
  line-height: 11px; }

.ember-table-panel {
  text-align: right;
  padding: 0 1px 5px 1px;
  line-height: 11px; }

.table-widget-container {
  height: 350px; }

.icon-caret-up, .icon-caret-down {
  height: 12px; }

.cursor-pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default; }

.cursor-move {
  cursor: move; }

.cursor-auto {
  cursor: auto; }

.cursor-not-allowed {
  cursor: not-allowed; }

::-webkit-scrollbar {
  width: 8px; }

::-moz-scrollbar {
  width: 8px; }

::-webkit-scrollbar-track {
  border-radius: 10px; }

::-moz-scrollbar-track {
  border-radius: 10px; }

::-webkit-scrollbar-thumb {
  border-radius: 10px; }

::-moz-scrollbar-thumb {
  border-radius: 10px; }

.progress-bid {
  height: 1px;
  margin-bottom: 0; }

.intraday-cell {
  height: 40px; }

.intraday-cell-text-normal {
  height: 13px;
  color: #848484; }

.intraday-dq {
  height: 40px;
  float: left;
  width: 100px; }

.intraday-dq-widget {
  height: 20px;
  float: left;
  width: 50%;
  padding-left: 5px;
  padding-right: 5px; }

.company-text {
  line-height: 1.5;
  margin-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: justify;
  border-bottom: 1px solid #D2D2D2; }

.company-heading {
  padding-left: 30px !important;
  margin-top: 20px; }

.company-heading-last {
  padding-left: 30px !important;
  margin-top: 20px; }

.company-address {
  line-height: 1.636;
  padding-top: 7px !important; }

.company-logo img {
  max-height: 75px;
  max-width: 164px; }

.nav-tabs .checkbox-label {
  margin-top: 5px; }

.nav-tabs .checkbox-label input[type="checkbox"] {
  margin-right: 4px; }

.company-ellipsis {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 3px; }

.btn-default .btn-icon, .btn-large .btn-icon, .btn-green .btn-icon, .btn-orange .btn-icon, .btn-reject .btn-icon, .search-btn .btn-icon, .toolbar-styles .no-border-btn .btn-icon, .confirm-btn .btn-icon, .add-alert-btn .btn-icon {
  float: left;
  margin: 0 5px 0 0; }

.blink-font-style-change {
  font-weight: bold; }

.dot-style-high {
  height: 5px; }

.dot-style-low {
  height: 5px; }

.blink-classic-up {
  height: 100%; }

.blink-classic-down {
  height: 100%; }

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

.sub_str_tbl td, .sub_str_tbl td span, .sub_str_tbl li span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.right-panel-main {
  padding-right: 15px;
  padding-left: 10px; }

.right-panel-tabpanel {
  margin-left: 5px; }

.right-panel-content {
  overflow-y: auto;
  height: 100%;
  overflow-y: auto;
  max-height: 800px; }

.right-panel-inner-ann {
  padding-left: 13%;
  width: 105px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.right-panel-symbol-ellipsis {
  width: 39%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.right-panel-inner-ann-head {
  width: 87%; }

.right-panel-inner-ann-icon {
  width: 13%; }

.right-panel-tabpanel p {
  line-height: 1.2; }

.icon-btn {
  border-radius: 23px;
  padding: 2px 8px 2px 8px;
  height: auto;
  border-width: 1px;
  border-style: solid;
  font-size: 11px; }

.mkt-close-indicator {
  background-color: #ffbe40 !important; }

/* ================  Watchlist Right Click Popup  ========================  */
.modal-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1999; }

.modal-popup-frame {
  position: absolute;
  z-index: 2000;
  border-radius: 5px;
  transition: all 5s ease-in-out; }

.modal-symbol .modal-popup-symbol-search {
  position: absolute;
  z-index: 2000;
  bottom: inherit;
  padding: 0; }

.right-click-menu {
  width: 233px; }
  .theme1 .right-click-menu {
    background-color: #182B56;
    box-shadow: 0 0 2px 0 alpha(pallete-color7, 0.1); }
  .theme2 .right-click-menu {
    background-color: #ffffff;
    box-shadow: 0 0 2px 0 #ebebeb; }
  .theme2 .right-click-menu {
    border: 1px #266593 solid;
    box-shadow: none; }

.theme1 .right-click-menu-header {
  color: #d8dbe0;
  border: 0 #030812 solid;
  border-bottom: 0 #030812 solid;
  background-color: #0b1d3d; }

.theme2 .right-click-menu-header {
  color: #ffffff;
  border: 0 #266593 solid;
  border-bottom: 0 #266593 solid;
  background-color: #3081bc; }

.theme2 .right-click-menu-header {
  border-bottom: 1px #266593 solid; }

.right-click-menu hr {
  margin: 0 8px 0 8px;
  padding: 0;
  border: none; }
  .theme1 .right-click-menu hr {
    background-color: #242f43; }
  .theme2 .right-click-menu hr {
    background-color: #DBDBDB; }

.theme1 .right-click-menu-symbol {
  background-color: #0b1d3d; }

.theme2 .right-click-menu-symbol {
  background-color: #3081bc; }

.right-click-menu-item {
  font-size: 0.75rem;
  border-radius: 5px;
  cursor: pointer; }

.theme1 .right-click-menu-item:hover {
  background-color: #0b1d3d; }

.theme2 .right-click-menu-item:hover {
  background-color: #F0F3FA; }

.right-click-menu {
  width: 225px; }

.watchlist-dual-cell {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 5px);
  text-align: initial; }

/* ================  /Watchlist Right Click Popup  ========================  */
h2 .nav-tabs {
  border-bottom: 0;
  margin: -5px 0 0 0; }

.dropdown-menu-height {
  max-height: 190px;
  min-width: 105px; }

.sector-btn .dropdown-menu-height {
  height: 118px;
  overflow-y: hidden; }

.btn-dropdown-no-border {
  border-width: 0;
  outline: none; }

.dropdown-mode-default {
  width: 140px;
  max-height: 300px; }

.dropdown-mode-full {
  min-width: 410px;
  max-height: 300px; }
  .dropdown-mode-full .dropdown-option {
    padding: 18px; }

.dropdown-mode-small {
  width: 140px;
  max-height: 300px; }
  .dropdown-mode-small .dropdown-option {
    padding: 18px; }

.dropdown-mode-mini {
  width: 110px;
  max-height: 300px; }
  .dropdown-mode-mini .dropdown-option {
    padding: 6px 18px; }

.dropdown-option:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.dropdown-option:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.theme1 .dropdown-option:hover {
  color: #ffffff;
  background: #0b1d3d; }

.theme2 .dropdown-option:hover {
  color: #ffffff;
  background: #4d9cff; }

.chart-btn-icon {
  font-size: 17px;
  height: 23px;
  background-color: transparent;
  position: relative;
  display: inline-block;
  font-family: 'charticons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .theme1 .chart-btn-icon {
    border: 1px #1D396B solid; }
  .theme2 .chart-btn-icon {
    border: 1px #e6e6e6 solid; }

.chart-tab-icon {
  font-size: 20px;
  height: 30px;
  background-color: transparent;
  padding-top: 5px;
  margin-left: 2px; }
  .theme1 .chart-tab-icon {
    border: none; }
  .theme2 .chart-tab-icon {
    border: none; }

.theme1 .chart-icon-dropdown {
  border: 0 #1D396B solid; }

.theme2 .chart-icon-dropdown {
  border: 0 #e6e6e6 solid; }

.chart-btn-icon:hover {
  border-radius: 0; }

.theme2 .chart-btn-icon:hover {
  border-radius: 0; }

.h-sep-line li:before {
  content: " | ";
  margin-right: 5px;
  margin-left: -1px; }

.h-sep-line li:first-child:before {
  content: none; }

i.comm-icon {
  font-size: 1rem; }

.chart-data-view li:last-child {
  padding-right: 0;
  margin-right: 0; }

.chart-data-view li {
  min-width: 10px;
  text-align: left; }

.chart-icon-btn .btn {
  padding-top: 2px;
  padding-bottom: 0;
  font-size: 17px; }

.chart-icon-btn .caret {
  margin-top: 8px;
  float: right; }

.c3 path, .c3 line {
  fill: none; }

button.chart-btn-icon.active {
  color: #f4b350; }

.main-panel .c3 path, .c3 line {
  fill: none; }
  .theme1 .main-panel .c3 path, .c3 line {
    stroke: #d8dbe0; }
  .theme2 .main-panel .c3 path, .c3 line {
    stroke: black; }
  .theme2 .main-panel .c3 path, .c3 line {
    stroke: black; }

.ms-top-bar .c3 path, .c3 line {
  fill: none;
  stroke: transparent; }

.c3-axis {
  font-weight: normal !important; }

.fav-panel-width {
  width: 170px; }

.default-panel-width {
  width: 115px; }

.ipo-panel-width {
  width: 130px; }

.quote-small-width {
  width: 10%; }

.quote-medium-width {
  width: 20%; }

.quote-large-width {
  display: inline-block; }

.quote-x-large-width {
  width: 40%;
  display: inline-block; }

.watchlist-row-strike:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  border-bottom: 1px solid #000; }

.watchlist-ul {
  width: 100%;
  position: relative; }

.dropdown-watchlist-more {
  width: 490px;
  height: 180px;
  margin-top: -5px; }

.dropdown-watchlist-more-search {
  height: 34px;
  padding: 5px; }

.dropdown-watchlist-more-items {
  float: left;
  width: 150px;
  height: 24px; }

.widget-prochart {
  margin: 5px 5px 0 5px;
  padding: 5px; }

.news-popup {
  max-height: 300px;
  min-width: 365px;
  max-width: 550px; }
  .theme1 .news-popup {
    background-color: #182B56;
    box-shadow: 0 0 1px 0 alpha(pallete-color7, 0.1); }
  .theme2 .news-popup {
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 #ebebeb; }
  .theme2 .news-popup {
    border: 1px #266593 solid; }

.news-popup-header {
  min-height: 60px; }
  .theme1 .news-popup-header {
    color: #ffffff;
    background-color: #0b1d3d; }
  .theme2 .news-popup-header {
    color: #ffffff;
    background-color: #3081bc; }

.popup-line-height {
  line-height: 18px; }

.symbol-popup-view-header {
  cursor: move;
  height: 30px;
  background-color: #23545f;
  margin-left: -5px;
  margin-right: -5px;
  padding: 5px;
  margin-top: -5px; }

.symbol-popup-name {
  display: none; }

.active span.symbol-popup-name {
  display: inline; }

.container-mid {
  left: 70px;
  width: calc(100% - 70px); }

.quote-depth-spread-1 {
  width: 40%;
  height: 46px;
  border-left: 1px #2ecc71 solid;
  border-top: 1px #2ecc71 solid;
  float: right; }

.quote-depth-height {
  height: calc(100% - 25px); }

.quote-depth-spread-2 {
  width: 40%;
  height: 46px;
  border-right: 1px #e74343 solid;
  border-top: 1px #e74343 solid;
  float: left; }

.news-position {
  position: absolute;
  right: 584px;
  top: 45px; }

.pro-chart-max {
  position: absolute;
  right: 15px; }

.quote-summary-layout {
  width: 100%; }

.prochart-symbol-fix {
  position: absolute;
  right: 458px; }

svg {
  overflow: hidden; }

.chart {
  display: block;
  margin: auto; }

.theme1 .parent {
  overflow: hidden;
  height: 20px;
  fill: #555555; }

.parent {
  overflow: hidden;
  height: 20px;
  fill: #3081bc;
  color: #ffffff; }

.child {
  overflow: hidden; }

.child-rect {
  overflow: hidden; }

.theme1 .cell {
  font-size: 11px;
  cursor: pointer;
  pointer-events: all;
  stroke: #EEEEEE; }

.cell {
  font-size: 11px;
  cursor: pointer;
  pointer-events: all;
  stroke: #000; }

.label-parent {
  display: table-cell;
  text-align: center;
  padding-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.label-child {
  display: table-cell;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 1px black;
  -webkit-text-shadow: 1px 1px 1px black;
  -moz-text-shadow: 1px 1px 1px black; }

.label-child-info {
  font-size: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.label-ie-l1 {
  stroke-width: 0;
  margin: 2px;
  fill: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  text-anchor: middle;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.label-ie-l2 {
  stroke-width: 0;
  margin: 2px;
  fill: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  text-anchor: middle;
  unicode-bidi: embed;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.label-ie-l3 {
  stroke-width: 0;
  font-size: 10px;
  margin: 2px;
  fill: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  text-anchor: middle;
  unicode-bidi: embed;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.label-ie-l4 {
  stroke-width: 0;
  font-size: 10px;
  margin: 2px;
  fill: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  text-anchor: middle;
  unicode-bidi: embed;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.label-ie-parent {
  margin: 2px;
  stroke-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-anchor: middle;
  padding-top: 3px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
  .theme1 .label-ie-parent {
    fill: #182B56; }
  .theme2 .label-ie-parent {
    fill: #dedede; }

.div-child {
  display: table;
  height: 100%;
  width: 100%; }

.div-parent {
  display: table;
  height: 100%;
  width: 100%; }

svg#chart g g.cell:first-child {
  stroke: none; }
  .theme1 svg#chart g g.cell:first-child {
    fill: #0b1d3d; }
  .theme2 svg#chart g g.cell:first-child {
    fill: #F0F3FA; }

.chart-data-view {
  margin-top: 4px;
  width: 100%;
  float: left; }

.theme1 .no-bold {
  font-weight: normal !important; }

.chart-dropdown .dropdown-submenu:hover > .dropdown-menu {
  left: 100%;
  width: 205px; }

.chart-dropdown .dropdown-submenu:hover > .dropdown-menu li {
  left: 100%;
  width: 205px;
  margin-left: 0; }

.widget-commodities {
  height: 130px; }

.widget-sector-overview {
  height: 130px; }

.widget-top-stocks {
  height: 130px; }

.watchlist-height {
  height: calc(100% - 156px); }

.quote-watchlist {
  height: calc(100% - 55px);
  width: 100% !important; }

.quote-tab {
  height: calc(100% - 405px);
  min-height: 100px; }

.top-stocks-tab-upper {
  height: calc(50% - 7px); }

.top-stocks-tab-lower {
  height: calc(50% - 0); }

.top-stocks-scroll-height {
  height: calc(100% - 48px); }

.company-profile-height {
  height: calc(100% - 82px); }

.company-profile-col-3-height {
  height: 50%; }

.news-page-height {
  height: calc(100% - 22px) !important; }

.modal-terms {
  height: 500px; }

.modal-terms-iframe {
  height: 425px; }

.topstocks-height {
  height: calc(100% - 25px); }

.detailquote-height {
  height: calc(100% - 25px); }

.custom-workspace-height {
  height: calc(100%- 0);
  overflow-y: scroll; }

.heatmap-height {
  height: calc(100% - 39px); }

.prochart-tab-height {
  height: calc(100% - 22px); }

.mid-col {
  height: calc(100% - 100px); }

.mid-col-horizontal-panel {
  height: calc(100% - 95px); }

.mid-col-horizontal-panel-no-ticker {
  height: calc(100% - 125px); }

.mid-col-horizontal-panel-tp-excluded {
  height: calc(100% - 100px); }

.mid-col .col-sm-6 .widget-outlet:first-child {
  margin-top: 3px; }

.mid-col .col-xs-12 .widget-outlet {
  margin-top: 3px; }

.mid-col .rtpnl-container .right-panel-collapse {
  margin: 3px 0 0 0; }

.right-panel-height {
  height: calc(100% - 31px); }

.link-widget {
  min-width: 100px; }

.link-widget li {
  margin-left: 0 !important; }

.popup-height {
  height: calc(100% - 71px); }

.popup-height .widget {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.popup-height .widget-container {
  border-bottom: 0 #D2D2D2 solid !important;
  border-right: 0 #D8D8D8 solid !important;
  border-left: 0 #D8D8D8 solid !important; }

.popup-height .nano {
  height: 300px !important; }

.nav-tabs-inner-header {
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: 14px;
  margin-right: 42px; }

.more-column-align {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  text-align: left;
  list-style: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px;
  padding: 5px 0 0 0;
  margin-left: -383px;
  font-size: 12px;
  min-width: inherit;
  border: none; }
  .theme1 .more-column-align {
    background-color: #182B56;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5); }
  .theme2 .more-column-align {
    background-color: #ffffff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5); }
  .theme2 .more-column-align {
    box-shadow: 0 4px 20px 0 rgba(128, 143, 156, 0.25); }

.watchlist-link {
  position: absolute; }

.watchlist-links li {
  margin-right: 0; }

.ar .watchlist-links li {
  margin-left: 0; }

.link-dropdown {
  margin-top: -3px;
  margin-bottom: -3px; }

.watchlist-link .link-dropdown {
  margin-left: inherit; }

.popup-header {
  margin-right: 0;
  margin-left: inherit; }

.popup-height .widget_new {
  margin: 0 !important; }

#title-handle .widget-header-left {
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

#message-box {
  position: relative;
  z-index: 100000; }

.message-box-fog {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000; }

.general-popup-frame {
  border-radius: 10px;
  position: absolute;
  top: 35%;
  left: 10%;
  width: 80%;
  text-align: center; }
  .theme1 .general-popup-frame {
    border: 1px #242f43 solid;
    background-color: #182B56;
    box-shadow: 0 0 1px 0 alpha(pallete-color7, 0.1); }
  .theme2 .general-popup-frame {
    border: 1px #DBDBDB solid;
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 #ebebeb; }
  .theme2 .general-popup-frame {
    box-shadow: none; }

.message-box-frame, .about-us-box-frame, .nafath-popup-frame {
  position: fixed;
  z-index: 1001;
  width: 22%;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(128, 143, 156, 0.25);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .theme1 .message-box-frame, .theme1 .about-us-box-frame, .theme1 .nafath-popup-frame {
    background-color: #1D396B; }
  .theme2 .message-box-frame, .theme2 .about-us-box-frame, .theme2 .nafath-popup-frame {
    background-color: #ffffff; }
  .message-box-frame.error-box, .error-box.about-us-box-frame, .error-box.nafath-popup-frame {
    border: none; }
    .theme1 .message-box-frame.error-box, .theme1 .error-box.about-us-box-frame, .theme1 .error-box.nafath-popup-frame {
      background-color: #F94241;
      color: #182B56; }
    .theme2 .message-box-frame.error-box, .theme2 .error-box.about-us-box-frame, .theme2 .error-box.nafath-popup-frame {
      background-color: #F94241;
      color: #ffffff; }
    .theme1 .message-box-frame.error-box .message-box-icon, .theme1 .error-box.about-us-box-frame .message-box-icon, .theme1 .error-box.nafath-popup-frame .message-box-icon {
      background: #FA6867; }
    .theme2 .message-box-frame.error-box .message-box-icon, .theme2 .error-box.about-us-box-frame .message-box-icon, .theme2 .error-box.nafath-popup-frame .message-box-icon {
      background: #FA6867; }
    .theme1 .message-box-frame.error-box .dark-blue-back-color, .theme1 .error-box.about-us-box-frame .dark-blue-back-color, .theme1 .error-box.nafath-popup-frame .dark-blue-back-color {
      background-color: #ffffff;
      color: #F94241; }
    .theme2 .message-box-frame.error-box .dark-blue-back-color, .theme2 .error-box.about-us-box-frame .dark-blue-back-color, .theme2 .error-box.nafath-popup-frame .dark-blue-back-color {
      background-color: #ffffff;
      color: #F94241; }
    .theme1 .message-box-frame.error-box .message-box-message, .theme1 .error-box.about-us-box-frame .message-box-message, .theme1 .error-box.nafath-popup-frame .message-box-message {
      color: #ffffff; }
    .theme2 .message-box-frame.error-box .message-box-message, .theme2 .error-box.about-us-box-frame .message-box-message, .theme2 .error-box.nafath-popup-frame .message-box-message {
      color: #ffffff; }
    .theme1 .message-box-frame.error-box .message-box-title, .theme1 .error-box.about-us-box-frame .message-box-title, .theme1 .error-box.nafath-popup-frame .message-box-title {
      color: #ffffff; }
    .theme2 .message-box-frame.error-box .message-box-title, .theme2 .error-box.about-us-box-frame .message-box-title, .theme2 .error-box.nafath-popup-frame .message-box-title {
      color: #ffffff; }
    .theme1 .message-box-frame.error-box .fade-fore-color-2, .theme1 .error-box.about-us-box-frame .fade-fore-color-2, .theme1 .error-box.nafath-popup-frame .fade-fore-color-2 {
      color: #ffffff; }
    .theme2 .message-box-frame.error-box .fade-fore-color-2, .theme2 .error-box.about-us-box-frame .fade-fore-color-2, .theme2 .error-box.nafath-popup-frame .fade-fore-color-2 {
      color: #ffffff; }

.message-box-width {
  width: 500px; }

.message-box-title {
  padding: 8px 15px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px; }
  .theme2 .message-box-title {
    color: #1D396B; }

.about-us-box-frame {
  top: 20%; }

.message-box-close-button {
  float: right; }

.message-box-body {
  padding: 5px;
  min-height: 54px; }

.message-box-button-area {
  float: right; }

.message-box-icon {
  float: left;
  width: 17%;
  margin-top: -12px; }

.message-box-items {
  float: left;
  margin-top: -12px;
  margin-left: calc(17% + 15px); }

.message-box-content {
  float: right; }

.message-box-message {
  line-height: 24px;
  width: 100%; }

.message-box-icon-class-1 .icon-warning, .message-box-icon-class-2 .icon-warn, .message-box-icon-class-3 .icon-question, .message-box-icon-class-4 .icon-info, .message-box-icon-class-5 .icon-solid-round-checked {
  font-size: 24px;
  display: table-cell !important;
  vertical-align: middle;
  text-align: center; }
  .theme1 .message-box-icon-class-1 .icon-warning, .message-box-icon-class-1 .theme1 .icon-warning, .theme1 .message-box-icon-class-2 .icon-warn, .message-box-icon-class-2 .theme1 .icon-warn, .theme1 .message-box-icon-class-3 .icon-question, .message-box-icon-class-3 .theme1 .icon-question, .theme1 .message-box-icon-class-4 .icon-info, .message-box-icon-class-4 .theme1 .icon-info, .theme1 .message-box-icon-class-5 .icon-solid-round-checked, .message-box-icon-class-5 .theme1 .icon-solid-round-checked {
    color: #ffffff; }
  .theme2 .message-box-icon-class-1 .icon-warning, .message-box-icon-class-1 .theme2 .icon-warning, .theme2 .message-box-icon-class-2 .icon-warn, .message-box-icon-class-2 .theme2 .icon-warn, .theme2 .message-box-icon-class-3 .icon-question, .message-box-icon-class-3 .theme2 .icon-question, .theme2 .message-box-icon-class-4 .icon-info, .message-box-icon-class-4 .theme2 .icon-info, .theme2 .message-box-icon-class-5 .icon-solid-round-checked, .message-box-icon-class-5 .theme2 .icon-solid-round-checked {
    color: #ffffff; }

.message-box-icon-class-2 .icon-warn {
  font-size: 1.125rem; }

.theme1 .message-box-icon-class-2 {
  background: #D09D00; }

.theme2 .message-box-icon-class-2 {
  background: #D09D00; }

.font-16 {
  font-size: 16px; }

.font-15 {
  font-size: 15px; }

.margin-8-top {
  margin-top: 8px; }

.margin-1-bottom {
  margin-bottom: 1px; }

.margin-9-left {
  margin-left: 9px; }

.symbol-pop {
  width: 445px;
  height: 382px;
  overflow-y: hidden;
  box-sizing: content-box; }
  .theme1 .symbol-pop {
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .symbol-pop {
    background-color: #ffffff; }
  .theme2 .symbol-pop {
    background-color: #ffffff; }

.depth-by-order-index {
  font-size: 15px;
  margin-left: -20px;
  margin-top: 6px;
  width: 40px; }

.link-fix .link-dropdown {
  left: inherit;
  right: 0;
  margin-top: -3px;
  margin-bottom: 0; }

.link-fix .popup-header {
  margin-right: -12px;
  margin-top: -4px;
  margin-left: inherit;
  position: relative;
  height: 12px; }

.doc-symbol-pop .popup-header {
  margin-right: 0;
  margin-left: inherit;
  position: relative;
  display: none; }

.doc-symbol-pop .link-dropdown {
  position: absolute;
  left: inherit;
  right: 0;
  padding-right: 5px;
  margin-top: -3px;
  margin-bottom: -3px; }

.popup-header .icon-x {
  font-size: 16px; }

.s-popup-padding .pad-l-r {
  padding-right: 0 !important; }

.s-popup-padding .pad-m-l {
  padding-left: 0 !important; }

.s-popup-padding .pad-m-r {
  padding-right: 2px !important; }

.s-popup-padding .btn {
  padding: 6px !important; }

.horizontal-list-right .icon-maximize {
  font-size: 16px;
  padding-right: 3px; }

.horizontal-list-right .icon-gear {
  font-size: 16px; }

.quote-summary-layout .icon1-link {
  color: #777777 !important; }

.no-absolut .dropdown {
  position: relative !important; }

.title-panel-def {
  margin-top: -5px !important; }

.widget-header-fix .widget-title-one {
  white-space: nowrap;
  width: 53%;
  overflow: hidden;
  text-overflow: clip; }

.hide-overflow {
  text-overflow: clip;
  overflow: hidden; }

.right-panel .widget-header {
  padding: 4px 0 !important; }

.TFtable tr td:nth-child(2) div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 130px; }

.td-symbol {
  max-width: 45px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 6px; }

.div-up {
  -webkit-animation: up 1s;
  animation: up 1s;
  -o-animation: up 1s;
  top: -60px;
  z-index: 1; }

.div-down {
  -webkit-animation: down 1s;
  animation: down 1s;
  -o-animation: down 1s;
  top: 0;
  z-index: 1; }

.hide {
  visibility: hidden;
  backface-visibility: hidden;
  /* W3C */
  -webkit-backface-visibility: hidden;
  /* Safari & Chrome */
  -moz-backface-visibility: hidden;
  /* Firefox */
  -ms-backface-visibility: hidden;
  /* Internet Explorer */
  -o-backface-visibility: hidden;
  /* Opera */ }

.show {
  visibility: visible;
  backface-visibility: visible;
  /* W3C */
  -webkit-backface-visibility: visible;
  /* Safari & Chrome */
  -moz-backface-visibility: visible;
  /* Firefox */
  -ms-backface-visibility: visible;
  /* Internet Explorer */
  -o-backface-visibility: visible;
  /* Opera */ }

@-webkit-keyframes down {
  0% {
    top: -30px; }
  25% {
    top: -21px; }
  50% {
    top: -14px; }
  75% {
    top: -7px; }
  100% {
    top: 0; } }

@keyframes down {
  0% {
    top: -30px; }
  25% {
    top: -21px; }
  50% {
    top: -14px; }
  75% {
    top: -7px; }
  100% {
    top: 0; } }

@-o-keyframes down {
  0% {
    top: -30px; }
  25% {
    top: -21px; }
  50% {
    top: -14px; }
  75% {
    top: -7px; }
  100% {
    top: 0; } }

@-o-keyframes up {
  0% {
    top: 0; }
  25% {
    top: -7px; }
  50% {
    top: -14px; }
  75% {
    top: -21px; }
  100% {
    top: -60px; } }

@-webkit-keyframes up {
  0% {
    top: 0; }
  25% {
    top: -7px; }
  50% {
    top: -14px; }
  75% {
    top: -21px; }
  100% {
    top: -60px; } }

@keyframes up {
  0% {
    top: 0; }
  25% {
    top: -7px; }
  50% {
    top: -14px; }
  75% {
    top: -21px; }
  100% {
    top: -60px; } }

.right-gap {
  margin-right: 20px; }

.quote-watchlist-link {
  margin-top: -26px;
  right: 10px;
  left: inherit; }

.company-profile-height .widget-header-left {
  display: flex !important; }

/*  ===============  Alternative Table Colors  ============================  */
.theme1 .widget_new .quote-page-second-row-wght .layout-row:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .widget_new .quote-page-second-row-wght .layout-row:nth-child(even) {
  background-color: #ffffff; }

.theme2 .widget_new .quote-page-second-row-wght .layout-row:nth-child(even) {
  background-color: #ffffff; }

.theme1 .widget_new .quote-page-second-row-wght .layout-row .table-row-up-back-color {
  background-color: #182B56; }

.theme2 .widget_new .quote-page-second-row-wght .layout-row .table-row-up-back-color {
  background-color: #c1f0d4; }

.theme2 .widget_new .quote-page-second-row-wght .layout-row .table-row-up-back-color {
  background-color: #e2f8eb; }

.theme1 .widget_new .quote-page-second-row-wght .layout-row:nth-child(even) .table-row-up-back-color {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .widget_new .quote-page-second-row-wght .layout-row:nth-child(even) .table-row-up-back-color {
  background-color: #e2f8eb; }

.theme2 .widget_new .quote-page-second-row-wght .layout-row:nth-child(even) .table-row-up-back-color {
  background-color: #c1f0d4; }

.theme1 .widget_new .quote-page-second-row-wght .layout-row .table-row-down-back-color {
  background-color: #182B56; }

.theme2 .widget_new .quote-page-second-row-wght .layout-row .table-row-down-back-color {
  background-color: #fad3d3; }

.theme2 .widget_new .quote-page-second-row-wght .layout-row .table-row-down-back-color {
  background-color: #fce5e5; }

.theme1 .widget_new .quote-page-second-row-wght .layout-row:nth-child(even) .table-row-down-back-color {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .widget_new .quote-page-second-row-wght .layout-row:nth-child(even) .table-row-down-back-color {
  background-color: #fce5e5; }

.theme2 .widget_new .quote-page-second-row-wght .layout-row:nth-child(even) .table-row-down-back-color {
  background-color: #fad3d3; }

/*  ===============  /Alternative Table Colors  ============================  */
.progress-bar-height {
  height: 1px; }

.map-pin {
  position: absolute;
  top: -3px;
  left: -3px;
  background-repeat: no-repeat;
  background-position: top center;
  font-weight: 500;
  font-size: 14px; }

.jqvmap-pin {
  pointer-events: none; }

.jqvmap-zoomin, .jqvmap-zoomout {
  position: absolute;
  left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #000000;
  padding: 3px;
  color: white;
  width: 15px;
  height: 15px;
  cursor: pointer;
  line-height: 10px;
  text-align: center; }

.jqvmap-zoomin {
  top: 10px; }

.jqvmap-zoomout {
  top: 30px; }

#vmap {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-tap-highlight-color: transparent; }

.jqvmap-region {
  cursor: default !important; }

/* Setup basic CSS for Label */
.jqvmap-pin {
  font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
  cursor: default; }

.pin-image {
  background-image: url(../assets/images/black-1763980798255.png);
  height: 5px;
  background-size: 5px 5px;
  background-repeat: no-repeat; }

.wl-def-panel-height {
  height: 25px; }

@keyframes zoom {
  0% {
    transform: scale(1);
    opacity: 0; }
  10% {
    transform: scale(0.1); }
  20% {
    transform: scale(0.2); }
  30% {
    transform: scale(0.3); }
  40% {
    transform: scale(0.4); }
  50% {
    transform: scale(0.5); }
  60% {
    transform: scale(0.6); }
  70% {
    transform: scale(0.7); }
  80% {
    transform: scale(0.8); }
  90% {
    transform: scale(0.9); }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes zoom {
  0% {
    transform: scale(1);
    opacity: 0; }
  10% {
    transform: scale(0.1); }
  20% {
    transform: scale(0.2); }
  30% {
    transform: scale(0.3); }
  40% {
    transform: scale(0.4); }
  50% {
    transform: scale(0.5); }
  60% {
    transform: scale(0.6); }
  70% {
    transform: scale(0.7); }
  80% {
    transform: scale(0.8); }
  90% {
    transform: scale(0.9); }
  100% {
    transform: scale(1);
    opacity: 1; } }

.div-zoom-asi {
  -webkit-animation: zoom .2s 1;
  animation: zoom .2s 1;
  -o-animation: zoom .2s 1;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  opacity: 1;
  transition: opacity .1s linear;
  transition-delay: 2.1s;
  -webkit-transform: translateZ(0); }

.div-zoom-tasi {
  -webkit-animation: zoom .2s 1;
  animation: zoom .2s 1;
  -o-animation: zoom .2s 1;
  animation-delay: 2.2s;
  animation-fill-mode: forwards;
  opacity: 1;
  transition: opacity .1s linear;
  transition-delay: 2.3s;
  -webkit-transform: translateZ(0); }

.div-zoom-ndx {
  -webkit-animation: zoom .2s 1;
  animation: zoom .2s 1;
  -o-animation: zoom .2s 1;
  animation-delay: 2.4s;
  animation-fill-mode: forwards;
  opacity: 1;
  transition: opacity .1s linear;
  transition-delay: 2.5s;
  -webkit-transform: translateZ(0); }

.div-zoom-dsex {
  -webkit-animation: zoom .2s 1;
  animation: zoom .2s 1;
  -o-animation: zoom .2s 1;
  animation-delay: 2.6s;
  animation-fill-mode: forwards;
  opacity: 1;
  transition: opacity .1s linear;
  transition-delay: 2.7s;
  -webkit-transform: translateZ(0); }

.div-zoom-egx {
  -webkit-animation: zoom .2s 1;
  animation: zoom .2s 1;
  -o-animation: zoom .2s 1;
  animation-delay: 2.8s;
  animation-fill-mode: forwards;
  opacity: 1;
  transition: opacity .1s linear;
  transition-delay: 2.9s;
  -webkit-transform: translateZ(0); }

.div-zoom-ukx {
  -webkit-animation: zoom .2s 1;
  animation: zoom .2s 1;
  -o-animation: zoom .2s 1;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  opacity: 1;
  transition: opacity .1s linear;
  transition-delay: 3.1s;
  -webkit-transform: translateZ(0); }

.div-zoom-kw {
  -webkit-animation: zoom .2s 1;
  animation: zoom .2s 1;
  -o-animation: zoom .2s 1;
  animation-delay: 3.2s;
  animation-fill-mode: forwards;
  opacity: 1;
  transition: opacity .1s linear;
  transition-delay: 3.3s;
  -webkit-transform: translateZ(0); }

.div-zoom-dfmi {
  -webkit-animation: zoom .2s 1;
  animation: zoom .2s 1;
  -o-animation: zoom .2s 1;
  animation-delay: 3.4s;
  animation-fill-mode: forwards;
  opacity: 1;
  transition: opacity .1s linear;
  transition-delay: 3.5s;
  -webkit-transform: translateZ(0); }

.div-zoom-adi {
  -webkit-animation: zoom .2s 1;
  animation: zoom .2s 1;
  -o-animation: zoom .2s 1;
  animation-delay: 3.6s;
  animation-fill-mode: forwards;
  opacity: 1;
  transition: opacity .1s linear;
  transition-delay: 3.7s;
  -webkit-transform: translateZ(0); }

.gms-summary-table [data-hint]:after {
  position: fixed;
  overflow: visible; }

.theme1 .progress-bar-back-color {
  background-color: #0b1d3d; }

.theme2 .progress-bar-back-color {
  background-color: #d1d1d1; }

.cash-map-progress-bar {
  width: 40px; }
  .theme1 .cash-map-progress-bar {
    background-color: #F94241; }
  .theme2 .cash-map-progress-bar {
    background-color: #F94241; }

.price-info-panel-height {
  height: 44px; }

.wk52-up-icon {
  padding: 2px 2px 0 2px;
  font-size: 0.563rem;
  display: block;
  border-radius: 2px; }
  .theme1 .wk52-up-icon {
    background-color: #1FBA66; }
  .theme2 .wk52-up-icon {
    background-color: #1FBA66; }

.wk52-down-icon {
  padding: 2px 2px 0 2px;
  font-size: 0.563rem;
  display: block;
  border-radius: 2px; }
  .theme1 .wk52-down-icon {
    background-color: #F94241; }
  .theme2 .wk52-down-icon {
    background-color: #F94241; }

.dropdown-chart-grid {
  font-size: 1rem;
  padding-top: 2px;
  width: 45px; }

.dividends-chart {
  height: 33%; }

.custom-workspace-height {
  height: calc(100% - 25px); }

.widget-list {
  width: 65%;
  min-width: 30%;
  min-height: 30%;
  margin: auto; }

.custom-button {
  width: 90%; }

.layout-select:hover {
  background-color: #d5d6e2; }

.registration-container-height {
  height: calc(100% - 80px); }

.forgot-password-container-height {
  height: calc(100% - 145px); }

.registration-agreement-height {
  height: 75%; }

.about-us-container-height {
  height: 245px; }

.change-login-password {
  left: 35%;
  top: 15%; }

.change-tx-password {
  width: 60%;
  left: 20%;
  top: 15%; }

.sub-header {
  height: 45px; }
  .theme1 .sub-header {
    background-color: #182B56; }
  .theme2 .sub-header {
    background-color: #ffffff; }

.theme1 .shade-back {
  background-color: #0b1d3d; }

.theme2 .shade-back {
  background-color: #3081bc; }

.tree-cell-left-indent {
  padding-left: 25px; }

.flag-cell-border {
  border: 2px solid; }

.ratio-container-height {
  height: calc(100% - 22px); }

.financial-container-height {
  height: calc(100% - 65px); }

.market-summary-font {
  font-size: 0.688rem; }

.popup-label-max-width {
  max-width: 50px; }

.theme1 .white-back-color {
  background-color: #ffffff; }

.theme2 .white-back-color {
  background-color: #ffffff; }

.theme2 .white-back-color {
  background-image: -moz-linear-gradient(0deg, #ffffff 0%, #ffffff 90%, #ffffff 100%);
  background-image: -webkit-linear-gradient(0deg, #ffffff 0%, #ffffff 90%, #ffffff 100%);
  background-image: -ms-linear-gradient(0deg, #ffffff 0%, #ffffff 90%, #ffffff 100%);
  background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 90%, #ffffff 100%); }

.confirmation-popup-header {
  height: 28px;
  padding: 8px;
  font-size: 0.75rem;
  font-weight: bold;
  padding-left: 15px; }
  .theme1 .confirmation-popup-header {
    color: #ffffff;
    border-color: #242f43; }
  .theme2 .confirmation-popup-header {
    color: #ffffff;
    border-color: #DBDBDB; }

.mask {
  min-height: 270px;
  background: rgba(0, 0, 0, 0.2);
  top: -25px;
  left: 0;
  z-index: 10; }

.quote-advanced-height {
  height: 117px; }

.quote-fields-height {
  height: calc(100% - 43px); }

.ratio-container-custom-height {
  height: calc(100% - 25px); }

.btn-lbl-l {
  max-width: 100px; }

.announcement-context-button-container {
  float: right;
  padding-bottom: 6px; }

.stock-screener-max-width {
  max-width: 92%;
  text-overflow: ellipsis; }

.market-depth-summary-height {
  height: 132px; }

.theme1 .confirm-btn {
  border: 1px #f4b350 solid;
  color: #ffffff;
  background-color: #f4b350;
  background-image: -moz-linear-gradient(top, #f4b350 0%, #f4b350 30%, #f4b350 30%, #f4b350 100%);
  background-image: -webkit-linear-gradient(top, #f4b350 0%, #f4b350 30%, #f4b350 30%, #f4b350 100%);
  background-image: -ms-linear-gradient(top, #f4b350 0%, #f4b350 30%, #f4b350 30%, #f4b350 100%);
  background-image: linear-gradient(top, #f4b350 0%, #f4b350 30%, #f4b350 30%, #f4b350 100%); }

.theme2 .confirm-btn {
  border: 1px #f9a825 solid;
  color: #ffffff;
  background-color: #f9a825;
  background-image: -moz-linear-gradient(top, #f9a825 0%, #f9a825 30%, #f9a825 30%, #f9a825 100%);
  background-image: -webkit-linear-gradient(top, #f9a825 0%, #f9a825 30%, #f9a825 30%, #f9a825 100%);
  background-image: -ms-linear-gradient(top, #f9a825 0%, #f9a825 30%, #f9a825 30%, #f9a825 100%);
  background-image: linear-gradient(top, #f9a825 0%, #f9a825 30%, #f9a825 30%, #f9a825 100%); }

.stock-info-pill {
  border-radius: 25px;
  font-size: 12px; }
  .theme1 .stock-info-pill {
    color: #d8dbe0;
    background: ""; }
  .theme2 .stock-info-pill {
    color: #414249;
    background: #F2F4F5; }

.theme1 .error-msg-popup {
  background-color: #F94241;
  border: 1px #F94241 solid; }

.theme2 .error-msg-popup {
  background-color: #F94241;
  border: 1px #F94241 solid; }

.error-msg-popup .message-box-title,
.error-msg-popup .message-box-message,
.error-msg-popup .message-box-items {
  text-align: center; }
  .theme1 .error-msg-popup .message-box-title, .error-msg-popup .message-box-message, .error-msg-popup .message-box-items {
    color: #ffffff; }
  .theme2 .error-msg-popup .message-box-title, .error-msg-popup .message-box-message, .error-msg-popup .message-box-items {
    color: #ffffff; }

.error-msg-popup .message-box-button-area,
.error-msg-popup .message-box-title {
  display: none; }

.error-msg-popup .message-box-icon {
  width: 100%;
  text-align: center; }
  .theme1 .error-msg-popup .message-box-icon {
    background: none; }
  .theme2 .error-msg-popup .message-box-icon {
    background: none; }

.error-msg-popup .message-box-message {
  margin-bottom: 10px; }

.error-msg-popup .message-box-body {
  margin-top: unset; }

.theme1 .recent-activity-bg-color1 {
  background: rgba(255, 255, 255, 0.1); }

.theme2 .recent-activity-bg-color1 {
  background: #ffffff;
  border: 1px solid #FFB600; }

.theme2 .recent-activity-bg-color1 {
  background: #FFF4C6; }

.theme1 .recent-activity-bg-color2 {
  background: rgba(255, 255, 255, 0.1); }

.theme2 .recent-activity-bg-color2 {
  background: #ffffff;
  border: 1px solid #17CA32; }

.theme2 .recent-activity-bg-color2 {
  background: #C8FFD1; }

.subscription-category {
  height: 147px;
  box-shadow: 0 4px 20px rgba(128, 143, 156, 0.25);
  border-radius: 7px; }
  .theme1 .subscription-category {
    background: #182B56; }
  .theme2 .subscription-category {
    background: #ffffff; }

.premium-category, .packages {
  padding: 12px;
  width: 42px;
  height: 42px;
  border-radius: 30px;
  display: table; }
  .theme1 .premium-category, .theme1 .packages {
    background: #d8dbe0; }
  .theme2 .premium-category, .theme2 .packages {
    background: #333333; }

.packages {
  padding: 7px;
  background: #F1F3F8 !important; }

.more-market-dropdown {
  box-shadow: 0 4px 10px 0 rgba(128, 143, 156, 0.25); }

.about-clamp-3, .about-clamp-2 {
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.about-clamp-2 {
  -webkit-line-clamp: 2; }

.message-box-icon {
  float: unset;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: table;
  margin-top: initial; }
  .theme1 .message-box-icon {
    background: #0071FF; }
  .theme2 .message-box-icon {
    background: #0071FF; }

.theme1 .container-fade-back-color {
  background: #304167; }

.theme2 .container-fade-back-color {
  background: #F0F3FA; }

.cancel-btn {
  height: 52px;
  background: transparent; }
  .theme1 .cancel-btn {
    color: #0071FF;
    border: 1px solid #0071FF; }
  .theme2 .cancel-btn {
    color: #0071FF;
    border: 1px solid #0071FF; }

.submit-btn {
  height: 52px;
  border: none; }

.input-field:disabled {
  background: transparent !important; }

.dropdown-mode-small-2 {
  width: 160px;
  max-height: 300px; }
  .dropdown-mode-small-2 .dropdown-option {
    padding: 18px; }

.info-highlight-back-color {
  border-radius: 8px;
  background: #c2d7f0; }

.class-ch {
  width: 27px !important; }

.nafath-popup-frame {
  width: 22%;
  padding: 20px 0px; }

.nafath-popup-style {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #0071FF;
  color: white;
  display: table;
  font-size: 36px;
  margin: auto; }

.nafath-popup-number {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.maine-panel-container, .right-panel-container {
  width: calc(100% - 334px);
  float: left;
  padding-right: 0;
  padding-left: 0; }

.right-panel-container {
  width: 334px; }

.ar .maine-panel-container, .ar .right-panel-container {
  float: right; }

.rtpnl-height {
  height: 100%; }

@media only screen and (max-width: 991px) {
  .media-visibility {
    display: block !important; }
  .main-panel-width-responsive {
    width: calc(100% - 117px) !important; }
  .rtpnl-height {
    height: auto !important; } }

.rtpnl-container {
  padding-bottom: 6px; }
  .rtpnl-container .position-show {
    left: 0;
    top: 0;
    position: relative; }
  .rtpnl-container .position-hide {
    left: 25000px;
    top: 25000px;
    position: absolute; }
  .rtpnl-container .collapse-content {
    margin-top: 110px;
    height: calc(100% - 115px);
    width: 230px;
    z-index: 300;
    top: 0;
    right: 0;
    left: auto;
    display: none;
    background-color: #fff;
    overflow-x: hidden;
    position: fixed !important; }
    .theme1 .rtpnl-container .collapse-content {
      border: 1px #242f43 solid; }
    .theme2 .rtpnl-container .collapse-content {
      border: 1px #DBDBDB solid; }
    .theme2 .rtpnl-container .collapse-content {
      box-shadow: none; }
  .rtpnl-container .collapse-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 200; }
  .rtpnl-container .right-panel-collapse {
    top: 0;
    width: 45px;
    overflow: visible;
    padding: 0;
    list-style: none;
    margin: 5px 0 0 0;
    white-space: nowrap; }
    .theme1 .rtpnl-container .right-panel-collapse {
      background: #0b1d3d; }
    .theme2 .rtpnl-container .right-panel-collapse {
      background: #3081bc; }
  .rtpnl-container .right-panel-collapse-ul {
    list-style: none;
    padding-right: 4px; }
  .rtpnl-container .right-panel-collapse li {
    text-align: center;
    padding: 130px 0 0 0; }
  .rtpnl-container .right-panel-collapse li a {
    display: block;
    text-decoration: none;
    font-size: 0.688rem;
    text-align: center;
    cursor: pointer;
    font-weight: bold; }
    .theme1 .rtpnl-container .right-panel-collapse li a {
      color: #f4b350; }
    .theme2 .rtpnl-container .right-panel-collapse li a {
      color: #21A3DD; }
  .rtpnl-container .right-panel-collapse li a:hover {
    text-decoration: none;
    font-weight: bold; }
    .theme1 .rtpnl-container .right-panel-collapse li a:hover {
      color: #dcdfe3; }
    .theme2 .rtpnl-container .right-panel-collapse li a:hover {
      color: #a5a5a5; }
  .rtpnl-container .right-panel-collapse .vertical-item {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    /* Safari/Chrome */
    -moz-transform: rotate(-90deg);
    /* Firefox */
    -o-transform: rotate(-90deg);
    /* Opera */
    -ms-transform: rotate(-90deg);
    /* IE 9 */ }

.topstocks-border-bottom-col1 {
  padding-bottom: 5px; }

.topstocks-border-bottom-col2 {
  padding-bottom: 5px; }

.topstocks-border-bottom-col3 {
  padding-bottom: 5px; }

.theme1 .top-gainers .layout-row:nth-child(even) {
  background: #182B56; }

.theme2 .top-gainers .layout-row:nth-child(even) {
  background: #c1f0d4; }

.theme1 .top-losers .layout-row:nth-child(even) {
  background: #182B56; }

.theme2 .top-losers .layout-row:nth-child(even) {
  background: #fad3d3; }

.theme1 .most-active .layout-row:nth-child(even) {
  background: #182B56; }

.theme2 .most-active .layout-row:nth-child(even) {
  background: #d6eaf3; }

.link-item {
  height: 11px;
  width: 11px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: 1px; }

.theme1 .link-1 {
  background-color: #f7c880; }

.theme2 .link-1 {
  background-color: #fabc57; }

.theme1 .link-3 {
  background-color: #fa605f; }

.theme2 .link-3 {
  background-color: #fa605f; }

.theme1 .link-4 {
  background-color: #45e08c; }

.theme2 .link-4 {
  background-color: #45e08c; }

.theme1 .link-2 {
  background-color: #2980b9; }

.theme2 .link-2 {
  background-color: #80b8ff; }

.wdgttl {
  border-radius: 2px 2px 0 0;
  height: 33px; }
  .theme1 .wdgttl {
    color: #d8dbe0; }
  .theme2 .wdgttl {
    color: #ffffff; }
  .wdgttl-tab-panel {
    width: 100%; }
  .theme1 .wdgttl-tab-panel .active .wdgttl-fore-color {
    color: #f4b350; }
  .theme2 .wdgttl-tab-panel .active .wdgttl-fore-color {
    color: #21A3DD; }
  .wdgttl-header {
    height: inherit;
    font-size: 0.688rem;
    font-weight: bold;
    height: 100%;
    border-radius: 2px 2px 0 0; }
    .theme1 .wdgttl-header {
      color: #d8dbe0; }
    .theme2 .wdgttl-header {
      color: #ffffff; }
  .wdgttl-search {
    padding-left: 18px;
    padding-right: 10px;
    margin-left: 5px;
    width: 80px; }
    .theme1 .wdgttl-search {
      height: 20px;
      border: 1px #111f3e solid;
      color: #d8dbe0;
      background-color: #182B56; }
    .theme2 .wdgttl-search {
      height: 20px;
      border: 1px #f0f0f0 solid;
      color: black;
      background-color: #ffffff; }
    .theme2 .wdgttl-search {
      background-color: #f0f0f0;
      background-image: -moz-linear-gradient(top, #f0f0f0 0%, whitesmoke 30%, whitesmoke 30%, white 100%);
      background-image: -webkit-linear-gradient(top, #f0f0f0 0%, whitesmoke 30%, whitesmoke 30%, white 100%);
      background-image: -ms-linear-gradient(top, #f0f0f0 0%, whitesmoke 30%, whitesmoke 30%, white 100%);
      background-image: linear-gradient(top, #f0f0f0 0%, whitesmoke 30%, whitesmoke 30%, white 100%); }
  .wdgttl-btn-search {
    border-style: solid;
    margin-bottom: 0;
    border-radius: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 0.688rem;
    margin-top: 0;
    z-index: 2;
    border: 0;
    height: 23px;
    background-color: transparent; }
  .wdgttl-tab-item {
    white-space: nowrap;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: bold;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-bottom: 3px transparent solid;
    letter-spacing: -0.004em;
    height: 33px; }
    .theme1 .wdgttl-tab-item {
      color: #d8dbe0; }
    .theme2 .wdgttl-tab-item {
      color: #818181; }
  .wdgttl-tab-item a {
    line-height: 22px;
    padding: 0; }
  .wdgttl-tab-item:first-child a {
    padding-left: 0; }
  .theme1 .wdgttl-tab-item .active a {
    color: #f4b350; }
  .theme2 .wdgttl-tab-item .active a {
    color: #21A3DD; }
  .wdgttl-tab-item:hover {
    cursor: pointer; }
  .theme1 .wdgttl-tab-panel {
    color: #d8dbe0; }
  .theme2 .wdgttl-tab-panel {
    color: #818181; }
  .wdgttl-tab-panel .active {
    font-weight: normal; }
    .theme1 .wdgttl-tab-panel .active {
      color: #d8dbe0;
      border-bottom-color: #0071FF; }
    .theme2 .wdgttl-tab-panel .active {
      color: black;
      border-bottom-color: #0071FF; }
  .wdgttl-tab-panel .active a {
    font-style: normal;
    font-weight: 700; }
    .theme1 .wdgttl-tab-panel .active a {
      color: ""; }
    .theme2 .wdgttl-tab-panel .active a {
      color: #414249; }
  .theme1 .wdgttl-tab-link {
    color: #d8dbe0; }
  .theme2 .wdgttl-tab-link {
    color: #818181; }
  .theme1 .wdgttl-tab-link:hover {
    color: #f4b350; }
  .theme2 .wdgttl-tab-link:hover {
    color: #21A3DD; }
  .theme1 .wdgttl-fore-color {
    color: #d8dbe0; }
  .theme2 .wdgttl-fore-color {
    color: #818181; }
  .theme1 .wdgttl-fore-color:hover, .wdgttl-fore-color:focus {
    color: #d8dbe0; }
  .theme2 .wdgttl-fore-color:hover, .wdgttl-fore-color:focus {
    color: #818181; }
  .wdgttl-drp-dwn-btn {
    height: 25px !important;
    border-radius: 0px !important;
    font-size: 0.688rem;
    font-weight: normal; }
    .theme1 .wdgttl-drp-dwn-btn {
      color: #d8dbe0;
      border: 0 #0b1d3d solid;
      border-left: 1px #030812 solid;
      background-color: #0b1d3d; }
    .theme2 .wdgttl-drp-dwn-btn {
      color: #ffffff;
      border: 0 #3081bc solid;
      border-left: 1px #266593 solid;
      background-color: #3081bc; }
    .theme2 .wdgttl-drp-dwn-btn {
      border-bottom: 1px #266593 solid;
      border-top: 0 #25628f solid;
      background-image: -moz-linear-gradient(top, #3081bc 0%, #3081bc 50%, #3081bc 100%);
      background-image: -webkit-linear-gradient(top, #3081bc 0%, #3081bc 50%, #3081bc 100%);
      background-image: -ms-linear-gradient(top, #3081bc 0%, #3081bc 50%, #3081bc 100%);
      background-image: linear-gradient(top, #3081bc 0%, #3081bc 50%, #3081bc 100%); }
  .theme1 .wdgttl-drp-dwn-btn:active {
    color: #d8dbe0; }
  .theme2 .wdgttl-drp-dwn-btn:active {
    color: #ffffff; }
  .theme2 .wdgttl-drp-dwn-btn:active {
    border-left: 1px #266593 solid !important;
    border-right: 0 #25628f solid !important;
    border-top: 0 #25628f solid !important;
    border-bottom: 0 #25628f solid !important;
    background-image: -moz-linear-gradient(0, #3081bc 0%, #3081bc 50%, #3081bc 100%);
    background-image: -webkit-linear-gradient(0, #3081bc 0%, #3081bc 50%, #3081bc 100%);
    background-image: -ms-linear-gradient(0, #3081bc 0%, #3081bc 50%, #3081bc 100%);
    background-image: linear-gradient(0, #3081bc 0%, #3081bc 50%, #3081bc 100%); }
  .theme1 .wdgttl-drp-dwn-btn:focus {
    border-left: 1px #030812 solid !important;
    border-right: 0 #02060d solid !important;
    border-top: 0 #02060d solid !important; }
  .theme2 .wdgttl-drp-dwn-btn:focus {
    border-left: 1px #266593 solid !important;
    border-right: 0 #25628f solid !important;
    border-top: 0 #25628f solid !important; }
  .theme2 .wdgttl-drp-dwn-btn:focus {
    border-bottom: 1px #25628f solid !important; }
  .theme1 .wdgttl-drp-dwn-btn:hover {
    color: #d8dbe0;
    background-color: #071327; }
  .theme2 .wdgttl-drp-dwn-btn:hover {
    color: #818181;
    background-color: #2a70a4; }
  .theme2 .wdgttl-drp-dwn-btn:hover {
    background-image: -moz-linear-gradient(0, #2a70a4 0%, #2a70a4 50%, #2a70a4 100%);
    background-image: -webkit-linear-gradient(0, #2a70a4 0%, #2a70a4 50%, #2a70a4 100%);
    background-image: -ms-linear-gradient(0, #2a70a4 0%, #2a70a4 50%, #2a70a4 100%);
    background-image: linear-gradient(0, #2a70a4 0%, #2a70a4 50%, #2a70a4 100%); }
  .wdgttl-btn-dropdown {
    padding: 4px 4px 4px 0;
    background: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border: 1px solid transparent; }
  .wdgttl-btn-dropdown:focus {
    outline-style: none; }
  .wdgttl-table-header {
    padding-top: 5px; }
    .theme2 .wdgttl-table-header {
      border-top: 1px #e0e0e0 solid;
      border-bottom: 1px #DBDBDB solid;
      background-image: -moz-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
      background-image: -webkit-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
      background-image: -ms-linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
      background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%); }
  .theme1 .wdgttl-border-left {
    border-left: 1px #030812 solid !important; }
  .theme2 .wdgttl-border-left {
    border-left: 1px #266593 solid !important; }
  .theme1 .wdgttl-border-right {
    border-right: 1px #030812 solid !important; }
  .theme2 .wdgttl-border-right {
    border-right: 1px #266593 solid !important; }

.watch-list-progress-cell {
  padding-bottom: 2px; }

.watch-list-progress-bar {
  height: 8px; }

.watch-list-text-cell {
  padding-left: 2px; }

.watch-list-dot-cell {
  padding-bottom: 2px; }

.watch-list-default-cell {
  padding-top: 15px; }

.watch-list-border-radius {
  border-radius: 5px; }

.watch-list-header-large {
  font-size: 1rem; }

.watch-list-container-height {
  height: calc(100% - 40px); }

.watch-list-filter-area-show {
  width: 69px; }

.watch-list-filter-area-hide {
  width: 0; }

.watch-list-transform-filter-box {
  transition: width .5s ease; }

.watch-list-quote-wl-filter-btn {
  max-width: 58px;
  min-width: 58px; }

.watch-list-container-height {
  height: calc(100% - 26px); }

.watch-list-value-width {
  width: 56px; }

.watch-list-container-height-portfolio {
  height: 100%; }

.watch-list-blinking-cell {
  min-width: 72px;
  height: 32px;
  border: 1px solid #D9D9DF;
  border-radius: 5px;
  text-align: center;
  font-weight: 700;
  display: table; }
  .theme1 .watch-list-blinking-cell {
    color: #DBDBDB;
    background: "";
    border: 1px solid #213b76; }
  .theme2 .watch-list-blinking-cell {
    color: #818181;
    background: #ffffff;
    border: 1px solid #c9c9c9; }

.c3-chart-arcs-title {
  font-size: 12px;
  alignment-baseline: middle; }
  .theme1 .c3-chart-arcs-title {
    fill: #d8dbe0; }
  .theme2 .c3-chart-arcs-title {
    fill: black; }

/* =======  Global Search Drop Down Menu  =============  */
.search-wrapper {
  max-height: 465px;
  min-width: 314px; }
  .theme1 .search-wrapper {
    background-color: #182B56; }
  .theme2 .search-wrapper {
    background-color: #ffffff; }

.search-wrapper ul {
  padding: 0;
  list-style-type: none; }

.search-title {
  padding: 6px 6px 6px 8px; }
  .theme1 .search-title {
    color: #d8dbe0;
    background-color: #0b1d3d;
    border-bottom: 1px #242f43 solid; }
  .theme2 .search-title {
    color: #ffffff;
    background-color: #3081bc;
    border-bottom: 1px #DBDBDB solid; }

.search-row {
  padding: 8px; }
  .theme1 .search-row {
    border-bottom: 1px #242f43 solid; }
  .theme2 .search-row {
    border-bottom: 1px #DBDBDB solid; }

.search-row:hover {
  cursor: pointer; }
  .theme1 .search-row:hover {
    background-color: rgba(11, 29, 61, 0.3); }
  .theme2 .search-row:hover {
    background-color: #d6eaf3; }

.theme1 .search-row-hover {
  background-color: rgba(11, 29, 61, 0.3); }

.theme2 .search-row-hover {
  background-color: #d6eaf3; }

.search-col-1 ul {
  display: table; }

.search-col-1 ul li {
  display: table-cell;
  vertical-align: text-bottom; }

.search-symbol {
  margin-right: 10px;
  width: 100px; }

.search-symbol-responsive {
  margin-right: 10px;
  width: 90px; }

.search-desc-1 {
  margin-right: 10px;
  width: 120px; }

.search-desc-1-responsive {
  margin-right: 10px;
  width: 90px; }

.search-desc-2 {
  margin-top: 5px;
  max-width: 300px; }

.search-mkt {
  margin-right: 5px;
  width: 50px; }

.search-mkt-responsive {
  margin-right: 5px;
  width: 40px; }

.search-sub-mkt {
  margin-right: 10px;
  width: 70px; }

.theme1 .search-row:hover {
  background-color: #0b1d3d; }

.theme2 .search-row:hover {
  background-color: #3081bc; }

.theme2 .search-row:hover {
  background-color: #d6eaf3; }

/* =======  /Global Search Drop Down Menu  =============  */
.alert-padding-left {
  padding-left: 40px; }

.alert-search-box {
  height: 30px; }

.alert-text-box {
  height: 30px;
  padding-left: 5px; }

.add-alert-btn {
  width: 100%;
  border-radius: 2px; }
  .theme1 .add-alert-btn {
    color: #ffffff;
    background-color: #f4b350;
    border: 0 #0b1d3d solid;
    background-image: -moz-linear-gradient(180deg, #f4b350 0%, #f4b350 100%);
    background-image: -webkit-linear-gradient(180deg, #f4b350 0%, #f4b350 100%);
    background-image: -ms-linear-gradient(180deg, #f4b350 0%, #f4b350 100%);
    background-image: linear-gradient(180deg, #f4b350 0%, #f4b350 100%); }
  .theme2 .add-alert-btn {
    color: #ffffff;
    background-color: #f9a825;
    border: 0 #3081bc solid;
    background-image: -moz-linear-gradient(180deg, #f9a825 0%, #f9a825 100%);
    background-image: -webkit-linear-gradient(180deg, #f9a825 0%, #f9a825 100%);
    background-image: -ms-linear-gradient(180deg, #f9a825 0%, #f9a825 100%);
    background-image: linear-gradient(180deg, #f9a825 0%, #f9a825 100%); }
  .theme2 .add-alert-btn {
    background-image: -moz-linear-gradient(180deg, #f9a825 0%, #f9a825 100%);
    background-image: -webkit-linear-gradient(180deg, #f9a825 0%, #f9a825 100%);
    background-image: -ms-linear-gradient(180deg, #f9a825 0%, #f9a825 100%);
    background-image: linear-gradient(180deg, #f9a825 0%, #f9a825 100%); }

.add-alert-btn:disabled {
  opacity: 0.65; }
  .theme1 .add-alert-btn:disabled {
    color: #ffffff;
    background-color: #f4b350;
    border: none; }
  .theme2 .add-alert-btn:disabled {
    color: #ffffff;
    background-color: #f9a825;
    border: none; }
  .theme2 .add-alert-btn:disabled {
    background-image: none; }

.add-alert-btn:hover, .add-alert-btn:focus {
  opacity: 0.8; }
  .theme1 .add-alert-btn:hover, .add-alert-btn:focus {
    border: 1px #f4b350 solid;
    background-color: #f4b350; }
  .theme2 .add-alert-btn:hover, .add-alert-btn:focus {
    border: 1px #f9a825 solid;
    background-color: #f9a825; }
  .theme2 .add-alert-btn:hover, .add-alert-btn:focus {
    border: 1px #f9a825 solid;
    background-image: -moz-linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%);
    background-image: -webkit-linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%);
    background-image: -ms-linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%);
    background-image: linear-gradient(0deg, #f9a825 0%, #f9a825 90%, #f9a825 100%); }

.search-popup-price-alert {
  position: absolute;
  left: 0;
  top: 95px; }

.btn-alert {
  height: 25px;
  padding: 1px 5px 2px 5px;
  font-size: 0.688rem;
  background-color: transparent;
  background-image: none;
  border: none;
  border: 0 #fff solid; }

.theme2 .btn-alert:focus {
  border: 0 #3081bc solid; }

.theme1 .btn-alert[disabled] {
  background-color: initial; }

.theme2 .btn-alert[disabled] {
  background-color: initial; }

.theme2 .btn-alert[disabled] {
  background-image: none; }

.alert-status-cell {
  border-radius: 3px; }
  .theme1 .alert-status-cell {
    color: #ffffff; }
  .theme2 .alert-status-cell {
    color: #ffffff; }

.alert-criteria-cell-width {
  max-width: 45%; }

.alert-pop-up-line-height {
  line-height: 1; }

.alert-container-height {
  height: calc(100% - 78px); }

.tickerDiv {
  overflow: hidden;
  height: 32px;
  line-height: 28px;
  float: left;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.ticker {
  height: 32px;
  width: 1500px;
  display: inline;
  position: absolute;
  padding: 0; }

.ticker-animation {
  -webkit-animation: tickerMove 60s linear infinite both;
  /* Chrome, Safari, Opera */
  -moz-animation: tickerMove 60s linear infinite both;
  animation: tickerMove 60s linear infinite both; }

.ar .ticker-animation {
  -webkit-animation: tickerMoveAr 60s linear infinite both;
  /* Chrome, Safari, Opera */
  -moz-animation: tickerMoveAr 60s linear infinite both;
  animation: tickerMoveAr 60s linear infinite both; }

.tickerTwo {
  -webkit-animation-delay: -30s !important;
  /* Chrome, Safari, Opera */
  -moz-animation-delay: -30s !important;
  animation-delay: -30s !important;
  -webkit-transform: translate3d(-1500px, 0, 0);
  -moz-transform: translate3d(-1500px, 0, 0);
  -ms-transform: translate3d(-1500px, 0, 0);
  transform: translate3d(-1500px, 0, 0); }

.item {
  overflow: hidden;
  font-size: 12px;
  padding-right: 5px;
  padding-left: 5px; }

/* This class is to force browser to use GPU for animations */
.transform {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1500px;
  -moz-perspective: 1500px;
  perspective: 1500px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0) rotate(0.02deg);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.anim-paused {
  -webkit-animation-play-state: paused;
  /* Chrome, Safari, Opera */
  animation-play-state: paused; }

.anim-play {
  -webkit-animation-play-state: running;
  /* Chrome, Safari, Opera */
  animation-play-state: running; }

.ar .anim-paused {
  -webkit-animation-play-state: paused;
  /* Chrome, Safari, Opera */
  animation-play-state: paused; }

.ar .anim-play {
  -webkit-animation-play-state: running;
  /* Chrome, Safari, Opera */
  animation-play-state: running; }

/* TODO: [Atheesan] Enable this after fixing overlapping issue in safari */
/*.tickerDiv:hover > .anim-play {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}*/
/* Chrome, Safari, Opera */
@-webkit-keyframes tickerMove {
  0% {
    -webkit-transform: translate3d(1500px, 0, 0);
    -moz-transform: translate3d(1500px, 0, 0);
    -ms-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0); }
  100% {
    -webkit-transform: translate3d(-1500px, 0, 0);
    -moz-transform: translate3d(-1500px, 0, 0);
    -ms-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0); } }

@keyframes tickerMove {
  0% {
    -webkit-transform: translate3d(1500px, 0, 0);
    -moz-transform: translate3d(1500px, 0, 0);
    -ms-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0); }
  100% {
    -webkit-transform: translate3d(-1500px, 0, 0);
    -moz-transform: translate3d(-1500px, 0, 0);
    -ms-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0); } }

@-webkit-keyframes tickerMoveAr {
  0% {
    -webkit-transform: translate3d(-1500px, 0, 0);
    -moz-transform: translate3d(-1500px, 0, 0);
    -ms-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0); }
  100% {
    -webkit-transform: translate3d(1500px, 0, 0);
    -moz-transform: translate3d(1500px, 0, 0);
    -ms-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0); } }

@keyframes tickerMoveAr {
  0% {
    -webkit-transform: translate3d(-1500px, 0, 0);
    -moz-transform: translate3d(-1500px, 0, 0);
    -ms-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0); }
  100% {
    -webkit-transform: translate3d(1500px, 0, 0);
    -moz-transform: translate3d(1500px, 0, 0);
    -ms-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0); } }

.price-ticker {
  overflow: hidden;
  position: relative;
  height: 26px; }

.ticker-shadow {
  height: 31px;
  width: 120%;
  margin-left: -10px;
  position: absolute;
  top: 0;
  z-index: 1; }
  .theme1 .ticker-shadow {
    box-shadow: inset 0 2px 2px 0 rgba(30, 36, 44, 0.65); }
  .theme2 .ticker-shadow {
    box-shadow: inset 0 2px 2px 0 rgba(79, 104, 143, 0.7); }
  .theme2 .ticker-shadow {
    box-shadow: inset 0 2px 5px 0 rgba(79, 104, 143, 0.7); }

.theme1 #ticker-up-color {
  color: #1FBA66; }

.theme2 #ticker-up-color {
  color: #1FBA66; }

.theme1 #ticker-down-color {
  color: #F94241; }

.theme2 #ticker-down-color {
  color: #F94241; }

.theme1 #ticker-no-chg-color {
  color: ""; }

.theme2 #ticker-no-chg-color {
  color: ""; }

.theme1 #ticker-fore-color {
  color: #d8dbe0; }

.theme2 #ticker-fore-color {
  color: black; }

.theme1 #ticker-fade-fore-color {
  color: ""; }

.theme2 #ticker-fade-fore-color {
  color: #D9D9DF; }

.theme1 .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background-color: #0071FF; }

.theme2 .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background-color: #0071FF; }

.theme2 .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background-color: ""; }

.datepicker table tr td.active.day {
  background-image: none; }
  .theme1 .datepicker table tr td.active.day {
    background-color: #0071FF; }
  .theme2 .datepicker table tr td.active.day {
    background-color: #0071FF; }

.datepicker table tr th.next {
  font-size: 1.25rem; }
  .theme1 .datepicker table tr th.next {
    color: #0071FF; }
  .theme2 .datepicker table tr th.next {
    color: #0071FF; }

.datepicker table tr th.prev {
  font-size: 1.25rem; }
  .theme1 .datepicker table tr th.prev {
    color: #0071FF; }
  .theme2 .datepicker table tr th.prev {
    color: #0071FF; }

.theme1 .datepicker .prev:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .datepicker .prev:hover {
  background-color: #ffffff; }

.theme1 .datepicker .datepicker-switch:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .datepicker .datepicker-switch:hover {
  background-color: #ffffff; }

.theme1 .datepicker .next:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .datepicker .next:hover {
  background-color: #ffffff; }

.theme1 .datepicker table tr td span:hover {
  background-color: ""; }

.theme2 .datepicker table tr td span:hover {
  background-color: ""; }

.theme2 .datepicker table tr td span:hover {
  background-color: #848484; }

.theme1 .datepicker table tr td span:hover {
  background-color: ""; }

.theme2 .datepicker table tr td span:hover {
  background-color: ""; }

.theme2 .datepicker table tr td span:hover {
  background-color: #848484; }

.theme1 .datepicker table tr td span.focused {
  background-color: ""; }

.theme2 .datepicker table tr td span.focused {
  background-color: ""; }

.theme2 .datepicker table tr td span.focused {
  background-color: #848484; }

.datepicker table tr th.dow {
  text-transform: uppercase; }

.theme1 .datepicker-dropdown.datepicker-orient-top:after {
  border-top: 6px solid rgba(255, 255, 255, 0.1); }

.theme2 .datepicker-dropdown.datepicker-orient-top:after {
  border-top: 6px solid #ffffff; }

.theme1 .datepicker-dropdown.datepicker-orient-top:before {
  border-top: 6px solid #242f43; }

.theme2 .datepicker-dropdown.datepicker-orient-top:before {
  border-top: 6px solid #DBDBDB; }

/* TODO: [Atheesan] After verifying colors add or remove classes */
.green-back-color-1 {
  background-color: #086e00; }

.green-back-color-2 {
  background-color: #237f02; }

.green-back-color-3 {
  background-color: #479704; }

.green-back-color-4 {
  background-color: #71b306; }

.green-back-color-5 {
  background-color: #9ccf09; }

.green-back-color-6 {
  background-color: #c1e30b; }

.yellow-back-color-1 {
  background-color: #e5f10c; }

.yellow-back-color-2 {
  background-color: #f9f00d; }

.yellow-back-color-3 {
  background-color: #f9d90c; }

.red-back-color-1 {
  background-color: #f9b80b; }

.red-back-color-2 {
  background-color: #f98c09; }

.red-back-color-3 {
  background-color: #f96107; }

.red-back-color-4 {
  background-color: #f33305; }

.red-back-color-5 {
  background-color: #e80303; }

.arrow-shaft {
  width: 60px;
  height: 13px; }

.arrow {
  width: 0;
  height: 0; }

.arrow-top {
  border-top: 6px solid transparent; }

.arrow-bottom {
  border-bottom: 7px solid transparent; }

.arrow-top-buy-sell {
  border-top: 13px solid transparent; }

.arrow-bottom-buy-sell {
  border-bottom: 13px solid transparent; }

.arrow-buy {
  border-left: 13px solid #086e00; }

.arrow-sell {
  border-left: 13px solid #e80303; }

.arrow-buy-right {
  border-right: 13px solid #086e00; }

.arrow-sell-right {
  border-right: 13px solid #e80303; }

.arrow-hold {
  border-left: 13px solid #f9f00d; }

.arrow-green-1 {
  border-right: 13px solid #086e00; }

.arrow-green-2 {
  border-right: 13px solid #237f02; }

.arrow-green-3 {
  border-right: 13px solid #479704; }

.arrow-green-4 {
  border-right: 13px solid #71b306; }

.arrow-green-5 {
  border-right: 13px solid #9ccf09; }

.arrow-green-6 {
  border-right: 13px solid #c1e30b; }

.arrow-yellow-1 {
  border-right: 13px solid #e5f10c; }

.arrow-yellow-2 {
  border-right: 13px solid #f9f00d; }

.arrow-yellow-3 {
  border-right: 13px solid #f9d90c; }

.arrow-red-1 {
  border-right: 13px solid #f9b80b; }

.arrow-red-2 {
  border-right: 13px solid #f98c09; }

.arrow-red-3 {
  border-right: 13px solid #f96107; }

.arrow-red-4 {
  border-right: 13px solid #f33305; }

.arrow-red-5 {
  border-right: 13px solid #e80303; }

.theme1 .about-us-logo {
  background-image: url(img/about-us-logo-dark-1763980798255.png); }

.about-us-logo {
  min-width: 227px;
  min-height: 77px;
  background-image: url(img/about-us-logo-1763980798255.png); }

.theme1 .left-nav-logo {
  background-image: url(img/vertical-logo-white-1763980798255.png); }

.left-nav-logo {
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-image: url(img/vertical-logo-1763980798255.png);
  background-position: center; }

.theme1 .left-nav-expand-logo {
  background-image: url(img/logo-white-1763980798255.png); }

.left-nav-expand-logo {
  height: 36px;
  width: 146px;
  background-size: cover;
  background-image: url(img/index-main-logo-1763980798255.png);
  background-position: center; }

.order-ticket {
  width: 345px; }
  .theme2 .order-ticket {
    box-shadow: none; }

.buy-sell .tab-content {
  display: inline-block; }

.buy-sell .search-query, .buy-sell .search-input {
  height: 24px !important;
  font-size: 0.75rem; }

.buy-sell .btn-default, .buy-sell .btn-large, .buy-sell .btn-green, .buy-sell .btn-orange, .buy-sell .btn-reject, .buy-sell .search-btn, .buy-sell .toolbar-styles .no-border-btn, .toolbar-styles .buy-sell .no-border-btn, .buy-sell .confirm-btn, .buy-sell .add-alert-btn {
  width: 100%;
  min-width: 60px;
  height: 24px !important; }

.buy-sell .btn-small {
  width: 60px !important; }

.buy-sell.buy .caret {
  float: right;
  margin-top: 3px; }

.buy .caret {
  float: right;
  margin-top: 3px; }

.sell .caret {
  float: right;
  margin-top: 3px; }

.btn-lbl-m {
  max-width: 72px; }

@-moz-document url-prefix() {
  .buy-sell .caret {
    float: right;
    margin-top: -7px !important; } }

.order-ticket-lable {
  margin-top: 3px;
  margin-bottom: 8px; }

.buy-sell .form-control, .buy-sell .search-input {
  padding: 3px 3px; }

.buy-sell .number-input {
  padding: 3px; }

.rapid-order .btn-default, .rapid-order .btn-large, .rapid-order .btn-green, .rapid-order .btn-orange, .rapid-order .btn-reject, .rapid-order .search-btn, .rapid-order .toolbar-styles .no-border-btn, .toolbar-styles .rapid-order .no-border-btn, .rapid-order .confirm-btn, .rapid-order .add-alert-btn {
  width: 94px;
  height: 24px !important; }

.rapid-order .search-query, .rapid-order .search-input {
  width: 95px;
  height: 24px !important;
  font-size: 0.75rem; }

.rapid-order .symbol-search {
  width: 127px !important; }

/*  =============  Order List Colors  =================  */
.orderStatus_0, .orderStatus_2, .orderStatus_K, .orderStatus_L, .orderStatus_R, .orderStatus_Y,
.orderStatus_Z, .orderStatus_a, .orderStatus_n, .orderStatus_p, .orderStatus_t, .orderStatus_s {
  color: #019875 !important; }

.orderStatus_1, .orderStatus_G, .orderStatus_F, .orderStatus_M, .orderStatus_N, .orderStatus_t,
.orderStatus_y {
  color: #e67e22 !important; }

.orderStatus_3, .orderStatus_A, .orderStatus_E, .orderStatus_P, .orderStatus_Q, .orderStatus_U,
.orderStatus_c, .orderStatus_q, .orderStatus_r {
  color: #8e44ad !important; }

.orderStatus_4, .orderStatus_7, .orderStatus_8, .orderStatus_9, .orderStatus_C, .orderStatus_H,
.orderStatus_I, .orderStatus_J, .orderStatus_v, .orderStatus_h {
  color: #ff0101 !important; }

.orderStatus_5, .orderStatus_6, .orderStatus_D, .orderStatus_T, .orderStatus_W, .orderStatus_X,
.orderStatus_e, .orderStatus_f, .orderStatus_k {
  color: #2980b9 !important; }

.orderStatus_B, .orderStatus_O, .orderStatus_b, .orderStatus_d, .orderStatus_i, .orderStatus_j {
  color: #6d2bff !important; }

/*  =============  Order List Background Colors  =================  */
.orderStatus_bg_2, .orderStatus_bg_K, .orderStatus_bg_L, .orderStatus_bg_R, .orderStatus_bg_Y,
.orderStatus_bg_Z, .orderStatus_bg_a, .orderStatus_bg_n, .orderStatus_bg_p, .orderStatus_bg_s {
  background-color: #1FBA66 !important;
  color: #FFFFFF !important; }

.orderStatus_bg_1, .orderStatus_bg_G, .orderStatus_bg_F,
.orderStatus_bg_y {
  background-color: #1FBA66 !important;
  color: #FFFFFF !important; }

.orderStatus_bg_0, .orderStatus_bg_M, .orderStatus_bg_t, .orderStatus_bg_N {
  background-color: #017ac0 !important;
  color: #FFFFFF !important; }

.orderStatus_bg_3, .orderStatus_bg_A, .orderStatus_bg_E, .orderStatus_bg_P, .orderStatus_bg_Q, .orderStatus_bg_U,
.orderStatus_bg_c, .orderStatus_bg_q, .orderStatus_bg_r, .orderStatus_bg_m {
  background-color: #D9D9Df !important;
  color: #414249 !important; }

.orderStatus_bg_7, .orderStatus_bg_8, .orderStatus_bg_9, .orderStatus_bg_C, .orderStatus_bg_H,
.orderStatus_bg_I, .orderStatus_bg_J, .orderStatus_bg_v, .orderStatus_bg_h {
  background-color: #F94241 !important;
  color: #FFFFFF !important; }

.orderStatus_bg_5, .orderStatus_bg_6, .orderStatus_bg_D, .orderStatus_bg_T, .orderStatus_bg_W, .orderStatus_bg_X,
.orderStatus_bg_e, .orderStatus_bg_f, .orderStatus_bg_k {
  background-color: #2980b9 !important;
  color: #FFFFFF !important; }

.orderStatus_bg_B, .orderStatus_bg_O, .orderStatus_bg_b, .orderStatus_bg_d, .orderStatus_bg_i, .orderStatus_bg_j {
  background-color: #D9D9Df !important;
  color: #414249 !important; }

.orderStatus_bg_, [class*="orderStatus_bg_[ - ]"] {
  background-color: #FFFFFF !important;
  color: #414249 !important; }

.orderStatus_bg_4 {
  background-color: #E1E1E1 !important;
  color: #414249 !important; }

.mfTransactionSts_bg_0 {
  background-color: #2980b9 !important;
  color: #FFFFFF !important; }

.mfTransactionSts_bg_1 {
  background-color: #1FBA66 !important;
  color: #FFFFFF !important; }

.mfTransactionSts_bg_2 {
  background-color: #F94241 !important;
  color: #FFFFFF !important; }

.mfTransactionSts_bg_, .mfTransactionSts_bg_3, .mfTransactionSts_bg_4, .mfTransactionSts_bg_5, .mfTransactionSts_bg_6, .mfTransactionSts_bg_7, .mfTransactionSts_bg_8, .mfTransactionSts_bg_9, .mfTransactionSts_bg_10 {
  background-color: #D9D9Df !important;
  color: #414249 !important; }

.orderType {
  color: #696969 !important; }

.tif {
  color: #696969 !important; }

.theme1 .orderSide_1 {
  color: #1FBA66; }

.theme2 .orderSide_1 {
  color: #1FBA66; }

.theme1 .orderSide_2 {
  color: #F94241; }

.theme2 .orderSide_2 {
  color: #F94241; }

.theme1 .orderStatus_1-progress_bar {
  background-color: #304167; }

.theme2 .orderStatus_1-progress_bar {
  background-color: #F8F8F8; }

/*  =============  /End of Order List Colors  =================  */
.back-margin, .holding-trade, .holding-trade-sell {
  height: 34px;
  margin-top: -5px;
  margin-bottom: -5px;
  padding-top: 11px;
  padding-bottom: 12px; }

.holding-trade, .holding-trade-sell {
  font-weight: bold; }
  .theme1 .holding-trade, .theme1 .holding-trade-sell {
    background-color: #225335; }
  .theme2 .holding-trade, .theme2 .holding-trade-sell {
    background-color: #c1f0d4; }
  .theme2 .holding-trade, .theme2 .holding-trade-sell {
    background-color: #c1f0d4; }

.theme1 .holding-trade-sell {
  background-color: rgba(249, 51, 50, 0.2); }

.theme2 .holding-trade-sell {
  background-color: #fad3d3; }

.theme2 .holding-trade-sell {
  background-color: #fad3d3; }

.back-trade {
  margin-top: -5px;
  margin-bottom: -5px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 11px;
  padding-bottom: 12px;
  height: 34px; }

.gain {
  background: #9DE6B8;
  color: #327A4D; }

.loss {
  background: #F2C7C3;
  color: #D34848 !important; }

.neutral {
  color: #666666 !important; }

.quote-large-width {
  width: 60%; }

.quote-small-width {
  width: 40%; }

.btn-trade, .btn-buy, .btn-sell {
  padding: 2px 15px 2px 15px;
  font-size: 0.688rem;
  border-radius: 2px; }
  .theme1 .btn-trade, .theme1 .btn-buy, .theme1 .btn-sell {
    color: #ffffff; }
  .theme2 .btn-trade, .theme2 .btn-buy, .theme2 .btn-sell {
    color: #ffffff; }

.btn-buy {
  position: relative;
  overflow: hidden;
  transition: all 0.15s ease-in-out 0s;
  padding-top: 0;
  padding-bottom: 0;
  outline: none;
  font-size: 1.063rem;
  height: 54px;
  border-radius: 27px;
  letter-spacing: -0.41px; }
  .theme1 .btn-buy {
    border: 0 #1FBA66 solid;
    background-color: #1FBA66; }
  .theme2 .btn-buy {
    border: 0 #1FBA66 solid;
    background-color: #1FBA66; }
  .theme2 .btn-buy {
    border: 1px #1FBA66 solid;
    background-image: -moz-linear-gradient(180deg, #1FBA66 0%, #1FBA66 100%);
    background-image: -webkit-linear-gradient(180deg, #1FBA66 0%, #1FBA66 100%);
    background-image: -ms-linear-gradient(180deg, #1FBA66 0%, #1FBA66 100%);
    background-image: linear-gradient(180deg, #1FBA66 0%, #1FBA66 100%); }

.theme1 .btn-buy:hover, .btn-buy:focus {
  border: 0px #1FBA66 solid;
  outline: 0px #1FBA66 solid; }

.theme2 .btn-buy:hover, .btn-buy:focus {
  border: 0px #1FBA66 solid;
  outline: 0px #1FBA66 solid; }

.btn-sell {
  position: relative;
  overflow: hidden;
  transition: all 0.15s ease-in-out 0s;
  outline: none;
  font-size: 1.063rem;
  height: 54px;
  border-radius: 27px;
  letter-spacing: -0.41px; }
  .theme1 .btn-sell {
    border: 0 #F94241 solid;
    background-color: #F94241; }
  .theme2 .btn-sell {
    border: 0 #F94241 solid;
    background-color: #F94241; }
  .theme2 .btn-sell {
    border: 1px #F94241 solid;
    background-image: -moz-linear-gradient(180deg, #F94241 0%, #F94241 100%);
    background-image: -webkit-linear-gradient(180deg, #F94241 0%, #F94241 100%);
    background-image: -ms-linear-gradient(180deg, #F94241 0%, #F94241 100%);
    background-image: linear-gradient(180deg, #F94241 0%, #F94241 100%); }

.theme1 .btn-sell:hover, .btn-sell:focus {
  border: 0px #F94241 solid;
  outline: 0px #F94241 solid; }

.theme2 .btn-sell:hover, .btn-sell:focus {
  border: 0px #F94241 solid;
  outline: 0px #F94241 solid; }

.btn-trade:disabled, .btn-buy:disabled, .btn-sell:disabled {
  cursor: initial; }
  .theme1 .btn-trade:disabled, .theme1 .btn-buy:disabled, .theme1 .btn-sell:disabled {
    color: rgba(255, 255, 255, 0.38);
    background-color: #304167; }
  .theme2 .btn-trade:disabled, .theme2 .btn-buy:disabled, .theme2 .btn-sell:disabled {
    color: rgba(255, 255, 255, 0.38);
    background-color: #ffffff; }
  .theme2 .btn-trade:disabled, .theme2 .btn-buy:disabled, .theme2 .btn-sell:disabled {
    color: rgba(0, 0, 0, 0.38);
    background-color: transparent; }

.btn-trade::before, .btn-buy::before, .btn-sell::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: currentColor;
  opacity: 0;
  transition: opacity 0.2s; }

.btn-trade:hover::before, .btn-buy:hover::before, .btn-sell:hover::before {
  opacity: 0.04; }

.btn-trade:focus::before, .btn-buy:focus::before, .btn-sell:focus::before {
  opacity: 0.12; }

.btn-trade:active::before, .btn-buy:active::before, .btn-sell:active::before {
  opacity: 0.2; }

.btn-trade:disabled::before, .btn-buy:disabled::before, .btn-sell:disabled::before {
  opacity: 0; }

.btn-trade::after, .btn-buy::after, .btn-sell::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  padding: 50%;
  width: 50px;
  height: 50px;
  background-color: #fff;
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity .6s, transform 0.5s; }

.btn-trade:active::after, .btn-buy:active::after, .btn-sell:active::after {
  opacity: 0.4;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0s; }

.btn-trade:disabled::after, .btn-buy:disabled::after, .btn-sell:disabled::after {
  opacity: 0; }

.btn-buy-small {
  height: 47px;
  font-size: 1rem;
  border-radius: 10px;
  padding: 3px 34px;
  outline: none;
  position: relative;
  overflow: hidden;
  transition: all 0.15s ease-in-out 0s;
  letter-spacing: -0.41px; }
  .theme1 .btn-buy-small {
    color: #ffffff;
    border: 0 #1FBA66 solid;
    background-color: #1FBA66; }
  .theme2 .btn-buy-small {
    color: #ffffff;
    border: 0 #1FBA66 solid;
    background-color: #1FBA66; }
  .theme2 .btn-buy-small {
    border: 1px #1FBA66 solid;
    background-image: -moz-linear-gradient(180deg, #1FBA66 0%, #1FBA66 100%);
    background-image: -webkit-linear-gradient(180deg, #1FBA66 0%, #1FBA66 100%);
    background-image: -ms-linear-gradient(180deg, #1FBA66 0%, #1FBA66 100%);
    background-image: linear-gradient(180deg, #1FBA66 0%, #1FBA66 100%); }

.btn-buy-small:disabled {
  color: rgba(0, 0, 0, 0.38);
  background-color: transparent;
  cursor: initial; }

.btn-buy-small::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: currentColor;
  opacity: 0;
  transition: opacity 0.2s; }

.btn-buy-small:hover::before {
  opacity: 0.04; }

.btn-buy-small:focus::before {
  opacity: 0.12; }

.btn-buy-small:active::before {
  opacity: 0.2; }

.btn-buy-small:disabled::before {
  opacity: 0; }

.btn-buy-small::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  padding: 50%;
  width: 50px;
  height: 50px;
  background-color: #fff;
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity .6s, transform 0.5s; }

.btn-buy-small:active::after {
  opacity: 0.4;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0s; }

.btn-buy-small:disabled::after {
  opacity: 0; }

.btn-sell-small {
  height: 47px;
  font-size: 1rem;
  border-radius: 10px;
  padding: 3px 34px;
  outline: none;
  position: relative;
  overflow: hidden;
  transition: all 0.15s ease-in-out 0s;
  letter-spacing: -0.41px; }
  .theme1 .btn-sell-small {
    color: #ffffff;
    border: 0 #F94241 solid;
    background-color: #F94241; }
  .theme2 .btn-sell-small {
    color: #ffffff;
    border: 0 #F94241 solid;
    background-color: #F94241; }
  .theme2 .btn-sell-small {
    border: 1px #F94241 solid;
    background-image: -moz-linear-gradient(180deg, #F94241 0%, #F94241 100%);
    background-image: -webkit-linear-gradient(180deg, #F94241 0%, #F94241 100%);
    background-image: -ms-linear-gradient(180deg, #F94241 0%, #F94241 100%);
    background-image: linear-gradient(180deg, #F94241 0%, #F94241 100%); }

.theme2 .btn-sell-small:focus {
  border: 1px #F94241 solid !important; }

.btn-sell-small:disabled {
  color: rgba(0, 0, 0, 0.38);
  background-color: transparent;
  cursor: initial; }

.btn-sell-small::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: currentColor;
  opacity: 0;
  transition: opacity 0.2s; }

.btn-sell-small:hover::before {
  opacity: 0.04; }

.btn-sell-small:focus::before {
  opacity: 0.12; }

.btn-sell-small:active::before {
  opacity: 0.2; }

.btn-sell-small:disabled::before {
  opacity: 0; }

.btn-sell-small::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  padding: 50%;
  width: 50px;
  height: 50px;
  background-color: #fff;
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity .6s, transform 0.5s; }

.btn-sell-small:active::after {
  opacity: 0.4;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0s; }

.btn-sell-small:disabled::after {
  opacity: 0; }

.theme2 .btn-sell-small:focus {
  border: 1px #F94241 solid !important; }

.btn-buy-sell-pill {
  border-radius: 100px;
  padding: 3px 23px;
  height: auto; }

.theme1 .buy {
  background-color: #182B56; }

.theme2 .buy {
  background-color: #c1f0d4; }

.theme1 .sell {
  background-color: #182B56; }

.theme2 .sell {
  background-color: #fad3d3; }

/*.order-ticket-buy-back-color {
  @include theme((
          background-color: order-ticket-buy-back-color
  ));
}*/
/*.order-ticket-sell-back-color {
  @include theme((
          background-color: order-ticket-sell-back-color
  ));
}*/
.order-ticket-general-panel {
  height: 54px; }

.sym-input-width {
  width: 73px;
  padding: 3px; }

.order-ticket-text-boxes {
  border-radius: 2px; }

.buy-sell .btn-order-tif {
  min-width: 28px; }

.order-tif-gtd {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; }

.dq-fix .ember-view {
  left: initial !important;
  z-index: initial !important; }

.disable-style a:hover, .submit-btn-disable[disabled] a:hover {
  cursor: not-allowed; }

.message-box-trade {
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  width: 325px; }
  .theme1 .message-box-trade {
    background-color: #182B56;
    box-shadow: 0 1px 2px 1px rgba(172, 172, 172, 0.34); }
  .theme2 .message-box-trade {
    background-color: #ffffff;
    box-shadow: 0 1px 2px 1px rgba(172, 172, 172, 0.34); }

.messege-box-inner {
  width: 200px;
  position: relative;
  white-space: normal;
  text-align: left;
  left: 50%;
  top: 50%; }

.theme1 .TFtable tr {
  background-color: #182B56; }

.theme2 .TFtable tr {
  background-color: #ffffff; }

.theme1 .TFtable tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.1); }

.theme2 .TFtable tr:nth-child(odd) {
  background-color: #ffffff; }

.theme1 .TFtable tr:nth-child(even) {
  background-color: #182B56; }

.theme2 .TFtable tr:nth-child(even) {
  background-color: #ffffff; }

.TFtable tr:hover {
  border-top: 1px solid;
  border-bottom: 1px solid; }
  .theme1 .TFtable tr:hover {
    border-top-color: rgba(11, 29, 61, 0.4);
    border-bottom-color: rgba(11, 29, 61, 0.4);
    background-color: rgba(11, 29, 61, 0.3); }
  .theme2 .TFtable tr:hover {
    border-top-color: #d6eaf3;
    border-bottom-color: #d6eaf3;
    background-color: #d6eaf3; }

.TFtable-selected {
  border-top: 1px solid;
  border-bottom: 1px solid; }
  .theme1 .TFtable-selected {
    border-top-color: rgba(11, 29, 61, 0.4);
    border-bottom-color: rgba(11, 29, 61, 0.4);
    background-color: rgba(11, 29, 61, 0.4); }
  .theme2 .TFtable-selected {
    border-top-color: #d6eaf3;
    border-bottom-color: #d6eaf3;
    background-color: #d6eaf3; }

.date-picker-dropdown {
  width: 16.667%; }

.trade-widget-table-height {
  height: calc(100% - 48px); }

.online-account-open-panel {
  width: 310px;
  margin: auto; }

.online-account-open-back-lnk {
  margin-top: 50px; }

.order-detail-panel {
  height: 21px;
  float: left;
  width: 33%;
  margin-left: 2px; }

.order-detail-panel-cell-height {
  height: 21px; }

.online-account-open-panel-width {
  width: 600px; }

.narration .narration-text {
  visibility: hidden;
  width: 600px;
  background-color: #d2d2d2;
  color: #525252 !important;
  border-radius: 6px;
  padding: 7px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -300px; }
  .theme1 .narration .narration-text {
    color: #ffffff; }
  .theme2 .narration .narration-text {
    color: #ffffff; }

.narration:hover .narration-text {
  visibility: visible; }

.order-detail-panel-height {
  height: 355px; }

.account-summery-height {
  height: calc(100% - 33px); }

.account-summery-vertical-height {
  height: calc(100% - 60px); }

.tila-agreement-height {
  height: calc(100% - 195px); }

.external-link-height {
  height: calc(100% - 50px); }

.mf-btn-icon {
  height: 18px;
  width: 18px; }

.theme1 .mfTransType_1 {
  color: #1FBA66; }

.theme2 .mfTransType_1 {
  color: #1FBA66; }

.theme1 .mfTransType_2 {
  color: #F94241; }

.theme2 .mfTransType_2 {
  color: #F94241; }

.vat-invoice-cell {
  text-align: right;
  padding-left: 10px; }

.account-summery-row {
  height: 250px; }

.user-profile-container {
  top: 30%;
  left: 30%;
  width: 600px;
  min-height: 160px;
  height: auto; }

.add-bank-acc-container {
  top: 25%;
  left: 25%;
  width: 50%;
  height: auto; }

.margin-terms-and-cond-container {
  top: 35%;
  left: 35%;
  width: 30%;
  position: absolute;
  text-align: center; }

.email-proof-container {
  top: 30%;
  left: 35%;
  width: 500px; }

.deposit-instructions-container {
  top: 10%;
  left: 25%;
  width: 50%; }

.reduce-amount-container {
  left: 42%;
  width: 300px;
  height: auto; }

.order-confirmation-popup-height {
  height: calc(100% - 90px); }

.confirm-order-pop {
  transition: all 0.2s linear; }

.confirm-order-pop-anim {
  opacity: 1; }

@keyframes confirm-order-pop-anim {
  from {
    top: 100%;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

/* The element to apply the animation to */
.confirm-order-pop-anim {
  animation-name: confirm-order-pop-anim;
  animation-duration: 100ms;
  animation-timing-function: ease; }

.transaction-pw-input-width {
  width: 135px; }

.transaction-pw-error-left-padding {
  padding-left: 13px; }

.conditional-order-tab-disabled {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.4; }

.multi-steps {
  display: table;
  table-layout: fixed;
  width: 100%; }

.completed-step {
  text-align: center;
  display: table-cell;
  position: relative;
  overflow: inherit; }
  .theme1 .completed-step {
    color: #ffffff; }
  .theme2 .completed-step {
    color: #ffffff; }
  .completed-step .step {
    display: inline-block;
    margin: 0 auto 4px;
    height: 36px;
    max-width: 188px;
    line-height: 32px;
    text-align: center;
    border-radius: 0; }
    .theme1 .completed-step .step {
      background-color: #182B56;
      border: 2px #182B56 solid; }
    .theme2 .completed-step .step {
      background-color: #ffffff;
      border: 2px #ffffff solid; }
  .completed-step .afterStep {
    content: '';
    width: 80%;
    height: 1px;
    position: absolute;
    top: 16px;
    z-index: 0; }
    .theme1 .completed-step .afterStep {
      background-color: #182B56; }
    .theme2 .completed-step .afterStep {
      background-color: #ffffff; }
  .completed-step:last-child .afterStep {
    display: none; }

.error-step {
  text-align: center;
  display: table-cell;
  position: relative;
  overflow: inherit; }
  .theme1 .error-step {
    color: #ffffff; }
  .theme2 .error-step {
    color: #ffffff; }
  .error-step .step {
    display: inline-block;
    margin: 0 auto 4px;
    height: 36px;
    max-width: 188px;
    line-height: 32px;
    text-align: center;
    border-radius: 0; }
    .theme1 .error-step .step {
      background-color: #F94241;
      border: 2px #F94241 solid; }
    .theme2 .error-step .step {
      background-color: #F94241;
      border: 2px #F94241 solid; }
  .error-step .afterStep {
    content: '';
    height: 1px;
    width: 80%;
    position: absolute;
    top: 16px;
    z-index: 0; }
    .theme1 .error-step .afterStep {
      background-color: #182B56; }
    .theme2 .error-step .afterStep {
      background-color: #ffffff; }
  .error-step:last-child .afterStep {
    display: none; }

.current-step {
  text-align: center;
  display: table-cell;
  position: relative;
  overflow: inherit; }
  .theme1 .current-step {
    color: #d8dbe0; }
  .theme2 .current-step {
    color: black; }
  .current-step .step {
    display: inline-block;
    margin: 0 auto 4px;
    height: 36px;
    max-width: 188px;
    line-height: 32px;
    text-align: center;
    border-radius: 0; }
    .theme1 .current-step .step {
      background-color: #1D396B;
      border: 2px #1D396B solid; }
    .theme2 .current-step .step {
      background-color: #0071FF;
      border: 2px #0071FF solid; }
  .current-step .afterStep {
    content: '';
    height: 1px;
    width: 80%;
    position: absolute;
    top: 16px;
    z-index: 0; }
    .theme1 .current-step .afterStep {
      background-color: #182B56; }
    .theme2 .current-step .afterStep {
      background-color: #ffffff; }
  .current-step:last-child .afterStep {
    display: none; }

.not-completed-step {
  text-align: center;
  display: table-cell;
  position: relative;
  overflow: inherit; }
  .theme1 .not-completed-step {
    color: #ffffff; }
  .theme2 .not-completed-step {
    color: #ffffff; }
  .not-completed-step .step {
    display: inline-block;
    margin: 0 auto 4px;
    height: 36px;
    max-width: 188px;
    line-height: 32px;
    text-align: center;
    border-radius: 0; }
    .theme1 .not-completed-step .step {
      background-color: #182B56;
      border: 2px #182B56 solid; }
    .theme2 .not-completed-step .step {
      background-color: #ffffff;
      border: 2px #ffffff solid; }
  .not-completed-step .afterStep {
    content: '';
    height: 1px;
    width: 80%;
    position: absolute;
    top: 16px;
    z-index: 0; }
    .theme1 .not-completed-step .afterStep {
      background-color: #182B56; }
    .theme2 .not-completed-step .afterStep {
      background-color: #ffffff; }
  .not-completed-step:last-child .afterStep {
    display: none; }

.svg-checkmark {
  width: 20px;
  display: block; }

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0; }
  .path.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out; }
  .path.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards; }
  .path.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards; }

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes dash {
  0% {
    stroke-dashoffset: 1000; }
  100% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100; }
  100% {
    stroke-dashoffset: 900; } }

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100; }
  100% {
    stroke-dashoffset: 900; } }

.online-account-opening-container {
  max-width: 75%;
  margin-top: 20px;
  overflow-y: auto; }

.kyc-update-form-container {
  max-width: 92%; }

.oao-terms-and-conditions-container {
  height: calc(100% - 50px); }

.oao-top-panel {
  height: 65px;
  margin-bottom: 1px; }
  .theme1 .oao-top-panel {
    background-color: #182B56; }
  .theme2 .oao-top-panel {
    background-color: #ffffff; }

.theme1 .oao-header {
  color: #0b1d3d; }

.theme2 .oao-header {
  color: #F0F3FA; }

.theme1 .oao-header-border {
  border: 0.5px #0b1d3d solid; }

.theme2 .oao-header-border {
  border: 0.5px #F0F3FA solid; }

.container-border {
  border-radius: 5px;
  padding: 20px; }
  .theme1 .container-border {
    border: 1px #242f43 solid; }
  .theme2 .container-border {
    border: 1px #DBDBDB solid; }

.header-border {
  position: absolute;
  top: 9px; }
  .theme1 .header-border {
    background-color: #182B56; }
  .theme2 .header-border {
    background-color: #ffffff; }

.oao-background-img {
  background-image: url(../assets/img/background-img.png) !important;
  background-position: right bottom !important;
  background-repeat: no-repeat !important;
  background-size: contain !important; }

.online-acc-opening .search-query, .online-acc-opening .search-input {
  height: 52px;
  border-radius: 8px; }

.online-acc-opening .date-input-field, .online-acc-opening .mini-date-input-field {
  height: 52px;
  min-width: 100%;
  border-radius: 8px;
  padding: 5px 10px; }

.online-acc-opening .btn-default, .online-acc-opening .btn-large, .online-acc-opening .btn-green, .online-acc-opening .btn-orange, .online-acc-opening .btn-reject, .online-acc-opening .search-btn, .online-acc-opening .toolbar-styles .no-border-btn, .toolbar-styles .online-acc-opening .no-border-btn, .online-acc-opening .confirm-btn, .online-acc-opening .add-alert-btn {
  height: 52px;
  min-width: 73px;
  font-size: 0.75rem; }

.online-acc-opening .dropdown-solid-back-color {
  min-width: 100%;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 0.875rem; }

.theme1 .oao-primary-btn {
  color: #ffffff;
  background-color: #182B56; }

.theme2 .oao-primary-btn {
  color: #ffffff;
  background-color: #ffffff; }

.theme1 .oao-primary-btn:hover, .oao-primary-btn:focus {
  color: #d8dbe0; }

.theme2 .oao-primary-btn:hover, .oao-primary-btn:focus {
  color: #0071FF; }

.warning-message {
  padding: 10px; }
  .theme1 .warning-message {
    background-color: rgba(249, 66, 65, 0.2); }
  .theme2 .warning-message {
    background-color: #fce5e5; }

.oao-loading-top {
  top: calc(91% - 30px); }

.oao-container-height {
  height: calc(100% - 130px);
  overflow-y: scroll; }

.oao-btn-panel {
  width: 450px; }

.header-logo {
  height: 65px;
  padding: 7px; }

.product-item {
  border-radius: 4px;
  height: 100px;
  margin-bottom: 12px; }
  .theme1 .product-item {
    border: 1px #242f43 solid;
    background-color: #1a2f5e;
    box-shadow: 1px 1.732px 11px 0px rgba(172, 172, 172, 0.34); }
  .theme2 .product-item {
    border: 1px #DBDBDB solid;
    background-color: #fafafa;
    box-shadow: 1px 1.732px 11px 0px rgba(172, 172, 172, 0.34); }

.zoom-level {
  zoom: 1.25;
  -moz-transform: scale(1.25);
  -moz-transform-origin: 0 0; }

@-moz-document url-prefix() {
  .screen-resolution {
    height: 80vh !important;
    width: 81vw !important; } }

.kyc-dropdown-width {
  max-width: 200px; }

.disable-link {
  pointer-events: none;
  cursor: default; }

.shariya-dropdown {
  font-size: 0.688rem !important; }

.online-account-open-msg {
  font-size: 14px;
  color: #ffffff; }

.announcement-context-menu-container {
  max-width: 800px;
  max-height: 161px;
  min-width: 170px;
  overflow: auto; }

.stock-statement {
  height: calc(100% - 35px); }

.order-calculator-box {
  top: 20%;
  left: 36%;
  width: 28%;
  height: 60%; }

.simple-order-calculator-box {
  top: 35%;
  left: 40%;
  width: 290px;
  height: 158px; }

.lsf-account-open-panel {
  width: 360px;
  margin: auto; }
  .theme1 .lsf-account-open-panel {
    color: #d8dbe0; }
  .theme2 .lsf-account-open-panel {
    color: black; }

.multi-form-top-panel {
  height: 55px;
  margin-bottom: 1px; }
  .theme1 .multi-form-top-panel {
    border-bottom: 1px #060f1f solid;
    background-color: #0b1d3d; }
  .theme2 .multi-form-top-panel {
    border-bottom: 1px #d5def1 solid;
    background-color: #3081bc; }

.multi-form-box {
  background-color: #f7f4f4;
  height: 350px;
  width: 47%; }

.multi-form-container {
  padding-top: 6%; }

.multi-form-tab {
  box-shadow: none !important;
  height: 30px !important; }

.theme1 .multi-form-header {
  background-color: #0b1d3d; }

.theme2 .multi-form-header {
  background-color: #3081bc; }

.lsf-top-panel {
  height: 65px;
  background-color: #adabac;
  margin-bottom: 1px; }

.kyc-test-area {
  height: 50px !important; }

.kyc-reject-field {
  padding: 2px;
  border-radius: 3px;
  background-color: #fce5e5; }
  .theme1 .kyc-reject-field {
    color: #F94241;
    border: 1px #F94241 solid; }
  .theme2 .kyc-reject-field {
    color: #F94241;
    border: 1px #F94241 solid; }

.lsf-box-frame {
  width: 600px;
  top: 30%;
  left: 28%;
  height: 20%; }

.transform-kyc-grp {
  transition: max-height 0.5s ease; }

.depend-grp-hide {
  max-height: 0 !important; }

.depend-grp-show {
  max-height: 500px;
  -webkit-animation: changeColor 1s forwards;
  animation: changeColor 1s forwards; }

@-webkit-keyframes changeColor {
  0% {
    background: #fbfbfb; }
  50% {
    background: #d5d3d3; }
  100% {
    background: #fbfbfb; } }

@keyframes changeColor {
  0% {
    background: #fbfbfb; }
  50% {
    background: #d5d3d3; }
  100% {
    background: #fbfbfb; } }

.kyc-background {
  background-color: #fbfbfb; }

.responsive-icon-btn {
  min-width: 0 !important;
  padding: 5px 5px; }

.k-net-logo {
  background-image: url(img/k-net-logo.png); }

.complain-suggestion-detail-height {
  height: 85px; }

.kyc-dropdown-lbl {
  max-width: 100px; }

.view-order-popup {
  height: 431px;
  box-shadow: 0 4px 20px rgba(128, 143, 156, 0.25);
  border-radius: 16px;
  padding: 25px 20px;
  position: fixed;
  z-index: 1001;
  top: 16%;
  left: 13px;
  width: calc(100% - 26px); }
  .theme1 .view-order-popup {
    background: #182B56; }
  .theme2 .view-order-popup {
    background: #ffffff; }

.holding-loading {
  height: 66px; }

.investing-loading {
  height: 78px; }

.quick-quote-popup {
  height: 215px;
  border-radius: 12px;
  margin: 0 auto;
  position: fixed;
  z-index: 1001;
  top: 35%;
  left: 10%;
  width: 80%; }
  .theme1 .quick-quote-popup {
    background: #182B56; }
  .theme2 .quick-quote-popup {
    background: #ffffff; }
  .theme2 .quick-quote-popup {
    filter: ""; }

.gtd-date-picker {
  min-width: 75px; }
  .theme1 .gtd-date-picker {
    background-color: #182B56; }
  .theme2 .gtd-date-picker {
    background-color: #ffffff; }

.portfolio-list-item {
  height: 74px;
  min-width: 170px; }

.portfolio-list-inline-widget .portfolio-list-item.up-fore-color-bottom {
  border-bottom: 4px #1FBA66 solid; }

.portfolio-list-inline-widget .portfolio-list-item.down-fore-color-bottom {
  border-bottom: 4px #F94241 solid; }

.portfolio-list-inline-widget .portfolio-list-item.fade-fore-color-bottom {
  border-bottom: 4px #0081DF solid; }

.theme1 .portfolio-list-inline-widget .portfolio-list-item.primary-fore-color-bottom {
  border-bottom: 4px #0071FF solid; }

.theme2 .portfolio-list-inline-widget .portfolio-list-item.primary-fore-color-bottom {
  border-bottom: 4px #0071FF solid; }

.theme2 .portfolio-list-inline-widget .portfolio-list-item.primary-fore-color-bottom {
  border-bottom: 4px #0071FF solid; }

.portfolio-list-inline-widget .portfolio-list-item.down-back-color {
  background-color: rgba(249, 66, 65, 0.05); }

.portfolio-list-inline-widget .portfolio-list-item.up-back-color {
  background-color: rgba(2, 192, 55, 0.05); }

.portfolio-list-inline-widget .portfolio-list-item.fade-back-color {
  background-color: rgba(2, 192, 55, 0.05); }

.portfolio-list-inline-widget .portfolio-list-item.primary-back-color {
  background-color: rgba(0, 113, 255, 0.05); }

.portfolio-list-item-container {
  position: absolute;
  height: 96px; }

.portfolio-list-item-next, .portfolio-list-item-pre {
  position: absolute;
  width: 54px;
  height: 75px;
  padding-top: 16px; }
  .portfolio-list-item-next .portfolio-list-item-toggle, .portfolio-list-item-pre .portfolio-list-item-toggle {
    height: 44px;
    width: 44px;
    border-radius: 22px; }
    .theme1 .portfolio-list-item-next .portfolio-list-item-toggle, .portfolio-list-item-pre .portfolio-list-item-toggle {
      border: 1px #1D396B solid; }
    .theme2 .portfolio-list-item-next .portfolio-list-item-toggle, .portfolio-list-item-pre .portfolio-list-item-toggle {
      border: 1px #bdbdbd solid; }

.portfolio-list-item-next {
  right: 0; }
  .theme1 .portfolio-list-item-next {
    background: -moz-linear-gradient(270deg, #0b1d3d 0%, rgba(34, 34, 34, 0) 100%);
    background: -webkit-linear-gradient(270deg, #0b1d3d 0%, rgba(34, 34, 34, 0) 100%);
    background: -ms-linear-gradient(270deg, #0b1d3d 0%, rgba(34, 34, 34, 0) 100%);
    background: linear-gradient(270deg, #0b1d3d 0%, rgba(34, 34, 34, 0) 100%); }
  .theme2 .portfolio-list-item-next {
    background: -moz-linear-gradient(270deg, #F0F3FA 0%, rgba(34, 34, 34, 0) 100%);
    background: -webkit-linear-gradient(270deg, #F0F3FA 0%, rgba(34, 34, 34, 0) 100%);
    background: -ms-linear-gradient(270deg, #F0F3FA 0%, rgba(34, 34, 34, 0) 100%);
    background: linear-gradient(270deg, #F0F3FA 0%, rgba(34, 34, 34, 0) 100%); }

.portfolio-list-item-pre {
  transform: matrix(-1, 0, 0, 1, 0, 0); }
  .theme1 .portfolio-list-item-pre {
    background: -moz-linear-gradient(270deg, #0b1d3d 0%, rgba(34, 34, 34, 0) 100%);
    background: -webkit-linear-gradient(270deg, #0b1d3d 0%, rgba(34, 34, 34, 0) 100%);
    background: -ms-linear-gradient(270deg, #0b1d3d 0%, rgba(34, 34, 34, 0) 100%);
    background: linear-gradient(270deg, #0b1d3d 0%, rgba(34, 34, 34, 0) 100%); }
  .theme2 .portfolio-list-item-pre {
    background: -moz-linear-gradient(270deg, #F0F3FA 0%, rgba(34, 34, 34, 0) 100%);
    background: -webkit-linear-gradient(270deg, #F0F3FA 0%, rgba(34, 34, 34, 0) 100%);
    background: -ms-linear-gradient(270deg, #F0F3FA 0%, rgba(34, 34, 34, 0) 100%);
    background: linear-gradient(270deg, #F0F3FA 0%, rgba(34, 34, 34, 0) 100%); }

.ar .portfolio-list-item-pre {
  left: 0;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  padding-left: 0;
  padding-right: 10px; }

.ar .portfolio-list-item-next {
  padding-left: 0;
  padding-right: 10px; }

.gain-lose-tab-selected {
  border: none;
  border-radius: 20px; }
  .theme1 .gain-lose-tab-selected {
    background-color: #0071FF; }
  .theme2 .gain-lose-tab-selected {
    background-color: #0071FF; }

.gain-lose-tab-deselected {
  border-radius: 20px; }
  .theme1 .gain-lose-tab-deselected {
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .gain-lose-tab-deselected {
    background-color: #ffffff; }
  .theme2 .gain-lose-tab-deselected {
    border: 1px #DBDBDB solid; }

.gainloss-chart {
  width: 37.4px;
  height: 141px;
  margin: auto;
  border-radius: 4px 4px 0 0; }

.gainloss-bar-down-bg-color {
  background: linear-gradient(180deg, #FF8383 0%, #F94241 100%); }

.gainloss-bar-up-bg-color {
  background: linear-gradient(180deg, #24FF14 0%, #17CA32 100%); }

.trade-banner {
  background: linear-gradient(150.78deg, #4280CE 5.57%, #1D396B 75.37%); }

.fav-card-shadow {
  border-radius: 10px; }
  .theme1 .fav-card-shadow {
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .fav-card-shadow {
    background-color: #ffffff; }
  .theme2 .fav-card-shadow {
    box-shadow: 0px 4px 20px rgba(128, 143, 156, 0.25); }

.theme1 .app-back-color {
  background: #182B56; }

.theme2 .app-back-color {
  background: #ffffff; }

.theme1 .dark-blue-stroke {
  stroke: #0071FF; }

.theme2 .dark-blue-stroke {
  stroke: #0071FF; }

.theme1 .dark-blue-back-color {
  background-color: #0071FF; }

.theme2 .dark-blue-back-color {
  background-color: #0071FF; }

.theme1 .lightgray-back-color {
  background-color: ""; }

.theme2 .lightgray-back-color {
  background-color: #D3D3D3; }

.theme1 .lightgray-stroke-color {
  stroke: ""; }

.theme2 .lightgray-stroke-color {
  stroke: #D3D3D3; }

.theme1 .trade-fore-color {
  color: #0071FF; }

.theme2 .trade-fore-color {
  color: #0071FF; }

.theme1 .back-color-sell {
  background-color: #F94241; }

.theme2 .back-color-sell {
  background-color: #F94241; }

.theme1 .back-color-buy {
  background-color: #1FBA66; }

.theme2 .back-color-buy {
  background-color: #1FBA66; }

.theme1 .dashboard-bg-color {
  background: #182B56; }

.theme2 .dashboard-bg-color {
  background: #F0F3FA; }

.flag-container-border-radius {
  border-radius: 45px; }

.flag-btn-dropdown {
  padding: 0 !important;
  height: 36px;
  width: 88px; }

.dropdown-btn-height {
  height: 32px; }

.theme1 .dropdown-label-fore-color {
  color: #ffffff;
  fill: #ffffff; }

.theme2 .dropdown-label-fore-color {
  color: #414249;
  fill: #414249; }

.message-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.invest-card-toggle {
  border-radius: 10px; }
  .theme1 .invest-card-toggle {
    background-color: rgba(255, 255, 255, 0.1); }
  .theme2 .invest-card-toggle {
    background-color: #ffffff; }
  .theme2 .invest-card-toggle {
    box-shadow: 0px 4px 20px rgba(128, 143, 156, 0.25); }

.invest-card-shadow {
  border-radius: 10px; }
  .theme1 .invest-card-shadow {
    background-color: #304167; }
  .theme2 .invest-card-shadow {
    background-color: #ffffff; }
  .theme2 .invest-card-shadow {
    box-shadow: 0px 4px 20px rgba(128, 143, 156, 0.25); }

.theme1 .dropdown-subtitle-fore-color {
  color: ""; }

.theme2 .dropdown-subtitle-fore-color {
  color: #7C858E; }

.status-bar-tooltip {
  text-align: left; }

.connection-status-wrapper .hint--top:after {
  left: 60px;
  bottom: 160px !important; }

.status-bar-tooltip:hover:after, .status-bar-tooltip:focus:after {
  -webkit-transform: translateX(-50%) translateY(-56%);
  -moz-transform: translateX(-50%) translateY(-56%);
  transform: translateX(-50%) translateY(-56%);
  line-height: 16px; }

.trade-popup-dropdown-position {
  top: 5px;
  left: -50px; }

.close-acc-textarea {
  height: 340px !important; }

.close-acc-textarea::placeholder {
  font-size: 0.938rem; }

.default-order-popup {
  border-radius: 8px;
  background: #c2d7f0; }
  .theme1 .default-order-popup {
    color: #0071FF; }
  .theme2 .default-order-popup {
    color: #0071FF; }

.success-order-popup {
  border-radius: 8px;
  background: #b9e0ca; }
  .theme1 .success-order-popup {
    color: #1FBA66; }
  .theme2 .success-order-popup {
    color: #1FBA66; }

.reject-order-popup {
  border-radius: 8px;
  background: #f2cecd; }
  .theme1 .reject-order-popup {
    color: #F94241; }
  .theme2 .reject-order-popup {
    color: #F94241; }

.dashboard-bg-mask {
  background-repeat: no-repeat;
  background-position: 0 0; }
  .theme1 .dashboard-bg-mask {
    background-color: #182B56;
    background-image: url(../assets/img/top_bar_mask-1763980798255.png);
    background-size: cover; }
  .theme2 .dashboard-bg-mask {
    background-color: #ffffff;
    background-image: url(../assets/img/top_bar_mask-1763980798255.png);
    background-size: cover; }
  .theme2 .dashboard-bg-mask {
    background-image: url(../assets/img/top_bar_mask-1763980798255.jpg);
    background-size: contain; }

.bg-box-shadow {
  border-radius: 10px; }
  .theme2 .bg-box-shadow {
    box-shadow: 0 4px 20px 0 rgba(128, 143, 156, 0.25); }

.kyc-btn-panel-pad {
  padding-bottom: 60px; }

.invest-portfolio-height {
  height: 167px; }

.invest-portfolio-item-next {
  padding-top: 43px !important;
  height: 100% !important; }

.invest-portfolio-item-pre {
  padding-top: 43px !important;
  height: 100% !important; }

.multi-markets-list-item-container {
  position: absolute; }

.footer {
  height: 23px;
  bottom: 0;
  position: fixed; }
  .footer-padding {
    padding-right: 5px;
    padding-left: 5px; }
  .footer-padding-first {
    padding-right: 5px; }
  .footer-padding-last {
    padding-left: 5px; }

.maine-panel-container, .right-panel-container {
  width: calc(100% - 334px);
  float: left;
  padding-right: 0;
  padding-left: 0; }

.right-panel-container {
  width: 334px; }

.ar .maine-panel-container, .ar .right-panel-container {
  float: right; }

.appttl {
  width: 100%;
  height: 60px;
  z-index: 9;
  position: absolute; }
  .theme1 .appttl {
    background-color: #0b1d3d; }
  .theme2 .appttl {
    background-color: #F0F3FA; }
  .theme2 .appttl {
    background-image: -moz-linear-gradient(0deg, #F0F3FA 0%, #F0F3FA 100%);
    background-image: -webkit-linear-gradient(0deg, #F0F3FA 0%, #F0F3FA 100%);
    background-image: -ms-linear-gradient(0deg, #F0F3FA 0%, #F0F3FA 100%);
    background-image: linear-gradient(0deg, #F0F3FA 0%, #F0F3FA 100%); }
  .appttl-height {
    height: 60px; }
  .theme1 .appttl-logo-fore-color {
    color: #d8dbe0; }
  .theme2 .appttl-logo-fore-color {
    color: #818181; }
  .theme1 .appttl-fore-color {
    color: #d8dbe0; }
  .theme2 .appttl-fore-color {
    color: #818181; }
  .theme1 .appttl-fade-fore-color {
    color: #9da6b2; }
  .theme2 .appttl-fade-fore-color {
    color: #9b9b9b; }
  .theme1 .appttl-light-bg-fore-color {
    color: #d8dbe0; }
  .theme2 .appttl-light-bg-fore-color {
    color: black; }
  .appttl-line-height {
    line-height: 60px; }
  .theme1 .appttl-up-fore-color {
    color: #1FBA66; }
  .theme2 .appttl-up-fore-color {
    color: #5be49a; }
  .theme1 .appttl-down-fore-color {
    color: #F94241; }
  .theme2 .appttl-down-fore-color {
    color: #fca4a4; }
  .theme1 .appttl-up-back-color {
    background-color: #1FBA66; }
  .theme2 .appttl-up-back-color {
    background-color: #1FBA66; }
  .theme1 .appttl-down-back-color {
    background-color: #fcaeae; }
  .theme2 .appttl-down-back-color {
    background-color: #fcaeae; }
  .appttl-vline {
    position: absolute;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px; }
    .theme1 .appttl-vline {
      border-left: 1px solid #19212f; }
    .theme2 .appttl-vline {
      border-left: 1px solid #266593; }
  .appttl-logo-upper {
    margin-top: -5px;
    font-size: 10px;
    padding: 2px 4px 2px 4px;
    background-image: -moz-linear-gradient(90deg, #404e6b 0%, #5f6a86 100%);
    background-image: -webkit-linear-gradient(90deg, #404e6b 0%, #5f6a86 100%);
    background-image: -ms-linear-gradient(90deg, #404e6b 0%, #5f6a86 100%);
    border-radius: 3px;
    margin-left: 3px;
    margin-right: 4px; }
    .theme1 .appttl-logo-upper {
      color: #d8dbe0; }
    .theme2 .appttl-logo-upper {
      color: #818181; }
  .appttl-search {
    padding-right: 10px;
    width: 300px;
    border-radius: 0px;
    font-size: 16px; }
    .theme1 .appttl-search {
      height: 40px;
      border: 0 #060f1f solid;
      background: #0b1d3d; }
    .theme2 .appttl-search {
      height: 40px;
      border: 0 #d5def1 solid;
      background: #F0F3FA; }
    .theme2 .appttl-search {
      color: black; }
  .theme1 .appttl-search:hover {
    border: 0 #060f1f solid !important; }
  .theme2 .appttl-search:hover {
    border: 0 #d5def1 solid !important; }
  .theme1 .appttl-search:focus {
    border: 0 #060f1f solid !important; }
  .theme2 .appttl-search:focus {
    border: 0 #d5def1 solid !important; }
  .appttl-search-rsponsive {
    width: 160px; }
  .appttl .input-group-btn {
    top: 10px;
    display: block; }
    .theme1 .appttl .input-group-btn {
      color: #d8dbe0; }
    .theme2 .appttl .input-group-btn {
      color: #818181; }
    .theme2 .appttl .input-group-btn {
      color: #9b9b9b; }
  .appttl-btn-search {
    border-style: solid;
    margin-bottom: 0;
    border-radius: 0;
    padding: 5px;
    padding-right: 0;
    padding-left: 24px;
    font-size: 0.688rem;
    margin-top: 0;
    z-index: 2;
    border: 0;
    height: 23px;
    background-color: transparent; }
  .theme1 .appttl-btn-search:hover {
    color: #648faf; }
  .theme2 .appttl-btn-search:hover {
    color: #648faf; }
  .theme1 .appttl-btn-search:focus {
    color: #648faf;
    border: none; }
  .theme2 .appttl-btn-search:focus {
    color: #648faf;
    border: none; }
  .theme2 .appttl-btn-search:focus {
    border: 0 #0071FF solid !important; }
  .appttl-search-icon-rsponsive {
    padding: 3px 14px; }
  .appttl-btn-special {
    font-weight: normal !important;
    height: 31px !important;
    border-radius: 0;
    font-size: 11px;
    padding-bottom: 8px; }
    .theme1 .appttl-btn-special {
      color: #d8dbe0;
      border: 1px #0b1d3d solid;
      background-color: #0b1d3d; }
    .theme2 .appttl-btn-special {
      color: #818181;
      border: 1px #F0F3FA solid;
      background-color: #F0F3FA; }
    .theme2 .appttl-btn-special {
      color: #9b9b9b;
      background-image: -moz-linear-gradient(top, #F0F3FA 0%, #F0F3FA 100%);
      background-image: -webkit-linear-gradient(top, #F0F3FA 0%, #F0F3FA 100%);
      background-image: -ms-linear-gradient(top, #F0F3FA 0%, #F0F3FA 100%);
      background-image: linear-gradient(top, #F0F3FA 0%, #F0F3FA 100%); }
  .theme1 .appttl-btn-special:hover {
    background: ""; }
  .theme2 .appttl-btn-special:hover {
    background: ""; }
  .theme1 .appttl-toolbar-back-clr {
    background-color: #0d234a; }
  .theme2 .appttl-toolbar-back-clr {
    background-color: #fbfcfe; }
  .theme2 .appttl-toolbar-back-clr {
    background-image: -moz-linear-gradient(top, #fbfcfe 0%, #d5def1 30%);
    background-image: -webkit-linear-gradient(top, #fbfcfe 0%, #d5def1 30%);
    background-image: -ms-linear-gradient(top, #fbfcfe 0%, #d5def1 30%);
    background-image: linear-gradient(top, #fbfcfe 0%, #d5def1 30%); }
  .appttl-version {
    padding-top: 2px; }
  .theme1 .appttl-dark-back-color {
    background-color: #060f1f; }
  .theme2 .appttl-dark-back-color {
    background-color: #d5def1; }
  .appttl-gain-loss-back-color {
    padding-left: 5px;
    padding-right: 5px; }
    .theme1 .appttl-gain-loss-back-color {
      background: #0b1d3d; }
    .theme2 .appttl-gain-loss-back-color {
      background: #F0F3FA; }
    .theme2 .appttl-gain-loss-back-color {
      background-color: #F0F3FA; }
  .appttl-logo-image-size img {
    max-width: 155px;
    max-height: 16px; }
  .appttl-modal-symbol {
    position: absolute;
    left: inherit;
    top: 45px; }
  .appttl-bar-dropdown {
    background-color: transparent !important;
    border: none !important;
    background-image: none !important; }
  .appttl-btn, .appttl-btn-active {
    height: 36px;
    border-radius: 6px; }
    .theme1 .appttl-btn, .theme1 .appttl-btn-active {
      background-color: rgba(255, 255, 255, 0.1);
      color: #ffffff; }
    .theme2 .appttl-btn, .theme2 .appttl-btn-active {
      background-color: #ffffff;
      color: #0071FF; }
    .theme1 .appttl-btn-active {
      color: #d8dbe0;
      background-color: #0071FF; }
    .theme2 .appttl-btn-active {
      color: #ffffff;
      background-color: #0071FF; }

.appttl-search:-ms-input-placeholder {
  font-style: normal;
  font-size: 16px; }
  .theme1 .appttl-search:-ms-input-placeholder {
    color: #d8dbe0; }
  .theme2 .appttl-search:-ms-input-placeholder {
    color: #818181; }
  .theme2 .appttl-search:-ms-input-placeholder {
    color: #9b9b9b; }

.appttl-search::-webkit-input-placeholder {
  font-style: normal;
  font-size: 16px; }
  .theme1 .appttl-search::-webkit-input-placeholder {
    color: #d8dbe0; }
  .theme2 .appttl-search::-webkit-input-placeholder {
    color: #818181; }
  .theme2 .appttl-search::-webkit-input-placeholder {
    color: #9b9b9b; }

.appttl-search:-moz-placeholder {
  font-style: normal;
  font-size: 16px; }
  .theme1 .appttl-search:-moz-placeholder {
    color: #d8dbe0; }
  .theme2 .appttl-search:-moz-placeholder {
    color: #818181; }
  .theme2 .appttl-search:-moz-placeholder {
    color: #9b9b9b; }

.appttl-search::-moz-placeholder {
  font-style: normal;
  font-size: 16px; }
  .theme1 .appttl-search::-moz-placeholder {
    color: #d8dbe0; }
  .theme2 .appttl-search::-moz-placeholder {
    color: #818181; }
  .theme2 .appttl-search::-moz-placeholder {
    color: #9b9b9b; }

.modal-symbol {
  position: absolute;
  left: inherit; }

.username-width {
  max-width: 150px; }

.portfolio-dropdown-width {
  max-width: 100px;
  text-overflow: ellipsis; }

.symbol-search-result-popup {
  left: 10px;
  top: 32px; }

.top-panel-logo {
  width: 112px;
  height: 66px;
  background-image: url(img/logo-cobranded-1763980798255.png); }

.portfolio-selection-popup {
  z-index: 100;
  top: 94%; }

.theme1 .portfolio-selection-popup > .layout-container:hover a {
  color: #d8dbe0; }

.theme2 .portfolio-selection-popup > .layout-container:hover a {
  color: #818181; }

.theme1 .portfolio-selection-popup > .layout-container:hover {
  color: #d8dbe0;
  background-color: #0b1d3d; }

.theme2 .portfolio-selection-popup > .layout-container:hover {
  color: #818181;
  background-color: #3081bc; }

.theme1 .portfolio-selection-popup > .settings-selected a:hover {
  color: #d8dbe0; }

.theme2 .portfolio-selection-popup > .settings-selected a:hover {
  color: #818181; }

.news-announcement-width {
  max-width: 515px; }

.menu-navigator {
  width: 356px; }

.menu-navigator-container {
  width: calc(100% - 356px);
  left: 356px; }

.menu-pusher-container {
  width: 72px; }

.maine-panel-container, .right-panel-container {
  width: calc(100% - 334px);
  float: left;
  padding-right: 0;
  padding-left: 0; }

.right-panel-container {
  width: 334px; }

.ar .maine-panel-container, .ar .right-panel-container {
  float: right; }

.left-panel {
  width: 72px; }

.horizontal-panel {
  height: 30px; }

.right-panel-collapse-menu {
  width: 45px;
  right: 0;
  left: auto; }

.main-panel {
  left: 72px;
  top: 0; }

.main-panel-h-nav {
  left: 0;
  top: 0; }

.main-panel-width {
  width: calc(100% - 117px); }

.main-panel-width-h-nav {
  width: calc(100% - 45px); }

.main-panel-width-responsive {
  width: calc(100% - 72px); }

.tab-menu {
  height: calc(100% - 30px); }

.toppanel-height {
  height: 35px; }

.netplus-standard-row-1 {
  height: calc(100% - 222px); }

.netplus-standard-row-2 {
  height: 222px; }

.netplus-investor-row-1 {
  height: 164px; }

.netplus-investor-row-2 {
  height: calc(100% - 164px); }

.mkt-ovw-row-1-height {
  height: 123px; }

.mkt-ovw-row-1 {
  height: 123px; }

.mkt-ovw-row-2 {
  height: calc(100% - 156px); }

.quote-row-1 {
  height: 50px; }

.quote-row-2 {
  height: calc(100% - 210px); }

.quote-row-2-with-gap {
  height: calc(100% - 220px); }

.quote-row-2-responsive {
  height: 210px; }

.quote-rows {
  height: calc(100% - 50px); }

.quote-rows-full {
  height: calc(100% - 55px); }

.rows-scroll {
  overflow-y: scroll; }

.quote-row-3 {
  height: 210px; }

.company-prof-row-responsive {
  height: 187px; }

.company-prof-row-responsive-1 {
  height: calc(100% - 389px); }

.company-prof-row-1 {
  height: 50px; }

.company-prof-row-2 {
  height: calc(100% - 50px); }

.company-prof-row-full {
  height: calc(100% - 55px); }

.top-stock-row {
  height: 50%; }

.heat-map-ctrl-panel {
  height: 23px; }

.heat-map-content {
  height: calc(100% - 36px); }

.pro-chart-ctrl-panel {
  height: 23px; }

.pro-chart-content {
  height: calc(100% - 61px); }

.pro-chart-content-responsive {
  height: calc(100% - 84px); }

.news-icon-bar {
  height: 20px; }

.maine-panel-container, .right-panel-container {
  width: calc(100% - 334px);
  float: left;
  padding-right: 0;
  padding-left: 0; }

.right-panel-container {
  width: 334px; }

.ar .maine-panel-container, .ar .right-panel-container {
  float: right; }

.trade-row-1 {
  height: 286px !important; }

.trade-row-2 {
  height: calc(100% - 286px); }

.trade-row-4 {
  height: 572px; }

.trade-row-bottom {
  height: 286px !important; }

.trade-row-3-with-margin {
  height: calc(100% - 296px); }

.trade-row-middle {
  height: calc(100% - 587px); }

.mutual-found-row {
  height: calc(50% - 5px); }

.option-trade-row-1 {
  height: calc(100% - 305px); }

.option-trade-row-2 {
  height: 150px; }

.option-trade-row-3 {
  height: 150px; }

.option-trade-col-1 {
  width: calc(100% - 350px); }

.option-trade-col-2 {
  width: 350px; }

.option-trade-row-2-col-1 {
  width: 400px; }

.option-trade-row-2-col-2 {
  width: calc(100% - 400px); }

.ria-trade-col-1 {
  width: calc(100% - 355px); }

.ria-trade-col-2 {
  width: 350px; }

.ria-trade-row-1 {
  height: 450px; }

.ria-trade-row-2 {
  height: 265px; }

.ria-trade-row-3 {
  height: 200px; }

.ria-trade-row-4 {
  height: 200px; }

.ria-trade-row-5 {
  height: 265px; }

.brkClassic-trade-row-1 {
  height: 390px; }

.brkClassic-trade-row-2 {
  height: 286px; }

.ext-link-row {
  height: 125px; }

.ar .widget-outlet {
  padding-left: 0;
  padding-right: 5px; }

.ar .pad-widget-left {
  padding-right: 8px; }

.ar .pad-widget-right {
  padding-left: 8px; }

.ar .h-right {
  text-align: left; }

.ar .data-table .h-right {
  text-align: right; }

.ar .h-left {
  text-align: right; }

.ar .left {
  float: right; }

.ar .right {
  float: left !important; }

.ar .rtl {
  direction: rtl; }

.ar .mgn-s-l {
  margin-left: 0;
  margin-right: 5px; }

.ar .mgn-m-l {
  margin-left: 0;
  margin-right: 10px; }

.ar .col-12, .ar .col-11, .ar .col-10, .ar .col-9, .ar .col-8, .ar .col-7, .ar .col-6, .ar .col-5, .ar .col-4, .ar .col-3, .ar .col-2, .ar .col-1 {
  min-height: 1px;
  position: relative;
  float: right; }

.ar html {
  direction: rtl; }

.ar body {
  direction: rtl; }

.ar .flip.ar .text-left {
  text-align: right; }

.ar .flip.ar .text-right {
  text-align: left; }

.ar .list-unstyled {
  padding-right: 0;
  padding-left: initial; }

.ar .list-inline {
  padding-right: 0;
  padding-left: initial;
  margin-right: -5px;
  margin-left: 0; }

dd {
  margin-right: 0;
  margin-left: initial; }

@media (min-width: 768px) {
  .ar .dl-horizontal dt {
    float: right;
    clear: right;
    text-align: left; }
  .ar .dl-horizontal dd {
    margin-right: 180px;
    margin-left: 0; } }

blockquote {
  border-right: 5px solid #eeeeee;
  border-left: 0; }

.ar .blockquote-reverse,
blockquote.ar .pull-left {
  padding-left: 15px;
  padding-right: 0;
  border-left: 5px solid #eeeeee;
  border-right: 0;
  text-align: left; }

.ar .col-xs-1, .ar .col-sm-1, .ar .col-md-1, .ar .col-lg-1, .ar .col-xs-2, .ar .col-sm-2, .ar .col-md-2, .ar .col-lg-2, .ar .col-xs-3, .ar .col-sm-3, .ar .col-md-3, .ar .col-lg-3, .ar .col-xs-4, .ar .col-sm-4, .ar .col-md-4, .ar .col-lg-4, .ar .col-xs-5, .ar .col-sm-5, .ar .col-md-5, .ar .col-lg-5, .ar .col-xs-6, .ar .col-sm-6, .ar .col-md-6, .ar .col-lg-6, .ar .col-xs-7, .ar .col-sm-7, .ar .col-md-7, .ar .col-lg-7, .ar .col-xs-8, .ar .col-sm-8, .ar .col-md-8, .ar .col-lg-8, .ar .col-xs-9, .ar .col-sm-9, .ar .col-md-9, .ar .col-lg-9, .ar .col-xs-10, .ar .col-sm-10, .ar .col-md-10, .ar .col-lg-10, .ar .col-xs-11, .ar .col-sm-11, .ar .col-md-11, .ar .col-lg-11, .ar .col-xs-12, .ar .col-sm-12, .ar .col-md-12, .ar .col-lg-12 {
  min-height: 1px; }

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

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

.ar .col-xs-11 {
  width: 91.66666667%; }

.ar .col-xs-10 {
  width: 83.33333333%; }

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

.ar .col-xs-8 {
  width: 66.66666667%; }

.ar .col-xs-7 {
  width: 58.33333333%; }

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

.ar .col-xs-5 {
  width: 41.66666667%; }

.ar .col-xs-4 {
  width: 33.33333333%; }

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

.ar .col-xs-2 {
  width: 16.66666667%; }

.ar .col-xs-1 {
  width: 8.33333333%; }

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

.ar .col-xs-pull-11 {
  left: 91.66666667%;
  right: auto; }

.ar .col-xs-pull-10 {
  left: 83.33333333%;
  right: auto; }

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

.ar .col-xs-pull-8 {
  left: 66.66666667%;
  right: auto; }

.ar .col-xs-pull-7 {
  left: 58.33333333%;
  right: auto; }

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

.ar .col-xs-pull-5 {
  left: 41.66666667%;
  right: auto; }

.ar .col-xs-pull-4 {
  left: 33.33333333%;
  right: auto; }

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

.ar .col-xs-pull-2 {
  left: 16.66666667%;
  right: auto; }

.ar .col-xs-pull-1 {
  left: 8.33333333%;
  right: auto; }

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

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

.ar .col-xs-push-11 {
  right: 91.66666667%;
  left: 0; }

.ar .col-xs-push-10 {
  right: 83.33333333%;
  left: 0; }

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

.ar .col-xs-push-8 {
  right: 66.66666667%;
  left: 0; }

.ar .col-xs-push-7 {
  right: 58.33333333%;
  left: 0; }

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

.ar .col-xs-push-5 {
  right: 41.66666667%;
  left: 0; }

.ar .col-xs-push-4 {
  right: 33.33333333%;
  left: 0; }

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

.ar .col-xs-push-2 {
  right: 16.66666667%;
  left: 0; }

.ar .col-xs-push-1 {
  right: 8.33333333%;
  left: 0; }

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

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

.ar .col-xs-offset-11 {
  margin-right: 91.66666667%;
  margin-left: 0; }

.ar .col-xs-offset-10 {
  margin-right: 83.33333333%;
  margin-left: 0; }

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

.ar .col-xs-offset-8 {
  margin-right: 66.66666667%;
  margin-left: 0; }

.ar .col-xs-offset-7 {
  margin-right: 58.33333333%;
  margin-left: 0; }

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

.ar .col-xs-offset-5 {
  margin-right: 41.66666667%;
  margin-left: 0; }

.ar .col-xs-offset-4 {
  margin-right: 33.33333333%;
  margin-left: 0; }

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

.ar .col-xs-offset-2 {
  margin-right: 16.66666667%;
  margin-left: 0; }

.ar .col-xs-offset-1 {
  margin-right: 8.33333333%;
  margin-left: 0; }

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

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

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

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

caption {
  text-align: right; }

th {
  text-align: right; }

@media screen and (max-width: 767px) {
  .ar .table-responsive > .ar .table-bordered {
    border: 0; }
  .ar .table-responsive > .ar .table-bordered > thead > tr > th:first-child,
  .ar .table-responsive > .ar .table-bordered > tbody > tr > th:first-child,
  .ar .table-responsive > .ar .table-bordered > tfoot > tr > th:first-child,
  .ar .table-responsive > .ar .table-bordered > thead > tr > td:first-child,
  .ar .table-responsive > .ar .table-bordered > tbody > tr > td:first-child,
  .ar .table-responsive > .ar .table-bordered > tfoot > tr > td:first-child {
    border-right: 0;
    border-left: initial; }
  .ar .table-responsive > .ar .table-bordered > thead > tr > th:last-child,
  .ar .table-responsive > .ar .table-bordered > tbody > tr > th:last-child,
  .ar .table-responsive > .ar .table-bordered > tfoot > tr > th:last-child,
  .ar .table-responsive > .ar .table-bordered > thead > tr > td:last-child,
  .ar .table-responsive > .ar .table-bordered > tbody > tr > td:last-child,
  .ar .table-responsive > .ar .table-bordered > tfoot > tr > td:last-child {
    border-left: 0;
    border-right: initial; } }

.ar .radio label,
.ar .checkbox label {
  padding-right: 20px;
  padding-left: initial; }

.ar .radio input[type="radio"],
.ar .radio-inline input[type="radio"],
.ar .checkbox input[type="checkbox"],
.ar .checkbox-inline input[type="checkbox"] {
  margin-right: -20px;
  margin-left: auto; }

.ar .radio-inline,
.ar .checkbox-inline {
  padding-right: 20px;
  padding-left: 0; }

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

.ar .has-feedback .ar .form-control, .ar .has-feedback .ar .search-input {
  padding-left: 42.5px;
  padding-right: 12px; }

.ar .form-control-feedback {
  left: 0;
  right: auto; }

@media (min-width: 768px) {
  .ar .form-inline label {
    padding-right: 0;
    padding-left: initial; }
  .ar .form-inline .ar .radio input[type="radio"],
  .ar .form-inline .ar .checkbox input[type="checkbox"] {
    margin-right: 0;
    margin-left: auto; } }

@media (min-width: 768px) {
  .ar .form-horizontal .ar .control-label {
    text-align: left; } }

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

.ar .caret {
  margin-right: 2px;
  margin-left: 0; }

.ar .dropdown-menu {
  right: 0;
  left: auto;
  float: left;
  text-align: right; }

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

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

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

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

.ar .btn-group > .ar .btn,
.ar .btn-group-vertical > .ar .btn {
  float: right; }

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

.ar .btn-toolbar {
  margin-right: -5px;
  margin-left: 0px; }

.ar .btn-toolbar .ar .btn-group,
.ar .btn-toolbar .ar .input-group {
  float: right; }

.ar .btn-toolbar > .ar .btn,
.ar .btn-toolbar > .ar .btn-group,
.ar .btn-toolbar > .ar .input-group {
  margin-right: 5px;
  margin-left: 0px; }

.ar .btn-group > .ar .btn:first-child {
  margin-right: 0; }

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

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

.ar .btn-group > .ar .btn-group {
  float: right; }

.ar .btn-group.ar .btn-group-justified > .ar .btn,
.ar .btn-group.ar .btn-group-justified > .ar .btn-group {
  float: none; }

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

.ar .btn-group > .ar .btn-group:first-child > .ar .btn:last-child,
.ar .btn-group > .ar .btn-group:first-child > .ar .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

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

.ar .btn .ar .caret {
  margin-right: 0; }

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

.ar .input-group .ar .form-control, .ar .input-group .ar .search-input {
  float: right; }

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

.ar .input-group-addon:first-child {
  border-left: 0px;
  border-right: 1px solid; }

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

.ar .input-group-addon:last-child {
  border-left-width: 1px;
  border-left-style: solid;
  border-right: 0px; }

.ar .input-group-btn > .ar .btn + .ar .btn {
  margin-right: -1px;
  margin-left: auto; }

.ar .input-group-btn:first-child > .ar .btn,
.ar .input-group-btn:first-child > .ar .btn-group {
  margin-left: -1px;
  margin-right: auto; }

.ar .input-group-btn:last-child > .ar .btn,
.ar .input-group-btn:last-child > .ar .btn-group {
  margin-right: -1px;
  margin-left: auto; }

.ar .nav {
  padding-right: 0;
  padding-left: initial; }

.ar .nav-tabs > li {
  float: right; }

.ar .nav-tabs > li > a {
  margin-left: auto;
  margin-right: -2px;
  border-radius: 4px 4px 0 0; }

.ar .nav-pills > li {
  float: right; }

.ar .nav-pills > li > a {
  border-radius: 4px; }

.ar .nav-pills > li + li {
  margin-right: 2px;
  margin-left: auto; }

.ar .nav-stacked > li {
  float: none; }

.ar .nav-stacked > li + li {
  margin-right: 0;
  margin-left: auto; }

.ar .nav-justified > .ar .dropdown .ar .dropdown-menu {
  right: auto; }

.ar .nav-tabs-justified > li > a {
  margin-left: 0;
  margin-right: auto; }

@media (min-width: 768px) {
  .ar .nav-tabs-justified > li > a {
    border-radius: 4px 4px 0 0; } }

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

.ar .navbar-collapse {
  padding-right: 15px;
  padding-left: 15px; }

.ar .navbar-brand {
  float: right; }

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

.ar .navbar-toggle {
  float: left;
  margin-left: 15px;
  margin-right: auto; }

@media (max-width: 767px) {
  .ar .navbar-nav .ar .open .ar .dropdown-menu > li > a,
  .ar .navbar-nav .ar .open .ar .dropdown-menu .ar .dropdown-header {
    padding: 5px 25px 5px 15px; } }

@media (min-width: 768px) {
  .ar .navbar-nav {
    float: right; }
  .ar .navbar-nav > li {
    float: right; } }

@media (min-width: 768px) {
  .ar .navbar-left.flip {
    float: right !important; }
  .ar .navbar-right:last-child {
    margin-left: -15px;
    margin-right: auto; }
  .ar .navbar-right.flip {
    float: left !important;
    margin-left: -15px;
    margin-right: auto; }
  .ar .navbar-right .ar .dropdown-menu {
    left: 0;
    right: auto; } }

@media (min-width: 768px) {
  .ar .navbar-text {
    float: right; }
  .ar .navbar-text.ar .navbar-right:last-child {
    margin-left: 0;
    margin-right: auto; } }

.ar .pagination {
  padding-right: 0; }

.ar .pagination > li > a,
.ar .pagination > li > span {
  float: right;
  margin-right: -1px;
  margin-left: 0px; }

.ar .pagination > li:first-child > a,
.ar .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.ar .pagination > li:last-child > a,
.ar .pagination > li:last-child > span {
  margin-right: -1px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.ar .pager {
  padding-right: 0;
  padding-left: initial; }

.ar .pager .ar .next > a,
.ar .pager .ar .next > span {
  float: left; }

.ar .pager .ar .previous > a,
.ar .pager .ar .previous > span {
  float: right; }

.ar .nav-pills > li > a > .ar .badge {
  margin-left: 0px;
  margin-right: 3px; }

.ar .list-group-item > .ar .badge {
  float: left; }

.ar .list-group-item > .ar .badge + .ar .badge {
  margin-left: 5px;
  margin-right: auto; }

.ar .alert-dismissable,
.ar .alert-dismissible {
  padding-left: 35px;
  padding-right: 15px; }

.ar .alert-dismissable .ar .close,
.ar .alert-dismissible .ar .close {
  right: auto;
  left: -21px; }

.ar .progress-bar {
  float: right; }

.ar .media > .ar .pull-left {
  margin-right: 10px; }

.ar .media > .ar .pull-left.flip {
  margin-right: 0;
  margin-left: 10px; }

.ar .media > .ar .pull-right {
  margin-left: 10px; }

.ar .media > .ar .pull-right.flip {
  margin-left: 0;
  margin-right: 10px; }

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

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

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

.ar .list-group {
  padding-right: 0;
  padding-left: initial; }

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

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

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

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

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

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

.ar .embed-responsive .ar .embed-responsive-item,
.ar .embed-responsive iframe,
.ar .embed-responsive embed,
.ar .embed-responsive object {
  right: 0;
  left: auto; }

.ar .close {
  float: left; }

.ar .modal-footer {
  text-align: left; }

.ar .modal-footer .ar .btn + .ar .btn {
  margin-left: auto;
  margin-right: 5px; }

.ar .modal-footer .ar .btn-group .ar .btn + .ar .btn {
  margin-right: -1px;
  margin-left: auto; }

.ar .modal-footer .ar .btn-block + .ar .btn-block {
  margin-right: 0;
  margin-left: auto; }

.ar .popover {
  left: auto;
  text-align: right; }

.ar .popover.ar .top > .ar .arrow {
  right: 50%;
  left: auto;
  margin-right: -11px;
  margin-left: auto; }

.ar .popover.ar .top > .ar .arrow:after {
  margin-right: -10px;
  margin-left: auto; }

.ar .popover.ar .bottom > .ar .arrow {
  right: 50%;
  left: auto;
  margin-right: -11px;
  margin-left: auto; }

.ar .popover.ar .bottom > .ar .arrow:after {
  margin-right: -10px;
  margin-left: auto; }

.ar .carousel-control {
  right: 0;
  bottom: 0; }

.ar .carousel-control.left {
  right: auto;
  left: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(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%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }

.ar .carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(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%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }

.ar .carousel-control .ar .icon-prev,
.ar .carousel-control .ar .glyphicon-chevron-left {
  left: 50%;
  right: auto;
  margin-right: -10px; }

.ar .carousel-control .ar .icon-next,
.ar .carousel-control .ar .glyphicon-chevron-right {
  right: 50%;
  left: auto;
  margin-left: -10px; }

.ar .carousel-indicators {
  right: 50%;
  left: 0;
  margin-right: -30%;
  margin-left: 0;
  padding-left: 0; }

@media screen and (min-width: 768px) {
  .ar .carousel-control .ar .glyphicon-chevron-left,
  .ar .carousel-control .ar .icon-prev {
    margin-left: 0;
    margin-right: -15px; }
  .ar .carousel-control .ar .glyphicon-chevron-right,
  .ar .carousel-control .ar .icon-next {
    margin-left: 0;
    margin-right: -15px; }
  .ar .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; } }

.ar .pull-right.flip {
  float: left !important; }

.ar .pull-left.flip {
  float: right !important; }

.ar .datepicker-dropdown.datepicker-orient-left:after {
  left: auto;
  right: 7px; }

.ar .datepicker-dropdown.datepicker-orient-left:before {
  left: auto;
  right: 7px; }

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

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

/*# sourceMappingURL=bootstrap-rtl.ar .css.ar .map */
.ar .nano-content::-webkit-scrollbar {
  display: none; }

.ar .nano .nano-pane {
  background: transparent; }

.ar .wrapper {
  padding-right: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.ar .wrapper.toggled {
  padding-right: 70px; }

.ar .sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  right: 70px;
  height: 100%;
  margin-right: -70px;
  overflow-y: auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.ar .page-content-wrapper {
  width: 100%;
  position: absolute;
  padding-top: 80px; }

.ar .wrapper.toggled .page-content-wrapper {
  position: absolute;
  margin-left: -70px; }

.ar .sidebar-pusher {
  margin-right: 72px;
  margin-left: 0; }

.ar .navigator-margin {
  margin-right: 262px; }

@media (min-width: 768px) {
  .ar .wrapper {
    padding-right: 70px;
    padding-left: 0; }
  .ar .wrapper.toggled {
    padding-right: 0; }
  .ar .wrapper.toggled .ar .page-content-wrapper {
    position: relative;
    margin-left: 0; } }

.maine-panel-container, .right-panel-container {
  width: calc(100% - 334px);
  float: left;
  padding-right: 0;
  padding-left: 0; }

.right-panel-container {
  width: 334px; }

.ar .maine-panel-container, .ar .right-panel-container {
  float: right; }

.theme2 .ar .widget-tab-panel {
  box-shadow: none; }

.theme1 .ar .widget-tab-panel .active {
  background-color: #0b1d3d;
  border: 3px #0b1d3d solid; }

.theme2 .ar .widget-tab-panel .active {
  background-color: #3081bc;
  border: 3px #f2f2f2 solid; }

.theme2 .ar .widget-tab-panel .active {
  border: 1px #3081bc solid;
  background-image: -moz-linear-gradient(0deg, #3081bc 0%, #3081bc 100%);
  background-image: -webkit-linear-gradient(0deg, #3081bc 0%, #3081bc 100%);
  background-image: -ms-linear-gradient(0deg, #3081bc 0%, #3081bc 100%);
  background-image: linear-gradient(0deg, #3081bc 0%, #3081bc 100%); }

.theme2 .ar .widget-tab-item {
  border: 1px #f2f2f2 solid; }

.theme1 .ar .widget-tab-item:last-child {
  border-left: 1px #0b1d3d solid; }

.theme2 .ar .widget-tab-item:last-child {
  border-left: 1px #f2f2f2 solid; }

.theme1 .ar .widget-tab-item.active:last-child {
  border-left: 3px #0b1d3d solid; }

.theme2 .ar .widget-tab-item.active:last-child {
  border-left: 3px #f2f2f2 solid; }

.theme2 .ar .widget-tab-item.active:last-child {
  border-left: 0 #f2f2f2 solid; }

.maine-panel-container, .right-panel-container {
  width: calc(100% - 334px);
  float: left;
  padding-right: 0;
  padding-left: 0; }

.right-panel-container {
  width: 334px; }

.ar .maine-panel-container, .ar .right-panel-container {
  float: right; }

.ar .search-ctrl {
  padding-left: 10px;
  padding-right: 20px; }

.ar .horizontal-list-left {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  float: right; }

.ar .horizontal-list-left-1 {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  float: right; }

.ar .horizontal-list-right {
  list-style-type: none;
  float: left; }

.ar .horizontal-list-right li {
  margin-left: 11px;
  float: right;
  line-height: 23px;
  vertical-align: middle; }

.ar .calendar-icon {
  font-size: 13px;
  top: 30%;
  right: 15%;
  padding-left: 5px;
  padding-right: 5px; }

.ar .y-scroll {
  overflow: overlay; }

.ar .dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  width: 263px; }

.ar .dropdown-submenu:hover > a:after {
  border-width: 5px 0 5px 5px;
  margin-top: 5px;
  margin-left: -10px;
  float: left; }

.ar input[type='checkbox'] {
  margin-left: 2px;
  margin-right: 6px; }

/* Toolbar styles */
.ar .toolbar-styles {
  padding: 0 8px 0 0; }

.ar .popular-list-item {
  padding: 5px 6px 6px 12px; }

.ar .wl-curly-arrow {
  right: 180px;
  left: 104px;
  transform: scale(-1, 1); }

.ar .symbol-popup-search-direction {
  direction: ltr; }
  .ar .symbol-popup-search-direction .ltr {
    direction: rtl; }

.ar .left-nav-toggle {
  left: -12px;
  right: initial; }

.ar .sym-heading-portfolio {
  padding-right: 20px;
  padding-left: 10px; }

.ar .transform-origin-top-left {
  transform-origin: top right; }

.ar .transform-origin-left {
  transform-origin: right; }

.ar .symbol-logo {
  transform-origin: top right !important; }

.ar .pad-icon {
  padding-right: 8px; }

.ar .tooltip-popup, .ar .symbol-delayed-popup {
  position: absolute;
  top: 50px;
  left: 80px;
  right: auto;
  height: 80px;
  width: 130px; }
  .theme1 .ar .tooltip-popup, .theme1 .ar .symbol-delayed-popup {
    background-color: ""; }
  .theme2 .ar .tooltip-popup, .theme2 .ar .symbol-delayed-popup {
    background-color: #414249; }
  .ar .tooltip-popup :after, .ar .symbol-delayed-popup :after {
    content: '';
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; }
    .theme2 .ar .tooltip-popup :after, .theme2 .ar .symbol-delayed-popup :after {
      border-bottom: 10px solid #414249; }

.ar .watchlist-first-symbol-pad-right {
  padding-left: 10px; }

.ar .symbol-delayed-popup {
  height: auto;
  right: auto;
  left: 26px; }

.ar .table-border-radius-left-tb {
  border-radius: 0 8px 8px 0; }

.ar .table-border-radius-right-tb {
  border-radius: 8px 0 0 8px; }

.ar .deviated-layout {
  float: right;
  width: 50%; }

.ar .hint--top:after {
  margin-right: -90px; }

.ar .hint--bottom:after {
  margin-right: -65px; }

.ar .hint--left:before {
  margin-right: -5px; }

.ar .hint--right:after {
  margin-right: -70px; }

.ar .hint--bottom-left:after {
  margin-right: -114px; }

.ar .hint--bottom-left:before {
  margin-right: -6px; }

.ar .hint--bottom-right:after {
  margin-right: -20px; }

.ar .hint--top-left:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0); }

.ar .hint--top-left:after {
  margin-right: -20px;
  margin-left: inherit; }

.ar .hint--top-left:hover:after, .ar .hint--top-left:focus:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.ar .hint--always.hint--top-left:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.ar .hint--top-right:after {
  margin-right: -80px; }

.ar .icon-angle-left:before {
  content: "\77"; }

.ar .icon-angle-right:before {
  content: "\76"; }

.theme1 .ar .border-right {
  border-left: 1px #242f43 solid;
  border-right: 0 #242f43 solid; }

.theme2 .ar .border-right {
  border-left: 1px #DBDBDB solid;
  border-right: 0 #DBDBDB solid; }

.theme1 .ar .border-left {
  border-left: 0 #242f43 solid;
  border-right: 1px #242f43 solid; }

.theme2 .ar .border-left {
  border-left: 0 #DBDBDB solid;
  border-right: 1px #DBDBDB solid; }

.theme1 .ar .widget-vline {
  border-left: 1px #1D396B solid;
  border-right: 0 #1D396B solid; }

.theme2 .ar .widget-vline {
  border-left: 1px #bdbdbd solid;
  border-right: 0 #bdbdbd solid; }

.ar .notification-box {
  padding-right: 26px;
  padding-left: 16px; }

.ar .ms-top-bar-exchange, .ar .ms-top-bar-exchange-2 {
  float: right; }

.ar .ms-top-bar-chart, .ar .ms-top-bar-chart-2 {
  width: 160px;
  float: right; }

.ar .ms-top-bar-index-value, .ar .ms-top-bar-index-value-2 {
  padding-right: 10px;
  float: right; }

.ar .ms-top-bar-index-value-1 {
  width: 206px; }

.ar .ms-top-bar-index-dropdown, .ar .ms-top-bar-index-dropdown-1, .ar .ms-top-bar-index-dropdown-3, .ar .ms-top-bar-index-dropdown-2 {
  right: 100px; }

.ar .ms-top-bar-index-dropdown-3 {
  right: initial; }

.ar .ms-top-bar-index-chart-position, .ar .ms-top-bar-index-chart-position-2 {
  left: 10px; }

.ar .ms-top-bar-percentage-position {
  padding-left: 0;
  padding-right: 10px; }

.ar .ms-top-bar-ticker-area {
  float: right; }

.ar .ms-top-bar-ticker {
  float: right; }

.ar .ms-top-bar-ticker-cell {
  width: 25%;
  float: right; }

.ar .ms-top-bar-vertical-top {
  margin-left: inherit;
  margin-right: -26px; }

.ar .ms-top-bar-progress-vertical {
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.ar .ms-top-bar-padding-x-large-left {
  padding-right: 24px;
  padding-left: 3px; }

.ar .ms-top-bar-logo-left {
  display: block; }

.ar .ms-top-bar-logo-right {
  display: none; }

.ar .ms-top-bar-no-ticker {
  height: 25px; }

.ar .ms-top-bar-ticker-area-2 {
  width: calc(100% - 84px);
  position: absolute;
  z-index: 2; }

.ar .ms-top-bar-show-time-2 {
  height: 11px;
  margin-top: 21px;
  position: relative;
  white-space: nowrap; }

.ar .ms-top-bar-index-value-2 {
  width: 98px;
  float: right;
  right: 96px;
  top: 15px; }

.ar .ms-top-bar-chart-2 {
  width: 133px; }

.ar .ms-top-bar-index-dropdown-2 {
  left: 179px;
  right: 0; }

.ar .wdgttl-btn-dropdown {
  padding: 4px 0 4px 4px; }

.ar .wdgttl-search {
  padding-left: 10px;
  padding-right: 18px; }

.theme1 .ar .wdgttl-tab-item {
  border-right: 1px #030812 solid;
  border-left: 0; }

.theme2 .ar .wdgttl-tab-item {
  border-right: 1px #266593 solid;
  border-left: 0; }

.theme1 .ar .wdgttl-tab-item:first-child {
  border-left: 0;
  border-right: 0 #030812 solid; }

.theme2 .ar .wdgttl-tab-item:first-child {
  border-left: 0;
  border-right: 0 #266593 solid; }

.theme1 .ar .wdgttl-border-left {
  border-left: 0 #030812 solid !important;
  border-right: 1px #030812 solid !important; }

.theme2 .ar .wdgttl-border-left {
  border-left: 0 #266593 solid !important;
  border-right: 1px #266593 solid !important; }

.theme1 .ar .wdgttl-drp-dwn-btn {
  border: 0 #0b1d3d solid;
  border-right: 1px #030812 solid; }

.theme2 .ar .wdgttl-drp-dwn-btn {
  border: 0 #3081bc solid;
  border-right: 1px #266593 solid; }

.ar .widget {
  border-radius: 2px;
  margin: 5px 5px 0 0;
  padding: 5px 5px 0px 5px; }

.ar .settings-dropdown {
  margin-left: auto;
  margin-right: -77px; }

.ar .widget-header-left {
  float: right; }

.ar .widget-header-right {
  float: left;
  position: absolute;
  left: 0px;
  right: inherit; }

.ar .header-icons {
  float: left; }

.ar .vertical_Seperator_topstocks {
  margin-right: 0px; }

.ar .sector-btn {
  margin-top: -6px;
  float: left;
  margin-right: inherit; }

.ar .top-stock-btn {
  margin-top: -6px;
  float: left;
  margin-right: inherit;
  margin-left: 114px; }

.ar .panel-table {
  text-align: right;
  height: 100%;
  line-height: 11px; }

.ar .ember-table-panel {
  text-align: left;
  direction: ltr;
  padding: 0px 1px 5px 1px;
  line-height: 11px; }

.ar .text-left-header {
  text-align: right !important; }

.ar .text-right-header {
  text-align: left !important; }

.ar .right-click-menu-rtl {
  float: right;
  margin-top: -3px;
  margin-left: 5px; }

.ar .container-mid {
  right: 70px;
  width: calc(100% - 70px); }

.ar .quote-depth-spread-1 {
  width: 20%;
  height: 20px;
  border-left: 1px #e74343 solid;
  border-top: 1px #e74343 solid;
  float: right; }

.ar .quote-depth-spread-2 {
  width: 20%;
  height: 20px;
  border-right: 1px #2ecc71 solid;
  border-top: 1px #2ecc71 solid;
  float: left; }

.ar .news-position {
  position: absolute;
  left: 584px;
  right: auto; }

.ar .pro-chart-max {
  position: absolute;
  left: 0px;
  margin-left: 5px;
  right: initial; }

.ar .quote-summary-layout {
  margin-right: 5px !important; }

.ar .prochart-symbol-fix {
  left: 476px;
  position: absolute;
  right: auto; }

.ar .pro-chart-ctrl-panel .modal-symbol {
  top: 34px; }

.ar .chart-dropdown .dropdown-submenu:hover > .dropdown-menu {
  right: 100%;
  left: auto;
  width: 205px; }

.ar .quote-tab {
  height: calc(100% - 405px);
  min-height: 100px; }

.ar .more-column-align {
  margin-right: -404px; }

.ar .link_widget {
  float: left;
  margin-right: 0px; }

.ar .watchlist-link {
  position: absolute; }

.ar .watchlist-link .link-dropdown {
  margin-right: inherit; }

.ar .link-dropdown {
  position: absolute;
  left: 0;
  padding-left: 5px;
  right: inherit; }

.ar .popup-header {
  margin-right: inherit;
  margin-left: 0px; }

.ar .link-fix .link-dropdown {
  position: absolute;
  left: 10px;
  right: inherit;
  padding-right: inherit;
  margin-top: -3px;
  margin-bottom: -3px; }

.ar .link-fix .popup-header {
  margin-right: -12px;
  margin-top: -4px;
  margin-left: inherit;
  position: relative;
  height: 12px; }

.ar .doc-symbol-pop .link-dropdown {
  position: absolute;
  left: inherit;
  right: 0;
  padding-right: 5px;
  margin-top: -3px;
  margin-bottom: -3px; }

.ar .quote-watchlist-link {
  margin-top: -26px;
  right: inherit;
  left: 10px; }

.ar .search-symbol {
  margin-left: 10px;
  margin-right: 0; }

.ar .search-wrapper .pad-m-r {
  padding-right: initial; }

.ar .popup-widget .pad-l-r {
  padding-left: initial; }

.ar .message-box-items {
  float: right;
  margin-right: calc(17% + 15px);
  margin-left: unset; }

.ar .message-box-title {
  padding-right: 15px; }

.ar .dropdown-watchlist-more-items {
  float: right; }

.ar .wdgttl-btn-dropdown {
  padding: 4px 0 4px 4px; }

.ar .wdgttl-search {
  padding-left: 10px;
  padding-right: 18px; }

.theme1 .ar .wdgttl-tab-item {
  border-right: 1px #030812 solid;
  border-left: 0; }

.theme2 .ar .wdgttl-tab-item {
  border-right: 1px #266593 solid;
  border-left: 0; }

.theme1 .ar .wdgttl-tab-item:first-child {
  border-left: 0;
  border-right: 0 #030812 solid; }

.theme2 .ar .wdgttl-tab-item:first-child {
  border-left: 0;
  border-right: 0 #266593 solid; }

.theme1 .ar .wdgttl-border-left {
  border-left: 0 #030812 solid !important;
  border-right: 1px #030812 solid !important; }

.theme2 .ar .wdgttl-border-left {
  border-left: 0 #266593 solid !important;
  border-right: 1px #266593 solid !important; }

.theme1 .ar .wdgttl-drp-dwn-btn {
  border: 0 #0b1d3d solid;
  border-right: 1px #030812 solid; }

.theme2 .ar .wdgttl-drp-dwn-btn {
  border: 0 #3081bc solid;
  border-right: 1px #266593 solid; }

.ar .alert-padding-left {
  padding-right: 40px;
  padding-left: 0; }

.ar .announcement-vertical-seperator {
  height: 100%; }
  .theme1 .ar .announcement-vertical-seperator {
    border-right: 1px #f4b350 solid;
    border-left: 0 #f4b350 solid; }
  .theme2 .ar .announcement-vertical-seperator {
    border-right: 1px #f9a825 solid;
    border-left: 0 #f9a825 solid; }

.ar .news-vertical-seperator {
  height: 100%; }
  .theme1 .ar .news-vertical-seperator {
    border-right: 1px #3cb5f0 solid;
    border-left: 0 #3cb5f0 solid; }
  .theme2 .ar .news-vertical-seperator {
    border-right: 1px #0078D7 solid;
    border-left: 0 #0078D7 solid; }

.ar .messege-box-inner {
  right: 50%; }

.ar .vat-invoice-cell {
  text-align: left;
  padding-right: 10px; }

.ar .completed-step {
  text-align: center;
  display: table-cell;
  position: relative;
  overflow: inherit; }
  .theme1 .ar .completed-step {
    color: #ffffff; }
  .theme2 .ar .completed-step {
    color: #ffffff; }
  .ar .completed-step .step {
    display: inline-block;
    margin: 0 auto 4px;
    height: 36px;
    max-width: 170px;
    line-height: 32px;
    text-align: center;
    border-radius: 0; }
    .theme1 .ar .completed-step .step {
      background-color: #182B56;
      border: 2px #182B56 solid; }
    .theme2 .ar .completed-step .step {
      background-color: #ffffff;
      border: 2px #ffffff solid; }
  .ar .completed-step .afterStep {
    content: '';
    height: 1px;
    width: 80%;
    position: absolute;
    top: 16px;
    z-index: 0; }
    .theme1 .ar .completed-step .afterStep {
      background-color: #182B56; }
    .theme2 .ar .completed-step .afterStep {
      background-color: #ffffff; }
  .ar .completed-step:last-child .afterStep {
    display: none; }

.ar .current-step {
  text-align: center;
  display: table-cell;
  position: relative;
  overflow: inherit; }
  .theme1 .ar .current-step {
    color: #d8dbe0; }
  .theme2 .ar .current-step {
    color: black; }
  .ar .current-step .step {
    display: inline-block;
    margin: 0 auto 4px;
    height: 36px;
    max-width: 170px;
    line-height: 32px;
    text-align: center;
    border-radius: 0; }
    .theme1 .ar .current-step .step {
      background-color: #1D396B;
      border: 2px #1D396B solid; }
    .theme2 .ar .current-step .step {
      background-color: #0071FF;
      border: 2px #0071FF solid; }
  .ar .current-step .afterStep {
    content: '';
    height: 1px;
    width: 80%;
    position: absolute;
    top: 16px;
    z-index: 0; }
    .theme1 .ar .current-step .afterStep {
      background-color: #182B56; }
    .theme2 .ar .current-step .afterStep {
      background-color: #ffffff; }
  .ar .current-step:last-child .afterStep {
    display: none; }

.ar .not-completed-step {
  text-align: center;
  display: table-cell;
  position: relative;
  overflow: inherit; }
  .theme1 .ar .not-completed-step {
    color: #ffffff; }
  .theme2 .ar .not-completed-step {
    color: #ffffff; }
  .ar .not-completed-step .step {
    display: inline-block;
    margin: 0 auto 4px;
    height: 36px;
    max-width: 170px;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    border-radius: 0; }
    .theme1 .ar .not-completed-step .step {
      background-color: #182B56;
      border: 2px #182B56 solid; }
    .theme2 .ar .not-completed-step .step {
      background-color: #ffffff;
      border: 2px #ffffff solid; }
  .ar .not-completed-step .afterStep {
    content: '';
    height: 1px;
    width: 80%;
    position: absolute;
    top: 16px;
    z-index: 0; }
    .theme1 .ar .not-completed-step .afterStep {
      background-color: #182B56; }
    .theme2 .ar .not-completed-step .afterStep {
      background-color: #ffffff; }
  .ar .not-completed-step:last-child .afterStep {
    display: none; }

.ar .narration .narration-text {
  visibility: hidden;
  width: 600px;
  background-color: #d2d2d2;
  color: #525252 !important;
  border-radius: 6px;
  padding: 7px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -500px; }
  .theme1 .ar .narration .narration-text {
    color: #ffffff; }
  .theme2 .ar .narration .narration-text {
    color: #ffffff; }

.ar .narration:hover .narration-text {
  visibility: visible; }

.ar .connection-status-wrapper .hint--top:after {
  left: calc(100% - 60px) !important;
  bottom: 160px !important; }

.ar .order-detail-panel {
  float: right; }

.ar .right-panel-collapse-menu {
  width: 45px;
  left: 0;
  right: auto; }

.ar .main-panel {
  right: 72px;
  top: 0; }

.ar .main-panel-h-nav {
  right: 0;
  top: 0; }

.ar .animate-right {
  position: relative;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: none;
  -webkit-animation-name: animateleft;
  -moz-animation-name: animateleft;
  -o-animation-name: animateleft;
  animation-name: animateleft;
  -o-animation-fill-mode: none;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: none; }

.ar .collapse-content {
  right: auto;
  left: 0; }

.ar .right-panel-collapse-ul {
  padding-top: 0;
  padding-right: 0; }

.ar .tittle-bar-search-btn {
  margin-right: -23px;
  z-index: 2; }

.ar .search-popup-position {
  top: 36px;
  left: 534px; }

.ar .symbol-search-result-popup {
  right: 10px; }

.ar .icon-download:before {
  content: "\29"; }

.ar .icon-lock:before {
  content: "\28"; }

.ar .icon-right-arrow:before {
  content: "\63"; }

.ar .icon-left-arrow:before {
  content: "\62"; }

.ar .icon-back-icon:before {
  content: "\68"; }

.ar .icon-forward-icon:before {
  content: "\67"; }

.ar .icon-faceid:before {
  content: "\3c"; }

.ar .icon-gift-2:before {
  content: "\3e"; }

.ar .icon-orderlist-menu:before {
  content: "\7d"; }

.ar .icon-logout:before {
  content: "\e012"; }

.ar .icon-nav-slide:before {
  content: "\e017"; }

.ar .icon-add-2:before {
  content: "\5b"; }

.ar .icon-settings-new:before {
  content: "\5d"; }

.ar .icon-warn:before {
  content: "\7b"; }

.ar .icon-info-tooltip:before {
  content: "\e027"; }

@media screen and (max-width: 1728px) and (min-width: 600px) {
  html {
    font-size: 12px; }
  .pad-xs-t {
    padding-top: 2px; }
  .pad-s-t {
    padding-top: 3px; }
  .pad-m-t {
    padding-top: 8px; }
  .pad-l-t {
    padding-top: 10px; }
  .pad-1-t {
    padding-top: 1px; }
  .pad-2-t {
    padding-top: 2px; }
  .pad-3-t {
    padding-top: 3px; }
  .pad-4-t {
    padding-top: 3px; }
  .pad-5-t {
    padding-top: 3px; }
  .pad-6-t {
    padding-top: 3px; }
  .pad-7-t {
    padding-top: 4px; }
  .pad-8-t {
    padding-top: 5px; }
  .pad-9-t {
    padding-top: 6px; }
  .pad-10-t {
    padding-top: 7px; }
  .pad-11-t {
    padding-top: 8px; }
  .pad-12-t {
    padding-top: 9px; }
  .pad-13-t {
    padding-top: 10px; }
  .pad-14-t {
    padding-top: 11px; }
  .pad-15-t {
    padding-top: 12px; }
  .pad-16-t {
    padding-top: 13px; }
  .pad-17-t {
    padding-top: 14px; }
  .pad-18-t {
    padding-top: 15px; }
  .pad-19-t {
    padding-top: 16px; }
  .pad-20-t {
    padding-top: 17px; }
  .pad-21-t {
    padding-top: 18px; }
  .pad-22-t {
    padding-top: 19px; }
  .pad-23-t {
    padding-top: 20px; }
  .pad-24-t {
    padding-top: 21px; }
  .pad-25-t {
    padding-top: 22px; }
  .pad-26-t {
    padding-top: 23px; }
  .pad-27-t {
    padding-top: 24px; }
  .pad-28-t {
    padding-top: 25px; }
  .pad-29-t {
    padding-top: 26px; }
  .pad-30-t {
    padding-top: 27px; }
  .pad-31-t {
    padding-top: 28px; }
  .pad-32-t {
    padding-top: 29px; }
  .pad-40-t {
    padding-top: 37px; }
  .pad-60-t {
    padding-top: 55px; }
  .pad-64-t {
    padding-top: 60px; }
  .pad-67-t {
    padding-top: 65px; }
  .pad-n3-t {
    padding-top: -3px; }
  .pad-xs-r {
    padding-right: 2px; }
  .pad-s-r {
    padding-right: 3px; }
  .pad-m-r {
    padding-right: 8px; }
  .pad-l-r {
    padding-right: 10px; }
  .pad-1-r {
    padding-right: 1px; }
  .pad-2-r {
    padding-right: 2px; }
  .pad-3-r {
    padding-right: 3px; }
  .pad-4-r {
    padding-right: 3px; }
  .pad-5-r {
    padding-right: 3px; }
  .pad-6-r {
    padding-right: 3px; }
  .pad-7-r {
    padding-right: 4px; }
  .pad-8-r {
    padding-right: 5px; }
  .pad-9-r {
    padding-right: 6px; }
  .pad-10-r {
    padding-right: 7px; }
  .pad-11-r {
    padding-right: 8px; }
  .pad-12-r {
    padding-right: 9px; }
  .pad-13-r {
    padding-right: 10px; }
  .pad-14-r {
    padding-right: 11px; }
  .pad-15-r {
    padding-right: 12px; }
  .pad-16-r {
    padding-right: 13px; }
  .pad-17-r {
    padding-right: 14px; }
  .pad-18-r {
    padding-right: 15px; }
  .pad-19-r {
    padding-right: 16px; }
  .pad-20-r {
    padding-right: 17px; }
  .pad-21-r {
    padding-right: 18px; }
  .pad-22-r {
    padding-right: 19px; }
  .pad-23-r {
    padding-right: 20px; }
  .pad-24-r {
    padding-right: 21px; }
  .pad-25-r {
    padding-right: 22px; }
  .pad-26-r {
    padding-right: 23px; }
  .pad-27-r {
    padding-right: 24px; }
  .pad-28-r {
    padding-right: 25px; }
  .pad-29-r {
    padding-right: 26px; }
  .pad-30-r {
    padding-right: 27px; }
  .pad-31-r {
    padding-right: 28px; }
  .pad-32-r {
    padding-right: 29px; }
  .pad-40-r {
    padding-right: 37px; }
  .pad-60-r {
    padding-right: 55px; }
  .pad-64-r {
    padding-right: 60px; }
  .pad-67-r {
    padding-right: 65px; }
  .pad-n3-r {
    padding-right: -3px; }
  .pad-xs-b {
    padding-bottom: 2px; }
  .pad-s-b {
    padding-bottom: 3px; }
  .pad-m-b {
    padding-bottom: 8px; }
  .pad-l-b {
    padding-bottom: 10px; }
  .pad-1-b {
    padding-bottom: 1px; }
  .pad-2-b {
    padding-bottom: 2px; }
  .pad-3-b {
    padding-bottom: 3px; }
  .pad-4-b {
    padding-bottom: 3px; }
  .pad-5-b {
    padding-bottom: 3px; }
  .pad-6-b {
    padding-bottom: 3px; }
  .pad-7-b {
    padding-bottom: 4px; }
  .pad-8-b {
    padding-bottom: 5px; }
  .pad-9-b {
    padding-bottom: 6px; }
  .pad-10-b {
    padding-bottom: 7px; }
  .pad-11-b {
    padding-bottom: 8px; }
  .pad-12-b {
    padding-bottom: 9px; }
  .pad-13-b {
    padding-bottom: 10px; }
  .pad-14-b {
    padding-bottom: 11px; }
  .pad-15-b {
    padding-bottom: 12px; }
  .pad-16-b {
    padding-bottom: 13px; }
  .pad-17-b {
    padding-bottom: 14px; }
  .pad-18-b {
    padding-bottom: 15px; }
  .pad-19-b {
    padding-bottom: 16px; }
  .pad-20-b {
    padding-bottom: 17px; }
  .pad-21-b {
    padding-bottom: 18px; }
  .pad-22-b {
    padding-bottom: 19px; }
  .pad-23-b {
    padding-bottom: 20px; }
  .pad-24-b {
    padding-bottom: 21px; }
  .pad-25-b {
    padding-bottom: 22px; }
  .pad-26-b {
    padding-bottom: 23px; }
  .pad-27-b {
    padding-bottom: 24px; }
  .pad-28-b {
    padding-bottom: 25px; }
  .pad-29-b {
    padding-bottom: 26px; }
  .pad-30-b {
    padding-bottom: 27px; }
  .pad-31-b {
    padding-bottom: 28px; }
  .pad-32-b {
    padding-bottom: 29px; }
  .pad-40-b {
    padding-bottom: 37px; }
  .pad-60-b {
    padding-bottom: 55px; }
  .pad-64-b {
    padding-bottom: 60px; }
  .pad-67-b {
    padding-bottom: 65px; }
  .pad-n3-b {
    padding-bottom: -3px; }
  .pad-xs-l {
    padding-left: 2px; }
  .pad-s-l {
    padding-left: 3px; }
  .pad-m-l {
    padding-left: 8px; }
  .pad-l-l {
    padding-left: 10px; }
  .pad-1-l {
    padding-left: 1px; }
  .pad-2-l {
    padding-left: 2px; }
  .pad-3-l {
    padding-left: 3px; }
  .pad-4-l {
    padding-left: 3px; }
  .pad-5-l {
    padding-left: 3px; }
  .pad-6-l {
    padding-left: 3px; }
  .pad-7-l {
    padding-left: 4px; }
  .pad-8-l {
    padding-left: 5px; }
  .pad-9-l {
    padding-left: 6px; }
  .pad-10-l {
    padding-left: 7px; }
  .pad-11-l {
    padding-left: 8px; }
  .pad-12-l {
    padding-left: 9px; }
  .pad-13-l {
    padding-left: 10px; }
  .pad-14-l {
    padding-left: 11px; }
  .pad-15-l {
    padding-left: 12px; }
  .pad-16-l {
    padding-left: 13px; }
  .pad-17-l {
    padding-left: 14px; }
  .pad-18-l {
    padding-left: 15px; }
  .pad-19-l {
    padding-left: 16px; }
  .pad-20-l {
    padding-left: 17px; }
  .pad-21-l {
    padding-left: 18px; }
  .pad-22-l {
    padding-left: 19px; }
  .pad-23-l {
    padding-left: 20px; }
  .pad-24-l {
    padding-left: 21px; }
  .pad-25-l {
    padding-left: 22px; }
  .pad-26-l {
    padding-left: 23px; }
  .pad-27-l {
    padding-left: 24px; }
  .pad-28-l {
    padding-left: 25px; }
  .pad-29-l {
    padding-left: 26px; }
  .pad-30-l {
    padding-left: 27px; }
  .pad-31-l {
    padding-left: 28px; }
  .pad-32-l {
    padding-left: 29px; }
  .pad-40-l {
    padding-left: 37px; }
  .pad-60-l {
    padding-left: 55px; }
  .pad-64-l {
    padding-left: 60px; }
  .pad-67-l {
    padding-left: 65px; }
  .pad-n3-l {
    padding-left: -3px; }
  .pad-xs-lr {
    padding-left: 2px;
    padding-right: 2px; }
  .pad-s-lr {
    padding-left: 3px;
    padding-right: 3px; }
  .pad-m-lr {
    padding-left: 8px;
    padding-right: 8px; }
  .pad-l-lr {
    padding-left: 10px;
    padding-right: 10px; }
  .pad-1-lr {
    padding-left: 1px;
    padding-right: 1px; }
  .pad-2-lr {
    padding-left: 2px;
    padding-right: 2px; }
  .pad-3-lr {
    padding-left: 3px;
    padding-right: 3px; }
  .pad-4-lr {
    padding-left: 3px;
    padding-right: 3px; }
  .pad-5-lr {
    padding-left: 3px;
    padding-right: 3px; }
  .pad-6-lr {
    padding-left: 3px;
    padding-right: 3px; }
  .pad-7-lr {
    padding-left: 4px;
    padding-right: 4px; }
  .pad-8-lr {
    padding-left: 5px;
    padding-right: 5px; }
  .pad-9-lr {
    padding-left: 6px;
    padding-right: 6px; }
  .pad-10-lr {
    padding-left: 7px;
    padding-right: 7px; }
  .pad-11-lr {
    padding-left: 8px;
    padding-right: 8px; }
  .pad-12-lr {
    padding-left: 9px;
    padding-right: 9px; }
  .pad-13-lr {
    padding-left: 10px;
    padding-right: 10px; }
  .pad-14-lr {
    padding-left: 11px;
    padding-right: 11px; }
  .pad-15-lr {
    padding-left: 12px;
    padding-right: 12px; }
  .pad-16-lr {
    padding-left: 13px;
    padding-right: 13px; }
  .pad-17-lr {
    padding-left: 14px;
    padding-right: 14px; }
  .pad-18-lr {
    padding-left: 15px;
    padding-right: 15px; }
  .pad-19-lr {
    padding-left: 16px;
    padding-right: 16px; }
  .pad-20-lr {
    padding-left: 17px;
    padding-right: 17px; }
  .pad-21-lr {
    padding-left: 18px;
    padding-right: 18px; }
  .pad-22-lr {
    padding-left: 19px;
    padding-right: 19px; }
  .pad-23-lr {
    padding-left: 20px;
    padding-right: 20px; }
  .pad-24-lr {
    padding-left: 21px;
    padding-right: 21px; }
  .pad-25-lr {
    padding-left: 22px;
    padding-right: 22px; }
  .pad-26-lr {
    padding-left: 23px;
    padding-right: 23px; }
  .pad-27-lr {
    padding-left: 24px;
    padding-right: 24px; }
  .pad-28-lr {
    padding-left: 25px;
    padding-right: 25px; }
  .pad-29-lr {
    padding-left: 26px;
    padding-right: 26px; }
  .pad-30-lr {
    padding-left: 27px;
    padding-right: 27px; }
  .pad-31-lr {
    padding-left: 28px;
    padding-right: 28px; }
  .pad-32-lr {
    padding-left: 29px;
    padding-right: 29px; }
  .pad-40-lr {
    padding-left: 37px;
    padding-right: 37px; }
  .pad-60-lr {
    padding-left: 55px;
    padding-right: 55px; }
  .pad-64-lr {
    padding-left: 60px;
    padding-right: 60px; }
  .pad-67-lr {
    padding-left: 65px;
    padding-right: 65px; }
  .pad-n3-lr {
    padding-left: -3px;
    padding-right: -3px; }
  .pad-xs-tb {
    padding-top: 2px;
    padding-bottom: 2px; }
  .pad-s-tb {
    padding-top: 3px;
    padding-bottom: 3px; }
  .pad-m-tb {
    padding-top: 8px;
    padding-bottom: 8px; }
  .pad-l-tb {
    padding-top: 10px;
    padding-bottom: 10px; }
  .pad-1-tb {
    padding-top: 1px;
    padding-bottom: 1px; }
  .pad-2-tb {
    padding-top: 2px;
    padding-bottom: 2px; }
  .pad-3-tb {
    padding-top: 3px;
    padding-bottom: 3px; }
  .pad-4-tb {
    padding-top: 3px;
    padding-bottom: 3px; }
  .pad-5-tb {
    padding-top: 3px;
    padding-bottom: 3px; }
  .pad-6-tb {
    padding-top: 3px;
    padding-bottom: 3px; }
  .pad-7-tb {
    padding-top: 4px;
    padding-bottom: 4px; }
  .pad-8-tb {
    padding-top: 5px;
    padding-bottom: 5px; }
  .pad-9-tb {
    padding-top: 6px;
    padding-bottom: 6px; }
  .pad-10-tb {
    padding-top: 7px;
    padding-bottom: 7px; }
  .pad-11-tb {
    padding-top: 8px;
    padding-bottom: 8px; }
  .pad-12-tb {
    padding-top: 9px;
    padding-bottom: 9px; }
  .pad-13-tb {
    padding-top: 10px;
    padding-bottom: 10px; }
  .pad-14-tb {
    padding-top: 11px;
    padding-bottom: 11px; }
  .pad-15-tb {
    padding-top: 12px;
    padding-bottom: 12px; }
  .pad-16-tb {
    padding-top: 13px;
    padding-bottom: 13px; }
  .pad-17-tb {
    padding-top: 14px;
    padding-bottom: 14px; }
  .pad-18-tb {
    padding-top: 15px;
    padding-bottom: 15px; }
  .pad-19-tb {
    padding-top: 16px;
    padding-bottom: 16px; }
  .pad-20-tb {
    padding-top: 17px;
    padding-bottom: 17px; }
  .pad-21-tb {
    padding-top: 18px;
    padding-bottom: 18px; }
  .pad-22-tb {
    padding-top: 19px;
    padding-bottom: 19px; }
  .pad-23-tb {
    padding-top: 20px;
    padding-bottom: 20px; }
  .pad-24-tb {
    padding-top: 21px;
    padding-bottom: 21px; }
  .pad-25-tb {
    padding-top: 22px;
    padding-bottom: 22px; }
  .pad-26-tb {
    padding-top: 23px;
    padding-bottom: 23px; }
  .pad-27-tb {
    padding-top: 24px;
    padding-bottom: 24px; }
  .pad-28-tb {
    padding-top: 25px;
    padding-bottom: 25px; }
  .pad-29-tb {
    padding-top: 26px;
    padding-bottom: 26px; }
  .pad-30-tb {
    padding-top: 27px;
    padding-bottom: 27px; }
  .pad-31-tb {
    padding-top: 28px;
    padding-bottom: 28px; }
  .pad-32-tb {
    padding-top: 29px;
    padding-bottom: 29px; }
  .pad-40-tb {
    padding-top: 37px;
    padding-bottom: 37px; }
  .pad-60-tb {
    padding-top: 55px;
    padding-bottom: 55px; }
  .pad-64-tb {
    padding-top: 60px;
    padding-bottom: 60px; }
  .pad-67-tb {
    padding-top: 65px;
    padding-bottom: 65px; }
  .pad-n3-tb {
    padding-top: -3px;
    padding-bottom: -3px; }
  .pad-xs-all {
    padding: 2px; }
  .pad-s-all {
    padding: 3px; }
  .pad-m-all {
    padding: 8px; }
  .pad-l-all {
    padding: 10px; }
  .pad-1-all {
    padding: 1px; }
  .pad-2-all {
    padding: 2px; }
  .pad-3-all {
    padding: 3px; }
  .pad-4-all {
    padding: 3px; }
  .pad-5-all {
    padding: 3px; }
  .pad-6-all {
    padding: 3px; }
  .pad-7-all {
    padding: 4px; }
  .pad-8-all {
    padding: 5px; }
  .pad-9-all {
    padding: 6px; }
  .pad-10-all {
    padding: 7px; }
  .pad-11-all {
    padding: 8px; }
  .pad-12-all {
    padding: 9px; }
  .pad-13-all {
    padding: 10px; }
  .pad-14-all {
    padding: 11px; }
  .pad-15-all {
    padding: 12px; }
  .pad-16-all {
    padding: 13px; }
  .pad-17-all {
    padding: 14px; }
  .pad-18-all {
    padding: 15px; }
  .pad-19-all {
    padding: 16px; }
  .pad-20-all {
    padding: 17px; }
  .pad-21-all {
    padding: 18px; }
  .pad-22-all {
    padding: 19px; }
  .pad-23-all {
    padding: 20px; }
  .pad-24-all {
    padding: 21px; }
  .pad-25-all {
    padding: 22px; }
  .pad-26-all {
    padding: 23px; }
  .pad-27-all {
    padding: 24px; }
  .pad-28-all {
    padding: 25px; }
  .pad-29-all {
    padding: 26px; }
  .pad-30-all {
    padding: 27px; }
  .pad-31-all {
    padding: 28px; }
  .pad-32-all {
    padding: 29px; }
  .pad-40-all {
    padding: 37px; }
  .pad-60-all {
    padding: 55px; }
  .pad-64-all {
    padding: 60px; }
  .pad-67-all {
    padding: 65px; }
  .pad-n3-all {
    padding: -3px; }
  .mgn-xs-t {
    margin-top: 2px; }
  .mgn-s-t {
    margin-top: 3px; }
  .mgn-m-t {
    margin-top: 8px; }
  .mgn-l-t {
    margin-top: 10px; }
  .mgn-1-t {
    margin-top: 1px; }
  .mgn-2-t {
    margin-top: 2px; }
  .mgn-3-t {
    margin-top: 3px; }
  .mgn-4-t {
    margin-top: 3px; }
  .mgn-5-t {
    margin-top: 3px; }
  .mgn-6-t {
    margin-top: 3px; }
  .mgn-7-t {
    margin-top: 4px; }
  .mgn-8-t {
    margin-top: 5px; }
  .mgn-9-t {
    margin-top: 6px; }
  .mgn-10-t {
    margin-top: 7px; }
  .mgn-11-t {
    margin-top: 8px; }
  .mgn-12-t {
    margin-top: 9px; }
  .mgn-13-t {
    margin-top: 10px; }
  .mgn-14-t {
    margin-top: 11px; }
  .mgn-15-t {
    margin-top: 12px; }
  .mgn-16-t {
    margin-top: 13px; }
  .mgn-17-t {
    margin-top: 14px; }
  .mgn-18-t {
    margin-top: 15px; }
  .mgn-19-t {
    margin-top: 16px; }
  .mgn-20-t {
    margin-top: 17px; }
  .mgn-21-t {
    margin-top: 18px; }
  .mgn-22-t {
    margin-top: 19px; }
  .mgn-23-t {
    margin-top: 20px; }
  .mgn-24-t {
    margin-top: 21px; }
  .mgn-25-t {
    margin-top: 22px; }
  .mgn-26-t {
    margin-top: 23px; }
  .mgn-27-t {
    margin-top: 24px; }
  .mgn-28-t {
    margin-top: 25px; }
  .mgn-29-t {
    margin-top: 26px; }
  .mgn-30-t {
    margin-top: 27px; }
  .mgn-31-t {
    margin-top: 28px; }
  .mgn-32-t {
    margin-top: 29px; }
  .mgn-40-t {
    margin-top: 37px; }
  .mgn-60-t {
    margin-top: 55px; }
  .mgn-64-t {
    margin-top: 60px; }
  .mgn-67-t {
    margin-top: 65px; }
  .mgn-n3-t {
    margin-top: -3px; }
  .mgn-xs-r {
    margin-right: 2px; }
  .mgn-s-r {
    margin-right: 3px; }
  .mgn-m-r {
    margin-right: 8px; }
  .mgn-l-r {
    margin-right: 10px; }
  .mgn-1-r {
    margin-right: 1px; }
  .mgn-2-r {
    margin-right: 2px; }
  .mgn-3-r {
    margin-right: 3px; }
  .mgn-4-r {
    margin-right: 3px; }
  .mgn-5-r {
    margin-right: 3px; }
  .mgn-6-r {
    margin-right: 3px; }
  .mgn-7-r {
    margin-right: 4px; }
  .mgn-8-r {
    margin-right: 5px; }
  .mgn-9-r {
    margin-right: 6px; }
  .mgn-10-r {
    margin-right: 7px; }
  .mgn-11-r {
    margin-right: 8px; }
  .mgn-12-r {
    margin-right: 9px; }
  .mgn-13-r {
    margin-right: 10px; }
  .mgn-14-r {
    margin-right: 11px; }
  .mgn-15-r {
    margin-right: 12px; }
  .mgn-16-r {
    margin-right: 13px; }
  .mgn-17-r {
    margin-right: 14px; }
  .mgn-18-r {
    margin-right: 15px; }
  .mgn-19-r {
    margin-right: 16px; }
  .mgn-20-r {
    margin-right: 17px; }
  .mgn-21-r {
    margin-right: 18px; }
  .mgn-22-r {
    margin-right: 19px; }
  .mgn-23-r {
    margin-right: 20px; }
  .mgn-24-r {
    margin-right: 21px; }
  .mgn-25-r {
    margin-right: 22px; }
  .mgn-26-r {
    margin-right: 23px; }
  .mgn-27-r {
    margin-right: 24px; }
  .mgn-28-r {
    margin-right: 25px; }
  .mgn-29-r {
    margin-right: 26px; }
  .mgn-30-r {
    margin-right: 27px; }
  .mgn-31-r {
    margin-right: 28px; }
  .mgn-32-r {
    margin-right: 29px; }
  .mgn-40-r {
    margin-right: 37px; }
  .mgn-60-r {
    margin-right: 55px; }
  .mgn-64-r {
    margin-right: 60px; }
  .mgn-67-r {
    margin-right: 65px; }
  .mgn-n3-r {
    margin-right: -3px; }
  .mgn-xs-b {
    margin-bottom: 2px; }
  .mgn-s-b {
    margin-bottom: 3px; }
  .mgn-m-b {
    margin-bottom: 8px; }
  .mgn-l-b {
    margin-bottom: 10px; }
  .mgn-1-b {
    margin-bottom: 1px; }
  .mgn-2-b {
    margin-bottom: 2px; }
  .mgn-3-b {
    margin-bottom: 3px; }
  .mgn-4-b {
    margin-bottom: 3px; }
  .mgn-5-b {
    margin-bottom: 3px; }
  .mgn-6-b {
    margin-bottom: 3px; }
  .mgn-7-b {
    margin-bottom: 4px; }
  .mgn-8-b {
    margin-bottom: 5px; }
  .mgn-9-b {
    margin-bottom: 6px; }
  .mgn-10-b {
    margin-bottom: 7px; }
  .mgn-11-b {
    margin-bottom: 8px; }
  .mgn-12-b {
    margin-bottom: 9px; }
  .mgn-13-b {
    margin-bottom: 10px; }
  .mgn-14-b {
    margin-bottom: 11px; }
  .mgn-15-b {
    margin-bottom: 12px; }
  .mgn-16-b {
    margin-bottom: 13px; }
  .mgn-17-b {
    margin-bottom: 14px; }
  .mgn-18-b {
    margin-bottom: 15px; }
  .mgn-19-b {
    margin-bottom: 16px; }
  .mgn-20-b {
    margin-bottom: 17px; }
  .mgn-21-b {
    margin-bottom: 18px; }
  .mgn-22-b {
    margin-bottom: 19px; }
  .mgn-23-b {
    margin-bottom: 20px; }
  .mgn-24-b {
    margin-bottom: 21px; }
  .mgn-25-b {
    margin-bottom: 22px; }
  .mgn-26-b {
    margin-bottom: 23px; }
  .mgn-27-b {
    margin-bottom: 24px; }
  .mgn-28-b {
    margin-bottom: 25px; }
  .mgn-29-b {
    margin-bottom: 26px; }
  .mgn-30-b {
    margin-bottom: 27px; }
  .mgn-31-b {
    margin-bottom: 28px; }
  .mgn-32-b {
    margin-bottom: 29px; }
  .mgn-40-b {
    margin-bottom: 37px; }
  .mgn-60-b {
    margin-bottom: 55px; }
  .mgn-64-b {
    margin-bottom: 60px; }
  .mgn-67-b {
    margin-bottom: 65px; }
  .mgn-n3-b {
    margin-bottom: -3px; }
  .mgn-xs-l {
    margin-left: 2px; }
  .mgn-s-l {
    margin-left: 3px; }
  .mgn-m-l {
    margin-left: 8px; }
  .mgn-l-l {
    margin-left: 10px; }
  .mgn-1-l {
    margin-left: 1px; }
  .mgn-2-l {
    margin-left: 2px; }
  .mgn-3-l {
    margin-left: 3px; }
  .mgn-4-l {
    margin-left: 3px; }
  .mgn-5-l {
    margin-left: 3px; }
  .mgn-6-l {
    margin-left: 3px; }
  .mgn-7-l {
    margin-left: 4px; }
  .mgn-8-l {
    margin-left: 5px; }
  .mgn-9-l {
    margin-left: 6px; }
  .mgn-10-l {
    margin-left: 7px; }
  .mgn-11-l {
    margin-left: 8px; }
  .mgn-12-l {
    margin-left: 9px; }
  .mgn-13-l {
    margin-left: 10px; }
  .mgn-14-l {
    margin-left: 11px; }
  .mgn-15-l {
    margin-left: 12px; }
  .mgn-16-l {
    margin-left: 13px; }
  .mgn-17-l {
    margin-left: 14px; }
  .mgn-18-l {
    margin-left: 15px; }
  .mgn-19-l {
    margin-left: 16px; }
  .mgn-20-l {
    margin-left: 17px; }
  .mgn-21-l {
    margin-left: 18px; }
  .mgn-22-l {
    margin-left: 19px; }
  .mgn-23-l {
    margin-left: 20px; }
  .mgn-24-l {
    margin-left: 21px; }
  .mgn-25-l {
    margin-left: 22px; }
  .mgn-26-l {
    margin-left: 23px; }
  .mgn-27-l {
    margin-left: 24px; }
  .mgn-28-l {
    margin-left: 25px; }
  .mgn-29-l {
    margin-left: 26px; }
  .mgn-30-l {
    margin-left: 27px; }
  .mgn-31-l {
    margin-left: 28px; }
  .mgn-32-l {
    margin-left: 29px; }
  .mgn-40-l {
    margin-left: 37px; }
  .mgn-60-l {
    margin-left: 55px; }
  .mgn-64-l {
    margin-left: 60px; }
  .mgn-67-l {
    margin-left: 65px; }
  .mgn-n3-l {
    margin-left: -3px; }
  .mgn-xs-lr {
    margin-left: 2px;
    margin-right: 2px; }
  .mgn-s-lr {
    margin-left: 3px;
    margin-right: 3px; }
  .mgn-m-lr {
    margin-left: 8px;
    margin-right: 8px; }
  .mgn-l-lr {
    margin-left: 10px;
    margin-right: 10px; }
  .mgn-1-lr {
    margin-left: 1px;
    margin-right: 1px; }
  .mgn-2-lr {
    margin-left: 2px;
    margin-right: 2px; }
  .mgn-3-lr {
    margin-left: 3px;
    margin-right: 3px; }
  .mgn-4-lr {
    margin-left: 3px;
    margin-right: 3px; }
  .mgn-5-lr {
    margin-left: 3px;
    margin-right: 3px; }
  .mgn-6-lr {
    margin-left: 3px;
    margin-right: 3px; }
  .mgn-7-lr {
    margin-left: 4px;
    margin-right: 4px; }
  .mgn-8-lr {
    margin-left: 5px;
    margin-right: 5px; }
  .mgn-9-lr {
    margin-left: 6px;
    margin-right: 6px; }
  .mgn-10-lr {
    margin-left: 7px;
    margin-right: 7px; }
  .mgn-11-lr {
    margin-left: 8px;
    margin-right: 8px; }
  .mgn-12-lr {
    margin-left: 9px;
    margin-right: 9px; }
  .mgn-13-lr {
    margin-left: 10px;
    margin-right: 10px; }
  .mgn-14-lr {
    margin-left: 11px;
    margin-right: 11px; }
  .mgn-15-lr {
    margin-left: 12px;
    margin-right: 12px; }
  .mgn-16-lr {
    margin-left: 13px;
    margin-right: 13px; }
  .mgn-17-lr {
    margin-left: 14px;
    margin-right: 14px; }
  .mgn-18-lr {
    margin-left: 15px;
    margin-right: 15px; }
  .mgn-19-lr {
    margin-left: 16px;
    margin-right: 16px; }
  .mgn-20-lr {
    margin-left: 17px;
    margin-right: 17px; }
  .mgn-21-lr {
    margin-left: 18px;
    margin-right: 18px; }
  .mgn-22-lr {
    margin-left: 19px;
    margin-right: 19px; }
  .mgn-23-lr {
    margin-left: 20px;
    margin-right: 20px; }
  .mgn-24-lr {
    margin-left: 21px;
    margin-right: 21px; }
  .mgn-25-lr {
    margin-left: 22px;
    margin-right: 22px; }
  .mgn-26-lr {
    margin-left: 23px;
    margin-right: 23px; }
  .mgn-27-lr {
    margin-left: 24px;
    margin-right: 24px; }
  .mgn-28-lr {
    margin-left: 25px;
    margin-right: 25px; }
  .mgn-29-lr {
    margin-left: 26px;
    margin-right: 26px; }
  .mgn-30-lr {
    margin-left: 27px;
    margin-right: 27px; }
  .mgn-31-lr {
    margin-left: 28px;
    margin-right: 28px; }
  .mgn-32-lr {
    margin-left: 29px;
    margin-right: 29px; }
  .mgn-40-lr {
    margin-left: 37px;
    margin-right: 37px; }
  .mgn-60-lr {
    margin-left: 55px;
    margin-right: 55px; }
  .mgn-64-lr {
    margin-left: 60px;
    margin-right: 60px; }
  .mgn-67-lr {
    margin-left: 65px;
    margin-right: 65px; }
  .mgn-n3-lr {
    margin-left: -3px;
    margin-right: -3px; }
  .mgn-xs-tb {
    margin-top: 2px;
    margin-bottom: 2px; }
  .mgn-s-tb {
    margin-top: 3px;
    margin-bottom: 3px; }
  .mgn-m-tb {
    margin-top: 8px;
    margin-bottom: 8px; }
  .mgn-l-tb {
    margin-top: 10px;
    margin-bottom: 10px; }
  .mgn-1-tb {
    margin-top: 1px;
    margin-bottom: 1px; }
  .mgn-2-tb {
    margin-top: 2px;
    margin-bottom: 2px; }
  .mgn-3-tb {
    margin-top: 3px;
    margin-bottom: 3px; }
  .mgn-4-tb {
    margin-top: 3px;
    margin-bottom: 3px; }
  .mgn-5-tb {
    margin-top: 3px;
    margin-bottom: 3px; }
  .mgn-6-tb {
    margin-top: 3px;
    margin-bottom: 3px; }
  .mgn-7-tb {
    margin-top: 4px;
    margin-bottom: 4px; }
  .mgn-8-tb {
    margin-top: 5px;
    margin-bottom: 5px; }
  .mgn-9-tb {
    margin-top: 6px;
    margin-bottom: 6px; }
  .mgn-10-tb {
    margin-top: 7px;
    margin-bottom: 7px; }
  .mgn-11-tb {
    margin-top: 8px;
    margin-bottom: 8px; }
  .mgn-12-tb {
    margin-top: 9px;
    margin-bottom: 9px; }
  .mgn-13-tb {
    margin-top: 10px;
    margin-bottom: 10px; }
  .mgn-14-tb {
    margin-top: 11px;
    margin-bottom: 11px; }
  .mgn-15-tb {
    margin-top: 12px;
    margin-bottom: 12px; }
  .mgn-16-tb {
    margin-top: 13px;
    margin-bottom: 13px; }
  .mgn-17-tb {
    margin-top: 14px;
    margin-bottom: 14px; }
  .mgn-18-tb {
    margin-top: 15px;
    margin-bottom: 15px; }
  .mgn-19-tb {
    margin-top: 16px;
    margin-bottom: 16px; }
  .mgn-20-tb {
    margin-top: 17px;
    margin-bottom: 17px; }
  .mgn-21-tb {
    margin-top: 18px;
    margin-bottom: 18px; }
  .mgn-22-tb {
    margin-top: 19px;
    margin-bottom: 19px; }
  .mgn-23-tb {
    margin-top: 20px;
    margin-bottom: 20px; }
  .mgn-24-tb {
    margin-top: 21px;
    margin-bottom: 21px; }
  .mgn-25-tb {
    margin-top: 22px;
    margin-bottom: 22px; }
  .mgn-26-tb {
    margin-top: 23px;
    margin-bottom: 23px; }
  .mgn-27-tb {
    margin-top: 24px;
    margin-bottom: 24px; }
  .mgn-28-tb {
    margin-top: 25px;
    margin-bottom: 25px; }
  .mgn-29-tb {
    margin-top: 26px;
    margin-bottom: 26px; }
  .mgn-30-tb {
    margin-top: 27px;
    margin-bottom: 27px; }
  .mgn-31-tb {
    margin-top: 28px;
    margin-bottom: 28px; }
  .mgn-32-tb {
    margin-top: 29px;
    margin-bottom: 29px; }
  .mgn-40-tb {
    margin-top: 37px;
    margin-bottom: 37px; }
  .mgn-60-tb {
    margin-top: 55px;
    margin-bottom: 55px; }
  .mgn-64-tb {
    margin-top: 60px;
    margin-bottom: 60px; }
  .mgn-67-tb {
    margin-top: 65px;
    margin-bottom: 65px; }
  .mgn-n3-tb {
    margin-top: -3px;
    margin-bottom: -3px; }
  .mgn-xs-all {
    margin: 2px; }
  .mgn-s-all {
    margin: 3px; }
  .mgn-m-all {
    margin: 8px; }
  .mgn-l-all {
    margin: 10px; }
  .mgn-1-all {
    margin: 1px; }
  .mgn-2-all {
    margin: 2px; }
  .mgn-3-all {
    margin: 3px; }
  .mgn-4-all {
    margin: 3px; }
  .mgn-5-all {
    margin: 3px; }
  .mgn-6-all {
    margin: 3px; }
  .mgn-7-all {
    margin: 4px; }
  .mgn-8-all {
    margin: 5px; }
  .mgn-9-all {
    margin: 6px; }
  .mgn-10-all {
    margin: 7px; }
  .mgn-11-all {
    margin: 8px; }
  .mgn-12-all {
    margin: 9px; }
  .mgn-13-all {
    margin: 10px; }
  .mgn-14-all {
    margin: 11px; }
  .mgn-15-all {
    margin: 12px; }
  .mgn-16-all {
    margin: 13px; }
  .mgn-17-all {
    margin: 14px; }
  .mgn-18-all {
    margin: 15px; }
  .mgn-19-all {
    margin: 16px; }
  .mgn-20-all {
    margin: 17px; }
  .mgn-21-all {
    margin: 18px; }
  .mgn-22-all {
    margin: 19px; }
  .mgn-23-all {
    margin: 20px; }
  .mgn-24-all {
    margin: 21px; }
  .mgn-25-all {
    margin: 22px; }
  .mgn-26-all {
    margin: 23px; }
  .mgn-27-all {
    margin: 24px; }
  .mgn-28-all {
    margin: 25px; }
  .mgn-29-all {
    margin: 26px; }
  .mgn-30-all {
    margin: 27px; }
  .mgn-31-all {
    margin: 28px; }
  .mgn-32-all {
    margin: 29px; }
  .mgn-40-all {
    margin: 37px; }
  .mgn-60-all {
    margin: 55px; }
  .mgn-64-all {
    margin: 60px; }
  .mgn-67-all {
    margin: 65px; }
  .mgn-n3-all {
    margin: -3px; }
  .md-pad-xs-t {
    padding-top: 2px; }
  .md-pad-s-t {
    padding-top: 3px; }
  .md-pad-m-t {
    padding-top: 8px; }
  .md-pad-l-t {
    padding-top: 10px; }
  .md-pad-1-t {
    padding-top: 1px; }
  .md-pad-2-t {
    padding-top: 2px; }
  .md-pad-3-t {
    padding-top: 3px; }
  .md-pad-4-t {
    padding-top: 3px; }
  .md-pad-5-t {
    padding-top: 3px; }
  .md-pad-6-t {
    padding-top: 3px; }
  .md-pad-7-t {
    padding-top: 4px; }
  .md-pad-8-t {
    padding-top: 5px; }
  .md-pad-9-t {
    padding-top: 6px; }
  .md-pad-10-t {
    padding-top: 7px; }
  .md-pad-11-t {
    padding-top: 8px; }
  .md-pad-12-t {
    padding-top: 9px; }
  .md-pad-13-t {
    padding-top: 10px; }
  .md-pad-14-t {
    padding-top: 11px; }
  .md-pad-15-t {
    padding-top: 12px; }
  .md-pad-16-t {
    padding-top: 13px; }
  .md-pad-17-t {
    padding-top: 14px; }
  .md-pad-18-t {
    padding-top: 15px; }
  .md-pad-19-t {
    padding-top: 16px; }
  .md-pad-20-t {
    padding-top: 17px; }
  .md-pad-21-t {
    padding-top: 18px; }
  .md-pad-22-t {
    padding-top: 19px; }
  .md-pad-23-t {
    padding-top: 20px; }
  .md-pad-24-t {
    padding-top: 21px; }
  .md-pad-25-t {
    padding-top: 22px; }
  .md-pad-26-t {
    padding-top: 23px; }
  .md-pad-27-t {
    padding-top: 24px; }
  .md-pad-28-t {
    padding-top: 25px; }
  .md-pad-29-t {
    padding-top: 26px; }
  .md-pad-30-t {
    padding-top: 27px; }
  .md-pad-31-t {
    padding-top: 28px; }
  .md-pad-32-t {
    padding-top: 29px; }
  .md-pad-40-t {
    padding-top: 37px; }
  .md-pad-60-t {
    padding-top: 55px; }
  .md-pad-64-t {
    padding-top: 60px; }
  .md-pad-67-t {
    padding-top: 65px; }
  .md-pad-n3-t {
    padding-top: -3px; }
  .md-pad-xs-r {
    padding-right: 2px; }
  .md-pad-s-r {
    padding-right: 3px; }
  .md-pad-m-r {
    padding-right: 8px; }
  .md-pad-l-r {
    padding-right: 10px; }
  .md-pad-1-r {
    padding-right: 1px; }
  .md-pad-2-r {
    padding-right: 2px; }
  .md-pad-3-r {
    padding-right: 3px; }
  .md-pad-4-r {
    padding-right: 3px; }
  .md-pad-5-r {
    padding-right: 3px; }
  .md-pad-6-r {
    padding-right: 3px; }
  .md-pad-7-r {
    padding-right: 4px; }
  .md-pad-8-r {
    padding-right: 5px; }
  .md-pad-9-r {
    padding-right: 6px; }
  .md-pad-10-r {
    padding-right: 7px; }
  .md-pad-11-r {
    padding-right: 8px; }
  .md-pad-12-r {
    padding-right: 9px; }
  .md-pad-13-r {
    padding-right: 10px; }
  .md-pad-14-r {
    padding-right: 11px; }
  .md-pad-15-r {
    padding-right: 12px; }
  .md-pad-16-r {
    padding-right: 13px; }
  .md-pad-17-r {
    padding-right: 14px; }
  .md-pad-18-r {
    padding-right: 15px; }
  .md-pad-19-r {
    padding-right: 16px; }
  .md-pad-20-r {
    padding-right: 17px; }
  .md-pad-21-r {
    padding-right: 18px; }
  .md-pad-22-r {
    padding-right: 19px; }
  .md-pad-23-r {
    padding-right: 20px; }
  .md-pad-24-r {
    padding-right: 21px; }
  .md-pad-25-r {
    padding-right: 22px; }
  .md-pad-26-r {
    padding-right: 23px; }
  .md-pad-27-r {
    padding-right: 24px; }
  .md-pad-28-r {
    padding-right: 25px; }
  .md-pad-29-r {
    padding-right: 26px; }
  .md-pad-30-r {
    padding-right: 27px; }
  .md-pad-31-r {
    padding-right: 28px; }
  .md-pad-32-r {
    padding-right: 29px; }
  .md-pad-40-r {
    padding-right: 37px; }
  .md-pad-60-r {
    padding-right: 55px; }
  .md-pad-64-r {
    padding-right: 60px; }
  .md-pad-67-r {
    padding-right: 65px; }
  .md-pad-n3-r {
    padding-right: -3px; }
  .md-pad-xs-b {
    padding-bottom: 2px; }
  .md-pad-s-b {
    padding-bottom: 3px; }
  .md-pad-m-b {
    padding-bottom: 8px; }
  .md-pad-l-b {
    padding-bottom: 10px; }
  .md-pad-1-b {
    padding-bottom: 1px; }
  .md-pad-2-b {
    padding-bottom: 2px; }
  .md-pad-3-b {
    padding-bottom: 3px; }
  .md-pad-4-b {
    padding-bottom: 3px; }
  .md-pad-5-b {
    padding-bottom: 3px; }
  .md-pad-6-b {
    padding-bottom: 3px; }
  .md-pad-7-b {
    padding-bottom: 4px; }
  .md-pad-8-b {
    padding-bottom: 5px; }
  .md-pad-9-b {
    padding-bottom: 6px; }
  .md-pad-10-b {
    padding-bottom: 7px; }
  .md-pad-11-b {
    padding-bottom: 8px; }
  .md-pad-12-b {
    padding-bottom: 9px; }
  .md-pad-13-b {
    padding-bottom: 10px; }
  .md-pad-14-b {
    padding-bottom: 11px; }
  .md-pad-15-b {
    padding-bottom: 12px; }
  .md-pad-16-b {
    padding-bottom: 13px; }
  .md-pad-17-b {
    padding-bottom: 14px; }
  .md-pad-18-b {
    padding-bottom: 15px; }
  .md-pad-19-b {
    padding-bottom: 16px; }
  .md-pad-20-b {
    padding-bottom: 17px; }
  .md-pad-21-b {
    padding-bottom: 18px; }
  .md-pad-22-b {
    padding-bottom: 19px; }
  .md-pad-23-b {
    padding-bottom: 20px; }
  .md-pad-24-b {
    padding-bottom: 21px; }
  .md-pad-25-b {
    padding-bottom: 22px; }
  .md-pad-26-b {
    padding-bottom: 23px; }
  .md-pad-27-b {
    padding-bottom: 24px; }
  .md-pad-28-b {
    padding-bottom: 25px; }
  .md-pad-29-b {
    padding-bottom: 26px; }
  .md-pad-30-b {
    padding-bottom: 27px; }
  .md-pad-31-b {
    padding-bottom: 28px; }
  .md-pad-32-b {
    padding-bottom: 29px; }
  .md-pad-40-b {
    padding-bottom: 37px; }
  .md-pad-60-b {
    padding-bottom: 55px; }
  .md-pad-64-b {
    padding-bottom: 60px; }
  .md-pad-67-b {
    padding-bottom: 65px; }
  .md-pad-n3-b {
    padding-bottom: -3px; }
  .md-pad-xs-l {
    padding-left: 2px; }
  .md-pad-s-l {
    padding-left: 3px; }
  .md-pad-m-l {
    padding-left: 8px; }
  .md-pad-l-l {
    padding-left: 10px; }
  .md-pad-1-l {
    padding-left: 1px; }
  .md-pad-2-l {
    padding-left: 2px; }
  .md-pad-3-l {
    padding-left: 3px; }
  .md-pad-4-l {
    padding-left: 3px; }
  .md-pad-5-l {
    padding-left: 3px; }
  .md-pad-6-l {
    padding-left: 3px; }
  .md-pad-7-l {
    padding-left: 4px; }
  .md-pad-8-l {
    padding-left: 5px; }
  .md-pad-9-l {
    padding-left: 6px; }
  .md-pad-10-l {
    padding-left: 7px; }
  .md-pad-11-l {
    padding-left: 8px; }
  .md-pad-12-l {
    padding-left: 9px; }
  .md-pad-13-l {
    padding-left: 10px; }
  .md-pad-14-l {
    padding-left: 11px; }
  .md-pad-15-l {
    padding-left: 12px; }
  .md-pad-16-l {
    padding-left: 13px; }
  .md-pad-17-l {
    padding-left: 14px; }
  .md-pad-18-l {
    padding-left: 15px; }
  .md-pad-19-l {
    padding-left: 16px; }
  .md-pad-20-l {
    padding-left: 17px; }
  .md-pad-21-l {
    padding-left: 18px; }
  .md-pad-22-l {
    padding-left: 19px; }
  .md-pad-23-l {
    padding-left: 20px; }
  .md-pad-24-l {
    padding-left: 21px; }
  .md-pad-25-l {
    padding-left: 22px; }
  .md-pad-26-l {
    padding-left: 23px; }
  .md-pad-27-l {
    padding-left: 24px; }
  .md-pad-28-l {
    padding-left: 25px; }
  .md-pad-29-l {
    padding-left: 26px; }
  .md-pad-30-l {
    padding-left: 27px; }
  .md-pad-31-l {
    padding-left: 28px; }
  .md-pad-32-l {
    padding-left: 29px; }
  .md-pad-40-l {
    padding-left: 37px; }
  .md-pad-60-l {
    padding-left: 55px; }
  .md-pad-64-l {
    padding-left: 60px; }
  .md-pad-67-l {
    padding-left: 65px; }
  .md-pad-n3-l {
    padding-left: -3px; }
  .md-pad-xs-lr {
    padding-left: 2px;
    padding-right: 2px; }
  .md-pad-s-lr {
    padding-left: 3px;
    padding-right: 3px; }
  .md-pad-m-lr {
    padding-left: 8px;
    padding-right: 8px; }
  .md-pad-l-lr {
    padding-left: 10px;
    padding-right: 10px; }
  .md-pad-1-lr {
    padding-left: 1px;
    padding-right: 1px; }
  .md-pad-2-lr {
    padding-left: 2px;
    padding-right: 2px; }
  .md-pad-3-lr {
    padding-left: 3px;
    padding-right: 3px; }
  .md-pad-4-lr {
    padding-left: 3px;
    padding-right: 3px; }
  .md-pad-5-lr {
    padding-left: 3px;
    padding-right: 3px; }
  .md-pad-6-lr {
    padding-left: 3px;
    padding-right: 3px; }
  .md-pad-7-lr {
    padding-left: 4px;
    padding-right: 4px; }
  .md-pad-8-lr {
    padding-left: 5px;
    padding-right: 5px; }
  .md-pad-9-lr {
    padding-left: 6px;
    padding-right: 6px; }
  .md-pad-10-lr {
    padding-left: 7px;
    padding-right: 7px; }
  .md-pad-11-lr {
    padding-left: 8px;
    padding-right: 8px; }
  .md-pad-12-lr {
    padding-left: 9px;
    padding-right: 9px; }
  .md-pad-13-lr {
    padding-left: 10px;
    padding-right: 10px; }
  .md-pad-14-lr {
    padding-left: 11px;
    padding-right: 11px; }
  .md-pad-15-lr {
    padding-left: 12px;
    padding-right: 12px; }
  .md-pad-16-lr {
    padding-left: 13px;
    padding-right: 13px; }
  .md-pad-17-lr {
    padding-left: 14px;
    padding-right: 14px; }
  .md-pad-18-lr {
    padding-left: 15px;
    padding-right: 15px; }
  .md-pad-19-lr {
    padding-left: 16px;
    padding-right: 16px; }
  .md-pad-20-lr {
    padding-left: 17px;
    padding-right: 17px; }
  .md-pad-21-lr {
    padding-left: 18px;
    padding-right: 18px; }
  .md-pad-22-lr {
    padding-left: 19px;
    padding-right: 19px; }
  .md-pad-23-lr {
    padding-left: 20px;
    padding-right: 20px; }
  .md-pad-24-lr {
    padding-left: 21px;
    padding-right: 21px; }
  .md-pad-25-lr {
    padding-left: 22px;
    padding-right: 22px; }
  .md-pad-26-lr {
    padding-left: 23px;
    padding-right: 23px; }
  .md-pad-27-lr {
    padding-left: 24px;
    padding-right: 24px; }
  .md-pad-28-lr {
    padding-left: 25px;
    padding-right: 25px; }
  .md-pad-29-lr {
    padding-left: 26px;
    padding-right: 26px; }
  .md-pad-30-lr {
    padding-left: 27px;
    padding-right: 27px; }
  .md-pad-31-lr {
    padding-left: 28px;
    padding-right: 28px; }
  .md-pad-32-lr {
    padding-left: 29px;
    padding-right: 29px; }
  .md-pad-40-lr {
    padding-left: 37px;
    padding-right: 37px; }
  .md-pad-60-lr {
    padding-left: 55px;
    padding-right: 55px; }
  .md-pad-64-lr {
    padding-left: 60px;
    padding-right: 60px; }
  .md-pad-67-lr {
    padding-left: 65px;
    padding-right: 65px; }
  .md-pad-n3-lr {
    padding-left: -3px;
    padding-right: -3px; }
  .md-pad-xs-tb {
    padding-top: 2px;
    padding-bottom: 2px; }
  .md-pad-s-tb {
    padding-top: 3px;
    padding-bottom: 3px; }
  .md-pad-m-tb {
    padding-top: 8px;
    padding-bottom: 8px; }
  .md-pad-l-tb {
    padding-top: 10px;
    padding-bottom: 10px; }
  .md-pad-1-tb {
    padding-top: 1px;
    padding-bottom: 1px; }
  .md-pad-2-tb {
    padding-top: 2px;
    padding-bottom: 2px; }
  .md-pad-3-tb {
    padding-top: 3px;
    padding-bottom: 3px; }
  .md-pad-4-tb {
    padding-top: 3px;
    padding-bottom: 3px; }
  .md-pad-5-tb {
    padding-top: 3px;
    padding-bottom: 3px; }
  .md-pad-6-tb {
    padding-top: 3px;
    padding-bottom: 3px; }
  .md-pad-7-tb {
    padding-top: 4px;
    padding-bottom: 4px; }
  .md-pad-8-tb {
    padding-top: 5px;
    padding-bottom: 5px; }
  .md-pad-9-tb {
    padding-top: 6px;
    padding-bottom: 6px; }
  .md-pad-10-tb {
    padding-top: 7px;
    padding-bottom: 7px; }
  .md-pad-11-tb {
    padding-top: 8px;
    padding-bottom: 8px; }
  .md-pad-12-tb {
    padding-top: 9px;
    padding-bottom: 9px; }
  .md-pad-13-tb {
    padding-top: 10px;
    padding-bottom: 10px; }
  .md-pad-14-tb {
    padding-top: 11px;
    padding-bottom: 11px; }
  .md-pad-15-tb {
    padding-top: 12px;
    padding-bottom: 12px; }
  .md-pad-16-tb {
    padding-top: 13px;
    padding-bottom: 13px; }
  .md-pad-17-tb {
    padding-top: 14px;
    padding-bottom: 14px; }
  .md-pad-18-tb {
    padding-top: 15px;
    padding-bottom: 15px; }
  .md-pad-19-tb {
    padding-top: 16px;
    padding-bottom: 16px; }
  .md-pad-20-tb {
    padding-top: 17px;
    padding-bottom: 17px; }
  .md-pad-21-tb {
    padding-top: 18px;
    padding-bottom: 18px; }
  .md-pad-22-tb {
    padding-top: 19px;
    padding-bottom: 19px; }
  .md-pad-23-tb {
    padding-top: 20px;
    padding-bottom: 20px; }
  .md-pad-24-tb {
    padding-top: 21px;
    padding-bottom: 21px; }
  .md-pad-25-tb {
    padding-top: 22px;
    padding-bottom: 22px; }
  .md-pad-26-tb {
    padding-top: 23px;
    padding-bottom: 23px; }
  .md-pad-27-tb {
    padding-top: 24px;
    padding-bottom: 24px; }
  .md-pad-28-tb {
    padding-top: 25px;
    padding-bottom: 25px; }
  .md-pad-29-tb {
    padding-top: 26px;
    padding-bottom: 26px; }
  .md-pad-30-tb {
    padding-top: 27px;
    padding-bottom: 27px; }
  .md-pad-31-tb {
    padding-top: 28px;
    padding-bottom: 28px; }
  .md-pad-32-tb {
    padding-top: 29px;
    padding-bottom: 29px; }
  .md-pad-40-tb {
    padding-top: 37px;
    padding-bottom: 37px; }
  .md-pad-60-tb {
    padding-top: 55px;
    padding-bottom: 55px; }
  .md-pad-64-tb {
    padding-top: 60px;
    padding-bottom: 60px; }
  .md-pad-67-tb {
    padding-top: 65px;
    padding-bottom: 65px; }
  .md-pad-n3-tb {
    padding-top: -3px;
    padding-bottom: -3px; }
  .md-pad-xs-all {
    padding: 2px; }
  .md-pad-s-all {
    padding: 3px; }
  .md-pad-m-all {
    padding: 8px; }
  .md-pad-l-all {
    padding: 10px; }
  .md-pad-1-all {
    padding: 1px; }
  .md-pad-2-all {
    padding: 2px; }
  .md-pad-3-all {
    padding: 3px; }
  .md-pad-4-all {
    padding: 3px; }
  .md-pad-5-all {
    padding: 3px; }
  .md-pad-6-all {
    padding: 3px; }
  .md-pad-7-all {
    padding: 4px; }
  .md-pad-8-all {
    padding: 5px; }
  .md-pad-9-all {
    padding: 6px; }
  .md-pad-10-all {
    padding: 7px; }
  .md-pad-11-all {
    padding: 8px; }
  .md-pad-12-all {
    padding: 9px; }
  .md-pad-13-all {
    padding: 10px; }
  .md-pad-14-all {
    padding: 11px; }
  .md-pad-15-all {
    padding: 12px; }
  .md-pad-16-all {
    padding: 13px; }
  .md-pad-17-all {
    padding: 14px; }
  .md-pad-18-all {
    padding: 15px; }
  .md-pad-19-all {
    padding: 16px; }
  .md-pad-20-all {
    padding: 17px; }
  .md-pad-21-all {
    padding: 18px; }
  .md-pad-22-all {
    padding: 19px; }
  .md-pad-23-all {
    padding: 20px; }
  .md-pad-24-all {
    padding: 21px; }
  .md-pad-25-all {
    padding: 22px; }
  .md-pad-26-all {
    padding: 23px; }
  .md-pad-27-all {
    padding: 24px; }
  .md-pad-28-all {
    padding: 25px; }
  .md-pad-29-all {
    padding: 26px; }
  .md-pad-30-all {
    padding: 27px; }
  .md-pad-31-all {
    padding: 28px; }
  .md-pad-32-all {
    padding: 29px; }
  .md-pad-40-all {
    padding: 37px; }
  .md-pad-60-all {
    padding: 55px; }
  .md-pad-64-all {
    padding: 60px; }
  .md-pad-67-all {
    padding: 65px; }
  .md-pad-n3-all {
    padding: -3px; }
  .ar .pad-xs-l {
    padding-right: 2px;
    padding-left: 0; }
  .ar .pad-s-l {
    padding-right: 3px;
    padding-left: 0; }
  .ar .pad-m-l {
    padding-right: 8px;
    padding-left: 0; }
  .ar .pad-l-l {
    padding-right: 10px;
    padding-left: 0; }
  .ar .pad-1-l {
    padding-right: 1px;
    padding-left: 0; }
  .ar .pad-2-l {
    padding-right: 2px;
    padding-left: 0; }
  .ar .pad-3-l {
    padding-right: 3px;
    padding-left: 0; }
  .ar .pad-4-l {
    padding-right: 3px;
    padding-left: 0; }
  .ar .pad-5-l {
    padding-right: 3px;
    padding-left: 0; }
  .ar .pad-6-l {
    padding-right: 3px;
    padding-left: 0; }
  .ar .pad-7-l {
    padding-right: 4px;
    padding-left: 0; }
  .ar .pad-8-l {
    padding-right: 5px;
    padding-left: 0; }
  .ar .pad-9-l {
    padding-right: 6px;
    padding-left: 0; }
  .ar .pad-10-l {
    padding-right: 7px;
    padding-left: 0; }
  .ar .pad-11-l {
    padding-right: 8px;
    padding-left: 0; }
  .ar .pad-12-l {
    padding-right: 9px;
    padding-left: 0; }
  .ar .pad-13-l {
    padding-right: 10px;
    padding-left: 0; }
  .ar .pad-14-l {
    padding-right: 11px;
    padding-left: 0; }
  .ar .pad-15-l {
    padding-right: 12px;
    padding-left: 0; }
  .ar .pad-16-l {
    padding-right: 13px;
    padding-left: 0; }
  .ar .pad-17-l {
    padding-right: 14px;
    padding-left: 0; }
  .ar .pad-18-l {
    padding-right: 15px;
    padding-left: 0; }
  .ar .pad-19-l {
    padding-right: 16px;
    padding-left: 0; }
  .ar .pad-20-l {
    padding-right: 17px;
    padding-left: 0; }
  .ar .pad-21-l {
    padding-right: 18px;
    padding-left: 0; }
  .ar .pad-22-l {
    padding-right: 19px;
    padding-left: 0; }
  .ar .pad-23-l {
    padding-right: 20px;
    padding-left: 0; }
  .ar .pad-24-l {
    padding-right: 21px;
    padding-left: 0; }
  .ar .pad-25-l {
    padding-right: 22px;
    padding-left: 0; }
  .ar .pad-26-l {
    padding-right: 23px;
    padding-left: 0; }
  .ar .pad-27-l {
    padding-right: 24px;
    padding-left: 0; }
  .ar .pad-28-l {
    padding-right: 25px;
    padding-left: 0; }
  .ar .pad-29-l {
    padding-right: 26px;
    padding-left: 0; }
  .ar .pad-30-l {
    padding-right: 27px;
    padding-left: 0; }
  .ar .pad-31-l {
    padding-right: 28px;
    padding-left: 0; }
  .ar .pad-32-l {
    padding-right: 29px;
    padding-left: 0; }
  .ar .pad-40-l {
    padding-right: 37px;
    padding-left: 0; }
  .ar .pad-60-l {
    padding-right: 55px;
    padding-left: 0; }
  .ar .pad-64-l {
    padding-right: 60px;
    padding-left: 0; }
  .ar .pad-67-l {
    padding-right: 65px;
    padding-left: 0; }
  .ar .pad-n3-l {
    padding-right: -3px;
    padding-left: 0; }
  .ar .pad-xs-r {
    padding-left: 2px;
    padding-right: 0; }
  .ar .pad-s-r {
    padding-left: 3px;
    padding-right: 0; }
  .ar .pad-m-r {
    padding-left: 8px;
    padding-right: 0; }
  .ar .pad-l-r {
    padding-left: 10px;
    padding-right: 0; }
  .ar .pad-1-r {
    padding-left: 1px;
    padding-right: 0; }
  .ar .pad-2-r {
    padding-left: 2px;
    padding-right: 0; }
  .ar .pad-3-r {
    padding-left: 3px;
    padding-right: 0; }
  .ar .pad-4-r {
    padding-left: 3px;
    padding-right: 0; }
  .ar .pad-5-r {
    padding-left: 3px;
    padding-right: 0; }
  .ar .pad-6-r {
    padding-left: 3px;
    padding-right: 0; }
  .ar .pad-7-r {
    padding-left: 4px;
    padding-right: 0; }
  .ar .pad-8-r {
    padding-left: 5px;
    padding-right: 0; }
  .ar .pad-9-r {
    padding-left: 6px;
    padding-right: 0; }
  .ar .pad-10-r {
    padding-left: 7px;
    padding-right: 0; }
  .ar .pad-11-r {
    padding-left: 8px;
    padding-right: 0; }
  .ar .pad-12-r {
    padding-left: 9px;
    padding-right: 0; }
  .ar .pad-13-r {
    padding-left: 10px;
    padding-right: 0; }
  .ar .pad-14-r {
    padding-left: 11px;
    padding-right: 0; }
  .ar .pad-15-r {
    padding-left: 12px;
    padding-right: 0; }
  .ar .pad-16-r {
    padding-left: 13px;
    padding-right: 0; }
  .ar .pad-17-r {
    padding-left: 14px;
    padding-right: 0; }
  .ar .pad-18-r {
    padding-left: 15px;
    padding-right: 0; }
  .ar .pad-19-r {
    padding-left: 16px;
    padding-right: 0; }
  .ar .pad-20-r {
    padding-left: 17px;
    padding-right: 0; }
  .ar .pad-21-r {
    padding-left: 18px;
    padding-right: 0; }
  .ar .pad-22-r {
    padding-left: 19px;
    padding-right: 0; }
  .ar .pad-23-r {
    padding-left: 20px;
    padding-right: 0; }
  .ar .pad-24-r {
    padding-left: 21px;
    padding-right: 0; }
  .ar .pad-25-r {
    padding-left: 22px;
    padding-right: 0; }
  .ar .pad-26-r {
    padding-left: 23px;
    padding-right: 0; }
  .ar .pad-27-r {
    padding-left: 24px;
    padding-right: 0; }
  .ar .pad-28-r {
    padding-left: 25px;
    padding-right: 0; }
  .ar .pad-29-r {
    padding-left: 26px;
    padding-right: 0; }
  .ar .pad-30-r {
    padding-left: 27px;
    padding-right: 0; }
  .ar .pad-31-r {
    padding-left: 28px;
    padding-right: 0; }
  .ar .pad-32-r {
    padding-left: 29px;
    padding-right: 0; }
  .ar .pad-40-r {
    padding-left: 37px;
    padding-right: 0; }
  .ar .pad-60-r {
    padding-left: 55px;
    padding-right: 0; }
  .ar .pad-64-r {
    padding-left: 60px;
    padding-right: 0; }
  .ar .pad-67-r {
    padding-left: 65px;
    padding-right: 0; }
  .ar .pad-n3-r {
    padding-left: -3px;
    padding-right: 0; }
  .ar .mgn-xs-l {
    margin-right: 2px;
    margin-left: 0; }
  .ar .mgn-s-l {
    margin-right: 3px;
    margin-left: 0; }
  .ar .mgn-m-l {
    margin-right: 8px;
    margin-left: 0; }
  .ar .mgn-l-l {
    margin-right: 10px;
    margin-left: 0; }
  .ar .mgn-1-l {
    margin-right: 1px;
    margin-left: 0; }
  .ar .mgn-2-l {
    margin-right: 2px;
    margin-left: 0; }
  .ar .mgn-3-l {
    margin-right: 3px;
    margin-left: 0; }
  .ar .mgn-4-l {
    margin-right: 3px;
    margin-left: 0; }
  .ar .mgn-5-l {
    margin-right: 3px;
    margin-left: 0; }
  .ar .mgn-6-l {
    margin-right: 3px;
    margin-left: 0; }
  .ar .mgn-7-l {
    margin-right: 4px;
    margin-left: 0; }
  .ar .mgn-8-l {
    margin-right: 5px;
    margin-left: 0; }
  .ar .mgn-9-l {
    margin-right: 6px;
    margin-left: 0; }
  .ar .mgn-10-l {
    margin-right: 7px;
    margin-left: 0; }
  .ar .mgn-11-l {
    margin-right: 8px;
    margin-left: 0; }
  .ar .mgn-12-l {
    margin-right: 9px;
    margin-left: 0; }
  .ar .mgn-13-l {
    margin-right: 10px;
    margin-left: 0; }
  .ar .mgn-14-l {
    margin-right: 11px;
    margin-left: 0; }
  .ar .mgn-15-l {
    margin-right: 12px;
    margin-left: 0; }
  .ar .mgn-16-l {
    margin-right: 13px;
    margin-left: 0; }
  .ar .mgn-17-l {
    margin-right: 14px;
    margin-left: 0; }
  .ar .mgn-18-l {
    margin-right: 15px;
    margin-left: 0; }
  .ar .mgn-19-l {
    margin-right: 16px;
    margin-left: 0; }
  .ar .mgn-20-l {
    margin-right: 17px;
    margin-left: 0; }
  .ar .mgn-21-l {
    margin-right: 18px;
    margin-left: 0; }
  .ar .mgn-22-l {
    margin-right: 19px;
    margin-left: 0; }
  .ar .mgn-23-l {
    margin-right: 20px;
    margin-left: 0; }
  .ar .mgn-24-l {
    margin-right: 21px;
    margin-left: 0; }
  .ar .mgn-25-l {
    margin-right: 22px;
    margin-left: 0; }
  .ar .mgn-26-l {
    margin-right: 23px;
    margin-left: 0; }
  .ar .mgn-27-l {
    margin-right: 24px;
    margin-left: 0; }
  .ar .mgn-28-l {
    margin-right: 25px;
    margin-left: 0; }
  .ar .mgn-29-l {
    margin-right: 26px;
    margin-left: 0; }
  .ar .mgn-30-l {
    margin-right: 27px;
    margin-left: 0; }
  .ar .mgn-31-l {
    margin-right: 28px;
    margin-left: 0; }
  .ar .mgn-32-l {
    margin-right: 29px;
    margin-left: 0; }
  .ar .mgn-40-l {
    margin-right: 37px;
    margin-left: 0; }
  .ar .mgn-60-l {
    margin-right: 55px;
    margin-left: 0; }
  .ar .mgn-64-l {
    margin-right: 60px;
    margin-left: 0; }
  .ar .mgn-67-l {
    margin-right: 65px;
    margin-left: 0; }
  .ar .mgn-n3-l {
    margin-right: -3px;
    margin-left: 0; }
  .ar .mgn-xs-r {
    margin-left: 2px;
    margin-right: 0; }
  .ar .mgn-s-r {
    margin-left: 3px;
    margin-right: 0; }
  .ar .mgn-m-r {
    margin-left: 8px;
    margin-right: 0; }
  .ar .mgn-l-r {
    margin-left: 10px;
    margin-right: 0; }
  .ar .mgn-1-r {
    margin-left: 1px;
    margin-right: 0; }
  .ar .mgn-2-r {
    margin-left: 2px;
    margin-right: 0; }
  .ar .mgn-3-r {
    margin-left: 3px;
    margin-right: 0; }
  .ar .mgn-4-r {
    margin-left: 3px;
    margin-right: 0; }
  .ar .mgn-5-r {
    margin-left: 3px;
    margin-right: 0; }
  .ar .mgn-6-r {
    margin-left: 3px;
    margin-right: 0; }
  .ar .mgn-7-r {
    margin-left: 4px;
    margin-right: 0; }
  .ar .mgn-8-r {
    margin-left: 5px;
    margin-right: 0; }
  .ar .mgn-9-r {
    margin-left: 6px;
    margin-right: 0; }
  .ar .mgn-10-r {
    margin-left: 7px;
    margin-right: 0; }
  .ar .mgn-11-r {
    margin-left: 8px;
    margin-right: 0; }
  .ar .mgn-12-r {
    margin-left: 9px;
    margin-right: 0; }
  .ar .mgn-13-r {
    margin-left: 10px;
    margin-right: 0; }
  .ar .mgn-14-r {
    margin-left: 11px;
    margin-right: 0; }
  .ar .mgn-15-r {
    margin-left: 12px;
    margin-right: 0; }
  .ar .mgn-16-r {
    margin-left: 13px;
    margin-right: 0; }
  .ar .mgn-17-r {
    margin-left: 14px;
    margin-right: 0; }
  .ar .mgn-18-r {
    margin-left: 15px;
    margin-right: 0; }
  .ar .mgn-19-r {
    margin-left: 16px;
    margin-right: 0; }
  .ar .mgn-20-r {
    margin-left: 17px;
    margin-right: 0; }
  .ar .mgn-21-r {
    margin-left: 18px;
    margin-right: 0; }
  .ar .mgn-22-r {
    margin-left: 19px;
    margin-right: 0; }
  .ar .mgn-23-r {
    margin-left: 20px;
    margin-right: 0; }
  .ar .mgn-24-r {
    margin-left: 21px;
    margin-right: 0; }
  .ar .mgn-25-r {
    margin-left: 22px;
    margin-right: 0; }
  .ar .mgn-26-r {
    margin-left: 23px;
    margin-right: 0; }
  .ar .mgn-27-r {
    margin-left: 24px;
    margin-right: 0; }
  .ar .mgn-28-r {
    margin-left: 25px;
    margin-right: 0; }
  .ar .mgn-29-r {
    margin-left: 26px;
    margin-right: 0; }
  .ar .mgn-30-r {
    margin-left: 27px;
    margin-right: 0; }
  .ar .mgn-31-r {
    margin-left: 28px;
    margin-right: 0; }
  .ar .mgn-32-r {
    margin-left: 29px;
    margin-right: 0; }
  .ar .mgn-40-r {
    margin-left: 37px;
    margin-right: 0; }
  .ar .mgn-60-r {
    margin-left: 55px;
    margin-right: 0; }
  .ar .mgn-64-r {
    margin-left: 60px;
    margin-right: 0; }
  .ar .mgn-67-r {
    margin-left: 65px;
    margin-right: 0; }
  .ar .mgn-n3-r {
    margin-left: -3px;
    margin-right: 0; }
  .ar .md:pad-xs-l {
    padding-right: 2px;
    padding-left: 0; }
  .ar .md:pad-s-l {
    padding-right: 3px;
    padding-left: 0; }
  .ar .md:pad-m-l {
    padding-right: 8px;
    padding-left: 0; }
  .ar .md:pad-l-l {
    padding-right: 10px;
    padding-left: 0; }
  .ar .md:pad-1-l {
    padding-right: 1px;
    padding-left: 0; }
  .ar .md:pad-2-l {
    padding-right: 2px;
    padding-left: 0; }
  .ar .md:pad-3-l {
    padding-right: 3px;
    padding-left: 0; }
  .ar .md:pad-4-l {
    padding-right: 3px;
    padding-left: 0; }
  .ar .md:pad-5-l {
    padding-right: 3px;
    padding-left: 0; }
  .ar .md:pad-6-l {
    padding-right: 3px;
    padding-left: 0; }
  .ar .md:pad-7-l {
    padding-right: 4px;
    padding-left: 0; }
  .ar .md:pad-8-l {
    padding-right: 5px;
    padding-left: 0; }
  .ar .md:pad-9-l {
    padding-right: 6px;
    padding-left: 0; }
  .ar .md:pad-10-l {
    padding-right: 7px;
    padding-left: 0; }
  .ar .md:pad-11-l {
    padding-right: 8px;
    padding-left: 0; }
  .ar .md:pad-12-l {
    padding-right: 9px;
    padding-left: 0; }
  .ar .md:pad-13-l {
    padding-right: 10px;
    padding-left: 0; }
  .ar .md:pad-14-l {
    padding-right: 11px;
    padding-left: 0; }
  .ar .md:pad-15-l {
    padding-right: 12px;
    padding-left: 0; }
  .ar .md:pad-16-l {
    padding-right: 13px;
    padding-left: 0; }
  .ar .md:pad-17-l {
    padding-right: 14px;
    padding-left: 0; }
  .ar .md:pad-18-l {
    padding-right: 15px;
    padding-left: 0; }
  .ar .md:pad-19-l {
    padding-right: 16px;
    padding-left: 0; }
  .ar .md:pad-20-l {
    padding-right: 17px;
    padding-left: 0; }
  .ar .md:pad-21-l {
    padding-right: 18px;
    padding-left: 0; }
  .ar .md:pad-22-l {
    padding-right: 19px;
    padding-left: 0; }
  .ar .md:pad-23-l {
    padding-right: 20px;
    padding-left: 0; }
  .ar .md:pad-24-l {
    padding-right: 21px;
    padding-left: 0; }
  .ar .md:pad-25-l {
    padding-right: 22px;
    padding-left: 0; }
  .ar .md:pad-26-l {
    padding-right: 23px;
    padding-left: 0; }
  .ar .md:pad-27-l {
    padding-right: 24px;
    padding-left: 0; }
  .ar .md:pad-28-l {
    padding-right: 25px;
    padding-left: 0; }
  .ar .md:pad-29-l {
    padding-right: 26px;
    padding-left: 0; }
  .ar .md:pad-30-l {
    padding-right: 27px;
    padding-left: 0; }
  .ar .md:pad-31-l {
    padding-right: 28px;
    padding-left: 0; }
  .ar .md:pad-32-l {
    padding-right: 29px;
    padding-left: 0; }
  .ar .md:pad-40-l {
    padding-right: 37px;
    padding-left: 0; }
  .ar .md:pad-60-l {
    padding-right: 55px;
    padding-left: 0; }
  .ar .md:pad-64-l {
    padding-right: 60px;
    padding-left: 0; }
  .ar .md:pad-67-l {
    padding-right: 65px;
    padding-left: 0; }
  .ar .md:pad-n3-l {
    padding-right: -3px;
    padding-left: 0; }
  .ar .md:pad-xs-r {
    padding-left: 2px;
    padding-right: 0; }
  .ar .md:pad-s-r {
    padding-left: 3px;
    padding-right: 0; }
  .ar .md:pad-m-r {
    padding-left: 8px;
    padding-right: 0; }
  .ar .md:pad-l-r {
    padding-left: 10px;
    padding-right: 0; }
  .ar .md:pad-1-r {
    padding-left: 1px;
    padding-right: 0; }
  .ar .md:pad-2-r {
    padding-left: 2px;
    padding-right: 0; }
  .ar .md:pad-3-r {
    padding-left: 3px;
    padding-right: 0; }
  .ar .md:pad-4-r {
    padding-left: 3px;
    padding-right: 0; }
  .ar .md:pad-5-r {
    padding-left: 3px;
    padding-right: 0; }
  .ar .md:pad-6-r {
    padding-left: 3px;
    padding-right: 0; }
  .ar .md:pad-7-r {
    padding-left: 4px;
    padding-right: 0; }
  .ar .md:pad-8-r {
    padding-left: 5px;
    padding-right: 0; }
  .ar .md:pad-9-r {
    padding-left: 6px;
    padding-right: 0; }
  .ar .md:pad-10-r {
    padding-left: 7px;
    padding-right: 0; }
  .ar .md:pad-11-r {
    padding-left: 8px;
    padding-right: 0; }
  .ar .md:pad-12-r {
    padding-left: 9px;
    padding-right: 0; }
  .ar .md:pad-13-r {
    padding-left: 10px;
    padding-right: 0; }
  .ar .md:pad-14-r {
    padding-left: 11px;
    padding-right: 0; }
  .ar .md:pad-15-r {
    padding-left: 12px;
    padding-right: 0; }
  .ar .md:pad-16-r {
    padding-left: 13px;
    padding-right: 0; }
  .ar .md:pad-17-r {
    padding-left: 14px;
    padding-right: 0; }
  .ar .md:pad-18-r {
    padding-left: 15px;
    padding-right: 0; }
  .ar .md:pad-19-r {
    padding-left: 16px;
    padding-right: 0; }
  .ar .md:pad-20-r {
    padding-left: 17px;
    padding-right: 0; }
  .ar .md:pad-21-r {
    padding-left: 18px;
    padding-right: 0; }
  .ar .md:pad-22-r {
    padding-left: 19px;
    padding-right: 0; }
  .ar .md:pad-23-r {
    padding-left: 20px;
    padding-right: 0; }
  .ar .md:pad-24-r {
    padding-left: 21px;
    padding-right: 0; }
  .ar .md:pad-25-r {
    padding-left: 22px;
    padding-right: 0; }
  .ar .md:pad-26-r {
    padding-left: 23px;
    padding-right: 0; }
  .ar .md:pad-27-r {
    padding-left: 24px;
    padding-right: 0; }
  .ar .md:pad-28-r {
    padding-left: 25px;
    padding-right: 0; }
  .ar .md:pad-29-r {
    padding-left: 26px;
    padding-right: 0; }
  .ar .md:pad-30-r {
    padding-left: 27px;
    padding-right: 0; }
  .ar .md:pad-31-r {
    padding-left: 28px;
    padding-right: 0; }
  .ar .md:pad-32-r {
    padding-left: 29px;
    padding-right: 0; }
  .ar .md:pad-40-r {
    padding-left: 37px;
    padding-right: 0; }
  .ar .md:pad-60-r {
    padding-left: 55px;
    padding-right: 0; }
  .ar .md:pad-64-r {
    padding-left: 60px;
    padding-right: 0; }
  .ar .md:pad-67-r {
    padding-left: 65px;
    padding-right: 0; }
  .ar .md:pad-n3-r {
    padding-left: -3px;
    padding-right: 0; }
  .margin-auto {
    margin: auto; }
  .ms-top-bar {
    height: 30px; }
  .sidebar-pusher {
    width: calc(100% - 62px);
    margin-left: 62px; }
  .appmnu {
    width: 62px; }
    .appmnu-nav-item {
      height: 38px; }
  .navigator-min-width {
    width: 62px; }
  .navigator-max-width {
    width: 200px; }
  .navigator-margin {
    margin-left: 200px; }
  .sidebar-pusher-width {
    width: calc(100% - 200px); }
  .appttl {
    height: 48px; }
    .appttl-height {
      height: 48px; }
    .appttl-btn, .appttl-btn-active {
      height: 28px; }
    .appttl input {
      font-size: 1rem !important; }
      .appttl input::placeholder {
        font-size: 1rem !important; }
  .mid-col-horizontal-panel {
    height: calc(100% - 78px); }
  .inline-portfolio-height {
    height: 60px; }
  .portfolio-chart-height {
    height: calc((100% - 60px) * 0.4); }
  .portfolio-tab-list-height {
    height: calc((100% - 60px) * 0.6); }
  .portfolio-table-height {
    height: calc(100% - 40px); }
  .portfolio-table-max-height {
    height: 100%; }
  .portfolio-list-item-container {
    height: 60px; }
  .portfolio-list-item {
    height: 60px;
    min-width: 120px; }
  .portfolio-list-item-next, .portfolio-list-item-pre {
    height: 60px;
    padding-top: 7px; }
  .maine-panel-container, .right-panel-container {
    width: calc(100% - 280px); }
  .right-panel-container {
    width: 280px; }
  .dropdown-btn-height {
    height: 28px; }
  .flag-btn-dropdown {
    height: 32px; }
  .left-nav-toggle {
    width: 20px;
    height: 20px; }
  .btn-circle-m {
    height: 28px;
    width: 28px; }
  .btn-circle-s {
    height: 18px;
    width: 18px; }
  .data-table-header, .ember-table-cell {
    font-size: 0.813rem; }
  [class*="class-"] {
    transform: scale(0.4) !important; }
  [class*="svg-"] {
    transform: scale(0.8); }
  .message-box-width {
    width: 400px; }
  .topic-panel {
    margin: 15px auto 15px auto; }
  .login-text-boxes {
    min-height: 42px !important; }
  .mgn-b-m {
    margin-bottom: 17px !important; }
  .mgn-t-m {
    margin-top: 17px !important; }
  .login-btn {
    line-height: 20px !important;
    height: 38px !important; }
  .topic-panel .topic {
    line-height: 30px; }
  .login-error-msg {
    margin: 5px 0 !important;
    padding-top: 6px !important;
    min-height: 26px !important; }
  .login-section-width {
    width: 300px !important; }
  .link-padding {
    padding-top: 2px !important;
    padding-bottom: 2px !important; }
  .label-align > input[type='checkbox']:after {
    height: 17px !important;
    width: 17px !important; }
  .label-align input[type="checkbox"] {
    margin-top: 4px !important; }
  .login-image {
    background-size: cover; }
  .logo-new {
    width: 120px !important; }
  .popular-list-item, .popular-list-curated-item, .popular-list-price-item {
    height: 34px;
    padding: 2px 12px 6px 3px; }
  .search-input {
    height: 28px !important;
    font-size: 0.75rem !important; }
    .search-input::placeholder {
      font-size: 0.75rem !important; }
  .general-element-height, .form-input {
    height: 40px; }
  .watchlist-popup-ellipse {
    height: 65px;
    width: 65px; }
  .date-picker-max-width {
    max-width: 64px; }
  .datepicker table tr td.day {
    padding: 12px; }
  .modal-popup-view-width {
    width: 460px; }
  .radio-lg input[type="radio"] {
    height: 18px;
    width: 18px; }
  .btn {
    font-size: 0.938rem; }
  .btn-buy, .btn-sell {
    font-size: 0.938rem; }
  .toggle-switch {
    height: 20px;
    width: 20px; }
  .toggle-switch-height {
    height: 25px; }
  .mini-date-input-field {
    height: 28px !important; }
  .global-search-min-width {
    min-width: 300px !important; }
  /* ======  /Line height  ==============  */
  .line-height-s {
    line-height: 3px; }
  .line-height-m {
    line-height: 8px; }
  .line-height-ml {
    line-height: 10px; }
  .line-height-l {
    line-height: 12px; }
  .line-height-ml-l {
    line-height: 13px; }
  .line-height-x-l {
    line-height: 16px; }
  .line-height-2x-l {
    line-height: 18px; }
  .line-height-xx-l {
    line-height: 20px; }
  .line-height-3x-l {
    line-height: 22px; }
  .line-height-4x-l {
    line-height: 28px; }
  .line-height-5x-l {
    line-height: 30px; }
  .line-height-7x-l {
    line-height: 38px; }
  /* ======  /Line height  ==============  */
  .mf-btn-icon {
    height: 16px;
    width: 16px; }
  .btn-buy-small, .btn-sell-small {
    height: 36px; }
  .related-stock-box {
    width: 122px;
    height: 122px; }
  .form-control, .search-input, .search-input {
    font-size: 0.938rem; }
  .sign-up-options {
    min-height: 80px; }
  .oao-parent-container .search-query, .oao-parent-container .search-input,
  .oao-parent-container .date-input-field,
  .oao-parent-container .mini-date-input-field {
    height: 40px !important; }
  .online-acc-opening .search-query, .online-acc-opening .search-input {
    height: 40px !important; }
  .promo-banner-container-height {
    height: 165px; }
  .promo-banner-height {
    height: 128px; }
  .portfolio-flag-icon-max-width {
    max-width: 26px; }
  .invest-portfolio-height {
    height: 131px; }
  .ar .sidebar-pusher {
    margin-right: 62px; }
  .ar .navigator-margin {
    margin-right: 200px; }
  .ar .popular-list-item, .ar .popular-list-curated-item, .ar .popular-list-price-item {
    padding: 2px 3px 6px 12px; }
  .portfolio-drawing-chart {
    height: calc(100% - 25px); }
  .drawing-chart-tab-panel-tab {
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    padding: 0 !important; }
  .portfolio-sticky-table-height {
    height: calc(100% - 90px); }
  .explore-container {
    height: calc(100% - 60px); }
  .portfolio-chart-sub-title {
    height: 80px; }
  .portfolio-chart-wrapper {
    height: calc(100% - 80px); }
  .invest-portfolio-height {
    height: 131px; } }