/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(25371,96): run-time error CSS1024: Expected media identifier, found '@media'
(25371,96): run-time error CSS1057: Expected media query, found '@media'
(28310,89): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'background'
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*!
/*!
 * 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 0 15px 0;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
}
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('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../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: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, calibri, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: 'Segoe UI','Poppins-Regular',calibri;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  /*color: #23527c;*/
  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: #414042;
}
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: 1px;
  margin-bottom: 0px;
}
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: 20px;
}
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, .25);
          box-shadow: inset 0 -1px 0 rgba(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: 1000px;/*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;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;*/
    font-family: 'Poppins-Regular', calibri;
    font-size: 15px;
    font-weight: bold;
    padding: 0 5px;
}
label {
    display: inline-block;
    max-width: 100%;
    font-family: 'Poppins-SemiBold', calibri;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.46em;
    color: #9c9c9c;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 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 {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #2d2c2c;
  background-color: #fff;
  background-image: none;
  border-radius:2px;
  border: 1px solid #d0d0d0;
    /*border-bottom: solid 3px #777171;*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(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 {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  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 {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  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 {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  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 {
  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 {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@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: 10px 12px;
  margin-bottom: 0;
  font-size: 13px;
  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 {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(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 {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .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: #ffffff;
  border-color: #ffffff;
}
.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: 4px 10px;
  font-size: 14px;
  line-height: 1.4;
  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, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  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, .125);
          box-shadow: inset 0 3px 5px rgba(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 {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
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 > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
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 > .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 > .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 > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
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 {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: none;
  border-radius: 2px;
  border: 1px solid #d0d0d0;
}
.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;
  cursor:pointer;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  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 {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  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, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .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, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  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;
  padding: 15px;
}
.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;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(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, .15);
          box-shadow: inset 0 -1px 0 rgba(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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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: 0px;
  background-color: transparent;
  /*border: 1px solid transparent;
  border-radius: 4px;*/
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 0 15px;
}
.panel-heading {
  /*padding: 10px 15px;*/
  padding: 1px 15px 9px;
  /*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;
  font-family: 'Poppins-SemiBold', calibri;
  font-size: 24px;
}
.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: #ffffff;
  background-color: transparent;
  border-color: #ddd;
  font-family: 'Poppins-SemiBold', calibri;
      font-size: 20px;
    text-transform: uppercase;
    text-decoration: underline;
}
.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, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(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: #fff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .9;
  outline:none;
}
.close:hover,
.close:focus {
  color: #dedede;
  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, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(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, .5);
            box-shadow: 0 5px 15px rgba(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, calibri, 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: 390px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, calibri, 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, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(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: 20px;
  background-color: #163a67;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
  color:#fff !important
}
.popover-content {
  padding: 9px 14px;
  color:#1e1e1e;
}
.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, .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, .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, .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, .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, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(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, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(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: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .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 */

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}


.tooltip {
  min-width: 80px;
  max-width: 200px;
  text-align: center;
  
}
.tooltip .tooltip-inner {
  min-width: 50px;
  max-width: 200px;
  min-height: 20px;
  text-align: left;
  font-weight:bold;
}


/*tooltip*/
.lblue-tooltip + .tooltip > .tooltip-inner {background-color: #1270B5; color:#fff; border:none;text-align: center;}
.lblue-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#1270B5; }

.dawn-tooltip + .tooltip > .tooltip-inner {background-color: #a30c43; color:#fff; border:none; text-align: center;}
.dawn-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#a30c43;}

.dusk-tooltip + .tooltip > .tooltip-inner {background-color: #531779; color:#fff; border:none; text-align: center;}
.dusk-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#531779;}

.dblue-tooltip + .tooltip > .tooltip-inner {background-color: #0f447b; color:#fff; border:none; text-align: center;}
.dblue-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#0f447b;}

.sadara-tooltip + .tooltip > .tooltip-inner {background-color: #414384; color:#fff;  border:none; text-align: center;}
.sadara-tooltip + .tooltip > .tooltip-arrow {border-bottom-color:#414384;}

.private-tooltip + .tooltip > .tooltip-inner {background-color: #727070; color:#fff; border:none; text-align: center;}
.private-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#727070;}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: calibri, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


/*From CBQ.qa*/



@font-face {
    font-family: "Poppins-Regular";
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-SemiBold";
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-Regular";
    /* SOPHY   Arabic - regular*/
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-SemiBold";
    /* SOPHY   Arabic - Bold*/
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

input {
}

h1, h2, h3 {
    font-family: 'Poppins-Regular', calibri;
}

h3 {
    font-size: 17px;
}

html input[disabled] {
    background: #e1e1e1;
    color: #000;
}

body {
    font-family: "Segoe UI",calibri, sans-serif,"Helvetica Neue", Helvetica;
    font-size: 13px;
    line-height: 1.42857143;
    background: url(../images/LoginBg.png) repeat-x center top;
    color: #4c4c4c;
    background-size: cover;
}



.container {
    /*width:1000px;*/
}

input[type="text"], .input-txt {
    text-indent: 2px;
}

    input[type=text]::-ms-clear, .input-txt::-ms-clear {
        display: none;
    }

.font-r {
    font-family: 'Poppins-Regular';
}

.font-b {
    font-family: 'Poppins-SemiBold', calibri;
}

.f-left {
    float: left;
}

a.btn {
    display: inline-block;
    background: #FFF;
    color: #005e8c;
    /*text-transform: uppercase;*/
    font-weight: bold;
    padding: 2px 19px;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
    -moz-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
    box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
    font-size: 12px;
}

    a.btn.mail-disabled {
        text-decoration: none;
        background: #DBDBDB;
        color: #f5f5f5 !important;
        pointer-events: none;
        font-weight: bold;
        outline: none;
    }

.btn-next:focus, .btn-confirm:focus, .btn-authorize:focus, .btn-account-confirm:focus, .btn-submit:focus, .btn-login:focus, .btn-reset:focus, .btn-req-username:focus, a.btn-blue:focus, .btn-pop-confirm:focus, .btn-transfer:focus, .btn-pay:focus, .btn-save:focus, .btn-account-confirm:focus, a.btn-account-confirm:focus, .btn-close:focus, a.btn-tab-close:focus, .btn-change-avatar:focus, #help-guide .btn:focus, a.btn-authorize-later:focus, a.btn-ok:focus, a.btn-right:focus, .btn-blue:focus, .btn-cancel:focus, .btn-next:visited, .btn-confirm:visited, .btn-authorize:visited, .btn-account-confirm:visited, .btn-submit:visited, .btn-login:visited, .btn-reset:visited, .btn-req-username:visited, a.btn-blue:visited, .btn-pop-confirm:visited, .btn-transfer:visited, .btn-pay:visited, .btn-save:visited, .btn-account-confirm:visited, a.btn-account-confirm:visited, .btn-close:visited, a.btn-tab-close:visited, .btn-change-avatar:visited, #help-guide .btn:visited, a.btn-authorize-later:visited, a.btn-ok:visited, a.btn-right:visited, .btn-blue:visited, .btn-cancel:visited {
    color: #f5f5f5;
}
/* select option.splOption{
	background: #555!important;
	color: #fff!important;
} */
.navbar-toggle {
    cursor: pointer;
}

.link-btn {
    /*text-transform: uppercase;*/
    font-weight: bold;
    text-decoration: none !important;
}

.space-r10 {
    padding-right: 10px;
}

.alert {
    font-size: 13px;
}

.help {
    /*background: url(../images/sprite.png) no-repeat 1px -1417px; */
    display: inline-block;
    width: 37px;
    height: 13px;
    margin: 0 0 0 5px;
    position: relative;
    content: "\f000";
    padding-left: 3px;
    /* font-size: medium; */
    /*background-color: #F4F3F3;*/
    /* content: "\2a"; */
    font-weight: bold;
    color:#557fff;
}

.alert h5 {
    font-weight: bold;
    font-size: 14px;
    color: #455159;
    margin-top: 0;
}

.alert li {
    color: #666;
    margin-bottom: 5px;
    list-style: none;
    background: url(../images/bullet.png) no-repeat 0 5px;
    padding-left: 15px;
}

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

.alert ul {
    padding: 0;
}

.alert-dismissible .close {
    opacity: 1;
    /* background: url(../images/sprite.png) no-repeat 0 -222px;*/
    text-indent: -999em;
    overflow: hidden;
    width: 25px;
    height: 25px;
}

.alert-warning span.warning {
    display: inline-block;
    width: 30px;
    height: 28px;
    background: url(../images/sprite.png) no-repeat 0 -187px;
    float: left;
    margin-right: 10px;
    margin-top: -3px;
    margin-left: -2px;
}

.alert-warning p {
    margin-top: 2px;
    padding-left: 36px;
}

.no-bdr {
    border: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-padd {
    padding: 0 !important;
}

.link-generic {
    color: #005E8C;
    font-weight: bold;
    background: url(../images/sprite.png) no-repeat 0 -342px;
    padding-left: 15px; /*text-transform: uppercase;*/
}

.logo {
    float: right;
    margin-top: 19px;
    /*margin-right: 20px;*/ /*For CIB*/
}

.navbar-brand {
    /*text-transform: uppercase;*/
    font-family: 'Poppins-SemiBold', calibri;
    font-size: 36px;
    margin-top: 18px;
    color: #FFF !important;
    padding-left: 0px;
}

.navbar {
    margin: 0;
    border: 0;
}

.nav-top {
    margin-top: 41px;
    border-left: 1px solid #475ea0;
    float: left;
    margin-left: 14px;
}

    .nav-top .navbar-nav > li > a {
        padding: 11px 16px 0px 1px;
        color: #FFF;
    }

    .nav-top .navbar-nav > li.faq a {
        background: url(../images/sprite.png) no-repeat 0px -152px;
    }

    .nav-top .navbar-nav > li.home a {
        background: url(../images/sprite.png) no-repeat 0px -851px;
    }

    .nav-top .navbar-nav > li.sitemap a {
        background: url(../images/sprite.png) no-repeat -2px -886px;
    }

button.navbar-toggle {
    z-index: 1;
}

.nav-top .navbar-nav > li.lang a {
    background: none;
    padding-left: 0;
}

.nav-top .navbar-nav > li {
    /*background: url(../images/bg-sep-top.png) no-repeat 0 50%;*/
    padding-left: 0px; /*14px*/
}

    .nav-top .navbar-nav > li.first {
        background: none;
    }

.navbar-toggle {
    float: left;
}

    .navbar-toggle .icon-bar {
        background: #FFF;
    }

.sidebar-right {
    left: 0;
    position: static;
}

.page-tabs {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 18px;
    position: relative;
    z-index: 100;
}

    .page-tabs > ul, .page-tabs > ul > li {
        margin: 0;
        float: left;
        list-style: none;
        width: 100%;
        padding: 0;
    }

    .page-tabs > ul {
        border-top: 1px solid #6a9cc9;
        border-radius: 5px 5px 0 0;
    }

        .page-tabs > ul > li {
            float: left;
            width: 25%;
            padding: 10px 15px 10px 15px;
            border-left: 0;
            border-bottom: 0;
            font-family: 'Poppins-Regular';
            font-size: 24px;
            /*text-transform: uppercase;*/
            border: 1px solid #6a9cc9;
            border-width: 0 1px 0 0;
            text-align: center;
        }

            .page-tabs > ul > li.no-border {
                border-color: transparent;
            }

            .page-tabs > ul > li a {
                display: block;
                background: url(../images/sprite.png) no-repeat 0 0;
                padding-left: 45px;
                color: #FFF;
                padding-bottom: 5px;
                display: inline-block;
                text-align: center;
            }

            .page-tabs > ul > li.empty span {
                padding-left: 45px;
                padding-bottom: 5px;
                display: inline-block;
                text-align: center;
            }

            .page-tabs > ul > li:first-child {
                /*margin-left: -1px;*/
                border-left: 1px solid #6a9cc9;
                border-radius: 5px 0 0 0;
            }

            .page-tabs > ul > li:last-child {
                border-radius: 0 5px 0 0;
            }

            .page-tabs > ul > li.active {
                background: #FFF;
                border-radius: 5px 5px 0 0;
                border: none;
            }

    .page-tabs ul li.active a {
        color: #005E8C;
    }

    .page-tabs ul li a.accounts {
        background-position: 0px -1120px;
        ;
    }

    .page-tabs ul li.active a.accounts {
        background-position: 0px 8px;
    }

    .page-tabs ul li.active a.tools {
        background-position: 0px -1605px;
    }

    .page-tabs ul li a.transfers {
        background-position: 0 -35px;
    }

    .page-tabs ul li.active a.transfers {
        background-position: 0 -1061px;
    }

    .page-tabs ul li a.payments {
        background-position: -1px -80px;
        padding-left: 51px;
    }

    .page-tabs ul li.active a.payments {
        background-position: 0 -1287px;
    }

    .page-tabs ul li a.tools {
        background-position: 8px -118px;
    }

    .page-tabs ul li a.new {
        background-position: 0px -612px;
    }

    .page-tabs > ul > li .dropdown-menu {
        border: 0;
        margin: 0;
        padding: 0px 0px 0px 20px;
        border-radius: 0;
        width: 270px;
    }

        .page-tabs > ul > li .dropdown-menu li {
            width: 230px;
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-family: calibri;
            position: relative;
        }

            .page-tabs > ul > li .dropdown-menu li:hover {
                width: 250px;
            }

            .page-tabs > ul > li .dropdown-menu li.first a {
                border-top: 0;
            }

            .page-tabs > ul > li .dropdown-menu li a {
                background: url(../images/sprite-right.png) no-repeat 130px -50px;
                padding: 12px 0 12px 12px;
                display: block;
                text-align: left;
                border-top: 1px solid #ebf1f3;
                font-weight: bold;
                color: #005E8C;
            }

.ie .page-tabs > ul > li .dropdown-menu li a {
    margin-bottom: 1px;
}

.page-tabs > ul > li .dropdown-menu li a:hover {
    background-color: #f3f7f8;
    padding: 12px 12px 12px 12px;
    margin-right: 0px;
    background-position: 130px -100px;
    color: #4C4C4C;
}

.page-tabs > ul > li .dropdown-menu li:hover {
    background-color: #f3f7f8;
    border-bottom: 1px solid #ebf1f3;
    margin-bottom: -1px;
}

.page-tabs > ul > li .dropdown-menu li ul {
    position: absolute;
    left: 250px;
    top: 0;
    width: 235px;
    background-color: #f3f7f8;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 4px 3px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 4px 3px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    display: none;
}

.page-tabs > ul > li .dropdown-menu li:hover ul {
    display: block;
}

.page-tabs > ul > li .dropdown-menu li ul li {
    margin: 0;
    padding: 0 15px 0 15px;
    list-style: none;
}

    .page-tabs > ul > li .dropdown-menu li ul li:hover {
        width: 235px !important;
    }

    .page-tabs > ul > li .dropdown-menu li ul li a {
        border-top: 1px solid #e0e5e8;
        background-image: none;
    }

        .page-tabs > ul > li .dropdown-menu li ul li a:hover {
            margin-right: 0px;
            text-decoration: none;
            background-position: 100px -83px;
            color: #4c4c4c;
        }

        .page-tabs > ul > li .dropdown-menu li ul li a span {
            display: block;
            font-weight: normal;
            color: #4c4c4c;
        }

.content {
    padding: 20px;
    clear: both;
}
/* Start - login page */
.login-content {
    margin-left: 25%;
}
/*End - login page*/

.page-tab-content h3 {
    /*text-transform: uppercase;*/
    color: #414042;
    margin-bottom: 0px;
}

.content h2.title {
    font-size: 36px;
    font-family: 'Poppins-SemiBold', calibri;
    color: #394951;
    margin-top: -5px;
    margin-bottom: 14px;
}

.table-curved {
    border-collapse: separate;
    background: transparent;
    font-size: 12px;
    border: none;
    /*border-radius: 5px;*/
    margin-bottom: 20px;
    table-layout: fixed;
    width: 100%;
    /*min-width:668px;*/
}

.table-curved-icon {
    /*margin-left:10px;*/
    font-size: 15px;
    text-decoration: underline;
}

.table-curved a {
    /*text-decoration: underline;*/
}

    .table-curved a.btn {
        text-decoration: none;
    }

.table-curved td, .table-curved th {
    border-right: 1px solid #d4e8f0;
    border-top: 1px solid #d4e8f0;
    border-bottom: 0;
}

.table-curved th {
    border-top: none;
    font-size: 12px;
    color: #FFF;
    vertical-align: middle !important;
    line-height: 13px !important;
    padding: 9px !important;
    height: 40px;
}

.table-curved thead th {
    background: #2c3d68;
}

.table > thead > tr > th {
    border-bottom: none;
    font-family: 'Poppins-SemiBold', calibri;
    font-size: 20px;
}

.table-curved td:first-child {
    border-left: 1px solid #d4e8f0;
}

.table-curved th:first-child {
    border-radius: 5px 0 0 0;
    border-bottom: 0;
    border-left: 1px solid #d4e8f0;
}

.table-curved th:last-child {
    border-radius: 0 5px 0 0;
}

.table-curved tr.last-row td, .table-curved tr.last-row th {
    border-bottom: 1px solid #d4e8f0;
}

    .table-curved tr.last-row td:first-child {
        border-radius: 0 0 0 5px;
    }

    .table-curved tr.last-row td:last-child {
        border-radius: 0 0 5px 0;
    }

.table-curved th:only-child {
    border-radius: 5px 5px 0 0;
}

.table-curved tr.tfooter th:only-child {
    border-radius: 0;
}

.table-curved tr:last-child td:first-child {
    background: url(../images/btm-corner-lt.png) no-repeat 0% 100% #FFF;
}

.table-curved tr:last-child td {
    padding-bottom: 10px;
}

    .table-curved tr:last-child td:last-child {
        background: url(../images/btm-corner-rt.png) no-repeat 100% 100% #FFF;
    }

.table-curved th.arrow-down:after {
    content: "";
    width: 15px;
    height: 12px;
    display: inline-block;
    margin-left: 7px;
    vertical-align: bottom;
    background: url(../images/arrow-down-small.png) no-repeat 0 80%;
}

.table-curved td {
    background: #FFF;
    color: #6A7075;
    vertical-align: middle !important;
}

.table-curved .tfooter {
    background: #F4F7F8;
}

.table-pager {
    margin: 0 auto;
    text-align: center;
    margin-top: -50px;
}

    .table-pager .pagination {
        margin: 0;
        position: relative;
        min-width: 200px;
        height: 20px;
        padding-right: 50px;
        padding-left: 90px;
        display: inline-table;
    }

        .table-pager .pagination a {
            /*text-transform: uppercase;*/
            font-weight: bold;
        }

            .table-pager .pagination a.disabled {
                color: #666;
            }

        .table-pager .pagination .next.disabled {
            background-position: 100% -111px;
        }

        .table-pager .pagination .prev.disabled {
            background-position: 0 -711px;
        }

        .table-pager .pagination > li > a, .table-pager .pagination > li > span {
            border: none;
            border-radius: 20px;
            padding: 3px 8px;
            background: none;
            margin-right: 5px;
            color: #025F8B;
        }

            .table-pager .pagination > li > a.current {
                background: #FFF;
                border: 1px solid #333;
                color: #333;
            }

    .table-pager .prev {
        background: url(../images/sprite.png) no-repeat 0 -754px;
        padding-left: 10px;
        position: absolute;
        left: 0;
    }

    .table-pager .next {
        background: url(../images/sprite-right.png) no-repeat 100% -61px;
        padding-right: 10px;
        position: absolute;
        right: 0;
    }

    .table-pager .carousel-indicators {
        height: 20px;
        top: 0;
        /*left:140px;*/
        width: auto;
        display: inline-block;
        margin-left: 0px;
        position: static;
    }

        .table-pager .carousel-indicators li {
            text-indent: 0;
            height: auto;
            margin: 0;
            width: 20px;
            height: 20px;
            border: 0;
        }

            .table-pager .carousel-indicators li.active {
                background: #FFF;
                border: 1px solid #333;
            }

.wid-user-profile {
    padding: 15px 0 15px 15px;
}

.wrap-profile-icon {
    float: left;
    width: 93px;
}

.wrap-profile-rt {
    float: left;
    width: 95px;
    padding-top: 27px;
}

.wid-user-profile .user-name {
    color: #4d5357;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 19px;
    padding-right: 25px;
    width: 189px;
    float: left;
    padding-bottom: 0px;
    position: relative;
}

    .wid-user-profile .user-name:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        right: 0;
        top: 0px;
        background: url(../images/arrow-down.png) no-repeat 100% 0px;
    }

.wid-user-profile .dropdown-menu-right {
    right: 0px;
    top: 28px;
    border-radius: 0;
    border: 0;
    padding: 20px;
}

.wid-user-profile .dropdown-menu:after {
    bottom: 100%;
    left: 87%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.wid-user-profile .dropdown {
    float: left;
    width: 100%;
    position: relative;
}

    .wid-user-profile .dropdown a {
        display: block;
        position: relative;
        z-index: 0;
    }

        .wid-user-profile .dropdown a:focus {
            outline: 0;
        }

.wid-user-profile .dropdown-menu li {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

    .wid-user-profile .dropdown-menu li a {
        background: url(../images/sprite.png) no-repeat 0 -457px;
        /*padding-left:32px;*/
        color: #005E8C;
        font-weight: bold;
        /*text-transform: uppercase;*/
        font-size: 12px;
        position: relative;
        padding: 5px 20px 1px 32px;
    }

        .wid-user-profile .dropdown-menu li a span.mail-count {
            left: 8px;
        }

    .wid-user-profile .dropdown-menu li.profile a {
        background-position: 0 -457px;
    }

    .wid-user-profile .dropdown-menu li.settings a {
        background-position: 0 -498px;
    }

    .wid-user-profile .dropdown-menu li.messages a {
        background-position: 0 -537px;
    }

    .wid-user-profile .dropdown-menu li.links a {
        background-position: 0 -572px;
    }

    .wid-user-profile .dropdown-menu li a:hover {
        background-color: transparent;
    }

.wid-user-profile img {
    display: block;
    float: left;
    margin-right: 20px;
}

.wid-user-profile h4 {
    margin: 0 0 20px 0;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    color: #4D5357;
}

.profile-icon {
    float: left;
    position: relative;
}

.mail-count {
    background: #f80000;
    padding: 0 5px;
    display: block;
    position: absolute;
    left: 68px;
    top: -7px;
    min-width: 20px;
    height: 20px;
    color: #FFF;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
}

.wid-default {
    background: #F4F7F8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e3ebf0;
    margin-bottom: 21px;
}

    .wid-default .wid-head {
        background: #1270b5;
        color: #FFF;
        /*text-transform: uppercase;*/
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 5px 15px 10px 15px;
    }

        .wid-default .wid-head .edit {
            color: #FFF;
            font-size: 12px;
            margin-top: 9px;
            z-index: 1;
            position: relative;
        }

        .wid-default .wid-head h3 {
            margin: 0;
            font-size: 21px;
            color: #FFF;
            padding-left: 30px;
            font-family: 'Poppins-Regular';
            padding-bottom: 5px;
            position: relative;
        }

            .wid-default .wid-head h3:before {
                content: "";
                width: 20px;
                height: 25px;
                position: absolute;
                left: 0;
                top: 0;
                background: url(../images/sprite.png) no-repeat 0 -100px;
            }

.wid-head h3.link:before {
    background-position: 0 -280px;
}

.wid-head h3.upgrade:before {
    background-position: 0 -312px;
}

.wid-head h3.tip:before {
    background-position: 0 -367px;
}

.wid-head h3.beneficiary:before {
    background-position: 0 -1176px;
}

.wid-head h3.payees:before {
    background-position: left -1460px;
    width: 27px;
    height: 25px;
    left: -2px;
    top: 4px;
}

.wid-default .wid-content {
    padding: 3px 15px;
}

.wid-default .wid-main-content {
    padding: 0px 0px;
    height: 259px;
}

    .wid-default .wid-main-content img {
        display: block;
        padding: 0px 0px;
        margin-top: 0px;
        /*margin-bottom: 12px;*/
        width: 100%;
        height: 200px;
        border: 1px solid #e0e8eb;
    }

.wid-default.no-bg {
    background: none;
}

.wid-default .carousel-inner {
    border-bottom: 1px solid #c3d6dd;
    margin-bottom: 30px;
}

#carousel-promo .carousel-inner {
    padding-bottom: 20px;
}

.wid-default .carousel-indicators {
    bottom: -40px;
}

    .wid-default .carousel-indicators .active {
        background: #1270b5;
        width: 8px;
        height: 8px;
    }

    .wid-default .carousel-indicators li {
        background: #b1c8d2;
        border: 0;
        width: 8px;
        height: 8px;
        margin: 0;
    }

.wid-support h3 {
    margin: 0;
    color: #455786;
    line-height: 18px;
    /*background: url(../images/sprite.png) no-repeat 0 -393px;*/
    padding: 5px 30px 15px 35px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
    font-size: 22px;
    position: relative;
    min-height: 56px;
}

    .wid-support h3:before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        background: url(../images/sprite.png) no-repeat 0 -401px;
        width: 23px;
        height: 38px;
    }

.wid-support strong {
    display: block;
}

.widget-left {
    background: #D9EFFA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 20px;
    color: #4D5357;
    font-size: 13px;
}

    .widget-left ul, .widget-left ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .widget-left ul li {
            font-size: 15px;
            border-top: 1px solid #c3d5de;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .widget-left ul li p {
                margin: 0 0 16px 0;
                line-height: 15px;
                font-size: 15px;
            }

.nav-bullets, .nav-bullets li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-bullets {
    border-bottom: 1px solid #c3d6dd;
    padding-bottom: 14px;
    margin-bottom: 10px;
}

    .nav-bullets li {
        background: url(../images/sprite.png) no-repeat -187px -340px;
        padding: 0 0 3px 13px;
    }

        .nav-bullets li a {
            color: #4c4c4c;
            word-wrap: break-word;
        }

            .nav-bullets li a:hover {
                color: #005e8c;
            }

            .nav-bullets li a.delete, .nav-bullets li a.locked, .nav-bullets li a.refresh {
                display: block;
                width: 20px;
                height: 20px;
                background: url(../images/sprite.png) no-repeat 0 -800px;
            }

            .nav-bullets li a.delete {
                background-position: 5px -963px;
            }

            .nav-bullets li a.locked {
                background-position: 0 -1025px;
            }

            .nav-bullets li a.refresh {
                background-position: 0 -1383px;
            }

            .nav-bullets li a.delete:hover {
                background-position: 5px -931px;
            }

            .nav-bullets li a.locked:hover {
                background-position: 0 -995px;
            }

            .nav-bullets li a.refresh:hover {
                background-position: -1px -1346px;
            }

.benificiary-list li {
    margin-bottom: 5px;
}

.chart-wrapper {
    background: #E5F4FB;
    padding: 30px 20px 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .chart-wrapper canvas {
        display: block;
        margin: 0 auto 15px auto;
        background: url(../images/bg-graph-shadow.png) no-repeat 50% 100%;
        padding-bottom: 10px;
    }

    .chart-wrapper ul, .chart-wrapper ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        clear: both;
    }

        .chart-wrapper ul li {
            margin-bottom: 10px;
        }

            .chart-wrapper ul li span {
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                border-radius: 15px;
                width: 15px;
                height: 15px;
                display: inline-block;
                float: left;
                margin-top: 2px;
                margin-right: 8px;
            }

                .chart-wrapper ul li span.account2 {
                    background: #0096DB;
                }

                .chart-wrapper ul li span.account1 {
                    background: #4B116F;
                }

                .chart-wrapper ul li span.account3 {
                    background: #5DC8F9;
                }

.footer {
    background: #E9E9E9;
    /*z-index:2000000;*/
}

    .footer .content {
        background: none;
    }

    .footer p {
        display: inline-block;
        color: #6F6F6F;
    }

.nav-footer, .nav-footer li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .nav-footer li {
        background: url(en/images/bg-sep-bottom.png) no-repeat 0 4px;
        padding-left: 9px;
        margin-left: 9px;
    }

        .nav-footer li.first {
            background: none;
            margin-left: 0;
            padding-left: 0;
        }

        .nav-footer li a {
            color: #333;
        }
/* popup style */





.popup-container {
    /*	background: #FFF;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;*/
    margin: 0 auto;
}

#new-account-popup, #terms-conditions, #confirm-account, #request-code {
    max-width: 800px;
}

#terms-conditions {
    /*display: none;*/
}

.wrap-new-transfer-content {
    padding-left: 0;
    list-style: none;
    margin-top: 45px;
}

    .wrap-new-transfer-content li {
        width: 100%;
        min-height: 1px;
        float: left;
        margin-top: 10px;
    }

    .wrap-new-transfer-content .input-append.date .txt {
        width: 180px;
    }

.wrap-from .wrap-select {
    width: 220px;
}

.wrap-from .wrap-select, .wrap-to .wrap-select {
    top: 0;
}

.wrap-from label.custom-input, .wrap-to label.custom-input {
    margin-top: 7px;
}

.wrap-to .custom-li label.custom-input {
    margin-top: 0;
}

.wrap-from .input-txt {
    width: 210px;
    color: #666;
}
/*
.wrap-new-transfer-content select, .wrap-view-for select, .my-account-popup select, .wrap-select select {
	padding: 5px;
	color: #666;
	font-family: calibri;
	font-size: 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 220px;
	border: none;
	opacity: 0;

}*/
.content-summary {
    margin: 0 0 20px;
}
/*.wrap-select select{

	padding-right: 50px !important;

}*/

.wrap-from .wrap-new-transfer-content select {
    width: 245px;
    background-position: 85.2% 10px;
}

.wrap-to .wrap-new-transfer-content select {
    width: 245px;
    background-position: 86% 10px;
}

.wrapper-bill-payments .wrap-to .wrap-new-transfer-content select {
    width: 253px;
}

.wrap-to .wrap-new-transfer-content .wrap-select.custom-select #select-currency {
    width: 190px;
    background-position: 80% 10px;
}

.wrap-to .wrap-new-transfer-content .wrap-select {
    width: 230px;
    margin-bottom: 10px;
}

.wrap-new-transfer-content label {
    float: left;
    font-weight: normal;
}

.wrap-new-transfer-content input[type="radio"] {
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    margin-top: -2px;
}
/*input[type=text]:disabled {

    /*background: #aeaeae;

}

*/



.wrap-new-transfer-content li.error input {
    border: 1px solid #ffa2a2;
    /*-webkit-border-radius: 5px;

border-radius: 5px;*/
    background: #FFE6E6;
}

.wrap-new-transfer-content li.error p {
    color: #fa0000;
    font-size: 11px;
}

.banking-type {
    margin-bottom: -10px;
}

    .banking-type label {
        width: 132px;
        margin-top: 8px;
    }

.custom-select {
    width: 50% !important;
}

    .custom-select select {
        width: 173px;
        background-position: 85%;
    }

.custom-or {
    margin-right: 10px;
    margin-left: 10px;
}

.when label:first-child {
    width: 15%;
}

.wrap-from {
    width: 45%; /*padding-left: 10px;*/
}

.new-transfer .wrap-from {
    width: 50%;
}

.new-transfer .wrap-to {
    width: 50%;
}

.new-transfer .from {
    width: 100%;
    left: 0;
}

.new-transfer .to {
    width: 100%;
    padding-left: 20px;
    left: 0;
}

.wrap-from, .wrap-to {
    float: left;
    min-height: 1px;
}

    .wrap-from > div {
        padding-left: 20px;
    }

.wrap-to {
    width: 47%;
}

    .wrap-to .custom-li > label {
        /*width: 32% !important;*/
        margin-right: 0;
        padding-right: 5px;
    }

    .wrap-to .custom-li {
        margin-bottom: 5px;
        margin-top: 10px;
    }

.wrap-new-transfer-content input[type="radio"] {
    margin-right: 0;
}

.wrap-inputs.input-validation-error input[type="radio"] {
    box-shadow: inset 0 0 10px #ffa2a2;
}

.wrap-from label.custom-input {
    margin-right: 10px;
    width: 24%;
    margin-top: 8px;
}

.wrap-to label.custom-input {
    width: 14%;
}

.wrap-to .input-txt {
    width: 230px;
    color: #666;
}

.ie .input-txt {
    padding: 5px 7px 5px;
    height: 32px;
}

.input-txt::-webkit-input-placeholder {
    color: #666;
    text-transform: none;
    font-style: normal;
    vertical-align: top;
}

.input-txt:-moz-placeholder { /* Firefox 18- */
    color: #666;
    text-transform: none;
    font-style: normal;
    vertical-align: top;
}

.input-txt::-moz-placeholder { /* Firefox 19+ */
    color: #666;
    text-transform: none;
    font-style: normal;
    vertical-align: top;
}

.input-txt:-ms-input-placeholder {
    color: #666;
    text-transform: none;
    font-style: normal;
    line-height: normal !important;
    vertical-align: top;
}

.wrap-new-transfer-content li.purpose-other {
    text-align: right;
    padding-right: 22px;
    margin-top: -5px;
}

.wrap-new-transfer-content li.when label {
    width: 58px;
    margin-top: 8px;
}

    .wrap-new-transfer-content li.when label:first-child {
        width: 78px;
    }

    .wrap-new-transfer-content li.when label:last-child {
        width: auto;
    }

.purpose-other input {
    font-size: 12px;
    font-style: italic;
    text-transform: none;
}

.wrap-name > label {
    float: left;
    width: 20%;
}

.wrap-name-inputs {
    min-height: 1px;
    float: left;
    width: 230px; /*width: 67%;

		float: right;*/
}

.wrap-new-transfer-content .wrap-name-inputs {
    width: 220px;
}

.wrap-inputs {
    float: right;
    min-height: 1px;
    width: 66%;
}

    .wrap-inputs > p input {
        margin-left: -17px;
    }

    .wrap-inputs > p {
        padding-left: 17px;
        display: block;
    }

        .wrap-inputs > p label {
            width: auto;
        }

.wrap-name-inputs p {
    display: block;
    width: 100%;
    float: left;
    font-size: 11px;
    font-style: italic;
    color: #999;
}

.wrap-name-inputs .custom-or {
    margin-left: 0px;
}

.input-append.date .txt {
    padding: 5px; /*border-radius: 5px;*/
}

.when .input-append.date .txt {
    width: 83px;
}

.wrap-btn-transfer {
    width: 96%;
    float: left;
    min-height: 1px;
    border-top: 1px solid #c3d6dd;
    text-align: center;
    padding-bottom: -5px;
    padding-top: 15px;
    margin-top: 25px;
    padding-bottom: 15px;
    margin-left: 2%;
    margin-right: 2%;
}

    .wrap-btn-transfer .btn-transfer {
        margin-right: auto;
        margin-left: auto;
        float: right;
        padding-right: 50px;
        padding-left: 50px;
        line-height: 12px;
    }

.btn-transfer {
    background: #1270b5;
    padding: 7px 70px;
    color: #FFF;
    /*text-transform: uppercase;*/
    font-family: calibri;
    font-weight: bold;
    font-size: 12px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
}

a.btn-transfer {
    text-decoration: none;
}

    a.btn-transfer:hover {
        color: #FFF;
    }

.wrap-transfer-history-content {
    padding: 15px;
}

.wrap-transfer-history-content, .wrap-transfer-history-content-table {
    float: left;
    min-height: 1px;
    border: 1px solid #c3d6dd;
    width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
}

.wrap-transfer-history-content-table {
    background: #F4F7F8;
    padding: 10px 15px;
}

    .wrap-transfer-history-content-table .table-curved {
        margin: 15px 0 5px 0;
        /*min-width: 668px;*/
    }

    .wrap-transfer-history-content-table .input-append.date .txt {
        width: 90px;
    }

.select-account p, .frm-acc-amount p, .frm-dailiy-limit, .frm-transfer-fee, .own-cbq, .local, .international, .wrap-transfer-history-content-table, .select-currency p, .purpose-other, .select-acc-name p, .beneficiary-select p {
    display: none;
    margin-bottom: 0;
}

.wrapper-new-transfer {
    width: 100%;
    min-height: 1px;
    float: left;
    border: 1px solid #D4E8F0;
    border-top: none;
    border-radius: 5px;
    /* -webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px; */
    margin-bottom: 15px;
}

.wrapper-bill-payments .wrap-btn-transfer .btn-transfer, .wrap-btn-transfer .btn-transfer {
    float: right;
    padding: 10px 30px; /*margin-right: 10px;*/
}

.wrap-new-transfer-content li.frm-acc-amount p.convert-currency {
    color: #999;
}
/*.from {
	width: 384px;
	float: left;
	min-height: 1px;
	padding: 15px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	background: #2C3D68;
	color:#fff;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	left: -1px;
}
.wrapper-bill-payments .from {
	width: 372px;
}
.wrapper-bill-payments .custom-or {
	display: inline-block;
	margin-top: 4px;
}
.to {
	width: 330px;
	float: left;
	min-height: 1px;
	padding: 15px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	background: #2C3D68;
	color:#fff;
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
	padding-left: 0;
	position: relative;
	right: -1px;
}*/
.btn-transfer-history {
    background: url('../images/arrow-right.png') no-repeat 0px 2px;
    padding-left: 15px;
}

    .btn-transfer-history:hover {
        text-decoration: none;
    }

.wrap-transfer-history-content-table label {
    float: left;
}

.wrap-transfer-history-content-table .btn {
    margin-left: 20px;
}

.date-to {
    padding-left: 10px;
}

.date-to, .date-from {
    float: left;
    min-height: 1px;
}

.alert-critical-red {
    color: #FE0000;
    margin-bottom: 5px;
    margin-top: 5px;
}

.alert-hide, .tab-content-current, .tab-content-savings, .tab-content-credit, .manchester-acct, .currency-oly, .reg-sav-form {
    display: none;
}

.wrap-details {
    display: block;
}

.pad-left {
    padding-left: 18px;
}

.wrapper-login {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .wrapper-login > .row {
        /*padding-right: 10px;*/
    }

.wrapper-outer {
    /*padding-right: 0;*/
    /*width: 77%;*/
    /*padding-left: 20px;*/
    float: left;
}

.wrapper-login-box {
    border: 1px solid #d6dde2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    width: 435px;
    margin-right: 10px;
    padding-top: 30px;
    float: left;
    padding-bottom: 8px;
    height: 259px;
    background: #fff;
}

#userLoginLeft {
    margin-left: 0px;
}

#userLogin {
    height: 171px !important;
}

.wrapper-authorize {
    border: 1px solid #d6dde2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    /*margin-right: 10px;*/
    padding-top: 30px; /*width: 97.7%;*/
}

.wrapper-login-box p {
    padding-left: 20px;
    margin-bottom: 10px;
}

    .wrapper-login-box p label {
        width: 75px;
    }

    .wrapper-login-box p input {
        width: 215px;
        text-indent: 1px;
        height: 33px;
    }

    .wrapper-login-box p small {
        width: 100%;
        display: block;
        margin-left: 88px;
        margin-top: 5px;
    }

        .wrapper-login-box p small a {
            font-style: italic;
            font-size: 11px;
            font-family: calibri;
            color: #005E8C;
        }

.wrapper-login-box .btn-login {
    float: left;
    margin-left: 89px;
    margin-top: 5px;
    margin-bottom: 25px;
    padding: 10px 20px;
    line-height: 12px;
}

.wrapper-login-box p .btn-login:hover {
    color: #FFF;
    text-decoration: none;
}

.btn-login, .btn-register {
    font-family: calibri;
    font-size: 12px;
    font-weight: bold;
}

.wrapper-registration {
      -webkit-border-radius: 5px;
    border-radius: 0 0 5px 5px;
    text-align: left;
    padding: 12px;
    /*padding-left: 0;
	padding-right: 0;*/
    /*background: url('../images/bg-reg-box.png')repeat-x #1b9cd6;*/
    color: #FFF;
    float: left;
    }
/*Start - carousel*/
.wrapper-carousel-panel {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    height: 271px;
    margin-left: 10px;
}

.wrapper-registration .wrap-btn-reg {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
}

.wrapper-mobile-access {
    border: 1px solid #d6dde2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*padding-top: 5px;*/
    padding-bottom: 31px;
    /*width: 23%;*/
    float: left;
    width: 220px;
    padding-right: 10px;
    padding-left: 10px;
    height: 412px;
}

    .wrapper-mobile-access h3 {
        font-family: 'Poppins-SemiBold', calibri;
        /*text-transform: uppercase;*/
        font-size: 22px;
        line-height: 18px;
        color: #005E8C;
        padding-left: 44px;
        padding-bottom: 25px;
        border-bottom: 1px solid #ebebeb;
        background: url('../images/icon-mobile-access.png') no-repeat 10px 5px;
    }

    .wrapper-mobile-access h5 {
        padding-top: 10px;
        text-align: center;
        padding-bottom: 5px;
        color: #455159;
        font-size: 14px;
        font-family: calibri;
        font-weight: bold;
    }

.wrapper-widget {
    padding-left: 0;
    padding-right: 0px;
    margin-top: 20px;
    float: left;
}

.help-line {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
    border-top: 1px solid #EAEEF0;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.wid-login-page {
    /*width: 261px;*/
    /*margin-right: 20px;*/
    float: left;
    margin-bottom: 1px;
    height: 100px;
    margin-top: 10px;
}

.wrapper-login h2 {
    font-size: 36px;
    font-family: 'Poppins-SemiBold', calibri;
    padding-left: 10px;
    line-height: 36px;
    padding-bottom: 5px;
    margin-top: 0;
}

.custom-wid {
    margin-right: 0; /*width: 32.7%;*/
}

.not-registered {
    font-family: 'Poppins-Regular';
    font-size: 26px;
    margin-bottom: 15px;
}

    .not-registered span {
        font-size: 33px;
        display: block;
        line-height: 4px;
        padding-bottom: 15px;
    }

.btn-register {
    background: #FFF;
    color: #005E8C;
    text-decoration: none;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    /*text-transform: uppercase;*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 12px;
    outline: none;
}

    .btn-register:hover {
        text-decoration: none;
    }

.video-tour {
    /* background: url("../images/icon-video-tour.png") no-repeat scroll 60px 20px rgba(0, 0, 0, 0); */
    border-top: 1px solid #61b8e2;
    /* float: left; */
    font-family: calibri;
    font-size: 12px;
    /* font-weight: bold; */
    /* padding-bottom: 24px; */
    /* padding-right: 55px; */
    padding-top: 16px;
    text-align: left;
    /* text-transform: uppercase; */
    /* width: 100%; */
    /* padding-left: 110px; */
}

    .video-tour a {
        font-family: calibri;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        cursor: default;
        text-decoration: none;
    }

.wrapper-mobile-app {
    min-height: 1px;
    float: left;
    padding-bottom: 26px;
    text-align: center;
    width: 100%;
}

    .wrapper-mobile-app span {
        /*margin-right: auto;margin-left: auto;*/
        /*float: left;*/
        width: 137px;
        height: 49px;
        /*margin-left: 30px;*/
        /*margin-top: 5px;margin-bottom: 0px;*/
        display: inline-block;
    }

.apple-store {
    background: url('../images/bg-app-store.png') no-repeat;
}

.play-store {
    background: url('../images/bg-play-store.png') no-repeat;
}

.windows-store {
    background: url('../images/bg-win-store.png') no-repeat;
}

.bb-store {
    background: url('../images/bg-bb-store.png') no-repeat;
}

.wid-safe .wid-head h3:before {
    background: url('../images/icon-safe.png') no-repeat 0 1px !important;
}

.wid-anywhere .wid-head h3:before {
    background: url('../images/icon-anywhere.png') no-repeat 0 3px;
}

.wid-no-queue .wid-head h3:before {
    background: url('../images/icon-laptop.png') no-repeat 0 5px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */

    .forgot-password-page .form-control-forgot select {
        width: 271px;
    }

    .user-registration .form-control-forgot select {
        width: 271px;
    }

    .wrap-to .wrap-new-transfer-content select {
        width: 255px;
    }
}

.ie .wrap-to .wrap-new-transfer-content select {
    width: 255px;
}

.ie .video-tour {
    padding-top: 18px;
}

.ie .user-registration .form-control-forgot select {
    width: 271px;
}

.ie .forgot-password-page .form-control-forgot select {
    width: 271px;
}

.ie .profile-edit-page .wrap-select select {
    /*background: url('../images/select-arrow-down.png') no-repeat scroll 82% 10px;*/
    width: 202px;
}

.ie .wrap-view-for select {
    width: 207px; /*background: url('../images/select-arrow-down.png') no-repeat 82% 10px;*/
}

.ie .my-account-popup .wrap-select select {
    width: 223px; /*background: url('../images/select-arrow-down.png') no-repeat 82% 10px;*/
}

.ie #activate-step1 .select-expiry select {
    background-position: 73% 10px;
    width: 119px;
}

.wrapper-authorize {
    float: left;
}

    .wrapper-authorize p {
        float: left;
        margin-bottom: 25px;
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
    }

        .wrapper-authorize p.code-exp {
            margin-bottom: 10px;
        }

    .wrapper-authorize .btn-submit {
        float: left;
        padding: 10px 20px;
        line-height: 10px;
        margin-left: 10px;
    }

        .wrapper-authorize .btn-submit:hover {
            color: #FFF;
            text-decoration: none;
        }

    .wrapper-authorize .input-txt {
        float: left;
        width: 217px;
    }

.customer-name {
    /*text-transform: uppercase;*/
}

.warning-important {
    color: red;
    padding-left: 10px;
    padding-top: 5px;
}

.country-code {
    width: 48px !important;
}

.login-box ul {
    padding-left: 13px;
}

.login-box .wrap-request-code-content li {
    padding-top: 3px;
}

.login-box li:last-child {
    padding-top: 10px;
}

.login-box .wrap-request-code-content {
    padding-bottom: 47px;
}

.login-box .btn-submit {
    padding-right: 15px;
    padding-left: 15px;
}

.forgot-password .mandatory {
    margin-bottom: 0;
}

.forgot-password.popup-content {
    background: #FFF;
}

.forgot-password .resp-tabs-container {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.wrapper-select-mode {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-top: 25px;
    padding-bottom: 30px;
}

    .wrapper-select-mode .wrap-mode {
        float: left;
        width: 45%;
    }

        .wrapper-select-mode .wrap-mode.first-wrap-mode {
            width: 45%;
        }

.first-wrap-mode input[type="radio"] {
    margin-left: 2px;
}

.select-mode .wrap-form-control .input-txt, .reset-password .wrap-form-control .input-txt {
    width: 248px;
}

.tab-authorization.wrapper-select-mode p {
    margin-bottom: 25px;
}

.wrapper-select-mode .wrap-mode label {
    margin-bottom: 10px;
}

.wrapper-select-mode .wrap-mode > label {
    display: table-cell;
}

.wrapper-select-mode .wrap-mode input[type="radio"] {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.wrapper-select-mode .forgot-or {
    float: left;
    width: 10%;
    padding-left: 10px; /*margin-right: 60px;*/
}

.wrapper-select-mode .wrap-mode .wrap-form-control {
    float: left;
    min-height: 1px;
    padding-left: 20px;
    margin-bottom: 15px;
    /*margin-top: 10px;*/
}

.forgot-password .tab-navigation {
    float: left;
    border-top: 1px solid #ccc;
}

.forgot-password .resp-tabs-container {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.wrap-form-control .form-control-forgot {
    margin-bottom: 10px;
    float: left;
    /*width: 100%;*/
}

    .wrap-form-control .form-control-forgot span {
        width: 130px;
        float: left;
        margin-top: 5px;
    }

.forgot-username-page .wrap-form-control .form-control-forgot span {
    width: 140px;
    margin-right: 30px;
}

.forgot-username-page .wrapper-select-mode .first-wrap-mode.wrap-mode {
    width: 75%;
}

.wrap-form-control .secret-question {
    margin-left: 130px;
    margin-top: 10px; /*float: left;*/
}

.wrap-authorize-code .input-txt {
    margin-top: 10px;
}

.wrap-authorize-code .country-code.input-txt {
    margin-right: 10px;
}

.wrap-authorize-code .input-txt {
    margin-left: 1px;
}

p.wrap-time-out {
    margin-bottom: 15px;
}

.user-registration p.qcb-regulation, .user-reg-authorization p {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.user-registration p.wrap-time-out {
    width: 65%;
}

.user-reg-authorization .wrap-form-control .form-control-forgot span {
    width: 175px;
}
/*.user-reg-authorization .resp-tabs-list li.resp-tab-active.tab-enter-details{

	width: 241px;

}*/

.reset-password.wrapper-select-mode .wrap-mode {
    width: 70%;
}

.reset-password .form-control-forgot label {
    width: 140px;
}

.reset-password .acct-balance {
    padding-left: 154px;
}

.reset-password .wrap-mode .wrap-form-control {
    padding-left: 0;
}

.forgot-pass-success {
    text-align: center;
}

.success-msg {
    margin-bottom: 5px;
}

.wrapper-select-mode h2 {
    margin-top: 20px;
    margin-bottom: 25px;
    /*text-transform: uppercase;*/
    font-size: 24px;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 18px;
}

.forgot-password-page .wrapper-login > h2, .user-registration .wrapper-login > h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.forgot-password-page .wrapper-login .forgot-pass-success h2 {
    padding-bottom: 0;
    margin-bottom: 15px;
}

.forgot-username-page .wrapper-login > h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.forgot-username-page .wrapper-login .forgot-pass-success h2 {
    padding-bottom: 0;
    margin-bottom: 15px;
}

.form-control-forgot .wrap-select {
    width: 248px; /*border: none;*/
}
/* .form-control-forgot .wrap-mobileNumber{
	display: table-cell;
}
.form-control-forgot .wrap-mobileNumber .wrap-select{
	width: 52px;
	float: left;
	margin-right: 5px;
	height: 30px;
}
.wrap-form-control .form-control-forgot .wrap-mobileNumber span.custom-selected{
	width: 35px;
}
.form-control-forgot .wrap-mobileNumber .txt-mobile{
	width: 192px;
} */
.form-control-forgot select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: transparent;
    border: medium none;
    outline: medium none;
    color: #3d3d3d;
    font-family: calibri;
    font-size: 13px;
    padding: 5px;
    background: url("../images/select-arrow-down.png") no-repeat scroll 87% 10px;
    width: 268px;
}

    .form-control-forgot select option {
        background: transparent;
        border: medium none;
        outline: medium none;
    }

.btn-reset {
    background: none;
}

.forgot-pass-success, .wrap-secret-question-content {
    display: none;
}

.forgot-username-page .forgot-pass-success {
    display: block;
}
/*.wrap-confirm-password .progress

{

	display: none;

}*/

.custom-progress {
    width: 60px;
    height: 8px;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 10px 10px 0;
    float: right;
    border: 1px solid #CCC;
}

    .custom-progress div {
        width: 33.3333%;
        float: left;
        height: 6px; /*border-right: 1px solid;*/
    }

    .custom-progress .red {
        background-color: red;
    }

    .custom-progress .yellow {
        background-color: #FDD552;
    }

    .custom-progress .green {
        background-color: #31BE00;
    }

.password-verdict {
    margin-top: 6px;
    float: right;
}

    .password-verdict.good {
        color: #217b01;
    }

    .password-verdict.normal {
        color: #eaaf00;
    }

    .password-verdict.week {
        color: #bd2925;
    }



/* Progress Bar*/

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

    to {
        background-position: 0 0;
    }
}

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

    to {
        background-position: 0 0;
    }
}

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

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

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

    to {
        background-position: 0 0;
    }
}

.progress-bar {
    background-color: #1270B5;
}

.progress {
    overflow: hidden;
    height: 6px;
    /*margin-bottom: 20px;*/
    background-color: #1270B5;
    background-image: -moz-linear-gradient(top, #e0e0e0, #e0e0e0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e0e0), to(#e0e0e0));
    background-image: -webkit-linear-gradient(top, #e0e0e0, #e0e0e0);
    background-image: -o-linear-gradient(top, #e0e0e0, #e0e0e0);
    background-image: linear-gradient(to bottom, #e0e0e0, #e0e0e0);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#e0e0e0', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .progress .bar {
        width: 0%;
        height: 100%;
        color: #ffffff;
        float: left;
        font-size: 12px;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #0e90d2;
        background-image: -moz-linear-gradient(top, #149bdf, #0480be);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
        background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
        background-image: -o-linear-gradient(top, #149bdf, #0480be);
        background-image: linear-gradient(to bottom, #149bdf, #0480be);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -moz-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-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: width 0s ease;
        -moz-transition: width 0s ease;
        -o-transition: width 0s ease;
        transition: width 0s ease;
    }

        .progress .bar + .bar {
            -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
            -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
            box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
        }

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    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: -moz-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;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}

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

.progress-danger .bar, .progress .bar-danger {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    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: -moz-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-success .bar, .progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    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: -moz-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-info .bar, .progress .bar-info {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    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: -moz-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-warning .bar, .progress .bar-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    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: -moz-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);
}

.user-registration .resp-tabs-list li {
    width: 236px;
}

.user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-authorize {
    width: 241px;
}

.user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-enter {
    width: 241px;
}

.user-registration .resp-tabs-container {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.user-registration .resp-tabs-list li:last-child {
    width: 237px;
}

.user-registration .wrapper-select-mode .wrap-mode .wrap-form-control {
    padding-left: 0;
    margin-bottom: 30px;
}

.user-registration .input-txt {
    width: 248px;
}

.user-registration .wrapper-select-mode .wrap-mode {
    width: 76%;
}

.user-registration .acct-balance {
    padding-left: 0px;
    margin-left: 130px;
}

.user-registration .set-up-account .acct-balance {
    margin-left: 160px;
    margin-top: 5px;
}

.user-registration .set-up-account span {
    width: 160px;
}

.user-registration .set-up-account small {
    width: 300px;
}

.user-registration .forgot-pass-success {
    display: block;
}

.user-registration .wrap-select {
    top: 0;
}

.user-registration .btn-submit {
    display: none;
}

.read-tc a {
    padding-left: 22px;
}

.read-tc input {
    margin-right: 5px;
}

.btn-next, .btn-right, .btn-confirm, .btn-authorize, .btn-account-confirm, .btn-submit, .btn-login, .btn-reset, .btn-req-username {
    background-position: 85% 4px;
}

.popup-new-account .btn-authorize {
    display: none;
}

.input-txt.input-validation-error {
    border: 1px solid #ffa2a2;
    background: #FFE6E6;
}

a.btn-disabled {
    background-color: #dcdcdc;
    pointer-events: none;
    color: #8c8185;
}
/* APP PROMO */

#app-promo {
    max-width: 300px;
}

#help-guide .popup-content {
    max-width: 960px;
}

#logout-confirm-popup {
    max-width: 550px;
}

    #logout-confirm-popup .popup-content {
        padding: 10px;
    }

    #logout-confirm-popup .resp-tabs-container {
        text-align: center;
        padding: 20px 10px;
    }

        #logout-confirm-popup .resp-tabs-container p {
            line-height: 50px;
            margin: 0;
        }

    #logout-confirm-popup .products {
        width: 50%;
    }

    #logout-confirm-popup a.btn-account-confirm {
        margin-right: 10px;
        padding: 8px 30px;
    }

.log-out-state .wrapper-login-box {
    text-align: center;
    min-height: 270px;
}

    .log-out-state .wrapper-login-box p {
        margin-left: 0;
        padding-left: 0;
    }

    .log-out-state .wrapper-login-box .btn-login {
        float: none;
        margin-left: 0;
        margin-top: 9px;
        display: inline-block;
    }

    .log-out-state .wrapper-login-box img {
        margin-top: 12px;
    }

    .log-out-state .wrapper-login-box h3 {
        margin-bottom: 18px;
        margin-top: 10px;
    }

.log-out-state .wrap-products {
    padding-top: 14px;
}

.log-out-state .products.first-product {
    width: 30%;
    padding-right: 20px; /*border: 1px solid red;*/
}

.log-out-state .products {
    margin-top: 7px;
    width: 35%;
    padding-left: 29px;
    padding-right: .5%;
}

    .log-out-state .products:last-child {
        width: 35%;
    }

    .log-out-state .products p {
        width: 100%;
    }

.wrapper-wid-advt {
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding-top: 0px;
    color: #FFF;
    padding-left: 0;
    padding-right: 0;
    background: none;
}

.tap-btn, .tap-btn-on {
    display: none;
}

.auto-logout {
    max-width: 550px;
}

    .auto-logout .popup-content {
        padding: 10px;
        text-align: center;
    }

.count-down {
    display: block;
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.auto-logout .resp-tabs-container {
    padding: 20px;
}

.auto-logout a.btn-account-confirm {
    margin-left: 7px;
}

.auto-logout .btn-wrapper {
    margin-top: 30px;
}

.phone {
    background: url(../images/sprite.png) no-repeat 0 -1221px;
    padding-left: 27px;
}

.email {
    background: url(../images/sprite.png) no-repeat 0 -1256px;
    padding-left: 27px;
    word-wrap: break-word;
}

.hr {
    height: 1px;
    background: #ececec;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

.profile-sub-name h3 {
    margin: 11px 0 15px 0;
}

.wrap-change-pasword, .wrap-preference-details {
    padding: 25px 20px 6px 20px;
}

.container .wrap-change-pasword li label {
    font-weight: bold;
    margin-right: 28px;
}

.wrap-change-pasword small {
    margin: 5px 0 5px 0;
    padding-left: 20px;
    width: 327px;
}

    .wrap-change-pasword small.error {
        color: #fa0000;
        float: none;
    }

.wrap-pass-strength {
    float: left;
}

.wrap-change-pasword .input-txt {
    float: left;
}

.wrap-change-pasword .tab-navigation, .wrap-preference-details .tab-navigation {
    border-top: 1px solid #ccc;
}

.wrap-change-pasword .password-verdict {
    margin-left: 10px;
    float: left;
}

.wrap-change-pasword .custom-progress {
    margin-left: 10px;
    margin-right: 0;
    width: 62px;
    float: left;
}

    .wrap-change-pasword .custom-progress div {
        width: 20px;
    }

.wrap-profile-details.wrap-change-pasword, .wrap-profile-details.wrap-preference-details {
    padding: 20px 20px 0 20px;
}

.wrap-change-password small {
    padding-left: 0;
}

.jquery-radiobutton-wrapper {
    position: absolute;
    right: 0;
    top: 0;
}

a.jquery-radiobutton {
    width: 80px;
    display: block;
    height: 20px;
    outline: none;
    position: relative;
}

    a.jquery-radiobutton:before {
        background: url(../images/on-off.png) no-repeat left top;
        width: 80px;
        height: 20px;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
    }

.radiobutton-two a.jquery-radiobutton:before, .radiobutton-three a.jquery-radiobutton:before {
    background-position: left -40px;
}

.radiobutton-two a.jquery-radiobutton-on:before, .radiobutton-three a.jquery-radiobutton-on:before {
    background-position: left -60px;
}

.radiobutton-four a.jquery-radiobutton:before, .radiobutton-five a.jquery-radiobutton:before {
    width: 40px;
}

.radiobutton-four a.jquery-radiobutton:before {
    background-position: left -40px;
}

.radiobutton-five a.jquery-radiobutton:before {
    background-position: right -60px;
    left: auto;
    right: 0;
}

.radiobutton-four a.jquery-radiobutton-on:before {
    background-position: left -60px;
}

.radiobutton-five a.jquery-radiobutton-on:before {
    background-position: right -40px;
}

.radiobutton.radiobutton-four {
    margin-bottom: 10px;
}

.radiobutton-four input {
    visibility: hidden;
}

.radiobutton-one .jquery-radiobutton-wrapper a.jquery-radiobutton-on:before {
    background-position: left -20px;
}

.radiobutton {
    position: relative;
    height: 20px;
    margin-bottom: 19px;
}

.radiobutton-four label, .radiobutton-five label {
    font-weight: normal;
}

.profile-sub-name {
    clear: both;
}

    .profile-sub-name h3 {
        margin-top: 0;
    }

.profile-sub-two {
    padding-top: 15px;
}

.no-radiobuttion {
    margin-bottom: 0px;
}

.input-txt.error {
    border: 1px solid #FFE6E6;
    background: #FFE6E6;
}

.col-alert-box {
    background-image: url(../images/success-img.png);
    background-repeat: no-repeat;
    padding: 12px 50px 13px 50px;
    background-position: 13px 15px;
    padding-right: 10px;
}

    .col-alert-box p {
        color: #299108;
        line-height: 14px;
    }
/*My Account Credit Card*/



.wrap-message {
    padding: 15px;
}

    .wrap-message p {
        margin-bottom: 5px;
    }

h2.head-transaction {
    /*text-transform: uppercase;*/
    float: left;
}

.wid-transaction {
    padding: 15px;
    width: 100%;
    float: left;
}

    .wid-transaction .table-curved {
        margin-bottom: 0;
    }

        .wid-transaction .table-curved th {
            padding-left: 20px !important;
        }

        .wid-transaction .table-curved td {
            padding-left: 20px;
        }

        .wid-transaction .table-curved tr th:last-child {
            padding-left: 10px !important;
            padding-right: 20px !important;
            text-align: right;
        }

        .wid-transaction .table-curved tr td:last-child {
            text-align: right;
            padding-right: 20px;
            padding-left: 10px;
        }

.wrap-transaction-form {
    float: left;
    min-height: 1px;
    width: 100%;
}

    .wrap-transaction-form ul {
        padding-left: 0;
        float: left;
    }

        .wrap-transaction-form ul li {
            list-style: none;
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }

.wrap-transaction-date {
    float: left;
    min-height: 1px;
}

    .wrap-transaction-date .input-append.date .txt {
        width: 88px;
    }

.wrap-transaction-form label {
    float: left;
    font-weight: normal;
    margin-top: 5px;
}

.wrap-view-for {
    float: left;
    min-height: 1px;
}

    .wrap-view-for .wrap-select {
        width: 184px;
        top: 0;
    }

    .wrap-view-for select {
        width: 210px;
        background-color: #FFF;
        background: url('../images/select-arrow-down.png') no-repeat 82% 10px #FFF;
    }

    .wrap-view-for label.custom-input {
        width: auto;
        margin-right: 15px;
    }

.myaccount-credit-page .table-responsive {
    float: left;
}

.myaccount-credit-page .table-curved th.arrow-down:after {
    background: none;
}
/*mobile table replacement*/



#tableCarouselMobile {
    border: 1px solid #D4E8F0;
}

.itemList {
    padding: 0;
    margin: 0;
    list-style: none;
}

.itemList-block {
    border-top: 1px solid #D4E8F0;
    padding: 18px 10px;
    margin-top: 18px;
}

    .itemList-block:first-child {
        border-top: none;
        margin-top: 0;
    }

    .itemList-block h4 {
        font-size: 14px;
        color: #005E8C;
        font-weight: bold;
        margin: 0 0 8px;
    }

    .itemList-block ul {
        list-style: none;
        margin: 0;
    }

        .itemList-block ul li {
            display: inline-block;
            vertical-align: top;
        }

.accType {
    padding: 0;
}

    .accType li {
        padding-left: 8px;
        margin-left: 8px;
        border-left: 1px solid #92969A;
        color: #6A7075;
        font-size: 13px;
        vertical-align: top;
        display: inline-block;
    }

        .accType li:first-child {
            padding-left: 0;
            margin-left: 0;
            border-left: none;
        }

.accDetails {
    padding: 18px 0 0;
}

    .accDetails span {
        font-size: 12px;
        color: #666;
        display: block;
        margin-bottom: 2px;
    }

    .accDetails strong {
        display: block;
        font-size: 15px;
        color: #6A7075;
    }

    .accDetails li {
        padding-left: 15px;
    }

        .accDetails li:first-child {
            padding-left: 0;
        }

#tableCarouselMobile .table-pager {
    margin: 0;
    background: #F4F7F8;
    padding: 12px 20px;
}

.table-responsive-alt .itemList-block {
    border: 1px solid #D4E8F0;
    padding: 18px 10px;
}

.itemList-block a.more {
    font-size: 13px;
    display: block;
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.wrapper-amount label {
    margin-right: 12px;
}

.wrap-amount-range {
    float: left;
    min-height: 1px;
    padding-top: 10px;
}

    .wrap-amount-range span {
        float: left;
        min-height: 1px;
        margin-top: -10px;
        padding: 5px;
        margin-left: 3px;
        margin-right: 3px;
        min-width: 67px;
    }

.wrap-range {
    float: left;
}

#confirm-bill-payment {
    max-width: 750px;
}

    #confirm-bill-payment .popup-content {
        padding: 10px;
    }

.transfer-details.resp-tabs-container {
    padding: 15px;
}

.new-payee .resp-tabs-container .btn {
    float: left;
}

.popup-container .transfer-details h4 {
    border-bottom: 1px solid #d5dce2;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.transfer-details ul, .transfer-details ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.transfer-details ul {
    margin-bottom: 25px;
}

    .transfer-details ul li {
        margin-bottom: 20px;
        font-weight: bold;
    }

        .transfer-details ul li label {
            font-weight: normal;
            width: 110px;
        }

.new-transfer .transfer-details ul li label {
    width: 35%;
}

.col-forgot-block {
    min-height: 155px;
    width: 100%;
    margin-right: 10px;
    padding: 10px 50px 0 10px;
    margin-bottom: 0;
    color: #6A7075;
}

#add-new-payee-step1 {
    max-width: 800px;
}

    #add-new-payee-step1.my-account-popup.popup-container .resp-tabs-container label {
        margin-top: 5px;
    }

#monthly-bill {
    max-width: 720px;
}

    #monthly-bill .popup-content {
        padding: 10px;
    }

        #monthly-bill .popup-content .table-curved {
            margin-bottom: 0;
        }

.col-forgot-block label {
    font-weight: normal;
}

td.center-button {
    background: #2C3D68;
    border-left: 1px solid #566486;
    border-right: 1px solid #566486;
}

.wrapper-bill-payments .wrap-name-inputs {
    width: 150px;
}

.wrapper-bill-payments .wrap-from .wrap-select {
    width: 210px; /*width: 152px;*/
}

.wrapper-bill-payments .wrap-from .wrap-new-transfer-content select {
    width: 172px;
    background-position: 80% 10px;
}

.wrap-unbill-block label {
    float: none;
}

.wrap-recent-payement-block {
    display: block;
}

.wrapper-prepaid-orders {
    border-top: 1px solid #d4e8f0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 15px 25px 15px;
}

    .wrapper-prepaid-orders .wrap-new-transfer-content {
        margin-top: 0;
    }

    .wrapper-prepaid-orders .wrap-checkboxes label {
        width: auto;
    }

    .wrapper-prepaid-orders .wrap-btn-transfer {
        margin-top: 5px;
    }

    .wrapper-prepaid-orders .wrap-btn-transfer {
        padding-top: 0;
        padding-bottom: 0;
    }

.wrap-prepaid label.custom-hidden {
    float: none;
}

.radio-phone .wrap-from .wrap-new-transfer-content select, .radio-phone .wrap-to .wrap-new-transfer-content select {
    width: 200px;
}

.radio-phone .wrap-from .wrap-select, .radio-phone .wrap-to .wrap-new-transfer-content .wrap-select {
    width: 178px;
}

.radio-phone .wrap-name-inputs {
    width: 178px;
}

.radio-phone .wrap-from .input-txt {
    width: 180px;
}

.radio-phone .wrap-from > div {
    padding-left: 0;
}

.radio-phone .wrap-from label.custom-input {
    width: 33%;
}

.radio-phone .wrap-to label.custom-input {
    width: 30%;
}

.recurring .wrap-new-transfer-content label, .wrapper-bill-payments ul.radio-group-select label {
    margin-bottom: 10px;
}

.wrapper-bill-payments ul.radio-group-select label {
    margin-top: 6px;
}

label.label-wid {
    width: 122px;
}

a.que_img, a.help_icon {
    display: inline-block;
    /*background: url(../images/que_img.png) no-repeat;*/
    width: 16px;
    height: 15px;
}

.wrap-new-transfer-content li.toggle-input {
    margin-top: 0;
}

.toggle-input ul, .toggle-input ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 294px;
}

.toggle-input .input-txt {
    width: 170px;
    margin-right: 10px;
}

.transfer .toggle-input .input-txt {
    width: 154px; /*margin-right: 10px;*/
}

.transfer .toggle-input ul {
    margin-top: 10px;
}

.transfer .toggle-input .wrap-name-inputs {
    width: 68%;
}

.toggle-input .wrap-name-inputs {
    width: 75%;
}

.transfer .wrapper-bill-payments .wrap-from .toggle-input label.custom-input {
    width: 43px;
    margin-right: 50px;
}

.wrapper-new-transfer.wrapper-bill-payments .wrap-to label.custom-input {
    width: 43px;
}

.wrapper-new-transfer.wrapper-bill-payments .wrap-to {
    width: 47%; /*margin-left: 13px;*/
}

.wrapper-new-transfer.wrapper-bill-payments .wrap-from {
    width: 53%;
}

.wrapper-bill-payments .to {
    width: 100%;
    padding-left: 20px;
}

.wrapper-to-content {
    /*padding-left: 20px !important;*/
    padding-left: 20px;
}

.wrapper-bill-payments li.remider p input, .wrapper-bill-payments li.remider p label, .wrapper-bill-payments li.remider p a {
    float: left;
    margin-right: 7px;
}

.wrap-prepaid-service input {
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    color: #666;
    padding: 5px;
}

.hint {
    margin-top: -10px;
    color: #666;
    display: inherit;
}

.prepaid-service-one ul.wrap-prepaid-first li label.custom-input, .prepaid-service-one ul.wrap-prepaid li label.custom-input {
    width: 30%;
    margin-top: 5px;
}

.wrap-recent-payement-block .date-from label, .wrap-recent-payement-block .date-to label {
    margin-top: 7px;
}

.wrap-inter-bank-info a {
    color: #4c4c4c;
}

p.sub-pros {
    margin: 5px 0;
}

.wid-transaction .wrap-transaction-form .wrap-view-for .wrap-select {
    width: 130px;
}

.wid-transaction .wrap-transaction-form .wrap-view-for select {
    width: 153px;
    background: url("../images/select-arrow-down.png") no-repeat scroll 76% 10px #fff;
}

.wid-transaction .wrap-transaction-form ul .wrap-name-inputs {
    width: 155px;
}

.wrap-transaction-form a.btn-go {
    margin-left: 20px;
}

.myaccount-loan .main-content > h2 {
    margin-top: 0;
}

    .myaccount-loan .main-content > h2.head-transaction {
        margin-top: 20px;
    }
/*-----------080_style--------*/

.myaccount-current-page .wrap-account-details {
    width: 100%;
    margin: 0;
    border-top: 1px solid #e3ebf0;
}

    .myaccount-current-page .wrap-account-details ul {
        display: table;
        position: relative;
    }

    .myaccount-current-page .wrap-account-details li {
        display: table-row;
        color: #666;
        list-style: none;
        border-bottom: 1px dotted #b7b9ba;
        position: relative;
    }

        .myaccount-current-page .wrap-account-details li span {
            width: 46%;
            padding: 14px 0;
            display: table-cell;
            float: left;
            margin-right: 2%;
        }
    /*.myaccount-current-page .wrap-account-details li:after {
	position: absolute;
	width: 10px;
	height: 5px;
	content: "";
	background-color: #F4F7F8;
	border: 1px solid red;
	bottom: -3px;
	left: 44%;
}*/
    .myaccount-current-page .wrap-account-details ul:after {
        position: absolute;
        width: 10px;
        top: 0;
        bottom: 0;
        content: "";
        background-color: #F4F7F8;
        left: 44%;
    }

    .myaccount-current-page .wrap-account-details li.last {
        border: none;
    }

    .myaccount-current-page .wrap-account-details .wrap-group-buttons {
        /*margin-top: 15px;*/
    }

        .myaccount-current-page .wrap-account-details .wrap-group-buttons a.btn {
            /*margin-right: 7px;*/
            margin: 15px 4px 0 4px;
            float: left;
        }

.myaccount-current-page .table-trasaction-one {
    float: left;
}

.table-trasaction-one table td {
    background: #fff;
}

    .table-trasaction-one table td .wrapTooltip {
        position: relative;
        display: block;
    }

.table-trasaction-one table tr:hover > td {
    cursor: pointer;
    background-color: #f4f7f8;
}

.table-curved tr:last-child:hover td:first-child, .table-curved tr:last-child:hover td:last-child {
    background: url("../images/btm-corner-lt.png") no-repeat 0 100% #fff;
}

.table-trasaction-one .table-curved tr:last-child:hover td:first-child, .table-trasaction-one .table-curved tr:last-child:hover td:last-child {
    background: url("../images/btm-corner-lt.png") no-repeat 0 100%;
}

.table-curved tr:last-child td:first-child {
}

.table-trasaction-one table thead tr:hover > td {
    background-color: #2c3d68;
}

.tool-tip-two {
    display: block;
    position: absolute;
    right: -105px;
    top: 15px;
    width: 296px;
    height: auto;
    background: url('../images/toop-tip-bg.png') no-repeat;
    z-index: 10000;
    word-wrap: break-word;
    background: #fff;
    display: none;
    z-index: 50;
    /*-webkit-box-shadow: 0px 3px 5px 1px rgba(204,12,NaN,1);

-moz-box-shadow: 0px 3px 5px 1px rgba(204,12,NaN,1);

box-shadow: 0px 3px 5px 1px rgba(204,12,NaN,1);*/
    -webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
}

    .tool-tip-two::before {
        border-color: transparent transparent #fff transparent;
        border-width: 0 8px 10px;
        border-style: solid;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: -10px;
        width: 0;
    }

.tool-tip-right {
    display: block;
    position: absolute;
    right: 23px;
    top: 40px;
    width: auto;
    height: auto;
    background: url('../images/toop-tip-bg.png') no-repeat;
    z-index: 10000;
    word-wrap: break-word;
    background: #fff;
    display: none;
    z-index: 50;
    -webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
}

    .tool-tip-right::before {
        border-color: transparent transparent #fff transparent;
        border-width: 0 8px 10px;
        border-style: solid;
        content: "";
        height: 0;
        right: 0%;
        margin-left: -5px;
        position: absolute;
        top: -10px;
        width: 0;
    }

    .tool-tip-right p {
        font-size: 16px;
        margin: 8px;
    }

.tool-tip-fileErr {
    display: block;
    position: absolute;
    /*right: 23px;*/
    top: 49px;
    width: auto;
    height: auto;
    background: url('../images/toop-tip-bg.png') no-repeat;
    z-index: 10000;
    word-wrap: break-word;
    background: #fff;
    display: none;
    z-index: 50;
    -webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
}

    .tool-tip-fileErr::before {
        border-color: transparent transparent #fff transparent;
        border-width: 0 8px 10px;
        border-style: solid;
        content: "";
        height: 0;
        left: 153px;
        margin-left: -5px;
        position: absolute;
        top: -10px;
        width: 0;
    }

    .tool-tip-fileErr p {
        font-size: 19px;
        margin: 8px;
        color: #686767;
        font-family: 'Poppins-SemiBold', calibri;
    }

.inside-tool-tip {
    position: relative;
    z-index: 999;
}

.btn-custom {
    margin-top: 10px;
}

.wrap-bottom-btn {
    float: left;
    min-height: 1px;
    margin-top: 10px;
}

    .wrap-bottom-btn .btn {
        margin-right: 10px;
    }

.tool-tip-two {
    display: none;
}

    .tool-tip-two ul, .popover .popover-content ul {
        padding: 20px;
        float: left;
        padding-top: 30px;
        width: 100%;
    }

        .tool-tip-two ul li, .popover .popover-content li {
            list-style: none;
            width: 100%;
            float: left;
            border-bottom: 1px solid #CCC;
            padding: 10px;
        }

            .tool-tip-two ul li:last-child, .tool-tip-two ul li.last, .popover .popover-content li:last-child, .popover .popover-content li.last {
                border-bottom: none;
            }

            .tool-tip-two ul li div, .popover .popover-content li div {
                float: left;
                min-height: 1px;
                width: 50%;
            }

            .tool-tip-two ul li div {
                white-space: normal;
            }

.myaccount-current-page .table-trasaction-one tbody td.val-plus {
    color: green;
}

.myaccount-current-page .table-trasaction-one tbody td.val-minus {
    color: red;
}
/*...........080_new_style....................*/

.myaccount-current-page .wrap-current-account-details {
    padding-top: 0;
}

.table-transaction-two td:nth-last-child(2) {
    text-align: right;
}

.table-transaction-two .tool-tip-two {
    top: 15px;
}

    .table-transaction-two .tool-tip-two ul {
        padding-top: 22px;
    }

    .table-transaction-two .tool-tip-two li {
        padding: 12px;
    }

.wid-transaction-two .wrap-transaction-form ul .wrap-name-inputs {
    width: 244px;
}

.wid-transaction-two .wrap-transaction-form .wrap-view-for .wrap-select {
    width: 184px;
    background: url("../images/select-arrow-down.png") no-repeat scroll 95% 10px #fff;
}

.wid-transaction-two .wrap-transaction-form .wrap-view-for select {
    width: 224px;
}

.table-transaction-two .table-curved th.arrow-down:after {
    background: none;
}

.table-transaction-two .tool-tip-two {
    white-space: normal;
}

.collapse.in {
    display: block !important;
}

    .collapse.in.hidden-xs {
        display: none !important;
    }
/*...........090_style....................*/

.myaccount-current-page .table-billed-trasaction {
    float: left;
}

.wid-transaction .table-billed-trasaction .table-curved td.bill-transaction {
    background: #1270b5;
    text-align: left;
    color: #fff;
    font-style: italic;
    border-top: none;
}

.wid-transaction .table-billed-trasaction .table-curved tr:last-child td:first-child, .wid-transaction .table-billed-trasaction .table-curved tr:last-child td:last-child {
    background: #fff;
}

.wrap-card-usage-heading, .wrap-card-usage-content {
    clear: both;
}

.wrap-card-usage-content {
    display: block;
}

.line-chart-wrapper {
    padding: 0 5px;
    background: none;
    clear: both;
}

    .line-chart-wrapper canvas {
        background: none;
        margin: 0;
        padding-bottom: 0;
    }

.wrap-card-usage-content .wrap-transaction-form {
    border-bottom: 1px solid #d3e9f6;
    margin-bottom: 10px;
}

    .wrap-card-usage-content .wrap-transaction-form ul {
        margin-bottom: 5px;
    }

.wrap-card-usage-content .line-chart-wrapper {
    margin-top: 13px;
}

a.pay_balance {
    background: url("../images/sprite.png") no-repeat scroll 27px -343px;
    padding: 0 0 0 42px;
    font-weight: bold;
    font-size: 12px;
}

.wrap-card-usage-content .wrap-name-inputs {
    width: 190px;
}

.wrap-card-usage-content .wrap-view-for .wrap-select {
    width: 124px;
}

.wrap-card-usage-content .wrap-view-for select {
    width: 146px;
}

.wrap-card-usage-content .wrap-view-for select {
    background-position: 77% 10px;
}
/*My Tools Page*/

.profile-name {
    float: left;
}

.mytools-page .table-responsive {
    float: left;
}

.mytools-page .table-curved {
    /*min-width: 515px;*/
}

    .mytools-page .table-curved tbody tr td {
        vertical-align: text-top !important;
    }

.mytools-page .sidebar-menu li:before {
    content: "";
    cursor: pointer;
    height: 30px;
    left: 10px;
    position: absolute;
    top: 9px;
    width: 29px;
    background: url('../images/sidebar-menu-bg-iconset.png') no-repeat;
}

.mytools-page .sidebar-menu ul li a {
    cursor: pointer;
}

.sidebar-menu ul li.exchange-rate:before {
    background-position: 0px 0px;
}

.sidebar-menu ul li.exchange-rate.active:before {
    background-position: 0px 0px;
}

.sidebar-menu ul li.savings-calc:before {
    background-position: 0px -53px;
}

.sidebar-menu ul li.savings-calc.active:before {
    background-position: 0px -595px;
}

.sidebar-menu ul li.loan-calc:before {
    background-position: 0px -107px;
}

.sidebar-menu ul li.loan-calc.active:before {
    background-position: 0px -646px;
}

.sidebar-menu ul li.manage-cards:before {
    background-position: 0px -160px;
}

.sidebar-menu ul li.manage-cards.active:before {
    background-position: 0px -497px;
}

.sidebar-menu ul li.easy-pay:before {
    background-position: 0px -213px;
}

.sidebar-menu ul li.estate-subs:before {
    background-position: 0px -256px;
}

.sidebar-menu ul li.cheque-status:before {
    background-position: 0px -312px;
}

.sidebar-menu ul li.cheque-status.active:before {
    background-position: 0px -549px;
}

.sidebar-menu ul li.brok-reg:before {
    background-position: 0px -366px;
}

.sidebar-menu ul li.brok-reg.active:before {
    background-position: 0px -688px;
}

.sidebar-menu ul li.branch-atm:before {
    background-position: 0px -415px;
}

.sidebar-menu ul li.branch-atm.active:before {
    background-position: 0px -741px;
}

.sidebar-menu ul li.write-us:before {
    background-position: 0px -458px;
}
/*Sidebar Active menu Item*/


/*
.sidebar-menu ul li.manage-cards.active:before {
	background-position: 10px -490px;
}*/
/*.sidebar-menu ul li.cheque-status.active:before {
	background-position: 7px -541px;
}*/
/*Cheque form*/

.wrap-profile-details.wrap-cheque-form {
    padding: 0px;
}

.wrap-cheque-form ul {
    margin: 15px;
}

    .wrap-cheque-form ul li {
        width: 100%;
    }

.wrap-status-highlight {
    background: #eef6f9;
    min-height: 1px;
    float: left;
    width: 100%;
}

.wrap-profile-details .wrap-status-highlight ul {
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 20px;
    padding-left: 20px;
}

    .wrap-profile-details .wrap-status-highlight ul li label {
        width: 65%;
        margin-top: 0px;
    }

.wrap-cheque-form .input-append.date .txt {
    width: 110px;
}

.wrap-cheque-form ul li .wrap-date-control label {
    width: 30px;
    margin-top: 5px;
}

.wrap-cheque-form .wrap-select {
    width: 180px;
}

.wrap-select select {
    width: 100% !important;
}

.wrap-cheque-form .wrap-select select {
    width: 202px;
}

.wrap-cheque-form a.btn-blue {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.wrap-status-highlight ul li:first-child {
    margin-bottom: 20px;
}

.wrap-cheque-form ul li label {
    margin-top: 5px;
}

.wrap-cheque-form > ul {
    margin-bottom: 30px;
}

    .wrap-cheque-form > ul li:last-child {
        margin-top: 15px;
    }

.ie .wrap-cheque-form ul li .wrap-date-control label {
    margin-top: 2px !important; /*border: 1px solid red;*/
}

.link-edit {
    float: right;
    font-size: 12px;
    /*text-transform: uppercase;*/
    font-weight: bold;
    text-decoration: none;
    margin-top: 15px;
    padding-left: 25px;
    background: url('../images/sprite-profile-menu.png') no-repeat 8px -213px;
}

a.link-edit {
    float: left;
    background: url('../images/sprite-profile-menu.png') no-repeat 2px -213px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.custom-selected {
    background-color: #fff;
    float: left;
    min-height: 1px;
    padding: 5px;
    position: absolute;
    width: 86%;
    line-height: 22px;
    margin: 0 !important;
    text-align: left !important;
}

.styled {
    opacity: 0;
}

.btn-authorize {
    display: none;
}

.table > thead > tr > th {
    text-align: left;
}

    .table > thead > tr > th.text-center {
        text-align: center;
    }

    .table > thead > tr > th.text-right {
        text-align: right;
    }

a.link-generic:hover, a.upload-link:hover, a.terms-link:hover, .wrapper-login-box a:hover, .wrapper-authorize p a:hover, .wrap-request-code-content a:hover, .secret-question a:hover, .tab-authorization a:hover, .success-tab a:hover, .user-reg-authorization a:hover, .wrap-authorization a:hover, ul.nav-bullets a:hover, .wrap-custom-delivery a:hover, a.pay_balance:hover, .alert-dismissible li a:hover, a.btn-transfer-history:hover, .forgot-pass-success a:hover {
    color: grey !important;
}

.wrapper-authorize .wrap-input a:hover {
    color: #fff !important;
}

.wrap-right-block .row div:nth-child(3), .wrap-right-block .row div:nth-child(3) .btn {
    float: right;
}

    .wrap-right-block .row div:nth-child(3) .btn {
        margin-right: 8px;
    }

.wrap-left-block .row div:nth-child(3), .wrap-left-block .row div:nth-child(3) .btn {
    float: right;
}

    .wrap-left-block .row div:nth-child(3) .btn {
        margin-right: 25px;
    }

#activate-step1 .custom-selected {
    width: 82%;
}

.wrap-left-block input {
    width: 172px;
    float: right;
}

.wrapper-prepaid-orders small.acct-balance {
    padding-left: 0px;
    margin-top: 5px;
    float: left;
}

li.remider p {
    /*margin-left: 94px;*/
}

li.wrap-submit {
    border-top: 1px solid #c3d6dd;
    padding-top: 15px;
}

.wrap-select.rp-biller-type {
    width: 120px;
    margin-right: 10px;
}

.label-rp-biller-type {
    margin-top: 8px;
}

.date-to label, .date-from label {
    margin-top: 7px;
}

.btn-go {
    margin-top: 3px;
}

.when .input-append.date {
    margin-top: 5px;
}

.btn-purchase {
    padding: 10px 30px !important;
    font-size: 12px;
}

.new-transfer ul.wrap-new-transfer-content .wrap-name-inputs .input-txt, .new-transfer ul.local-form .input-txt {
    width: 220px;
}

#carousel, #carousel-mobile {
    width: 100px;
    /*overflow: hidden;*/
    position: relative;
}

#slider ul {
    /*margin-left: -40px;*/
    padding: 0;
}

    #slider ul.flex-direction-nav, #slider-mobile ul.flex-direction-nav {
        display: none;
    }

#carousel ul, #carousel-mobile {
    list-style: none;
}

    #carousel ul.flex-direction-nav li a.flex-prev, #carousel-mobile ul.flex-direction-nav li a.flex-prev {
        background: url("../images/sprite.png") no-repeat scroll 0 -754px rgba(0, 0, 0, 0);
        left: -105px;
        padding-left: 10px;
        position: absolute;
        top: 0;
    }

    #carousel-mobile ul.flex-direction-nav li a.flex-prev {
        left: -72%;
        top: 10px;
    }

    #carousel ul.flex-direction-nav li a.flex-next, #carousel-mobile ul.flex-direction-nav li a.flex-next {
        background: url("../images/sprite-right.png") no-repeat scroll 100% -61px rgba(0, 0, 0, 0);
        padding-right: 10px;
        position: absolute;
        right: -88px;
        top: 0;
    }

    #carousel-mobile ul.flex-direction-nav li a.flex-next {
        right: -43%;
        top: 10px;
    }

    #carousel ul.flex-direction-nav li a.flex-prev.flex-disabled, #carousel-mobile ul.flex-direction-nav li a.flex-prev.flex-disabled {
        background-position: 0 -713px;
        color: #666;
        cursor: default;
        text-decoration: none;
        outline: none;
    }

    #carousel ul.flex-direction-nav li a.flex-next.flex-disabled, #carousel-mobile ul.flex-direction-nav li a.flex-disabled {
        background-position: 100% -111px;
        color: #666;
        cursor: default;
        text-decoration: none;
        outline: none;
    }

    #carousel ul.flex-direction-nav li a.flex-prev.flex-disabled, #carousel-mobile ul.flex-direction-nav li a.flex-prev.flex-disabled, #carousel ul.flex-direction-nav li a.flex-next.flex-disabled, #carousel-mobile ul.flex-direction-nav li a.flex-disabled {
        display: none;
    }

    #carousel-mobile ul.flex-direction-nav li a.flex-prev, #carousel-mobile ul.flex-direction-nav li a.flex-next, #carousel ul.flex-direction-nav li a.flex-prev, #carousel ul.flex-direction-nav li a.flex-next {
        font-weight: bold;
        color: #005e8c;
    }

    #carousel-mobile ul.flex-direction-nav li a.flex-next, #carousel ul.flex-direction-nav li a.flex-next {
        /*text-transform: uppercase;*/
    }

    #carousel li.flex-active-slide, #carousel-mobile li.flex-active-slide {
        background: #fff;
        border: 1px solid #333;
    }

.table-pager .carousel-indicators li {
    width: 20px !important;
    height: 20px;
    line-height: 20px;
}

.tableCarouselMobile {
    border: 1px solid #d4e8f0;
    padding-bottom: 65px;
}

#slider-mobile ul.slides {
    margin-left: -41px;
}

#carousel-mobile {
    background: #f4f7f8;
    position: relative;
    min-height: 59px; /*margin: 0 1px;*/
}

    #carousel-mobile .flex-viewport {
        width: 100px;
        margin: -60px auto 0;
        text-align: center;
    }

    #carousel-mobile ul.flex-direction-nav {
        list-style: none;
    }

    #carousel-mobile ul.carousel-indicators {
        margin-top: 10px;
    }
/*.myaccount-current-page .wrap-account-details li {

	width: 48%;

	margin-right: 2%;

}*/



.myaccount-current-page .wrap-account-details li span.col-left-align {
    width: 33%;
    display: inline-block;
    padding: 0;
}

.myaccount-current-page .wrap-account-details li:nth-last-child(2) {
    /*border: none;*/
}

.wrap-cheque-form > ul li:last-child {
    border-top: 1px solid #c3d6dd;
}

    .wrap-cheque-form > ul li:last-child .pull-right {
        margin-top: 10px;
    }

.wrap-cheque-form a.request-status {
    padding: 10px 30px;
}

.table-manage-cards .wid-user-profile .dropdown-menu li a {
    background: none;
    padding-left: 0;
    text-decoration: none;
}

.table-manage-cards .dropdown-menu {
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.176);
}

.table-manage-cards .wid-user-profile .dropdown-menu-right {
    top: 2px;
}

.table-manage-cards td.tool-tip-sub:hover {
    cursor: pointer;
}

.table-manage-cards a.user-name {
    background: url("../images/arrow-down.png") no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    float: right; /*margin-top: 2px;*/
}

.sidebar-menu ul li.loan-calc.active {
    background-position: 10px -638px;
}
/*..........151....................*/

.slider-wrap {
    margin: 15px 15px 28px;
    clear: both;
}

    .slider-wrap label {
        padding-bottom: 10px;
        font-weight: normal;
    }

.slider-change {
    width: 40%;
    float: left;
}

.slider-main {
    width: 236px;
    float: left;
    margin-top: 12px;
}

input.input-key {
    height: 28px;
    margin: 3px 10px 0;
    vertical-align: middle;
    width: 80px;
    padding-left: 10px;
}

.btn-lower, .btn-upper {
    width: 26px;
    height: 22px;
    border: none;
    vertical-align: middle;
}

.btn-upper {
    background: url(../images/slider-img.png) no-repeat;
}

.btn-lower {
    background: url(../images/slider-img.png) no-repeat 0 -22px;
}

.noUi-handle {
    background: url(../images/slider-img.png) no-repeat 0 -44px;
    border: none;
    box-shadow: none;
}

    .noUi-handle:after, .noUi-handle:before {
        background: none;
    }

.noUi-horizontal {
    height: 7px;
}

    .noUi-horizontal .noUi-handle {
        top: -8px;
    }

.noUi-base {
    background: #03608d;
}

.noUi-origin {
    background: #fff;
}

.wid-calculator ul:first-child {
    margin-bottom: 20px;
}

.mytools-page .wid-calculator ul:first-child .pull-right {
    margin: 0;
}

.wid-calculator ul:first-child li {
    border-top: none;
    border-bottom: 1px solid #c3d6dd;
    padding-bottom: 14px;
    margin-top: 10px;
}

.wid-calculator .input-append.date .txt {
    width: 152px;
}

.wrap-cheque-form a.request-calculate {
    padding: 8px 52px;
}

.wrap-cheque-form a.request-open {
    padding: 7px 12px;
}

.wid-calculator ul:last-child li:last-child {
    border: none;
    margin: 0;
}

.wid-calculator ul:last-child li:nth-last-child(2) {
    border-top: 1px solid #c3d6dd;
    padding-top: 20px;
}

.sidebar-menu ul li.savings-calc.active {
    background-position: 10px -587px;
}

.mytools-page .wid-loan-calculator .wid-calculator li .pull-right {
    margin: 0 60px 10px 0;
}

    .mytools-page .wid-loan-calculator .wid-calculator li .pull-right:last-child {
        clear: both;
    }

.mytools-page .wid-loan-calculator .wrap-amount-pay li .pull-right:last-child {
    clear: none;
}

.mytools-page .wrap-profile-details .wrap-amount-pay li label {
    width: auto;
    margin-top: 7px;
}

ul.loan-calculate li {
    border: none;
}

.wrap-cheque-form ul.last-plan li {
    border: none;
}

.select-hide, .block-hide {
    display: none;
}

.wid-calculator .vehicle_select a.request-calculate, .wid-calculator .personal_select a.request-calculate {
    padding: 7px 62px;
}

.mytools-page .wid-calculator .wrap-select {
    width: 181px;
}

.mytools-page .wrap-amount-pay ul.loan-calculate li .pull-right {
    margin-right: 28px;
}

.mytools-page .wrap-amount-pay ul.loan-calculate li {
    border: none;
}

    .mytools-page .wrap-amount-pay ul.loan-calculate li input {
        width: 200px;
    }

span.one-mn {
    width: 51px;
}

.wrap-amount-range span.one-mn {
    width: auto;
}

.group-btn-new a.btn, .myaccount-current-page .wrap-account-details .wrap-group-buttons a.btn {
    width: 157px;
    padding: 2px 0;
    font-size: 11px;
}

.myaccount-current-page .wrap-account-details .wrap-group-buttons.count-five a.btn {
    width: 125px;
}

.myaccount-current-page .wrap-account-details .group-btn-new a.btn-custom {
    margin-right: 11px;
}

.myaccount-current-page .wrap-account-details .group-btn-new a.btn-custom-last {
    margin-right: 0;
}
/*---------250----------------*/

#slider-mobile li.itemList-top {
    margin: 0;
    padding: 15px 10px 0;
}

.secure-mail-slider li {
    width: 100%;
}

.wrap-group-action .profile-name h2 {
    margin-top: -12px;
}

.wrap-group-action {
    margin-bottom: 7px;
}

#request_loan {
    max-width: 750px;
}

    #request_loan .resp-tabs-container {
        text-align: center;
    }

    #request_loan p {
        margin-top: 35px;
    }

.wrap-secure-mail .table-curved tr.current td {
    background: #f4f7f8;
}

.wrap-secure-mail .table-curved td {
    word-wrap: break-word;
}

.wrap-secure-mail .table-curved a {
    text-decoration: none;
    color: inherit;
}

    .wrap-secure-mail .table-curved a:hover {
        opacity: .8;
    }

.wrap-profile-menu ul li.secure-mail.active {
    background-position: 15px -381px;
}

.ch-block {
    width: 10%;
    float: left;
}

.ch-block-right {
    width: 80%;
    float: left;
}

.wrap-profile-details .ch-block-right li.time {
    border: none;
    padding: 0;
    margin: 0;
}

    .wrap-profile-details .ch-block-right li.time span {
        /*float: right;*/
    }

.wrap-secure-mail #slider-mobile .flex-viewport {
    width: 100%;
}

.wrap-secure-mail #slider-mobile ul.slides {
    margin: 0;
}

.profile-edit-page .wrap-secure-mail {
    padding: 0;
    border: none;
}

.wrap-secure-mail #slider ul {
    margin: 0;
}

.wrap-secure-mail .table-responsive {
    width: 99%;
}

.wrap-secure-mail .table-curved {
    /*min-width: 491px;*/
}

.secure-right-btn {
    float: right;
}

    .secure-right-btn .btn-blue {
        float: left;
        clear: none;
        padding: 7px 20px 7px 45px;
        margin-left: 10px;
        font-size: 12px;
        background-repeat: no-repeat;
        background-position: 16px 8px;
    }
/* .wrap-group-action .btn_compose {
	background-image: url(../images/btn_compose.png);
}
.wrap-group-action .btn_sent {
	background-image: url(../images/btn_sent.png);
	background-position: 16px 10px;
}
.wrap-group-action .btn_delete {
	background-image: url(../images/btn_delete.png);
} */
.page-tab-content .top-wrap {
    font-size: 12px;
    background: #566486;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.top-wrap .col-wrap-subject {
    width: 73%;
    float: left;
}

    .top-wrap .col-wrap-subject .col-from label {
        font-weight: normal;
        width: 45px;
        float: left;
    }

.col-receive-on label {
    font-weight: normal;
}

.top-wrap .col-wrap-subject .col-from span, .col-receive-on span {
    font-weight: bold;
}

.top-wrap .col-wrap-subject .col-from span {
    display: table-cell;
}

.top-wrap .col-receive-on {
    width: 27%;
    float: left;
}

    .top-wrap .col-receive-on span {
        display: block;
    }

.col-wrap-subject {
}

.bottom-wrap {
    background: #fff;
    border: 1px solid #ddedf3;
    padding: 22px;
    height: 194px;
    float: left;
    min-height: 1px;
    overflow-y: auto;
    width: 100%;
}

.wrap-customer-support .scrollable.default-skin {
    padding-right: 30px;
}

.wrap-customer-support .bottom-wrap .scroll-bar.vertical {
    background: none;
    width: 13px;
    right: 8px;
}

.wrap-customer-support .bottom-wrap .scroll-bar .thumb {
    background: url("../images/scroll_img.png") no-repeat;
    opacity: 1;
}

a.btn-sc-reply {
    clear: none;
    float: right;
    margin-right: 10px;
    padding: 10px 26px;
}

.profile-edit-page .wrap-customer-support {
    border-radius: 0 0 5px 5px;
    border-top: none;
    padding-bottom: 0;
}
/*-------------faq------------------------*/

.wrap_account .faq-right {
    float: right;
}

.wrap-search-block input {
    width: 80%;
    height: 29px;
    /*border-radius: 5px;*/
    padding-left: 10px;
}

.wrap-search-block a.btn-blue {
    padding: 6px 15px;
    font-size: 12px;
}

.wrap-faq-block .wrap-profile-menu li {
    padding-left: 20px;
}

    .wrap-faq-block .wrap-profile-menu li:before {
        display: none;
    }

.wrap_accordion {
    float: left;
    width: 100%;
}

    .wrap_accordion h3, .wrap_accordion h3.ui-accordion-header {
        background: none;
        border: none;
        font-size: 20px;
        border-bottom: 1px solid #d6dde2;
        padding: 0.6em 0.5em 0.8em 2.2em;
    }

        .wrap_accordion h3.ui-accordion-header-active {
            border-bottom: none;
        }

.accordion_details {
    border: none;
    border-bottom: 1px solid #d6dde2;
}

.wrap_accordion .ui-icon {
    background: url("../images/accordin_img.png") no-repeat left top;
    height: 23px;
    width: 23px;
}

.wrap_accordion .ui-state-active .ui-icon {
    background-position: 0 -23px;
}

.wrap_accordion .col-img {
    width: 40%;
    float: left;
}

.wrap_accordion .col-details {
    width: 60%;
    float: left;
}

.col-details, .col-details ul {
    padding-left: 20px;
}

    .col-details ul li {
        color: #666666;
        font-size: 13px;
        line-height: 15px;
        padding-bottom: 7px;
    }

.accordion_details a.link-generic {
    font-size: 12px;
    margin-left: 10px;
}
/*-------------sitemap--------------------*/

.wrap_account {
    width: 100%;
    float: left;
}

    .wrap_account ul {
        padding: 0;
        list-style: none;
    }

.wrap_account_left {
    width: 33.3%;
    float: left;
}

.wrap_account ul ul {
    list-style-type: disc;
    padding-left: 28px;
    padding-top: 10px;
    color: #99bfd1;
}

a.link-faq {
    background: none;
    padding: 0;
}

#compose-mail {
    max-width: 750px;
}

    #compose-mail .resp-tabs-container {
        min-height: 250px;
    }

    #compose-mail textarea {
        resize: none;
        height: 78px;
        border: 1px solid #e3e3e3;
        border-radius: 3px;
        padding: 8px;
    }

    #compose-mail input, #compose-mail textarea {
        width: 326px;
    }

.wrap_account ul.wrap-my-profile {
    width: 45%;
    float: left;
}

a.profile_update {
    float: left;
}

.default-datepicker .datepicker td.day.disabled {
    color: #ccc;
}

.datepicker td.day.disabled:hover {
    background: none;
    cursor: default;
}

.col-left-iban strong {
    font-size: 10px;
}

.wrap-to .input-txt.in-acc-num {
    font-size: 11px;
}

#eStatement .scrollable .viewport .overview {
    overflow: visible;
}

a.svn_su {
    font-size: 11px;
    text-decoration: underline;
    font-style: italic;
}

.wid-calculator .monthly-savings ul:last-child li:nth-last-child(3) {
    border-top: 1px solid #c3d6dd;
    padding-top: 20px;
}

.wid-calculator .monthly-savings ul:last-child li:nth-last-child(2) {
    border-top: none;
    padding-top: 0px;
}
/*---------200---------------*/

.col-no-pad {
    padding-top: 0;
}

.col-investment {
    padding-bottom: 10px;
}

.sidebar-menu ul li.brok-reg.active {
    background-position: 10px -680px;
}

.mytools-page .wrap-brokerage-registration {
    padding: 15px;
}

    .mytools-page .wrap-brokerage-registration .col-top-blck ul {
        margin: 10px 0 0 0;
        width: 100%;
    }

    .mytools-page .wrap-brokerage-registration .col-top-blck li {
        width: 50%;
        float: left;
        margin-top: 10px;
    }

.col-top-blck {
    padding: 12px 0;
    border-bottom: 1px solid #c3d6dd;
}

    .col-top-blck input {
        margin-right: 2px;
        margin-top: -2px;
        vertical-align: middle;
    }

    .col-top-blck .wrap-inputs {
        float: left;
        width: 100%;
    }

.mytools-page .wrap-brokerage-registration .col-center-block ul {
    width: 95%;
}

.mytools-page .wrap-brokerage-registration .col-center-block li, .mytools-page .wrap-brokerage-registration .col-center-block .col-investment label {
    width: 100%;
}

.mytools-page .wrap-brokerage-registration .col-center-block .input-txt, .mytools-page .wrap-brokerage-registration .col-center-block .wrap-select, .mytools-page .wrap-brokerage-registration .col-center-block .col-investment {
    width: 235px;
}

.mytools-page .wrap-brokerage-registration .col-center-block .input-txt-two {
    width: 181px;
}

.col-center-block .wrap-checkboxes label {
    float: none;
}

.wid-sv-calc ul:first-child {
    margin-bottom: 10px;
}

#searchBenifbankInfo .slider {
    float: left;
    width: 100%;
}

    #searchBenifbankInfo .slider li {
    }

.landing-accounts #searchBenifbankInfo .table-pager {
    float: none;
    width: 100px;
}

.page-tab-content {
    margin-bottom: 25px;
}

    .page-tab-content .wrap-branch-locator {
        padding: 0;
    }

.sidebar-menu ul li.branch-atm.active {
    background-position: 10px -733px;
}

.wrap-map {
    clear: both;
    height: 540px;
}

.wrap-top-branch .wrap-select {
    margin-right: 10px;
    margin-bottom: 10px;
}

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 540px;
    overflow: hidden;
}

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

.new-transfer .when .input-append.date {
    float: right;
    margin-right: 69px;
}

#addNewbenif .tab-navigation .btn-cancel-two {
    margin-right: 10px;
    margin-top: 0px;
}

.wrapper-bill-payments .from {
    /*width: 101%;*/
}

.new-transfer .when .input-append.date {
    margin: 5px 0 0;
}

.wrap-new-transfer-content li.when label.for-calender {
    margin-bottom: 33px;
}

.row .btm-widgets:nth-child(2) {
    margin-bottom: 20px;
}

#monthly-bill .table > thead > tr > th {
    text-align: center;
}

.wrap-form-control .form-control-forgot span.custom-selected {
    width: 214px;
}

label.full-wid {
    width: 100%;
    clear: both;
}

p.pad-top {
    padding-top: 5px;
    margin-bottom: 0;
    clear: both;
}

.hide-block {
    display: none;
}

label.pad-top-two {
    padding-top: 20px;
}

.col-margin {
    margin-top: 10px;
}

.wrap-supply-card {
    padding-top: 15px;
    margin-bottom: 10px;
}

.pad-top-last {
    padding-top: 20px;
    clear: both;
}

#addNewbenif ul#tab li.res-tab-flow {
    overflow: visible;
}

.wrap-to .input-iban {
    font-size: 11px;
}

.my-account-popup .input-iban {
    font-size: 9px;
}

input.input-iban {
    font-size: 9px;
}

.wrap-new-transfer-content li.when label.now-wrap {
    margin-right: 0;
}

.new-transfer .when .input-append.wrap-cal {
    float: left;
}

.wrap-top-branch ul {
    margin-bottom: 0;
}

.tab-navigation-two {
    margin-top: 20px;
}

.wrap-right-btn {
    width: 100%;
}

    .wrap-right-btn .btn {
        float: right;
        margin-left: 10px;
        margin-right: 0;
    }

.wrap-transaction-form ul li.wrapper-go a.btn-go-two {
    float: right;
}
/* Fixes by Praveen Vincent*/

.wrap_account_left > h3 {
    margin-top: 5px;
}

div#logout-confirm-popup .wrap-products > p, .log-out-state .wrap-products > p {
    font-size: 13px;
    font-weight: normal;
}

.wrapper-mobile-access-two {
    height: 426px;
}

.payment_personal {
    float: left;
    min-height: 1px;
}

#add-new-payee-step1 .resp-tabs-container ul {
    width: 100%;
}

input:focus, select:focus, a:focus, textarea:focus {
    /*outline: 1px solid #6a9cc9!important; CIB-Change*/
}

input[disabled] {
    background: #e1e1e1 !important;
}

#searchBenifbankInfo ul.flex-direction-nav {
    margin: 0;
}


.table-dashboard .table > thead > tr > th, .table-dashboard .table > tbody > tr > th, .table-dashboard .table > tfoot > tr > th, .table-dashboard .table > thead > tr > td, .table-dashboard .table > tbody > tr > td, .table-dashboard .table > tfoot > tr > td, .table-dashboard .table-curved {
    border-color: transparent;
}

/* .custom-selected.input-validation-error{
  border: 1px solid #ffa2a2;
  background: #FFE6E6;
} */
.wrap-select.wrap-input-validation-error {
    border: 1px solid #ffa2a2;
    background-color: #FFE6E6;
}

.wrap-input-validation-error .custom-selected {
    background-color: transparent;
}

ul.alert-critical-red, .alert-critical-red ul, dl.alert-critical-red, .alert-critical-red dl {
    list-style: disc inside;
    padding: 0;
}

​ .page-tabs > ul > li .dropdown-menu li a {
    margin-bottom: 1px;
}

.ie8 .wrap-identification li, .ie8 .form-profile-contact li {
    width: 100%;
}

@media all and (-ms-high-contrast:none) {
    .page-tabs > ul > li .dropdown-menu li a {
        margin-bottom: 1px;
    }
}

.logout-screen .mfp-bg {
    opacity: .95;
}

.table-manage-cards .table-curved {
    font-size: 11px;
}

/* Sticky footer styles
-------------------------------------------------- */
.table > thead > tr > th, .wrap-profile-menu .active.profile, td.center-button {
    background: #1270B5 !important;
}

#Sticky-footer {
    bottom: 0;
    position: fixed;
    width: 100%;
}

#btnCancel {
    margin-left: 5px;
}

.padding-margin-10 {
    margin: 10px;
    padding: 10px;
}

.link-lightgray {
    color: #ccc;
    margin-left: 5px;
}

.btnLogin-align {
    margin-left: 110px;
}

.grid-message {
    font-weight: bold;
    text-align: center;
}

.dashboard-height {
    height: 352px;
}

.amountrange-btn {
    float: left;
    margin-top: 23px;
}

@media(max-width:768px) {
    #Sticky-footer {
        bottom: 0;
        position: relative;
        width: 100%;
    }

    .grid-message {
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: bold;
        text-align: left;
        margin-left: 0px;
    }

    .dashboard-height {
        height: 100%;
    }

    .amountrange-btn {
        float: left;
    }
}

.btn-success {
    color: #fff;
    background-color: #1270B5;
    border-color: #1270B5;
    /*font-size: 18px;
        padding: 2px 10px;
    font-family: 'Poppins-SemiBold', calibri;*/
}

    .btn-success .glyphicon {
        font-size: 14px;
        /*margin-bottom: 8px;*/
    }

.btn-danger {
    color: #fff;
    background-color: #1270B5;
    border-color: #1270B5;
    /*font-size: 18px;
        padding: 2px 10px;
    font-family: 'Poppins-SemiBold', calibri;*/
}

    .btn-danger .glyphicon {
        font-size: 14px;
        /*margin-bottom: 8px;*/
    }

.cbq-color-items {
    /*	border: 1px solid #d6dde2;*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 3px;
    padding: 8px;
    margin-right: 10px;
    float: left;
    padding-bottom: 3px;
    padding-top: 4px;
    /*background: #fff;*/
}

.cursor {
    cursor: pointer;
}

.LightBlue {
    color: #1270B5;
    border: 2px #FFF solid;
    border-radius: 50%;
}

.Dawn {
    color: #a30c43;
    border: 2px #FFF solid;
    border-radius: 50%;
}

.Dusk {
    color: #531779;
    border: 2px #FFF solid;
    border-radius: 50%;
}

.DarkBlue {
    color: #0f447b;
    border: 2px #FFF solid;
    border-radius: 50%;
}

.Sadara {
    color: #414384;
    border: 2px #FFF solid;
    border-radius: 50%;
}

.Private {
    color: #727070;
    border: 2px #FFF solid;
    border-radius: 50%;
}

.WhiteColor {
    color: #ffffff !important;
}

.green {
    color: green;
}

.red {
    color: red;
}

.grid-header-h3 {
    font-size: large;
    margin-top: 29px;
    margin-right: 10px;
}

.grid-header-left {
    font-size: inherit;
    margin-top: 0px;
    margin-left: 8px;
    font-weight: bold;
}

.nav-history {
    margin: 0px;
    margin-right: 10px;
    color: #ccc;
    padding: 7px;
}

.btn-summary {
    margin-top: 2px;
    margin-left: 6px;
    font-size: 20px;
    color: rgb(220, 223, 224);
}

    .btn-summary a {
        padding: 10px;
    }

.header-icon {
    margin-top: 11px;
    margin-left: 6px;
    font-size: 19px;
    color: #1270B5;
}

    .header-icon a {
        color: #fff;
    }

.span-fontsize {
    font-size: 25px;
}

.iconInfo {
    font-size: 13px;
    float: right;
    margin-top: 8px;
}

.collapseIconInfo {
    font-size: 13px;
    margin-top: 20px;
    color: rgb(102, 102, 102);
}

.tabHeaderItems {
    padding: 5px;
    margin-right: 8px;
}

#page-tab-content-grid {
    margin-top: 0;
    border-radius: 1px 5px 0px 5px;
    -webkit-border-radius: 1px 5px 0px 5px;
    -moz-border-radius: 1px 5px 0px 5px;
}

.bs-example {
    margin: 0px;
}

.vertical-center {
    min-height: 100%;
    min-height: 0vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.full-width-tabs {
    /*border: 1px solid #D6DDE2;
    border-radius: 5px;*/
    /*margin-right: 10px;*/
    float: left;
    /*background: none repeat scroll 0% 0% #FFF;*/
    width: 100%;
}

    .full-width-tabs > ul.nav.nav-tabs {
        display: table;
        width: 100%;
        table-layout: fixed;
        /*border-bottom: 1px solid #F2F2F2;
        background-color: rgb(249, 247, 247);*/
        font-size: 15px;
    }

        .full-width-tabs > ul.nav.nav-tabs > li {
            float: none;
            display: table-cell;
            /*border-right: 1px rgba(51, 51, 82, 0.31) solid;*/
        }

            .full-width-tabs > ul.nav.nav-tabs > li > a {
                font-family: 'Poppins-SemiBold', calibri;
                font-size: 39px;
                text-align: left;
                margin-left: 0;
                margin-right: 0px;
                margin-bottom: -1px;
                padding: 4px;
                border-right: 1px solid #cccccc;
                /* background: cadetblue; */
                border-radius: 0;
            }

.take-all-space-you-can {
    width: 100%;
}

.tab-content {
    padding: 0px !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFF;
    cursor: default;
    border-radius: 0 0 0 0;
    background-color: #1270B5; /*#140653;*/
    border: 1px solid #e9dfef; /*#120451;*/
    border-bottom-color: transparent;
}

.text-wrap {
    word-wrap: break-word;
}

#panel-body-bg {
    /*background-color: rgba(249, 247, 247, 0.74);*/
}

.margin-top-panel {
    margin-top: 10px;
}

.acc-rights-lbl {
    font-size: 14px;
}

    .acc-rights-lbl label {
        margin-left: 18px;
        padding: 10px;
    }

.corp-header-txt {
    text-align: left;
    color: #fff;
    font-size: 12px;
}

.saveandclose {
    float: right;
    margin-right: 9px;
}

#dashboard-panel {
    background-color: rgba(120, 120, 120, 0.17);
    color: #585454;
}

.email-box {
    width: 400px;
    padding: 4px;
}

    .email-box img {
        width: 39px;
        margin-right: 5px;
    }

.user-widget {
    width: 100%;
    padding: 14px;
}

    .user-widget img {
        width: 39px;
        margin-right: 14px;
    }

.email-box-icon {
    font-size: 21px;
    color: rgba(240, 248, 255, 0.81);
}

.sel-corp-remove {
    font-size: 12px;
}

.badge-count {
    background: red;
    position: relative;
    top: -12px;
    right: 18px !important;
    margin-right: -15px !important;
}

.badge-summary {
    background: #007AFF;
    position: relative;
    top: -12px;
    left: -13px;
}

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
        Label the data
        */
        #no-more-tables td:before {
            content: attr(data-title);
        }
}
/* teb text for mobile
.tabmobiletextview {
    display: block;
}
@media (max-width: 600px) {
    .tabmobiletextview {
        display: none;
    }
}*/


/* -------------------------------- 

Header - not needed in production

-------------------------------- */
.cd-main-header {
    height: 170px;
    line-height: 170px;
    text-align: center;
}

    .cd-main-header h1 {
        color: #ffffff;
        font-weight: 300;
        font-size: 2rem;
    }

@media only screen and (min-width: 1024px) {
    .cd-main-header {
        height: 220px;
        line-height: 220px;
    }

        .cd-main-header h1 {
            font-size: 2.6rem;
        }
}

/* -------------------------------- 

Pricing tables 

-------------------------------- */
.cd-pricing {
    width: 90%;
    max-width: 280px;
    margin: 0 auto;
    text-align: center;
}

    .cd-pricing > li {
        position: relative;
        margin: 0 auto 2.5em;
        background-color: #ffffff;
        border-radius: .3em .3em .25em .25em;
        box-shadow: 0 2px 8px rgba(2, 4, 5, 0.5);
    }

        .cd-pricing > li.empty-box {
            box-shadow: none;
        }

            .cd-pricing > li.empty-box::after {
                /* placeholder visible when .cd-form is open - in this case same color of the background */
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #0f222b;
            }

@media only screen and (min-width: 768px) {
    .cd-pricing {
        max-width: 1000px;
    }

        .cd-pricing > li {
            width: 32%;
            float: left;
            margin-right: 2%;
            margin-bottom: 0;
        }

            .cd-pricing > li:last-of-type {
                margin-right: 0;
            }
}

@media only screen and (min-width: 1024px) {
    .cd-pricing > li {
        width: 28.0%;
        float: left;
        margin-right: 8%;
    }
}

.cd-pricing-header {
    padding: 1.3em 1em;
    background-color: #95ac5f;
    border-radius: .25em .25em 0 0;
    box-shadow: inset 0 1px 0 #c1cfa2;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .cd-pricing-header h2, .cd-pricing-header .cd-price {
        line-height: 1.2;
    }

    .cd-pricing-header h2 {
        font-size: 2rem;
        margin-bottom: 0.15em;
    }

    .cd-pricing-header .cd-price {
        display: inline-block;
        font-weight: bold;
    }

        .cd-pricing-header .cd-price::after {
            clear: both;
            content: "";
            display: table;
        }

    .cd-pricing-header span {
        float: left;
    }

        .cd-pricing-header span:nth-of-type(2) {
            color: #c1cfa2;
        }

            .cd-pricing-header span:nth-of-type(2)::before {
                content: '/';
            }

@media only screen and (min-width: 768px) {
    .cd-pricing-header h2 {
        font-size: 2.6rem;
    }
}

.cd-pricing-features {
    padding: 2.8em 1em 2.5em;
}

    .cd-pricing-features li {
        line-height: 1.5;
        margin-bottom: .4em;
    }

        .cd-pricing-features li:last-of-type {
            margin-bottom: 0;
        }

    .cd-pricing-features em {
        position: relative;
        padding-left: 28px;
    }

        .cd-pricing-features em::before {
            /* this is the icon (check or cross) next to the plan feature */
            position: absolute;
            content: '';
            left: 0;
            top: 50%;
            bottom: auto;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 24px;
            width: 24px;
            background: url(../img/cd-icons-plan.svg) no-repeat -24px 0;
        }

    .cd-pricing-features .available em::before {
        background-position: 0 0;
    }

.cd-pricing-footer {
    padding-bottom: 1.7em;
}

    .cd-pricing-footer a {
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }

.empty-box .cd-pricing-footer a {
    /* scale down to 0 the action button when sign up form is visible */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

/* -------------------------------- 

Form 

-------------------------------- */
.cd-form {
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    border-radius: .25em;
    visibility: visible;
    -webkit-transition: visibility 0s 0.8s;
    -moz-transition: visibility 0s 0.8s;
    transition: visibility 0s 0.8s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

    .cd-form::before {
        /* never visible - this is used in jQuery to check the current MQ */
        display: none;
        content: 'mobile';
    }

    .cd-form::after {
        /* gradient visible at the bottom of the form - to indicate it's possible to scroll */
        content: '';
        /* position: absolute;*/
        bottom: 0;
        right: 0;
        height: 30px;
        width: 100%;
        border-radius: 0 0 .25em .25em;
        background-color: rgba(255, 255, 255, 0);
        background-image: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
        background-image: linear-gradient(to top,white, rgba(255, 255, 255, 0));
        pointer-events: none;
    }

    .cd-form .cd-plan-info {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        text-align: center;
    }

        .cd-form .cd-plan-info > * {
            width: 100%;
        }

    .cd-form .cd-pricing-features {
        position: relative;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }

        .cd-form .cd-pricing-features::before {
            /* this is the layer which covers the .cd-pricing-features when the form is open - visible only on desktop */
            content: '';
            position: absolute;
            /* fix a bug while animating - 1px white space visible */
            top: -5px;
            left: 0;
            height: calc(100% + 5px);
            width: 100%;
            background-color: #95ac5f;
            will-change: transform;
            -webkit-transform: scaleY(0);
            -moz-transform: scaleY(0);
            -ms-transform: scaleY(0);
            -o-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: center top;
            -moz-transform-origin: center top;
            -ms-transform-origin: center top;
            -o-transform-origin: center top;
            transform-origin: center top;
            -webkit-transition: -webkit-transform 0.6s 0.2s;
            -moz-transition: -moz-transform 0.6s 0.2s;
            transition: transform 0.6s 0.2s;
        }

    .cd-form .cd-pricing-footer {
        display: none;
    }

    .cd-form .cd-more-info {
        position: absolute;
        z-index: 1;
        height: 100%;
        width: 210px;
        bottom: 0;
        left: 0;
        padding: 285px 1.8em 2em;
        background-color: #f2f2f2;
        border-radius: .25em 0 0 .25em;
        /* hidden on mobile */
        display: none;
        -webkit-transition: opacity 0.6s;
        -moz-transition: opacity 0.6s;
        transition: opacity 0.6s;
    }

        .cd-form .cd-more-info h3 {
            line-height: 2;
        }

        .cd-form .cd-more-info p {
            font-size: 1.3rem;
            color: #999999;
            line-height: 1.6;
        }

    .cd-form form {
        padding-top: 90px;
        height: 100%;
        overflow: visible;
    }

        .cd-form form.is-scrollable {
            overflow-y: auto;
        }

    .cd-form fieldset {
        opacity: 1;
        margin: 1.5em 2em;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        will-change: transform;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
        -moz-transition: opacity 0.2s, -moz-transform 0.2s;
        transition: opacity 0.2s, transform 0.2s;
    }

        .cd-form fieldset > div,
        .cd-form fieldset .cd-credit-card > div {
            padding-top: 1.2em;
        }

        .cd-form fieldset > .cd-credit-card {
            padding-top: 0;
        }

        .cd-form fieldset div::after {
            clear: both;
            content: "";
            display: table;
        }

        .cd-form fieldset:last-of-type > div {
            padding-top: 0;
        }

    .cd-form legend {
        width: 100%;
        font-size: 2.3rem;
        line-height: 1.2;
        padding-bottom: 0.3em;
        border-bottom: 1px solid #e5e5e5;
    }

    .cd-form input[type="radio"],
    .cd-form label {
        cursor: pointer;
    }

    .cd-form label {
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #b2b2b2;
    }

    .cd-form input[type="radio"] + label {
        color: #0f222b;
    }

    .cd-form input[type="text"],
    .cd-form input[type="email"],
    .cd-form input[type="password"],
    .cd-form select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        height: 45px;
        border: 2px solid #e5e5e5;
        border-radius: 0;
        background: transparent;
    }

        .cd-form input[type="text"]:focus,
        .cd-form input[type="email"]:focus,
        .cd-form input[type="password"]:focus,
        .cd-form select:focus {
            outline: none;
            border-color: #95ac5f;
        }

    .cd-form input[type="text"],
    .cd-form input[type="email"],
    .cd-form input[type="password"] {
        width: 100%;
        display: block;
        margin-top: 6px;
        padding: 0 16px;
    }

    .cd-form select {
        padding: 0 25px 0 15px;
        font-size: 1.4rem;
    }

        .cd-form select::-ms-expand {
            /* remove default arrows in IE */
            display: none;
        }

    .cd-form .cd-credit-card b {
        display: block;
    }

    .cd-form .cd-credit-card p {
        padding-bottom: 0.5em;
    }

        .cd-form .cd-credit-card p:last-of-type {
            width: 100px;
        }

    .cd-form .cd-select {
        display: inline-block;
        position: relative;
        margin-top: 6px;
    }

        .cd-form .cd-select::after {
            /* arrow icons */
            content: '';
            position: absolute;
            top: 50%;
            bottom: auto;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 10px;
            height: 6px;
            width: 10px;
            background: url(../img/cd-icon-arrow.svg) no-repeat center center;
            pointer-events: none;
        }

    .cd-form .cd-close {
        /* 'X' close icon */
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        height: 40px;
        width: 40px;
        background: url(../img/cd-icon-close.svg) no-repeat center center;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        transition: transform 0.2s;
        /* image replacement */
        overflow: visible;
        text-indent: 100%;
        white-space: nowrap;
        color: transparent;
    }

    .cd-form.is-visible {
        /* form is visible */
        visibility: visible;
        -webkit-transition: visibility 0s 0s;
        -moz-transition: visibility 0s 0s;
        transition: visibility 0s 0s;
    }

        .cd-form.is-visible .cd-pricing-features {
            /* desktop only */
            opacity: 1;
            visibility: visible;
            -webkit-transition: opacity 0.6s 0s, visibility 0s 0.8s;
            -moz-transition: opacity 0.6s 0s, visibility 0s 0.8s;
            transition: opacity 0.6s 0s, visibility 0s 0.8s;
        }

        .cd-form.is-visible form {
            -webkit-overflow-scrolling: touch;
        }

        .cd-form.is-visible fieldset {
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition: -webkit-transform 0.3s 0.6s, opacity 0.3s 0.6s;
            -moz-transition: -moz-transform 0.3s 0.6s, opacity 0.3s 0.6s;
            transition: transform 0.3s 0.6s, opacity 0.3s 0.6s;
        }

            .cd-form.is-visible fieldset:nth-of-type(2) {
                /* delay second fieldset animation */
                -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
                -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
                transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
            }

            .cd-form.is-visible fieldset:nth-of-type(3) {
                /* delay second fieldset animation */
                -webkit-transition: -webkit-transform 0.3s 0.8s, opacity 0.3s 0.8s;
                -moz-transition: -moz-transform 0.3s 0.8s, opacity 0.3s 0.8s;
                transition: transform 0.3s 0.8s, opacity 0.3s 0.8s;
            }

        .cd-form.is-visible .cd-close {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            -webkit-transition: -webkit-transform 0.3s 0.8s;
            -moz-transition: -moz-transform 0.3s 0.8s;
            transition: transform 0.3s 0.8s;
        }

@media only screen and (min-width: 768px) {
    .cd-form::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }

    .cd-form .cd-pricing-header {
        border-radius: .25em 0 0 0;
    }

    .cd-form .cd-pricing-features {
        -webkit-transition: padding 0.3s 0.2s;
        -moz-transition: padding 0.3s 0.2s;
        transition: padding 0.3s 0.2s;
    }

    .cd-form .cd-more-info {
        display: block;
        opacity: 1;
    }

    .cd-form form {
        padding: 0 0 0 210px;
    }

    .cd-form .half-width {
        width: 48%;
        float: left;
        margin-right: 4%;
    }

        .cd-form .half-width:nth-of-type(2n) {
            margin-right: 0;
        }

    .cd-form input[type="submit"] {
        float: right;
    }

    .cd-form .cd-close {
        /* move close icon outside the form container */
        top: -40px;
        right: -5px;
    }

    .cd-form.is-visible .cd-pricing-features {
        padding-top: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transition: padding 0.3s;
        -moz-transition: padding 0.3s;
        transition: padding 0.3s;
    }

        .cd-form.is-visible .cd-pricing-features::before {
            -webkit-transform: scaleY(1);
            -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -o-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition: -webkit-transform 0.4s 0s;
            -moz-transition: -moz-transform 0.4s 0s;
            transition: transform 0.4s 0s;
        }

    .cd-form.is-visible .cd-more-info {
        opacity: 1;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-form .cd-credit-card p:nth-of-type(2) {
        width: 25%;
        margin-right: 4%;
    }

    .no-csstransitions .cd-form .cd-credit-card p:nth-of-type(2) {
        width: 48%;
        margin-right: 0;
    }

    .cd-form .cd-credit-card p:nth-of-type(3) {
        width: 19%;
        margin-right: 0;
    }
}

/* -------------------------------- 

Buttons 

-------------------------------- */
.cd-pricing-footer a, .cd-form input[type="submit"] {
    display: inline-block;
    padding: 1em 1.8em;
    border-radius: 50em;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: bold;
}

.cd-pricing-footer a {
    border: 1px solid rgba(223, 79, 113, 0.4);
    color: #df4f71;
}

.cd-form input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #df4f71;
    color: #ffffff;
    border: none;
    cursor: pointer;
}

/* -------------------------------- 

Shadow layer 

-------------------------------- */
.cd-overlay {
    /* shadow layer visible when navigation is open */
    position: fixed;
    z-index: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(15, 34, 43, 0.8);
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.6s 0.2s, visibility 0s 0.8s;
    -moz-transition: opacity 0.6s 0.2s, visibility 0s 0.8s;
    transition: opacity 0.6s 0.2s, visibility 0s 0.8s;
}

    .cd-overlay.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.8s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.8s 0s, visibility 0s 0s;
        transition: opacity 0.8s 0s, visibility 0s 0s;
    }

/*Forgot Password and UserID*/
.verification {
    padding-left: 10px;
    padding-right: 10px;
}

.verification-row {
    border: 1px solid #C1C1C1;
}

.verification-col3 {
    padding: 26px 0px 0 20px;
}

.verification-li {
    margin-bottom: 10px;
}

.verification-icon {
    font-size: 15px;
}

.verification-col6 {
    background-color: #f2f2f2;
    padding-left: 23px;
    padding-bottom: 20px;
}

.verification-next {
    padding-left: 39px;
}

.verification-success {
    padding: 35px 0px 0 0;
    height: 242px;
    text-align: center;
}

.success-icon {
    font-size: 50px;
}

.tab-header-txt {
    font-weight: bolder;
    font-size: 24px;
    margin-left: 4px;
}
/*Forgot password toggle button*/
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #084E81;
    border-color: #1270B5;
}

.btn-primary {
    color: #fff;
    background-color: #1270B5;
    border-color: #1270B5;
}

/*body background class*/
.body-backgrond {
    color: #fff;
    background: url(../images/header-bg.jpg) repeat-x center top;
    background-size: cover;
    height: 150px;
}

.success-icon {
    color: #9BFA9D;
}

.redirect-login {
    color: #56AFEB;
}

    .redirect-login:hover {
        color: rgb(68, 147, 233);
    }


/*Forgot password toggle button*/
.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #1270B5;
    border-color: #1270B5;
}

.btn-primary:active {
    color: #fff;
    background-color: #3B0F57;
    border-color: #1270B5;
}

.btn-primary:hover {
    color: #222;
    background-color: #DBD9DD;
    border-color: #DBD9DD;
}

.btn-primary {
    /*color: #fff;
    background-color: #531779;
    border-color: #531779;*/
    color: #4B4747;
    background-color: #DBD9DD;
    border-color: #DBD9DD;
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #2479C9;
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 7px 12px;
    background-color: #1270B5;
    border: 1px solid #ddd;
    color: #fff;
    border-radius: 5px;
    /*font-size: 18px;    
    font-family: 'Poppins-SemiBold', calibri;*/
}

.pager .fa, .pager .glyphicon {
    font-size: 13px;
}

.pager li > a.bg-danger:hover, .pager li > a.bg-danger:focus {
    text-decoration: none;
    background-color: #a94442;
}

.pager li > a.bg-clear:hover, .pager li > a.bg-clear:focus {
    text-decoration: none;
    background-color: #FF9900;
}

.text-forMobile {
    font-size: 0px;
}

#btn-block {
    font-size: 12px;
    font-family: "Segoe UI",calibri, sans-serif,"Helvetica Neue", Helvetica;
}

.no-more-tables {
    padding: 14px;
}

.v-center {
    vertical-align: middle;
}

/*.isMobile {
    display: block !important;
}

.isNotMobile {
    display: none !important;
}*/

.lang-toggle {
    padding: 6px 0px;
    margin-top: 8px;
    margin-right: 9px;
    margin-bottom: 8px;
}

#new-navbar {
    margin-left: -9px;
    margin-top: -7px;
}

#new-lihome {
    background: none;
}

#new-navhome {
    font-size: 16px;
    background-color: transparent;
    padding: 6px 14px 5px 0px;
}

#new-navemail {
    margin-top: 4px;
}

#nav-emaildiv {
    margin-top: 1px;
    margin-right: -16px;
}

#nav-emaila {
    font-size: 16px;
    background-color: transparent;
    padding: 6px 14px 5px 0px;
}

#nav-langToggle {
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 21px;
}

#nav-userWidget {
    margin-top: 0px;
    background: none;
}

#div-userWidget {
    margin-top: 0px;
}

#a-userWidget {
    background-color: transparent;
    margin-left: -8px;
}

#ul-userWidget {
    margin-left: 17px;
}

#div-cntWidget {
    /*margin-left: -11px;*/
}

#cnt-userWidget {
    float: left;
    color: #E4E2E2;
}

#checkbox-tabs {
    text-align: right;
    margin-top: -3px;
    margin-right: 5px;
}

#textleft-tabs {
    text-align: left;
}

.chkicon-tabs {
    float: right;
    font-size: 17px;
}

.verify-icon {
    color: #07960A;
    font-size: 50px;
}

.remove-icon {
    color: #a94442;
    font-size: 45px;
}

.warning-icon {
    color: #FF9900;
    font-size: 50px;
}

.confirm-icon {
    color: #076096;
    font-size: 50px;
}

.info-icon {
    color: #076096;
    font-size: 50px;
}

.checkuncheck {
    margin-top: -30px;
}

    .checkuncheck a {
        font-size: 17px;
        cursor: pointer;
    }

.chk-active {
    color: rgb(38, 189, 38);
}

.chk-pending {
    color: red;
}

.a-corporategrp {
    margin: 5px;
}


/*Strat: typeahead - scrollable dropdown menu*/
/*#scrollable-dropdown-menu .tt-dataset {
  max-height: 150px;
  overflow-y: auto;
}

#user-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}*/

/*Start: create group section */
.add-group {
    margin-top: -10px;
}

.add-corporate {
    font-size: 19px;
    padding: 10px;
}


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

.landing-box {
    background-color: rgba(0, 0, 0, 0.15);
    padding: 0px 24px 10px 24px;
    height: 260px;
}

    .landing-box h2 {
        color: #FBFAFA;
    }

    .landing-box p {
        color: #ECECEC;
    }

    .landing-box .arrow {
        margin-top: -2px;
    }

.carousel-indicators {
    bottom: -34px;
}

#landing-box1 {
    animation-duration: 2s !important;
    -webkit-animation-duration: 2s !important;
    -moz-animation-duration: 2s !important;
    -o-animation-duration: 2s !important;
}

#landing-box2 {
    animation-duration: 2s !important;
    -webkit-animation-duration: 2s !important;
    -moz-animation-duration: 2s !important;
    -o-animation-duration: 2s !important;
    animation-delay: 1s !important;
    -webkit-animation-delay: 1s !important;
    -moz-animation-delay: 1s !important;
    -o-animation-delay: 1s !important;
}

#landing-box3 {
    animation-duration: 2s !important;
    -webkit-animation-duration: 2s !important;
    -moz-animation-duration: 2s !important;
    -o-animation-duration: 2s !important;
    animation-delay: 2s !important;
    -webkit-animation-delay: 2s !important;
    -moz-animation-delay: 2s !important;
    -o-animation-delay: 2s !important;
}


/*table pagination and dropdown*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #1270B5;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #1270B5;
    border-color: #1872B3;
}

.pagination > li > a, .pagination > li > span {
    color: #1270B5;
}

    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        color: #1270B5;
        border-color: #1872B3;
    }
/*select corporate*/
.isSelected {
    color: green;
}

#corporateList a:hover, a:focus {
    color: green;
}

.isNotResize {
    resize: none;
}

#removeTag {
    margin-left: 10px;
}

    #removeTag:hover {
        color: red;
    }

.removeTag {
    margin-left: 4px;
}

    .removeTag:hover {
        color: red;
    }

#tag-margin {
    margin-top: 3px;
}

.tag-margin-bottom {
    margin-bottom: 6px;
}

/*Status Color*/
.New {
    color: cornflowerblue;
}

.Pending {
    color: red;
}

.Approve {
    color: green;
}

.completed {
    color: coral;
}

/*History Comments*/
.marginBottom {
    margin-bottom: 5px;
    margin-right: 5px;
}

/*Loading Style*/

.loading-adds {
    border: 1px solid #d6dde2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 12px;
    /*padding-left: 0;
	padding-right: 0;*/
    color: #FFF;
    float: left;
    width: 468px;
    height: 268px;
}

    .loading-adds img {
        width: 468px;
        height: 268px;
    }

.loading-jumping {
    position: relative;
    display: block;
    margin: 0px auto;
    width: 107px;
}

    .loading-jumping, .loading-jumping * {
        box-sizing: border-box;
    }

        .loading-jumping span {
            display: inline-block;
            height: 11px;
            width: 11px;
            background: rgb(255,255,255);
            border-radius: 487px;
            background-clip: padding-box;
            -o-background-clip: padding-box;
            -ms-background-clip: padding-box;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
        }

            .loading-jumping span:nth-child(1) {
                animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -o-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -ms-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -webkit-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -moz-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
            }

            .loading-jumping span:nth-child(2) {
                animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -o-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -ms-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -webkit-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -moz-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
            }

            .loading-jumping span:nth-child(3) {
                animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -o-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -ms-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -webkit-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -moz-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
            }

            .loading-jumping span:nth-child(4) {
                animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -o-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -ms-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -webkit-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -moz-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
            }

            .loading-jumping span:nth-child(5) {
                animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -o-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -ms-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -webkit-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
                -moz-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
            }



@keyframes scale {
    0% {
        transform: scale(0);
    }

    25% {
        transform: scale(0.9, 0.9);
        background: rgb(240,244,245);
    }

    50% {
        transform: scale(1, 1);
        margin: 0 3px;
        background: rgb(255,255,255);
    }

    100% {
        transform: scale(0);
    }
}

@-o-keyframes scale {
    0% {
        -o-transform: scale(0);
    }

    25% {
        -o-transform: scale(0.9, 0.9);
        background: rgb(240,244,245);
    }

    50% {
        -o-transform: scale(1, 1);
        margin: 0 3px;
        background: rgb(255,255,255);
    }

    100% {
        -o-transform: scale(0);
    }
}

@-ms-keyframes scale {
    0% {
        -ms-transform: scale(0);
    }

    25% {
        -ms-transform: scale(0.9, 0.9);
        background: rgb(240,244,245);
    }

    50% {
        -ms-transform: scale(1, 1);
        margin: 0 3px;
        background: rgb(255,255,255);
    }

    100% {
        -ms-transform: scale(0);
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
    }

    25% {
        -webkit-transform: scale(0.9, 0.9);
        background: rgb(240,244,245);
    }

    50% {
        -webkit-transform: scale(1, 1);
        margin: 0 3px;
        background: rgb(255,255,255);
    }

    100% {
        -webkit-transform: scale(0);
    }
}

@-moz-keyframes scale {
    0% {
        -moz-transform: scale(0);
    }

    25% {
        -moz-transform: scale(0.9, 0.9);
        background: rgb(240,244,245);
    }

    50% {
        -moz-transform: scale(1, 1);
        margin: 0 3px;
        background: rgb(255,255,255);
    }

    100% {
        -moz-transform: scale(0);
    }
}



/*load*/
.wrap {
    height: 30px;
    margin: 19px auto;
    position: relative;
    transform: rotate(45deg);
    width: 30px;
}

.cube {
    background: none repeat scroll 0px 0px #DCDCDC;
    /* border-radius: 5px; */
    box-sizing: border-box;
    height: 30px;
    left: 50%;
    /* margin: -20px; */
    position: absolute;
    top: 50%;
    width: 30px;
}

    .cube:nth-child(1) {
        animation: 6s ease 0s normal none infinite running cube1;
        -webkit-animation: 6s ease 0s normal none infinite running cube1;
    }

    .cube:nth-child(2) {
        animation: 6s ease 0s normal none infinite running cube2;
        -webkit-animation: 6s ease 0s normal none infinite running cube2;
    }

    .cube:nth-child(3) {
        animation: 6s ease 0s normal none infinite running cube3;
        -webkit-animation: 6s ease 0s normal none infinite running cube3;
    }

    .cube:nth-child(4) {
        animation: 6s ease 0s normal none infinite running cube4;
        -webkit-animation: 6s ease 0s normal none infinite running cube4;
    }

@keyframes cube1 {
    0% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }

    16.5% {
        left: 0px;
        top: 0px;
        background: rgb(52, 152, 219); /*blue*/
    }

    33% {
        left: 100%;
        top: 0px;
        background: rgb(46, 204, 113); /*green*/
    }

    49.5% {
        left: 100%;
        top: 100%;
        background: rgb(241, 196, 15); /*yellow*/
    }

    66% {
        left: 0px;
        top: 100%;
        background: rgb(230, 126, 34); /*orange*/
    }

    82.5% {
        left: 0px;
        top: 0px;
        background: rgb(231, 76, 60); /*red*/
    }

    100% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }
}

@-webkit-keyframes cube1 {
    0% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }

    16.5% {
        left: 0px;
        top: 0px;
        background: rgb(52, 152, 219); /*blue*/
    }

    33% {
        left: 100%;
        top: 0px;
        background: rgb(46, 204, 113); /*green*/
    }

    49.5% {
        left: 100%;
        top: 100%;
        background: rgb(241, 196, 15); /*yellow*/
    }

    66% {
        left: 0px;
        top: 100%;
        background: rgb(230, 126, 34); /*orange*/
    }

    82.5% {
        left: 0px;
        top: 0px;
        background: rgb(231, 76, 60); /*red*/
    }

    100% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }
}

@keyframes cube2 {
    0% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }

    16.5% {
        left: 100%;
        top: 0px;
        background: rgb(46, 204, 113); /*green*/
    }

    33% {
        left: 100%;
        top: 100%;
        background: rgb(241, 196, 15); /*yellow*/
    }

    49.5% {
        left: 0%;
        top: 100%;
        background: rgb(230, 126, 34); /*orange*/
    }

    66% {
        left: 0px;
        top: 0%;
        background: rgb(231, 76, 60); /*red*/
    }

    82.5% {
        left: 100%;
        top: 0px;
        background: rgb(52, 152, 219); /*blue*/
    }

    100% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }
}

@-webkit-keyframes cube2 {
    0% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }

    16.5% {
        left: 100%;
        top: 0px;
        background: rgb(46, 204, 113); /*green*/
    }

    33% {
        left: 100%;
        top: 100%;
        background: rgb(241, 196, 15); /*yellow*/
    }

    49.5% {
        left: 0%;
        top: 100%;
        background: rgb(230, 126, 34); /*orange*/
    }

    66% {
        left: 0px;
        top: 0%;
        background: rgb(231, 76, 60); /*red*/
    }

    82.5% {
        left: 100%;
        top: 0px;
        background: rgb(52, 152, 219); /*blue*/
    }

    100% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }
}

@keyframes cube3 {
    0% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }

    16.5% {
        left: 100%;
        top: 100%;
        background: rgb(241, 196, 15); /*yellow*/
    }

    33% {
        left: 0px;
        top: 100%;
        background: rgb(230, 126, 34); /*orange*/
    }

    49.5% {
        left: 0px;
        top: 0px;
        background: rgb(231, 76, 60); /*red*/
    }

    66% {
        left: 100%;
        top: 0%;
        background: rgb(52, 152, 219); /*blue*/
    }

    82.5% {
        left: 100%;
        top: 100%;
        background: rgb(46, 204, 113); /*green*/
    }

    100% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }
}

@-webkit-keyframes cube3 {
    0% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }

    16.5% {
        left: 100%;
        top: 100%;
        background: rgb(241, 196, 15); /*yellow*/
    }

    33% {
        left: 0px;
        top: 100%;
        background: rgb(230, 126, 34); /*orange*/
    }

    49.5% {
        left: 0px;
        top: 0px;
        background: rgb(231, 76, 60); /*red*/
    }

    66% {
        left: 100%;
        top: 0%;
        background: rgb(52, 152, 219); /*blue*/
    }

    82.5% {
        left: 100%;
        top: 100%;
        background: rgb(46, 204, 113); /*green*/
    }

    100% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }
}

@keyframes cube4 {
    0% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }

    16.5% {
        left: 0px;
        top: 100%;
        background: rgb(230, 126, 34); /*orange*/
    }

    33% {
        left: 0px;
        top: 0px;
        background: rgb(231, 76, 60); /*red*/
    }

    49.5% {
        left: 100%;
        top: 0px;
        background: rgb(52, 152, 219); /*blue*/
    }

    66% {
        left: 100%;
        top: 100%;
        background: rgb(46, 204, 113); /*green*/
    }

    82.5% {
        left: 0px;
        top: 100%;
        background: rgb(241, 196, 15); /*yellow*/
    }

    100% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }
}

@-webkit-keyframes cube4 {
    0% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }

    16.5% {
        left: 0px;
        top: 100%;
        background: rgb(230, 126, 34); /*orange*/
    }

    33% {
        left: 0px;
        top: 0px;
        background: rgb(231, 76, 60); /*red*/
    }

    49.5% {
        left: 100%;
        top: 0px;
        background: rgb(52, 152, 219); /*blue*/
    }

    66% {
        left: 100%;
        top: 100%;
        background: rgb(46, 204, 113); /*green*/
    }

    82.5% {
        left: 0px;
        top: 100%;
        background: rgb(241, 196, 15); /*yellow*/
    }

    100% {
        left: 50%;
        top: 50%;
        background: whitesmoke;
    }
}

/*Loading Model PopUp Design*/
.modal {
    /*top: 20%;*/
}

.modal-body {
    padding: 20px;
}

.modal-header {
    background-color: #1270B5;
    border-radius: 5px 5px 0px 0px;
    padding: 0px;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 420px; /*500px*/
        margin: 100px auto;
    }
}

.maskElement {
    position: absolute;
    /*background-color: red;*/
    left: 15px;
    z-index: 10000;
}

.disableIcon {
    color: #AFACAC;
    cursor: none;
    pointer-events: none;
}


input[disabled].btn:hover,
input[disabled].className,
input[disabled].modifiedElement,
form-control .modifiedElement {
    /*box-shadow: inset 0px 2px 3px 3px rgba(135, 197, 134, 0.65);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    background-color: #fff !important;
    border: 1px solid #F5F4F4;*/
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
    color: #3a87ad !important;
}

.modifiedElement {
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
    color: #3a87ad !important;
}

.updateElement {
    background-color: #fcf8e3 !important;
    border-color: #fbeed5 !important;
    color: #c09853 !important;
}

.deletedElement {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}

.createdElement {
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    color: #468847 !important;
}

/*table {
    border-collapse: collapse;
}

td {
    position: relative;
    padding: 5px 10px;
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}*/
.lblfont-normal {
    font-weight: normal;
}

.block-corporate {
    padding: 6px 12px;
    font-family: calibri;
}

.block-container {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(193, 193, 193, 0.08) !important;
}

.block-banicon {
    color: #DF0909;
    font-size: 140px;
    margin-top: -16px;
}

.block-message {
    color: #fff !important;
    margin-top: -16px !important;
    margin-bottom: 16px !important;
}
/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    /*padding-top: 40px;*/
}

.lockscreen.middle-box {
    width: 270px;
    /*padding-top: 110px;*/
}

.loginscreen.middle-box {
    width: 300px;
}

.loginColumns {
    max-width: 800px;
    margin: 0 auto;
    padding: 100px 20px 20px 20px;
}

.passwordBox {
    max-width: 460px;
    margin: 0 auto;
    padding: 100px 20px 20px 20px;
}

.logo-name {
    color: #e6e6e6;
    font-size: 180px;
    font-weight: 800;
    letter-spacing: -10px;
    margin-bottom: 0px;
}

.middle-box h1 {
    font-size: 170px;
}

.wrapper .middle-box {
    margin-top: 140px;
}

.lock-word {
    z-index: 10;
    position: absolute;
    top: 45px; /*110px;*/
    left: 50%;
    margin-left: -734px; /*-470px;*/
}

    .lock-word span {
        font-size: 100px;
        font-weight: 600;
        color: #e9e9e9;
        display: inline-block;
    }

    .lock-word .first-word {
        margin-right: 160px;
    }

.margin-top-none, .margin-left-none, margin-right-none, margin-bottom-none {
    margin-top: 0px;
}

.corporate-title {
    font-size: 36px;
    font-family: 'Poppins-SemiBold', calibri;
    color: #394951;
}

.title-row {
    margin-top: -7px;
}

.block-button {
    margin-right: 12px;
}

.borderLeftStyle {
    border-left: 2px solid rgb(211, 211, 211);
}

/*asterisk icon for text box control*/
.ui.corner.input {
    position: absolute;
    top: 1px;
    left: 0px;
    margin: 0;
    padding: 0;
    font-size: 8px;
    text-align: center;
    color: rgb(255, 76, 76);
    border-color: rgba(235, 204, 209, 0);
    width: 4em;
    height: 3em;
    z-index: 1;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease;
}

.ui.input:last-child {
    margin-right: 0;
}

.ui.input, .input {
    font-size: .85714286rem;
}

.ui.corner.input:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 0;
    background-color: transparent !important;
    border-top: 0 solid transparent;
    border-right: 3em solid transparent;
    border-bottom: 3em solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease;
}

.asterisk-icon {
    right: -9px;
    top: 4px;
}

/*asterisk icon for dropdown control*/
.ui.select > .ui.left.corner.select {
    right: auto;
    left: 1px;
}

.ui.left.corner.select:after {
    border-top: 3em solid transparent;
    border-right: 3em solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
    border-top-color: inherit;
}

.ui.corner.select {
    position: absolute;
    top: 0px;
    font-size: 8px;
    margin: 0;
    padding: 0;
    text-align: center;
    color: rgb(255, 76, 76);
    border-color: rgba(235, 204, 209, 0);
    width: 4em;
    height: 3em;
    z-index: 10;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease;
}

.ui.select:last-child {
    margin-right: 0;
}

.ui.select, .select {
    font-size: .85714286rem;
}

.ui.corner.select:after {
    position: absolute;
    content: "";
    right: 8px;
    top: 0;
    z-index: -1;
    width: 0;
    height: 0;
    background-color: transparent !important;
    border-top: 0 solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 3em solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease;
}

.asterisk-icon-select {
    left: -9px;
    top: 4px;
}



/* -------------------------------- 

Start - Basic Style Breadcrumb

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
    /*width: 90%;*/
    max-width: 768px;
    padding: 0.5em 1em;
    margin: 1em auto;
    background-color: #edeff0;
    border-radius: .25em;
}

    .cd-breadcrumb:after, .cd-multi-steps:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-breadcrumb li, .cd-multi-steps li {
        display: inline-block;
        float: left;
        margin: 0.5em 0;
    }

        .cd-breadcrumb li::after, .cd-multi-steps li::after {
            /* this is the separator between items */
            display: inline-block;
            content: '\00bb';
            margin: 0 .6em;
            color: #959fa5;
        }

        .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
            /* hide separator after the last item */
            display: none;
        }

        .cd-breadcrumb li > *, .cd-multi-steps li > * {
            /* single step */
            display: inline-block;
            font-size: 1.4rem;
            color: #2c3f4c;
        }

        .cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
            /* selected step */
            color: #96c03d;
        }

.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
    /* steps already visited */
    /*color: #96c03d;*/
    cursor: default;
    text-decoration: none;
}

.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
    /* replace the default arrow separator with a custom icon */
    content: '';
    height: 16px;
    width: 16px;
    background: url(../img/cd-custom-separator.svg) no-repeat center center;
    vertical-align: middle;
}

.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
    /* add a custom icon before each item */
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: .4em;
    margin-top: -2px;
    background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
    vertical-align: middle;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
    /* change custom icon using image sprites */
    background-position: -20px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
    background-position: -40px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
    background-position: -60px 0;
}

.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
    /* change custom icon for the current item */
    background-position: 0 -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
    background-position: -20px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
    background-position: -40px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
    background-position: -60px -20px;
}

@media only screen and (min-width: 768px) {
    .cd-breadcrumb, .cd-multi-steps {
        padding: 0 1.2em;
    }

        .cd-breadcrumb li, .cd-multi-steps li {
            margin: 1.2em 0;
        }

            .cd-breadcrumb li::after, .cd-multi-steps li::after {
                margin: 0 1em;
            }

            .cd-breadcrumb li > *, .cd-multi-steps li > * {
                /*font-size: 1.6rem;*/
            }
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
    .cd-breadcrumb.triangle {
        /* reset basic style */
        background-color: transparent;
        padding: 0;
    }

        .cd-breadcrumb.triangle li {
            position: relative;
            padding: 0;
            margin: 4px 4px 4px 0;
        }

            .cd-breadcrumb.triangle li:last-of-type {
                margin-right: 0;
            }

            .cd-breadcrumb.triangle li > * {
                position: relative;
                padding: 1em .8em 1em 2.5em;
                color: #2c3f4c;
                background-color: #edeff0;
                /* the border color is used to style its ::after pseudo-element */
                border-color: #edeff0;
            }

            .cd-breadcrumb.triangle li.current > * {
                /* selected step */
                color: #ffffff;
                background-color: #96c03d;
                border-color: #96c03d;
            }

            .cd-breadcrumb.triangle li:first-of-type > * {
                padding-left: 1.6em;
                border-radius: .25em 0 0 .25em;
            }

            .cd-breadcrumb.triangle li:last-of-type > * {
                padding-right: 1.6em;
                border-radius: 0 .25em .25em 0;
            }

    .no-touch .cd-breadcrumb.triangle a:hover {
        /* steps already visited */
        color: #ffffff;
        background-color: #2c3f4c;
        border-color: #2c3f4c;
    }

    .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
        /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        content: '';
        height: 0;
        width: 0;
        /* 48px is the height of the <a> element */
        border: 24px solid transparent;
        border-right-width: 0;
        border-left-width: 20px;
    }

    .cd-breadcrumb.triangle li::after {
        /* this is the white separator between two items */
        z-index: 1;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px);
        border-left-color: #ffffff;
        /* reset style */
        margin: 0;
    }

    .cd-breadcrumb.triangle li > *::after {
        /* this is the colored triangle after each element */
        z-index: 2;
        border-left-color: inherit;
    }

    .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
        /* hide the triangle after the last step */
        display: none;
    }

    .cd-breadcrumb.triangle.custom-separator li::after {
        /* reset style */
        background-image: none;
    }

    .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
        /* 50px is the height of the <a> element */
        border-top-width: 25px;
        border-bottom-width: 25px;
    }

    @-moz-document url-prefix() {
        .cd-breadcrumb.triangle li::after,
        .cd-breadcrumb.triangle li > *::after {
            /* fix a bug on Firefix - tooth edge on css triangle */
            border-left-style: dashed;
        }
    }
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
    .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
        /* change custom icon using image sprites - hover effect or current item */
        background-position: 0 -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
        background-position: -20px -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
        background-position: -40px -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
        background-position: -60px -40px;
    }
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
    .cd-multi-steps {
        /* reset style */
        background-color: transparent;
        padding: 0;
        text-align: center;
    }

        .cd-multi-steps li {
            position: relative;
            float: none;
            margin: 0.4em 40px 0.4em 0;
        }

            .cd-multi-steps li:last-of-type {
                margin-right: 0;
            }

            .cd-multi-steps li::after {
                /* this is the line connecting 2 adjacent items */
                position: absolute;
                content: '';
                height: 4px;
                background: #edeff0;
                /* reset style */
                margin: 0;
            }

            .cd-multi-steps li.visited::after {
                background-color: #96c03d;
            }

            .cd-multi-steps li > *, .cd-multi-steps li.current > * {
                position: relative;
                color: #2c3f4c;
            }

        .cd-multi-steps.custom-separator li::after {
            /* reset style */
            height: 4px;
            background: #edeff0;
        }

        .cd-multi-steps.text-center li::after {
            width: 100%;
            top: 50%;
            left: 100%;
            -webkit-transform: translateY(-50%) translateX(-1px);
            -moz-transform: translateY(-50%) translateX(-1px);
            -ms-transform: translateY(-50%) translateX(-1px);
            -o-transform: translateY(-50%) translateX(-1px);
            transform: translateY(-50%) translateX(-1px);
        }

        .cd-multi-steps.text-center li > * {
            z-index: 1;
            padding: .6em 1em;
            border-radius: .25em;
            background-color: #edeff0;
        }

    .no-touch .cd-multi-steps.text-center a:hover {
        background-color: #2c3f4c;
    }

    .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
        color: #ffffff;
        background-color: #96c03d;
    }

    .cd-multi-steps.text-center.custom-icons li.visited a::before {
        /* change the custom icon for the visited item - check icon */
        background-position: 0 -60px;
    }

    .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
        width: 80px;
        text-align: center;
    }

        .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
            /* this is the line connecting 2 adjacent items */
            position: absolute;
            left: 50%;
            /* 40px is the <li> right margin value */
            width: calc(100% + 40px);
        }

        .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
            /* this is the spot indicator */
            content: '';
            position: absolute;
            z-index: 1;
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            height: 12px;
            width: 12px;
            border-radius: 50%;
            background-color: #edeff0;
        }

        .cd-multi-steps.text-top li.visited > *::before,
        .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
        .cd-multi-steps.text-bottom li.current > *::before {
            background-color: #96c03d;
        }

    .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
        color: #96c03d;
    }

        .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
            box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
        }

    .cd-multi-steps.text-top li::after {
        /* this is the line connecting 2 adjacent items */
        bottom: 4px;
    }

    .cd-multi-steps.text-top li > * {
        padding-bottom: 20px;
    }

        .cd-multi-steps.text-top li > *::before {
            /* this is the spot indicator */
            bottom: 0;
        }

    .cd-multi-steps.text-bottom li::after {
        /* this is the line connecting 2 adjacent items */
        top: 3px;
    }

    .cd-multi-steps.text-bottom li > * {
        padding-top: 20px;
    }

        .cd-multi-steps.text-bottom li > *::before {
            /* this is the spot indicator */
            top: 0;
        }
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
    counter-increment: steps;
}

    .cd-multi-steps.count li > *::before {
        content: counter(steps) " - ";
    }

@media only screen and (min-width: 768px) {
    .cd-multi-steps.text-top.count li > *::before,
    .cd-multi-steps.text-bottom.count li > *::before {
        /* this is the spot indicator */
        content: counter(steps);
        height: 26px;
        width: 26px;
        line-height: 26px;
        font-size: 1.4rem;
        color: #ffffff;
    }

    .cd-multi-steps.text-top.count li:not(.current) em::before,
    .cd-multi-steps.text-bottom.count li:not(.current) em::before {
        /* steps not visited yet - counter color */
        color: #2c3f4c;
    }

    .cd-multi-steps.text-top.count li::after {
        bottom: 11px;
    }

    .cd-multi-steps.text-top.count li > * {
        padding-bottom: 34px;
    }

    .cd-multi-steps.text-bottom.count li::after {
        top: 11px;
    }

    .cd-multi-steps.text-bottom.count li > * {
        padding-top: 34px;
    }
}
/* -------------------------------- 

End - Basic Style Breadcrumb

-------------------------------- */

.accounts-rights {
    padding-right: 25px;
    padding-top: 10px;
}

.accounts-rights-row {
    background-color: #fff;
    border: #CCC 1px Solid;
}

.accounts-rights-h3 {
    text-align: center;
    text-decoration: underline;
}


/* MAIL CONFIGURATION - INBOX, MAIL COMPOSE & MAIL VIEW  */
.mail-nav {
    margin: 15px -15px 0 -15px;
}

    .mail-nav li a {
        border-radius: 0;
        -webkit-border-radius: 0;
        border-top: 1px solid #f2f3f6;
        padding: 15px;
        border-right: 3px solid rgba(0,0,0,0);
        color: #a2a2a2;
    }

    .mail-nav > li > a:hover, .mail-nav > li > a:focus {
        background: #fafafa;
        color: #1270B5;
        border-right: 3px solid #ccc;
    }

    .mail-nav > li.active > a, .mail-nav > li.active > a:hover, .mail-nav > li.active > a:focus {
        background: #fafafa;
        color: #1270B5;
        border-right: 3px solid #1270B5;
    }

    .mail-nav > li + li {
        margin-left: 0;
        margin-top: 0px;
    }

    .mail-nav i {
        font-size: 16px;
        margin-right: 10px;
    }

.inbox-notification {
    margin-top: -2px;
}

.user-head .inbox-avatar {
    width: 65px;
    float: left;
}

    .user-head .inbox-avatar img {
        border-radius: 4px;
        -webkit-border-radius: 4px;
    }

.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px;
}

    .user-head .user-name h5 {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 0;
        font-weight: 300;
    }

        .user-head .user-name h5 a {
            color: #fff;
        }

    .user-head .user-name span a {
        font-size: 12px;
        color: #87e2e7;
    }

a.mail-dropdown {
    background: #80d3d9;
    padding: 3px 5px;
    font-size: 10px;
    color: #01a7b3;
    border-radius: 2px;
    margin-top: 20px;
}

.inbox-body {
    padding: 20px;
}

.btn-compose {
    background: #1270B5;
    padding: 12px 0;
    text-align: center;
    width: 80%;
    color: #fff;
}

    .btn-compose:hover, .btn-compose:focus {
        background: #1ca59e;
        color: #fff;
    }

    .btn-compose i {
        padding: 5px;
    }

ul.inbox-nav {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.inbox-divider {
    border-bottom: 1px solid #d5d8df;
}

.inbox-action {
    margin-top: 50px;
}

.src-position {
    margin-top: -7px;
}

.mail-src-position {
    margin-top: -3px;
}

ul.labels-info {
    border-bottom: 1px solid #f1f2f7;
    margin-bottom: 10px;
}

ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}

    ul.inbox-nav li a {
        color: #6a6a6a;
        line-height: 45px;
        width: 100%;
        display: inline-block;
        padding: 0 20px;
    }

        ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
            color: #6a6a6a;
            background: #d5d7de;
        }

        ul.inbox-nav li a i {
            padding-right: 10px;
            font-size: 16px;
            color: #6a6a6a;
        }

        ul.inbox-nav li a span.label {
            margin-top: 13px;
        }

ul.labels-info li h4 {
    padding-top: 5px;
    color: #5c5c5e;
    font-size: 15px;
    text-transform: uppercase;
}

ul.labels-info li {
    margin: 0;
}

    ul.labels-info li a {
        color: #6a6a6a;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
    }

        ul.labels-info li a:hover, ul.labels-info li a:focus {
            color: #6a6a6a;
            background: none;
        }

    ul.labels-info li img {
        margin-right: 10px;
    }

.nav.nav-pills.nav-stacked.labels-info p {
    margin-bottom: 0;
    padding: 0 22px;
    color: #9d9f9e;
    font-size: 11px;
}

.inbox-head {
    padding: 20px;
    background: #41cac0;
    color: #fff;
    border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    min-height: 80px;
}

    .inbox-head h3 {
        margin: 0;
        display: inline-block;
        padding-top: 6px;
        font-weight: 300;
    }

    .inbox-head .sr-input {
        height: 40px;
        border: none;
        box-shadow: none;
        padding: 0 10px;
        float: left;
        border-radius: 4px 0 0 4px;
        color: #8a8a8a;
    }

    .inbox-head .sr-btn {
        height: 40px;
        border: none;
        background: #00a6b2;
        color: #fff;
        padding: 0 20px;
        border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
    }

.wht-bg {
    /*background:#1A6DB3;*/
    background: url(../images/header-bg.jpg) repeat-x center top;
    background-size: cover;
}

    .wht-bg h4 {
        font-size: 24px;
        color: #ffffff;
        font-weight: 300;
    }

.mailheader-bg {
    background: #DEDEDE;
    background-size: cover;
}

    .mailheader-bg h4 {
        font-size: 24px;
        color: #222;
        font-weight: 300;
    }

.table-inbox-wrap {
    margin: 0 -15px;
}

.mail-checkbox {
    margin-right: 10px;
}

.table-inbox {
    margin: 0;
}

    .table-inbox tr td {
        /*padding: 12px !important;*/
    }

        .table-inbox tr td:first-child {
            width: 5%;
        }

            .table-inbox tr td:first-child .icheckbox_minimal {
                margin-left: 15px;
            }

        .table-inbox tr td:hover {
            cursor: pointer;
        }

        .table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
            color: #f78a09;
        }

        .table-inbox tr td .fa-star {
            color: #d5d5d5;
        }

    .table-inbox tr.unread td {
        font-weight: 600;
        background: #ffffff;
    }

    .table-inbox tr.unread a {
        color: #32323a;
        text-decoration: none;
    }

    .table-inbox tr a {
        color: #767676;
        text-decoration: none;
    }

    .table-inbox tr.selected td {
        background: #ffffff;
    }

.attach-padding {
    padding-left: 5px;
}

.required-star {
    position: relative;
}

.attach-color {
    color: #ffffff;
}

.mail-bg-color {
    background-color: #F3F3F3;
}

.attach-link {
    text-decoration: none;
    cursor: pointer;
}

.msg-body {
    font-weight: 500 !important;
    cursor: default;
}

.success-msg {
    font-size: 100%;
    float: right;
    margin-right: 40%;
}

ul.inbox-pagination {
    float: right;
}

    ul.inbox-pagination li {
        float: left;
    }

.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

    .mail-option .chk-all {
        float: left;
    }

    .mail-option .chk-all, .mail-option .btn-group {
        margin-right: 5px;
    }

        .mail-option .chk-all, .mail-option .btn-group a.btn {
            border: 1px solid #e7e7e7;
            padding: 5px 10px;
            display: inline-block;
            background: #fcfcfc;
            color: #707070;
            border-radius: 3px !important;
            -webkit-border-radius: 3px !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

.inbox-pagination a.np-btn {
    border: 1px solid #e7e7e7;
    padding: 5px 15px;
    display: inline-block;
    background: #fcfcfc;
    color: #141414;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

.mail-option .chk-all input[type=checkbox] {
    margin-top: 0;
}

.mail-option .btn-group a.all {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.inbox-pagination a.np-btn {
    margin-left: 5px;
}

.inbox-pagination li span {
    display: inline-block;
    margin-top: 7px;
    margin-right: 5px;
}

.fileinput-button {
    border: 1px solid #e6e6e6;
    background: #eeeeee;
}

.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none;
}

.btn-send, .btn-send:hover {
    background: #00A8B3;
    color: #fff;
}

    .btn-send:hover {
        background: #009da7;
    }

.modal-header h4.modal-title {
    font-weight: 300;
}

.modal-body label {
    font-weight: 400;
}

.compose-mail {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-top: 20px;
}


    .compose-mail .compose-options {
        color: #979797;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        position: absolute;
        right: 10px;
        top: 7px;
    }

    .compose-mail input, .compose-mail input:focus {
        border: none;
        padding: 0;
        width: 80%;
        float: left;
    }

    .compose-mail .form-group {
        border: 1px solid #F2F3F6;
        display: inline-block;
        width: 100%;
        margin-bottom: 0;
    }

        .compose-mail .form-group label {
            line-height: 34px;
            width: 10%;
            float: left;
            padding-left: 5px;
            margin-bottom: 0;
        }

.compose-editor input {
    margin-top: 15px;
}

.compose-editor {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.compose-btn {
    float: left;
    margin-top: 6px;
}

.mail-header h4 {
    font-weight: 300;
}

.mail-sender, .attachment-mail {
    width: 100%;
    display: inline-block;
    margin: 20px 0;
    border-top: 1px solid #EFF2F7;
    border-bottom: 1px solid #EFF2F7;
    padding: 10px 0;
}

    .mail-sender img {
        width: 30px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .mail-sender .date {
        line-height: 30px;
        margin-bottom: 0;
        text-align: right;
    }

    .view-mail a, .attachment-mail a:hover {
        color: #1270B5;
    }

    .attachment-mail a {
        color: #1270B5;
    }

    .attachment-mail ul li {
        float: left;
        width: 200px;
        margin-right: 15px;
        margin-top: 15px;
        list-style: none;
    }

        .attachment-mail ul li a.atch-thumb img {
            width: 200px;
            height: 180px;
            margin-bottom: 10px;
        }

        .attachment-mail ul li a.name span {
            float: right;
            color: #767676;
        }

#btn-compose {
    background: #DEDEDE;
    padding: 9px 0px;
    text-align: center;
    width: 100%;
    color: #223F45;
    margin-bottom: 15px;
}

.mail-sub {
    font-size: 11px;
    color: #838383;
    text-decoration: none;
    margin: 0 0 0px;
    width: 310px;
    word-wrap: break-word;
}

.mail-sub-header {
    font-size: 12px;
    color: #ffffff;
    width: 530px;
    word-wrap: break-word;
}

.mail-subdate {
    font-size: 11px;
    font-weight: normal;
    color: #ABAAAA;
    text-decoration: none;
    margin: 0 0 0px;
}

.mailcontent-sub {
    font-size: 11px;
    color: #F0EFEF;
    text-decoration: none;
    margin: 0 0 0px;
}

.mailcontent-subdate {
    font-size: 11px;
    font-weight: normal;
    color: rgb(162, 200, 228);
    text-decoration: none;
    margin: 0 0 0px;
}

.mail-col-size {
    padding-right: 4px;
    padding-left: 0px;
}

.font-none {
    font-weight: normal;
}

.font-bold {
      font-weight: bold;
    margin-top: 3px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0px;
    word-break: break-all;
    width: 98%;
        font-family: "Segoe UI",calibri, sans-serif,"Helvetica Neue", Helvetica;
}

.btn-social-icon.btn-lg {
    height: 2.8em;
    width: 35px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 50%;
    padding: 0.7em;
    width: 2.8em;
}

.advSearchText {
    margin-left: 12px;
}

.advSearchIcon {
    margin-left: 2px;
}

.btnPanel {
    margin-top: 5px;
    float: right;
    font-size: 12px;
    font-family: calibri;
}

.inbox-tog {
    /* font-size: 19px; */
    /* border: 1px solid #F3F3F3; */
    padding: 6px;
    display: inline-block;
    background: rgb(101, 98, 98);
    color: #afafaf;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    /* height: 50%; */
    margin-left: -5px;
    margin-top: 17px;
    border-radius: 0px 9px 7px 0px !important;
    box-shadow: 0 7px 6px 7px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
}

.sm-marginLeft {
    margin-left: 35px;
}

.panel-width {
    width: 31px;
}

.dashboard-title {
    font-size: 24px;
}




.gradientBG2 {
    background-color: #585353;
    background: rgb(76,117,154); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0Yzc1OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjQ1NDc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(76,117,154,1) 0%, rgba(36,84,118,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(76,117,154,1)), color-stop(100%,rgba(36,84,118,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c759a', endColorstr='#245476',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.conteudo {
    width: 100%;
    height: 100%;
}
/***loading***/
#loading {
    width: 129px;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: 50%;
    margin-top: -100px;
    height: 50%;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
    z-index: 1;
}

#Layer_1 {
    position: absolute;
}

#Layer_2 {
    position: absolute;
    display: none;
}

#Layer_3 {
    position: absolute;
    margin-left: 140px;
    margin-top: -30px;
}

.numL3 {
    margin-top: -3px;
    margin-left: 3px;
}

.l3numeros {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    color: #fdfdfa;
    position: absolute;
    margin-left: 165px;
    margin-top: -21px;
    /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */ filter: alpha(opacity=0);
    /* Netscape */ -moz-opacity: 0;
    /* Safari 1.x */ -khtml-opacity: 0;
    /* Good browsers */ opacity: 0;
}

.l3numeros2 {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    color: #585353;
    position: absolute;
    margin-left: 165px;
    margin-top: -21px;
    /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */ filter: alpha(opacity=0);
    /* Netscape */ -moz-opacity: 0;
    /* Safari 1.x */ -khtml-opacity: 0;
    /* Good browsers */ opacity: 0;
}

.letrinhas {
    /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */ filter: alpha(opacity=0);
    /* Netscape */ -moz-opacity: 0;
    /* Safari 1.x */ -khtml-opacity: 0;
    /* Good browsers */ opacity: 0;
}

.svg_linha {
}

.blur {
    filter: blur(136px);
    -webkit-filter: blur(136px);
    -moz-filter: blur(136px);
    -o-filter: blur(136px);
    -ms-filter: blur(136px);
    filter: url(blur.svg#blur);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='136');
    opacity: 0;
    -webkit-transition: all 1.5s ease-in;
    -moz-transition: all 1.5s ease-in;
    -o-transition: all 1.5s ease-in;
    transition: all 1.5s ease-in;
}




/* Styles go here */

.ng-invalid {
    border-color: red;
}

.input-container {
    position: relative;
    padding-top: 100px;
    padding-bottom: 15px;
    margin-top: 20px;
    margin-left: 300px;
    height: 166px;
    background: #eee;
    overflow: scroll;
    width: 300px;
    z-index: 1050;
    float: left;
}

    .input-container + .input-container {
        margin-left: 20px;
    }

.input-container-title {
    position: absolute;
    top: 0;
}


/*Error template*/
.error-template {
    padding: 9px 15px;
    text-align: center;
}

    .error-template h1 {
        font-size: 50px;
        margin-bottom: -11px;
    }

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .error-actions .btn {
        margin-right: 10px;
    }

.popup h2 {
    margin-top: 0;
    color: #333;
    font-size: -webkit-xxx-large;
}

.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 0.2s;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

    .popup .close:hover {
        color: #06D85F;
    }

.popup .content {
    max-height: 30%;
    overflow: auto;
}
/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}

.overlay:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.14);
    position: fixed;
    z-index: 9;
}

.overlay .popup {
    background: #fff;
    border-radius: 5px;
    padding: 25px;
    z-index: 10;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*border: 1px solid #B9B9B9;*/
}

.overlay:target .popup {
    top: -100%;
    left: -100%;
}

@media screen and (max-width: 768px) {
    .box {
        width: 70%;
    }

    .overlay .popup {
        width: 90%;
    }
}

.content-info {
    font-size: 14px;
    text-align: justify;
    margin-top: 20px;
}

.emailLowercase {
    text-transform: lowercase;
}
/*hide scroll*/
/*body {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar{
  width:0px;  
  background:transparent;
}
::-webkit-scrollbar-thumb{
   background-color: rgba(0,0,0,0);

}*/
.dropdown-flag {
    margin-top: -33px;
    margin-right: 32px;
}

.phone-flag {
    margin-top: -33px;
    margin-right: 24px;
    position: relative;
    z-index: 5;
}

.phone-input {
    border-radius: 0 3px 3px 0 !important;
    position: initial !important;
}

.phone-input-required {
    right: 1px !important;
}

.tooltip-wordwrap {
    word-wrap: break-word;
}

.btn-dashboard {
    color: #585454;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
    font-size: 18px;
    padding: 2px 10px;
    font-family: 'Poppins-SemiBold', calibri;
}

    .btn-dashboard:hover {
        color: #585454;
        background-color: #E8E8E8;
        border-color: #E8E8E8;
    }

.accordion-toggle .glyphicon {
    margin-top: 9px;
    font-size: 15px;
}

/* New login page style */
.login-heading {
    /*margin-left: -15px;*/
}

.login-leftPanel {
    padding: 0px;
}

.login-leftContent {
    border: 1px solid #d6dde2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 30px;
    float: left;
    padding-bottom: 8px;
    height: 259px;
    background: #fff;
}

.login-pageContent {
    padding: 17px;
}

.login-pageButton {
    font-size: 21px;
}

.login-resetPassword {
    border: 1px solid rgba(214, 221, 226, 0.44);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    padding-left: 0px;
    padding-right: 0px;
    width: 236px;
}

.login-resetPwdText {
    margin-top: 39px;
}

.error-message {
    font-size: 19px;
    font-family: 'Poppins-SemiBold', calibri;
    color: #a94442;
}

.infoval-message {
    font-size: 19px;
    font-family: 'Poppins-SemiBold', calibri;
    color: #a94442;
}

.bankuser-btn {
    margin-top: -49px;
}

.bankuser-icon {
    font-size: 14px;
}

/*Start: Loading popup for light blue theme*/
.loading {
    margin: auto;
    height: 65px;
    width: 150px;
}

.dashboard-circle {
    border-top: 5px solid #1270B5 !important;
}

.dashb-title {
    color: #1270B5 !important;
}

.circle {
    border-radius: 100%;
    border-top: 5px solid rgb(69, 205, 237);
    margin: auto;
    transform-origin: 50%;
    position: relative;
}

.s_3 {
    width: 180px; /*200px*/
    height: 180px; /*200px*/
    animation: rot_right 2s infinite linear;
    -webkit-animation: rot_right 2s infinite linear;
    transition: 2s;
    -webkit-transition: 2s;
}

.s_2 {
    width: 150px;
    height: 150px;
    margin-top: 10px;
    animation: rot_left 2s infinite linear;
    -webkit-animation: rot_left 2s infinite linear;
    transition: 2s;
    -webkit-transition: 2s;
    margin-top: -167px; /*-190px*/
}

.s_1 {
    width: 100px;
    height: 100px;
    margin-top: 10px;
    animation: rot_right 2s infinite linear;
    -webkit-animation: rot_right 2s infinite linear;
    transition: 2s;
    -webkit-transition: 2s;
    margin-top: -140px;
}

@keyframes rot_right {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rot_right {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rot_left {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes rot_left {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.s_title {
    border: 0;
    color: white;
    font-family: calibri;
    text-align: center;
    margin-top: -89px;
    animation: blink 2s infinite linear;
    -webkit-animation: blink 2s infinite linear;
    transition: 2s;
    -webkit-transition: 2s;
    letter-spacing: 1px;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}
/*End: Loading popup for light blue theme*/

.backButton {
    /*padding: 2px 10px 4px 10px;*/
    margin-right: 10px;
}

.backButton-icon {
    font-size: 15px;
    margin-right: 3px;
}

.header-button {
    top: 10px;
    right: 11px;
    position: absolute;
}

.landing-style {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.09) !important;
    border: none !important;
}

.landing-pbody {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.09) !important;
    border: none !important;
    height: 150px;
    display: block !important;
}

.landing-pfooter {
    color: #fff !important;
}

.line-hr {
    border-top: 1px solid rgba(198, 196, 196, 0.38) !important;
    width: 98% !important;
}

.font-isMobile {
    font-size: 28px !important;
    margin-top: -59px !important;
}

.container-top {
    margin-top: 6px !important;
}

/*
    Button
*/
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #2479C9 !important;
    border-color: #2479C9 !important;
}

/*
    typeahead
*/
.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #1270B5 !important;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #1270B5 !important;
}

.ltr-rtl {
    float: right !important;
}

.mleft-summary {
    margin-left: 10px;
}

.mright-summary {
    margin-right: 10px;
}

.btn-create {
    position: absolute;
    top: 0px;
    right: 10px;
}

.noteStyle {
    text-decoration: underline;
    font-weight: bold;
}

.margin-top20 {
    margin-top: 20px;
}

.text-ltr-rtl {
    text-align: left !important;
}

.text-rtl-ltr {
    text-align: right !important;
}

/*
    Label Height Added For Alignment Problem In FundT..Details div.row*/

.labelMarginTop {
    margin-top: 13px;
}

.logout-button {
    float: none !important;
    font-size: 13px !important;
    padding: 7px 14px !important;
}

.ltr-zero {
    right: 0 !important;
}

.ea-btnClear {
    margin-right: 10px;
}

.ea-marginStyle {
    margin-right: 15px;
}

.ea-btnMargin {
    margin-right: 0px !important;
}

.ea-SelectTemplate {
    padding-right: 15px;
    margin-top: -9px;
    padding-bottom: 0px;
}

.ea-fixedColor {
    background: #fff !important;
    color: #A30C43 !important;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 15.5px;
    border-left: 5px solid #05CA82;
}

.theme-color {
    color: #1270B5;
}

#showDivLoading, #showStaticLoading {
    position: relative;
    background-color: #E3EBF6;
    display: table;
    width: 100%;
    height: 320px;
}

.showInlinePopup {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    text-align: center;
}

.loadingText {
    color: #1270B5;
    margin-top: 100px;
}

.leftEye,
.rightEye {
    margin-top: -30px;
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
    background: #1270B5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: leftEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-animation: leftEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: leftEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: leftEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.rightEye {
    -webkit-animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.mouth {
    margin-top: -30px;
    width: 10vh;
    height: 10vh;
    border-radius: 50%;
    border: solid 1.3vh #1270B5;
    border-right: solid 1.3vh rgba(223,223,194,0);
    border-left: solid 1.3vh rgba(223,223,194,0);
    border-bottom: solid 1.3vh rgba(223,223,194,0);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
    -webkit-animation: mouthAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-animation: mouthAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: mouthAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: mouthAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes mouthAnimation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(180deg);
        -ms-transform: translate(-50%, -50%) rotateX(180deg);
        -moz-transform: translate(-50%, -50%) rotateX(180deg);
        transform: translate(-50%, -50%) rotateX(180deg);
    }

    10% {
        -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
        -ms-transform: translate(-50%, -50%) rotateZ(360deg);
        -moz-transform: translate(-50%, -50%) rotateZ(360deg);
        transform: translate(-50%, -50%) rotateZ(360deg);
    }

    40% {
        -webkit-transform: translate(-50%, -50%) rotateZ(320deg);
        -ms-transform: translate(-50%, -50%) rotateZ(320deg);
        -moz-transform: translate(-50%, -50%) rotateZ(320deg);
        transform: translate(-50%, -50%) rotateZ(320deg);
    }

    60% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        -ms-transform: translate(-50%, -50%) rotateZ(900deg);
        -moz-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        -ms-transform: translate(-50%, -50%) rotateZ(900deg);
        -moz-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg);
    }
}

@-ms-keyframes mouthAnimation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(180deg);
        -ms-transform: translate(-50%, -50%) rotateX(180deg);
        -moz-transform: translate(-50%, -50%) rotateX(180deg);
        transform: translate(-50%, -50%) rotateX(180deg);
    }

    10% {
        -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
        -ms-transform: translate(-50%, -50%) rotateZ(360deg);
        -moz-transform: translate(-50%, -50%) rotateZ(360deg);
        transform: translate(-50%, -50%) rotateZ(360deg);
    }

    40% {
        -webkit-transform: translate(-50%, -50%) rotateZ(320deg);
        -ms-transform: translate(-50%, -50%) rotateZ(320deg);
        -moz-transform: translate(-50%, -50%) rotateZ(320deg);
        transform: translate(-50%, -50%) rotateZ(320deg);
    }

    60% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        -ms-transform: translate(-50%, -50%) rotateZ(900deg);
        -moz-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        -ms-transform: translate(-50%, -50%) rotateZ(900deg);
        -moz-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg);
    }
}

@-moz-keyframes mouthAnimation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(180deg);
        -ms-transform: translate(-50%, -50%) rotateX(180deg);
        -moz-transform: translate(-50%, -50%) rotateX(180deg);
        transform: translate(-50%, -50%) rotateX(180deg);
    }

    10% {
        -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
        -ms-transform: translate(-50%, -50%) rotateZ(360deg);
        -moz-transform: translate(-50%, -50%) rotateZ(360deg);
        transform: translate(-50%, -50%) rotateZ(360deg);
    }

    40% {
        -webkit-transform: translate(-50%, -50%) rotateZ(320deg);
        -ms-transform: translate(-50%, -50%) rotateZ(320deg);
        -moz-transform: translate(-50%, -50%) rotateZ(320deg);
        transform: translate(-50%, -50%) rotateZ(320deg);
    }

    60% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        -ms-transform: translate(-50%, -50%) rotateZ(900deg);
        -moz-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        -ms-transform: translate(-50%, -50%) rotateZ(900deg);
        -moz-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg);
    }
}

@keyframes mouthAnimation {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(180deg);
        -ms-transform: translate(-50%, -50%) rotateX(180deg);
        -moz-transform: translate(-50%, -50%) rotateX(180deg);
        transform: translate(-50%, -50%) rotateX(180deg);
    }

    10% {
        -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
        -ms-transform: translate(-50%, -50%) rotateZ(360deg);
        -moz-transform: translate(-50%, -50%) rotateZ(360deg);
        transform: translate(-50%, -50%) rotateZ(360deg);
    }

    40% {
        -webkit-transform: translate(-50%, -50%) rotateZ(320deg);
        -ms-transform: translate(-50%, -50%) rotateZ(320deg);
        -moz-transform: translate(-50%, -50%) rotateZ(320deg);
        transform: translate(-50%, -50%) rotateZ(320deg);
    }

    60% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        -ms-transform: translate(-50%, -50%) rotateZ(900deg);
        -moz-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotateZ(900deg);
        -ms-transform: translate(-50%, -50%) rotateZ(900deg);
        -moz-transform: translate(-50%, -50%) rotateZ(900deg);
        transform: translate(-50%, -50%) rotateZ(900deg);
    }
}

@-webkit-keyframes leftEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        -ms-transform: translate(-150%, -50%);
        -moz-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%);
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        -ms-transform: translate(-150%, -50%);
        -moz-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%);
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@-moz-keyframes leftEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        -ms-transform: translate(-150%, -50%);
        -moz-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%);
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        -ms-transform: translate(-150%, -50%);
        -moz-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%);
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@-ms-keyframes leftEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        -ms-transform: translate(-150%, -50%);
        -moz-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%);
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        -ms-transform: translate(-150%, -50%);
        -moz-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%);
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@keyframes leftEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        -ms-transform: translate(-150%, -50%);
        -moz-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%);
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(-150%, -50%);
        -ms-transform: translate(-150%, -50%);
        -moz-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%);
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@-webkit-keyframes rightEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    70% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    75% {
        width: 2vh;
        height: 2px;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    80% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@-moz-keyframes rightEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    70% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    75% {
        width: 2vh;
        height: 2px;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    80% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@-ms-keyframes rightEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    70% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    75% {
        width: 2vh;
        height: 2px;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    80% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@keyframes rightEyeAnimation {
    0% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    50% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    60% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    70% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    75% {
        width: 2vh;
        height: 2px;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    80% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    90% {
        width: 2vh;
        height: 2vh;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        -moz-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    100% {
        width: 5vh;
        height: 5vh;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.typeaheadErrorText {
    color: #B10E0E;
    font-size: 20px !important;
    padding-right: 18px;
}

.typeaheadPtagErrTxt {
    color: #B10E0E;
    font-size: 12px !important;
    font-weight: bold;
    margin-left: 15px;
}

.checkboxValid {
    text-align: right !important;
    margin: -18px !important;
    margin-top: 3px !important;
    margin-left: -12px !important;
}

.dboard-iconlist {
    font-family: "Helvetica Neue", Helvetica, calibri, sans-serif !important;
    margin-top: 6px !important;
    margin-right: 10px !important;
}

.showHand {
    cursor: pointer;
}

.dboard-iconPadding {
    padding: 4px 6px !important;
}

.dboard-paddingZero {
    padding: 0px 0px !important;
}

.workflow-height {
    height: 100% !important;
}

.refresh-button {
    float: right;
    position: relative;
    /*left: 290px;*/
    bottom: 30px;
}

.semail-paddding {
    padding: 4px 8px !important;
}

.amount {
    text-align: right;
}

.valign-top {
    vertical-align: top !important;
}

.trnxQueue {
    margin-left: 5px !important;
    font-size: 18px !important;
}

.dashb-icon {
    padding: 1px !important;
    margin-top: 5px !important;
    margin-right: 10px !important;
    background-color: #1270B5 !important;
    color: #fff !important;
}

.textWrapToolTip {
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    display: table-cell;
}

.margin-top5pixel {
    margin-top: -5px;
}

.margin-top24pixel {
    margin-top: -24px;
}

.mobile-fa-bars {
    font-size: 21px;
    padding-top: 15px;
}

.rightclick-content {
    border-radius: 5px;
    background: rgba(239, 246, 250, 0);
    padding: 0 !important;
}

.rightclick-ptext {
    margin-bottom: -3px;
    margin-top: 33px;
}


.rightclick-h1text {
    margin-bottom: 9px;
}

.width-100 {
    width: 100% !important;
}

.landing-padding {
    padding-right: 4px;
    padding-left: 2px;
}

.tab-margin-trnx {
    margin-top: 13px;
}

.lr-0padding {
    margin-left: 0px;
    margin-right: 0px;
}

.excelTable {
    min-width: 100%;
    height: 300px;
}

.btnInlineSearch {
    padding: 6px 9px !important;
    font-family: "Helvetica Neue", Helvetica, calibri, sans-serif !important;
}

.input-phtext {
    font-family: "Helvetica Neue", Helvetica, calibri, sans-serif !important;
    font-size: 13px !important;
}

.margin-t2px {
    margin-top: 2px !important;
}

.cnt-break-word {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/*FAQ - Screen*/
.faq-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    content: "\e131";
    float: right;
    color: #333333;
    font-size: 18px;
    line-height: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all 0.2s ease-in-out;
}

.faq-heading [data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faq-content {
    border-color: #fff !important;
}

.faq-heading {
    padding: 6px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.faq-a:hover, .faq-a:focus {
    text-decoration: none;
}

.faq-panel-body {
    box-shadow: 0 0px 6px rgba(119, 119, 119, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.faq-tab-navigation {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    font-size: 12px;
    font-family: calibri;
    padding-top: 0px;
}

.faq-btn-success {
    margin: 5px !important;
}

.span-title {
    color: #767676;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    font-family: "Segoe UI",calibri, sans-serif,"Helvetica Neue", Helvetica;
    margin: 0 0 1px;
}

.faq-panel-title {
    line-height: 0.8;
}

.badge-danger {
    color: #FFFFFF !important;
    background-color: #DE2E2A !important;
}

.badge-success {
    color: #FFFFFF !important;
    background-color: #26AE30 !important;
}
/*FAQ-End*/

.text-transparent {
    background-color: transparent !important;
}

.circle-icon-home {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0);
    padding: 4px;
    border-radius: 100%;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 19px;
    padding-right: 5px;
    border: 3px solid rgba(255, 255, 255, 0.32);
}

.circle-icon-dashboard {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0);
    padding: 4px;
    /*padding-top: 0px;*/
    border-radius: 100%;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 21px;
    margin-left: 10px;
    margin-right: 5px;
    /* margin-top: 0px; */
    padding-right: 4px;
    border: 3px solid rgba(255, 255, 255, 0.32);
}

.li-home-icon {
    padding-left: 8px !important;
    margin-top: 2px !important;
}

.li-dashboard-icon {
    margin-top: 2px !important;
}

.li-apps-icon {
    padding-left: 8px !important;
    margin-top: 2px !important;
}

.li-aicon {
    padding: 0px !important;
    background: transparent !important;
}

.trnx-iheight {
    height: 33px !important;
}

.ul-menu-icon {
    margin-left: 0px !important;
    border-left: 0px solid #475ea0 !important;
    margin-top: 37px !important;
}

.ul-menu-nav {
    border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
}

.padding10-left {
    padding-left: 10px !important;
}

.themeBgColor {
    background-color: #1270B5 !important;
}

@media(max-width:640px) {
    .text-forMobile {
        background-color: #1270B5 !important;
    }
}
/*calender - holiday master*/
.fc-event {
    border: 1px solid #1270B5;
    background-color: #1270B5;
}

.fc-ltr .fc-basic-view .fc-day-number {
    color: #1270B5;
}

.margin-gicon {
    margin-left: -2px;
}

.trnx-table-body {
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
}

.trnx-table-header {
    background-color: #ddd !important;
}

.txt-align {
    text-align: right;
    margin-top: -52px;
    margin-right: -23px;
    font-size: 29px;
    margin-bottom: -2px;
    color: #259b24;
}

.td-headerh5 {
    text-align: center !important;
    margin-bottom: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

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

.text-calign {
    text-align: center !important;
    margin-bottom: 20px;
}

.icon-bgcolor {
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
}

.icon-bgstyle {
    background-color: #ff5722;
    border-radius: 50%;
    color: #fff;
}

.ibold-amount {
    font-style: italic;
    font-size: smaller;
    color: red;
}

.fa-equal {
    font-family: calibri;
    font-weight: bold;
    font-size: 32px;
    width: 30px;
    height: 30px;
    padding: 0px 5px;
}

    .fa-equal:before {
        content: "=";
    }

.panel-boxshadow {
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
}

.row-bgcolor {
    background-color: #F5F5F5;
}

.txt-bold {
    font-weight: bold !important;
}

.calender-bg {
    background-color: #fff;
    padding: 2px;
}

.btnCutOffTime {
    margin-top: 24px;
    font-size: 12px;
    font-family: calibri;
}

.frontPage {
    margin-right: -30px;
    margin-left: -30px;
}

.helpIcon {
    /*color: rgb(227, 65, 65);*/
    text-align: center;
    font-size: 21px;
    margin-left: 5px;
    margin-right: 2px;
}

.styleContent {
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
    font-size: 21px;
    margin-left: 7px;
    margin-right: 5px;
}

.styleTitle {
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
    font-size: 21px;
    margin-left: 7px;
    margin-right: 5px;
}

.help-title {
    padding: 6px;
    margin: 0;
    font-size: 18px;
    background-color: #1270B5;
    color: #FFFFFF;
}

.help-content {
    padding: 9px 14px;
    background-color: #C2E5FF;
    color: #1270B5;
}

.btn-helpclose {
    color: #1270B5;
    background-color: rgb(194, 229, 255);
    border-color: rgb(194, 229, 255);
    border-radius: 50%;
}

    .btn-helpclose:hover {
        color: #1270B5;
        background-color: rgb(255, 255, 255) !important;
        border-color: #FFFFFF !important;
    }

.help-popover {
    border: 1px solid rgb(255, 255, 255);
    background: #C2E5FF;
}

.fixedWidth {
    width: 200px !important;
}

/* Notification Alert */
.notify-content {
    width: 280px;
    padding: 0px;
    overflow-y: scroll;
    height: 250px;
    margin-top: 5px;
}

    .notify-content li {
        padding: 0px 10px;
        padding-top: 3px;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: 0px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.17);
    }

.item-text {
    margin-left: 5px;
}

.secEmail-count {
    margin-top: 10px;
    padding: 9px;
    background-color: #5bc0de;
    color: #FAF9F9;
    border-radius: 18px;
}

.sTimeOut-content {
    border-radius: 5px;
    background: rgba(239, 246, 250, 0);
}

    .sTimeOut-content p {
        margin-bottom: -3px;
        margin-top: 33px;
    }

    .sTimeOut-content h1 {
        margin-bottom: 9px;
        color: #4c4c4c;
    }

.margin-right-padding {
    margin-right: 15px;
}

.clock-header {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.62);
}

.clock-hTop {
    margin-left: 7px;
}

#dayOfWeek {
    position: absolute;
    color: #fff;
    font-size: 50px;
    width: 80px;
    height: 555px;
    line-height: 555px;
    padding-left: 50px;
    color: #01c4c4;
    opacity: .9;
    display: none;
}

#date {
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 40px;
    width: 150px;
    height: 555px;
    line-height: 555px;
    color: #01c4c4;
    opacity: .9;
    padding-right: 20px;
    display: none;
}

#digital {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 90px;
    width: 555px;
    height: 130px;
    line-height: 65px;
    color: #01c4c4;
    text-align: center;
    opacity: .9;
    display: none;
}

#hourHand {
    transform-origin: bottom center;
    height: 12px;
    width: 4px;
    position: absolute;
    top: 14%;
    left: 40.9%;
    background-color: #FFFFFF;
    opacity: .6;
    border-radius: 7px;
}

#minuteHand {
    transform-origin: bottom center;
    height: 16px;
    width: 3px;
    position: absolute;
    top: 0.5%;
    left: 43.2%;
    background-color: #FFFFFF;
    opacity: .6;
    border-radius: 7px;
}

#circle {
    width: -1px;
    height: 3px;
    width: 3px;
    position: relative;
    margin: 3.75px auto;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.63);
    z-index: 1;
}

#secondHand {
    transform-origin: bottom center;
    height: 17px;
    width: 2px;
    position: absolute;
    top: 1%;
    left: 45.5%;
    background-color: #FFFFFF;
    opacity: .7;
    border-radius: 3px;
}

#clock-wrap {
    color: #fff;
    position: relative;
    margin: 2px auto;
    width: 40px;
    height: 40px;
    /* border:20px solid #019394; */
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.32);
}

.numbers-12 {
    position: absolute;
    top: 6px;
    left: 49%;
    /* width: 6px; */
    /* height: 5px; */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #01c4c4;
}

.numbers-3 {
    transform: rotate(90deg);
    position: absolute;
    top: 48%;
    right: 8px;
    /* width: 4px; */
    height: 7px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #01c4c4;
}

.numbers-6 {
    transform: rotate(180deg);
    position: absolute;
    left: 49%;
    bottom: 6px;
    /* width:10px; */
    /* height:17px; */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #01c4c4;
}

.numbers-9 {
    transform: rotate(270deg);
    position: absolute;
    left: 8px;
    top: 48%;
    /* width:10px; */
    /* height:17px; */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #01c4c4;
}

.star-icon {
    margin-top: 22px !important;
}
/*whatsnew - Screen*/
.whatsnew-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    content: "\e131";
    float: right;
    color: #333333;
    font-size: 16px;
    line-height: 1;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all 0.2s ease-in-out;
}

.whatsnew-heading [data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.whatsnew-content {
    border-color: #fff !important;
}

.whatsnew-heading {
    padding: 6px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.whatsnew-a:hover, .whatsnew-a:focus {
    text-decoration: none;
}

.whatsnew-panel-body {
    box-shadow: 0 0px 6px rgba(119, 119, 119, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.whatsnew-tab-navigation {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    font-size: 12px;
    font-family: calibri;
    padding-top: 0px;
}

.whatsnew-btn-success {
    margin: 5px !important;
}

.whatsnew-panel-title {
    line-height: 0.8;
}
/*whatsnew-End*/

#FXTicker {
    width: 100%;
}

    #FXTicker .ui {
        width: 900px;
        margin: 0 auto;
        /*margin-top: 5px;*/
        font-family: 'Source Sans Pro', sans-serif;
        color: #353535;
        box-shadow: none;
    }

        #FXTicker .ui ul {
            margin: 0px 30px 10px 0px;
            padding: 0;
            list-style-type: none;
            font-size: 11px;
            font-weight: 400;
            line-height: 20px;
        }

        #FXTicker .ui .drop {
            z-index: -3;
            opacity: 0;
            width: 240px;
            height: 10px;
            background: #F2F0F0;
            position: absolute;
            color: white;
            bottom: 0;
            padding: 12px 30px 21px 30px;
            -webkit-transition-property: bottom,opacity;
            transition-property: bottom,opacity;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
        }

            #FXTicker .ui .drop p {
                color: #f8fbfa;
            }

    #FXTicker .ui_box {
        width: 240px;
        height: 78px;
        position: relative;
        background: #FFFEFE;
        float: left;
        box-shadow: -1px 0px rgba(135, 135, 135, 0.41);
        cursor: pointer;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition-property: background,-webkit-transform;
        transition-property: background,-webkit-transform;
        transition-property: transform,background;
        transition-property: transform,background,-webkit-transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
    }

    #FXTicker .ui_box__inner {
        padding: 10px;
    }

        #FXTicker .ui_box__inner span {
            /*font-size: 36px;*/
            font-size: 21px;
            font-weight: 700;
        }

        #FXTicker .ui_box__inner .progress {
            width: 100%;
            margin-top: -8px;
            height: 6px;
            background: rgba(0, 0, 0, 0.3);
            margin-bottom: 15px;
        }

        #FXTicker .ui_box__inner .progress_graph {
            float: right;
            border-bottom: 1px solid rgba(255, 255, 255, 0.09);
            width: 85px;
            text-align: center;
            position: relative;
            padding-left: 20px;
            top: 24px;
        }

        #FXTicker .ui_box__inner .progress_graph__bar--1 {
            width: 10px;
            height: 20px;
            background: #4FA584;
            float: left;
            margin-right: 10px;
            position: relative;
            bottom: -10px;
            -webkit-animation: graph 1s;
        }

        #FXTicker .ui_box__inner .progress_graph__bar--2 {
            width: 10px;
            -webkit-animation: graph2 1s;
            height: 30px;
            float: left;
            margin-right: 10px;
            background: #4FA584;
        }

        #FXTicker .ui_box__inner .progress_graph__bar--3 {
            width: 10px;
            height: 24px;
            margin-right: 10px;
            -webkit-animation: graph3 1s;
            background: #4FA584;
            float: left;
            position: relative;
            bottom: -6px;
        }

        #FXTicker .ui_box__inner .progress_graph__bar--4 {
            width: 10px;
            height: 14px;
            -webkit-animation: graph4 1s;
            bottom: -16px;
            position: relative;
            background: #4FA584;
            float: left;
        }

        #FXTicker .ui_box__inner .progress_bar {
            height: 6px;
            float: left;
            width: 58%;
            background: #4FA584;
            -webkit-animation: bar 2s;
        }

        #FXTicker .ui_box__inner .progress_bar--two {
            height: 6px;
            float: left;
            width: 78%;
            background: #4FA584;
            -webkit-animation: bar2 2s;
        }

    #FXTicker .ui_box h2 {
        font-weight: normal;
        font-size: 18px;
        margin: 2px 0px 3px 0px;
    }

    #FXTicker .ui_box p {
        font-size: 13px;
        color: #b6b6b6;
        clear: left;
        font-weight: 300;
        width: 160px;
    }

    #FXTicker .ui_box:hover {
        background: #1270B5;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-property: background,-webkit-transform;
        transition-property: background,-webkit-transform;
        transition-property: transform,background;
        transition-property: transform,background,-webkit-transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        position: relative;
        z-index: 1;
    }

.ui_box:hover > .ui_box__inner p {
    color: #fff;
}

.ui_box:hover {
    color: #fff;
}

    .ui_box:hover > .drop {
        -webkit-transition-property: bottom,opacity;
        transition-property: bottom,opacity;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        bottom: -42px;
        opacity: 1;
    }

        .ui_box:hover > .drop .arrow {
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            -webkit-transition-duration: 1s;
            transition-duration: 1s;
            -webkit-transform: rotate(765deg);
            transform: rotate(765deg);
        }

    .ui_box:hover > .ui_box__inner .progress_graph > div {
        background: white;
    }

    .ui_box:hover > .ui_box__inner .progress .progress_bar, .ui_box:hover > .ui_box__inner .progress .progress_bar--two {
        background: white;
    }

.stat_left {
    float: right;
}

.arrow {
    width: 4px;
    height: 4px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-top: 1px solid #CDEAD3;
    border-right: 1px solid #CDEAD3;
    float: right;
    position: relative;
    top: -24px;
    right: 0px;
}

@-webkit-keyframes bar {
    from {
        width: 0px;
    }

    to {
        width: 58%;
    }
}

@keyframes bar {
    from {
        width: 0px;
    }

    to {
        width: 58%;
    }
}

@-webkit-keyframes bar2 {
    from {
        width: 0px;
    }

    to {
        width: 78%;
    }
}

@keyframes bar2 {
    from {
        width: 0px;
    }

    to {
        width: 78%;
    }
}

@-webkit-keyframes graph {
    from {
        height: 0px;
    }

    to {
        height: 20px;
    }
}

@keyframes graph {
    from {
        height: 0px;
    }

    to {
        height: 20px;
    }
}

@-webkit-keyframes graph2 {
    from {
        height: 0px;
    }

    to {
        height: 30px;
    }
}

@keyframes graph2 {
    from {
        height: 0px;
    }

    to {
        height: 30px;
    }
}

@-webkit-keyframes graph3 {
    from {
        height: 0px;
    }

    to {
        height: 24px;
    }
}

@keyframes graph3 {
    from {
        height: 0px;
    }

    to {
        height: 24px;
    }
}

@-webkit-keyframes graph4 {
    from {
        height: 0px;
    }

    to {
        height: 13px;
    }
}

@keyframes graph4 {
    from {
        height: 0px;
    }

    to {
        height: 13px;
    }
}

.fixed-table-body .card-view .title {
    font-weight: normal;
    display: inline-block;
    min-width: 45%;
    text-align: left !important;
    border-right: none;
    margin-right: 7px;
}

.card-view {
    /* padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ada9a9*/
}

.card-panel {
    box-shadow: 0 0px 6px rgba(119, 119, 119, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
    width: 300px;
}


.cardHeaderIcons {
    position: absolute !important;
    color: #fff;
    margin-top: 10px;
    top: 9px;
    background: rgba(255, 255, 255, 0);
    padding: 4px;
    border-radius: 2px;
    /*#7a33a7;*/
}

    .cardHeaderIcons > .table-curved-icon {
        color: #fff !important;
    }

.cardBg {
    padding: 13px;
    background-color: rgb(18, 112, 181);
    color: #fff;
}

.cardSelectedPar {
    border-left: 0px !important;
    border-radius: 0px;
    background: rgba(162, 239, 153, 0.48) !important;
    color: #0a5f00;
}

.cardSelected {
    border-left: 5px solid #5cb85c !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.cardValueText {
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 15px;
    word-break: break-all;
    width: 98%;
    border-bottom: 1px solid #70dc64;
    color: #0b5002 !important;
}

.filterControl > .form-control {
    /*padding-left: 7px; font-size: 21px; padding-bottom: 11px; padding: 0px 12px;*/
    padding-left: 4px;
    font-size: 13px;
    padding-bottom: 6px;
    padding: 0px;
    font-family: sans-serif;
    padding-left: 7px;
}

@media (max-width: 640px) {
    .faq-heading {
        color: #333 !important;
        background-color: #f5f5f5 !important;
        border-color: #ddd !important;
        padding-left: 0 !important;
        padding-top: 3px !important;
    }
}

/*.fht-cell {
    background: #f2f2f2;
    border: none;
    padding: 2px;
    height: 37px;
}*/
.unline {
    text-decoration: underline !important;
}

.fixedcls {
    position: absolute;
}

.valigntop {
    vertical-align: top;
}

.notextwrap {
    white-space: nowrap;
}

.tiny {
    font-size: 65%;
}

td.disabled.day {
    color: #c3c0c0;
}

a.nav-link {
    background-color: #f9f7f7;
}
a.nav-link.active {
    background-color: #e9dfef;
    font-weight: 600;
}

.datepicker .day:hover {
    cursor: pointer;
}


/*Huge thanks to @tobiasahlin at http://tobiasahlin.com/spinkit/ */
.spinner {
     margin: 0px auto 20px;
    width: 75px;
    text-align: center;
}

.spinner > div {
  width: 10px;
  height: 10px;
  background-color: #a30c43;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.popover-title{
    background-color: #A30C43 !important;
    border-bottom: 1px solid #A30C43 !important;
    color: #fff !important;
}
.close{
        color: #fff !important;
    text-shadow: 0 1px 0 #A30C43 !important;
}

.help-steps {
    float: left;
    padding-top: 10px;
    text-decoration: underline;
    text-underline-position: under;
    font-weight: bold;
}

#loginSubmit, #btnVerifyOTP ,#btnRepeatReset{
    float: right;
}

#btnRepeatReset {
    margin-right:10px;
}
.popup-container {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

    .popup-container h3 {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 20px;
        font-size: 24px;
        color:white;
    }

.mfp-close {
    display: none !important;
}

.acct-balance {
    display: block;
    font-style: italic;
    clear: both;
    padding-left: 220px;
}

.btn-close {
    background: url('../Content/en/En_LightBlue_Default/images/popup-btn-close-bg.png') no-repeat 0 0;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
}

.popup-header {
    background: #1270B5; /*#455786;*/
    color: #FFF;
    /*text-transform: uppercase;*/
    font-size: 24px;
    padding-top: 5px;
    padding-bottom: 10px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    float: left;
    width: 100%;
    position: relative;
}

.popup-content {
    background: #EFF6FA;
    float: left;
    width: 100%;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.resp-tabs-container {
    background-color: #FFF;
    border: 1px solid #c1c1c1;
    clear: left;
    margin: 0;
    min-height: 140px;
    width: 100%;
}

.loading-tabs-container {
    background-color: #FFF;
    border: 1px solid #c1c1c1;
    clear: right;
    margin: 0;
    min-height: 140px;
    width: 100%;
}

.my-account-popup.popup-container .resp-tabs-container .checkbox label {
    width: 108px;
    float: left;
    min-height: 1px;
}

.resp-tab-content-active {
    overflow: auto;
}

.mandatory {
    color: #6A7075;
    font-size: 13px;
    font-family: calibri;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.tab-container {
    max-width: 100%;
    padding: 10px;
}

.resp-tabs-list {
    float: left;
    width: 100%;
    padding-left: 0;
}

    .resp-tabs-list li {
        display: block;
        list-style: none;
        float: left;
        border-top: 1px solid #c1c1c1;
        border-left: 1px solid #c1c1c1;
        padding: 5px 35px 10px;
        background: #eff6fa;
        position: relative;
        z-index: 0;
        color: #999;
    }

        .resp-tabs-list li:first-child {
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
        }

        .resp-tabs-list li.resp-tab-active {
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
            border-right: 1px solid #C1C1C1;
            z-index: 1;
            background: #FFF;
            color: #015e8a;
            margin-left: -5px;
            margin-right: -5px;
            position: relative;
        }

            .resp-tabs-list li.resp-tab-active:after {
                content: '';
                position: absolute;
                left: 0;
                bottom: -1px;
                border: 1px solid #FFF;
                width: 100%;
                height: 1px;
                background: #FFF;
            }


            .resp-tabs-list li.resp-tab-active:first-child {
                margin-left: 0;
            }

        .resp-tabs-list li:last-child {
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
            border-right: 1px solid #C1C1C1;
        }

.tab-container .prev, .tab-container .next {
    display: none;
    width: 50px;
    height: 45px;
    min-height: 10px;
    position: absolute;
    /*padding-top: 20px;
	padding-bottom: 17px;*/
    text-align: center;
    text-indent: -999px;
    overflow: hidden;
    top: 102px;
}

.resp-tabs-container {
    width: 100%;
    float: none;
    padding-left: 0;
}

.resp-tab-item {
    font-family: 'Poppins-Regular';
    font-size: 21px;
}

.account-types {
    width: 100%;
    padding-left: 15px;
}

    .account-types li {
        display: block;
        list-style: none;
        float: left;
        width: 25%;
        padding-top: 10px;
        padding-bottom: 30px;
    }

        .account-types li label {
            font-weight: normal;
            vertical-align: baseline;
        }

        .account-types li input {
            margin-right: 10px;
            position: relative;
            /*top: 2px;*/
        }

        .account-types li.active-chk label {
            font-weight: bold;
        }

.balance {
    display: none;
}

.wrap-details label {
    font-size: 14px;
}

.wrap-account {
    margin-left: 2%;
    margin-right: 2%;
    /*border-top: 1px solid #CCC;*/
    float: left;
    width: 96%;
    /*margin-top: 30px;*/
    padding-top: 20px;
    padding-bottom: 15px;
    /*display: none;*/
    /*border-top: none!important;*/
}

    .wrap-account > ul {
        margin-bottom: 20px;
        padding-left: 30px;
    }

    .wrap-account li {
        font-size: 13px;
        font-family: calibri;
        padding-top: 10px;
        list-style: url('../images/bullet.png');
    }

.wrap-account-details {
    margin-left: 2%;
    margin-right: 2%;
    border-top: 1px solid #CCC;
    float: left;
    width: 96%;
    padding-top: 20px;
    padding-bottom: 20px;
}

wrap-account-details .wrap-account-details.no-border {
    border: none;
}

.wrap-account-details ul {
    padding-left: 0;
}

.wrap-account-details li {
    padding-top: 10px;
    list-style: none;
    float: left;
    width: 100%;
}

    .wrap-account-details li label {
        font-size: 13px;
        font-family: calibri;
        font-weight: normal;
    }

.wrap-account label {
    padding-top: 10px;
}

.new-debit, .name-debit-card {
    display: none;
}

.new-debit {
    padding-bottom: 10px;
}

.wrap-deposit-details, .wrap-loan-details, .wrap-credit-details {
    margin-left: 2%;
    margin-right: 2%;
    border-top: none;
    float: left;
    width: 96%;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .wrap-deposit-details h3 {
        font-size: 13px;
        font-family: calibri;
        font-weight: bold;
        padding-left: 0;
    }

    .wrap-deposit-details ul, .wrap-credit-details ul, .wrap-loan-details ul {
        padding-left: 0;
    }

    .wrap-deposit-details li, .wrap-credit-details li, .wrap-loan-details li {
        padding-top: 10px;
        list-style: none;
        float: left;
        width: 100%;
    }

        .wrap-deposit-details li label, .wrap-credit-details li label, .wrap-loan-details li label {
            font-size: 13px;
            font-family: calibri;
            font-weight: normal;
        }

label {
    /*margin-right: 10px;
	margin-bottom: 0;*/
}

    label.custom-input {
        width: 25%;
        margin-right: 30px;
    }

.wrap-deposit-details select, .wrap-account-details select {
    width: 220px;
    border: none;
    /*background: url('../images/select-arrow-down.png') no-repeat 87% 10px;*/
}

.ie .wrap-account-details select, .ie .wrap-deposit-details select {
    width: 222px;
}

.wrap-deposit-details select, .wrap-account-details select, .input-txt {
    padding: 5px;
    color: #3D3D3D;
    /*text-transform: uppercase;*/
    font-family: calibri;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-txt {
    width: 200px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.account-types li, .wrap-account-details li, .wrap-deposit-details li {
    color: #666;
}

.wrap-deposit-details label.custom-input, .wrap-account-details label.custom-input, .wrap-credit-details label.custom-input, .wrap-loan-details label.custom-input {
    float: left;
}

.wrap-select {
    float: left;
    overflow: hidden;
    width: 200px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    /*top: -5px;*/
    background: url("../images/select-arrow-down.png") no-repeat scroll 95% 11px #fff;
}

.content-nav {
    float: left;
    padding-bottom: 10px;
    font-size: 12px;
    font-family: calibri;
}

    .content-nav a, .btn-login, .btn-submit, .btn-change-avatar, .btn-save, .btn-default-close, .btn-authorize-later, .btn-ok {
        text-decoration: none;
        color: #FFF;
        font-weight: bold;
        /*text-transform: uppercase;*/
        -webkit-border-radius: 5px;
        border-radius: 5px;
        line-height: 12px;
        outline: none;
    }

.tab-navigation {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    /*padding-right: 10px;*/
    font-size: 12px;
    font-family: calibri;
}

    .tab-navigation a, .btn-login, .btn-submit, .btn-change-avatar, .btn-save, .btn-default-close, .btn-authorize-later, .btn-ok {
        text-decoration: none;
        color: #FFF;
        /* font-weight: bold; */
        /* text-transform: uppercase; */
        -webkit-border-radius: 4px;
        border-radius: 4px;
        /* line-height: 15px; */
        outline: none;
        font-size: 13px;
        padding: 6px 12px;
    }

.btn-next, .btn-right, .btn-confirm, .btn-pop-confirm, .btn-tab-close, .btn-authorize, .btn-pay, .btn-transfer, .btn-account-confirm, .btn-submit, .btn-login, .btn-reset, .btn-req-username, .btn-change-avatar, .btn-save, .btn-authorize-later, .btn-ok {
    padding: 10px 30px 10px 15px;
    float: right;
    background: url("../images/popup-next-arrow-bg.png")no-repeat 94% 4px;
    background-color: #2c3d68;
}

.btn-authorize, .btn-submit, .btn-confirm, .btn-pop-confirm, .btn-tab-close, .btn-pay, .btn-transfer, .btn-login, .btn-reset, .btn-req-username, .btn-change-avatar, .btn-save, .btn-authorize-later, .btn-ok, .btn-blue {
    background: none #1270B5;
    padding-right: 25px;
    padding-left: 25px;
}

a.btn-blue {
    /*padding: 10px 20px;*/
    float: right;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.btn-back {
    background: url("../images/popup-back-arrow-bg.png")no-repeat 10px 4px #AEAEAE;
    padding: 10px 20px 10px 30px !important;
}

.btn-cancel, .btn-back, .btn-default-close {
    float: right;
    padding: 7px 16px 12px 16px;
    background-color: #AEAEAE;
    margin-right: 10px;
}

.btn-authorize-later {
    margin-right: 10px;
}

#app-promo img {
    display: block;
    clear: both;
    text-align: center;
    margin: 0 auto;
}



.btn-blue {
    display: inline-block;
    background: #1270B5;
    color: #FFF;
    clear: both;
    text-align: center;
    padding: 7px 20px;
    font-weight: bold;
}

    .btn-blue:active {
        color: #1270b5;
    }

    .btn-blue:hover {
        color: #FFF;
        text-decoration: none;
    }

#app-promo .btn-blue {
    /*text-transform: uppercase;*/
    font-size: 15px;
    margin-bottom: 32px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: normal;
    float: none;
}

#app-promo .btn-close {
    background: url(../images/popup-btn-close-bg-blue.png) no-repeat 0 0;
    right: -8px;
    top: -8px;
    width: 26px;
}

#app-promo .popup-content {
    text-align: center;
    padding: 20px 30px 0 30px;
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    #app-promo .popup-content h3 {
        padding: 0;
        font-size: 25px;
        margin-bottom: 25px;
        font-weight: normal;
        font-family: 'Poppins-Regular';
        line-height: 22px;
    }

#help-guide .wrap-popup-content {
    margin: 0 auto;
    width: 61%;
}

#help-guide .popup-content {
    background: none;
    color: #FFF;
    position: relative;
    min-height: 700px;
    text-align: center;
}

    #help-guide .popup-content h3 {
        margin: 0;
        padding: 0;
        font-weight: normal;
        font-family: "Poppins-Regular", calibri;
        font-style: italic;
        font-size: 20px;
    }

    #help-guide .popup-content .pos1 {
        margin: 0 auto;
        width: 50%;
        margin-top: 48px;
        font-size: 22px;
    }

    #help-guide .popup-content .pos2 {
        position: absolute;
        width: 180px;
        right: 65px;
        top: 129px;
        background: url(../images/arrow-lead.png) no-repeat 0 32px;
        padding-bottom: 50px;
        padding-left: 30px;
    }

    #help-guide .popup-content .pos3 {
        position: absolute;
        width: 200px;
        right: 34px;
        top: 263px;
        background: url(../images/arrow-lead2.png) no-repeat 50% 40px;
        padding-bottom: 40px;
    }

    #help-guide .popup-content .pos4 {
        background: url(../images/arrow-lead3.png) no-repeat 0% 12px;
        padding-left: 60px;
        padding-bottom: 80px;
        width: 300px;
        position: absolute;
        top: 283px;
        left: 238px;
    }

#help-guide .btn {
    background: #2c3d68;
    color: #FFF;
    padding: 10px;
    margin-right: 10px;
    float: none;
}


#help-guide .btn-holder {
    background: #FFF;
    text-align: center;
    width: 690px;
    padding: 20px 0;
    position: absolute;
    left: 130px;
    top: 499px;
}

#help-guide .btn-close {
    background: url('../images/btn-close-big.png') no-repeat 0 0;
    width: 35px;
    height: 35px;
}


.wrap-verify-details {
    clear: both;
    margin: 20px;
    border-bottom: 1px solid #d6dde2;
}

.no-border {
    border: none;
}


.form-fields, .form-fields li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.form-fields {
    margin-top: 10px;
    overflow: auto;
    margin-bottom: 10px;
    float: none;
    width: 96%;
}

    .form-fields li {
        margin-bottom: 10px;
        float: left;
        margin-right: 9px;
    }

        .form-fields li.empty {
            width: 100%;
            margin: 0;
        }

    .form-fields label {
        width: 135px;
        font-weight: normal;
        float: left;
        /*padding-top: 5px;*/
    }

#new-account-popup .form-fields label {
    padding-top: 5px;
}

.form-fields input.txt {
    width: 200px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px;
    color: #666;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wrap-preview #accounttype.txt, .wrap-preview #debitcard.txt, .wrap-preview #name-on-debit-card.txt {
    width: 260px;
}

.popup-container h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #455159;
    position: relative;
}

    .popup-container h4 a {
        width: 15px;
        height: 15px;
        margin-left: 10px;
        background: url(../images/sprite.png) no-repeat 0 -828px;
        display: inline-block;
        text-indent: -999em;
    }

.popup-container h5 {
    color: #455159;
    font-weight: bold;
    font-size: 14px !important;
}

.input-append.date {
    float: left;
}

    .input-append.date .txt {
        width: 140px;
        float: left;
        margin-right: 8px;
        border: 1px solid #e3e3e3;
    }

    .input-append.date .add-on {
        display: block;
        float: left;
        background: url(../images/sprite.png) no-repeat 0 -784px;
        width: 20px;
        height: 23px;
    }

.upload-link {
    display: inline-block;
    text-decoration: underline;
    font-size: 11px;
    padding-top: 3px;
    float: left;
    clear: both;
}

.wrap-checkboxes label {
    float: none;
    width: 95%;
    color: #666;
    font-family: calibri;
}

.wrap-checkboxes a {
    color: #005E8C;
    font-size: 13px;
    text-decoration: underline;
}

.wrap-checkboxes li {
    float: none;
}

.wrap-checkboxes .push20 {
    margin-left: 20px;
}

.wrap-checkboxes .chkbox {
    margin-right: 5px;
    display: inline-block;
}

.wrap-checkboxes small {
    display: block;
    font-style: italic;
    padding-left: 22px;
    font-size: 11px;
    color: #7E7E7E;
}

.wrap-checkboxes #tax-payer-id {
    margin-left: 20px;
}

.radio-group label {
    vertical-align: baseline;
}

.radio-group li input {
    margin-right: 10px;
}

.radio-group li:last-child p {
    padding-left: 1px;
}

.wrap-preview .wrap-checkboxes.radio-group {
    border-top: 1px solid #C1C1C1;
    padding-top: 20px;
}

    .wrap-preview .wrap-checkboxes.radio-group label {
        color: #455159;
        width: 25%;
    }
/*New Tab */
ul#tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul#tabs li {
        cursor: pointer;
        text-align: center;
    }

ul#tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    ul#tab > li {
        display: none;
    }

    ul#tab li.resp-tab-content-active {
        display: block;
        overflow: hidden;
        width: 100%;
    }

/*Tool Tip*/

.tooltip {
    display: block;
    position: absolute;
    /*border:1px solid #333;*/
    background: none;
    border-radius: 5px;
    padding: 10px;
    color: #000;
    font-size: 12px calibri;
    text-align: center !important;
}

.tooltip-inner {
    background-color: #fff8de;
    border: 1px solid #f0e0a7;
    color: #000;
    -webkit-box-shadow: #000;
    box-shadow: #000;
    text-align: center !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f0e0a7;
}

.wrap-preview {
    padding: 30px 0 10px 20px;
}

    .wrap-preview .wrap-deposit-details {
        border-top: none;
        border-bottom: 1px solid #C1C1C1;
        padding-bottom: 10px;
        overflow: hidden;
    }

    .wrap-preview h4 {
        margin-bottom: 20px;
    }

#agree {
    /*position: relative;top: -73px;*/
    vertical-align: top;
}

.wrap-authorization p {
    width: 63%;
    color: #666;
}

.wrap-authorization input.txt {
    margin-top: 10px;
    margin-bottom: 15px;
}

.wrap-authorization a.click {
    color: #015d8c;
    text-decoration: underline;
}

#terms-conditions .popup-content, #confirm-account .popup-content, #request-code .popup-content {
    padding: 10px;
}

#terms-conditions .resp-tabs-container {
    padding: 20px;
}

#confirm-account .resp-tabs-container, #request-code .resp-tabs-container {
    min-height: 300px;
}

    #confirm-account .resp-tabs-container p, #confirm-account .resp-tabs-container h2 {
        text-align: center;
        margin-left: 85px;
        margin-right: 85px;
    }

    #confirm-account .resp-tabs-container h2 {
        margin-top: 20px;
        margin-bottom: 25px;
        /*text-transform: uppercase;*/
    }

#addNewbenif .resp-tabs-container {
    width: 100%;
}

    #confirm-account .resp-tabs-container span, #addNewbenif .resp-tabs-container .resp-tab-content span {
        text-align: center;
        display: block;
        margin-top: 15px;
        width: 100%;
    }

#confirm-account .resp-tabs-container p {
    margin-top: 20px;
    color: #666;
}

#addNewbenif .resp-tabs-container .confirmation p {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

#confirm-account .resp-tabs-container label {
    font-weight: normal;
    color: #666;
}

#confirm-account .resp-tabs-container p label {
    margin-right: 30px;
    margin-left: 30px;
}

a.btn-account-confirm, a.btn-ok {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: none;
    text-decoration: none;
    color: #FFF;
    /*text-transform: uppercase;*/
    font-weight: bold;
    background: none #2c3d68;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 12px;
    outline: none;
}

a.btn-ok {
    padding: 8px 24px;
}

.wrap-products {
    float: left;
    min-height: 1px;
    width: 100%;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .wrap-products > p {
        color: #666;
        font-size: 17px;
        font-weight: bold;
    }

.products.first-product {
    padding-left: 0;
}

.products {
    width: 33%;
    float: left;
    min-height: 1px;
    padding-left: 20px;
    border-right: 1px solid #C1C1C1;
}

    .products p {
        font-size: 15px;
        font-family: calibri;
        color: #374147;
        width: 90%;
    }

    .products:nth-child(2) {
    }

    .products:last-child {
        border: none;
        padding-left: 35px;
    }

.wrap-request-code-content {
    padding: 20px;
    color: #666;
}

    .wrap-request-code-content > p {
        width: 80%;
    }

    .wrap-request-code-content li {
        padding-top: 15px;
        list-style: url('../images/bullet.png');
    }

#confirm-account input {
    margin-right: 10px;
    vertical-align: baseline;
}

#confirm-account .resp-tabs-container {
    padding-bottom: 20px;
}

.wrap-request-code-content input {
    margin-left: 10px;
}

.or {
    margin: 0;
    margin-left: -15px;
}

.login-box .wrap-request-code-content > p {
    margin-bottom: 13px;
}

#easy-pay-step1, #easy-pay-step2, #take-cash, #pay-spent-amount, #eStatement, #earlyLoan, #earlyLoan-step-2, #reqPinreissuance, #reqChequebook-2, #overCardusage, .authorise, #tandc-wpctermsandcontition {
    max-width: 800px;
}

#roleProfileConfig {
    max-width: 900px;
}

#popupTemplateInvalidInfo {
    max-width: 940px;
}

#searchBenifbankInfo {
    max-width: 1000px !important;
}

#GetbankSelectTargetStatus {
    max-width: 600px;
}

#base-no-search, #preferentialRate, #transactionList, #createBillPayment, #FAQ-Content,#SchemaforBulkRemittance-Content,#coverPaymentPopupDetails {
    max-width: 1000px;
}

#dealRate {
    max-width: 1180px;
}

#selectTemplate {
    max-width: 1044px;
}

#SuccessAndError, #fileValidationDetails, #fileValidationDetailsforWPS {
    max-width: 1000px;
}

#ShowMessages, #SwitchLanguageMessage, #downloadMT940 {
    max-width: 600px;
}

#showComments, #client-jserror-message, #tandc-international, #TransactionStatusReset {
    max-width: 600px;
}

#eStatementList, #composeMail, #selectTrnxRights, #chooseAccountsList, #validationErrorMessagePopup, #tandc-onlinetermsandcontition {
    max-width: 800px;
}

#client-timeout-popup, #right-click {
    max-width: 500px;
}

#selectDealList {
    max-width: 980px;
}

#divChangePassword {
    max-width: 700px;
}

#loanTransactionDetails {
    max-width: 1000px;
}

#searchTranHistory {
    max-width: 600px;
}

#downloadTranHistory, #CreateBalanceOrder, #downloadIndividualEstatement {
    max-width: 450px;
}

#standingOrder, #divFXForward, #acc-rights, #verifyTransactionalOtp1 {
    max-width: 600px;
}

#CRNoSearch, #StandingOrderSearch, #selectAccountsList, #divUserProfile, #divNewUpdates {
    max-width: 1000px;
}

#searchDomainID, #setCorporate, #userNotFound, #showAuthFactorPopUp, #accTrnxLimit, #addHoliday, #HelpOnChargeType {
    max-width: 500px;
}

#showLoading {
    max-width: 500px;
}

.my-account-popup.popup-container .popup-content {
    padding: 10px;
}

.my-account-popup.popup-container > p {
    padding-left: 20px;
}

#HelpOnChargeType,#HelpOnIBAN {
    max-width: 400px;
}

#easy-pay-step1.my-account-popup.popup-container .resp-tabs-container {
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.my-account-popup.popup-container .resp-tabs-container {
    float: left;
    padding: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*min-height: 230px;*/
}

    .my-account-popup.popup-container .resp-tabs-container label {
        width: 150px;
        float: left;
        min-height: 1px;
    }

    .my-account-popup.popup-container .resp-tabs-container .account-list label {
        line-height: 30px;
    }

    .my-account-popup.popup-container .resp-tabs-container ul, #searchBenifbankInfo .resp-tabs-container ul {
        padding-left: 0;
        float: left;
    }

        .my-account-popup.popup-container .resp-tabs-container ul li, #searchBenifbankInfo .resp-tabs-container ul li {
            list-style: none;
            margin-bottom: 10px;
            float: left;
            width: 100%;
        }

    .my-account-popup.popup-container .resp-tabs-container button.btn-submit {
        border: medium none;
        float: left;
        font-size: 13px;
        padding: 10px 20px;
    }

    .my-account-popup.popup-container .resp-tabs-container .block-btn {
        padding-top: 10px;
    }

.my-account-popup .popup-content > p {
    padding-left: 10px;
}

.my-account-popup .wrap-select {
    float: none;
    top: 0;
}
/* .my-account-popup .wrap-delivery .wrap-select{
	display: block;
	margin-top: 10px;
} */
.my-account-popup select {
    color: #666;
    width: 225px;
    background-position: 82% 10px;
}

.my-account-popup .input-txt {
    text-transform: none;
    color: #666;
}

.my-account-popup .acct-balance {
    padding-left: 160px;
    color: #989898;
}

.my-account-popup .input-txt {
    float: left;
}

.wrap-popup-btn {
    float: left;
}

.my-account-popup a.btn {
    margin: 3px 10px 0 10px;
    float: left;
}

.my-account-popup .help {
    margin-top: 1px;
}

.my-account-popup .table input[type="radio"] {
    width: 15px;
    height: 15px;
    margin: 0 auto;
    display: block;
}

.my-account-popup .table-pager .prev,
.my-account-popup .table-pager .next {
    font-family: "Poppins-Regular";
    font-size: 1.4em;
    font-weight: normal;
    line-height: 15px;
    text-decoration: none;
    outline: none;
}

.my-account-popup .table-pager .prev {
    padding-left: 15px;
}

.my-account-popup .table-pager .next {
    padding-right: 15px;
}

.my-account-popup .table-pager .carousel-indicators li {
    color: #005e8c;
    line-height: 19px;
}

    .my-account-popup .table-pager .carousel-indicators li.active {
        color: #4c4c4c;
    }

    .my-account-popup .table-pager .carousel-indicators li:first-child {
        padding-right: 1px;
    }

.my-account-popup .table-curved td,
.my-account-popup .table-curved th {
    border-top: 1px solid #d4e8f0;
}

.wrap-pay-duedate .input-txt {
    color: red;
}

.pay-duedate-tag {
    float: left;
    width: 100%;
    padding-left: 165px;
    min-height: 1px;
    color: green;
    margin-top: 5px;
}

.wrap-when-form-controls label {
    display: inline-flex;
    margin-top: 5px;
}

.wrap-when-form-controls input[type="radio"] {
    margin-top: 2px;
    margin-right: 5px;
}

.wrapper-notes {
    float: left;
    min-height: 1px;
    width: 100%;
    /*margin: -20px;*/
    background-color: #FFF8DE;
    border-top: 1px solid #F0E0A7 !important;
    margin-top: -2px;
    border: 1px solid #CCC;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 20px;
}

    .wrapper-notes ul {
        padding-left: 15px;
    }

    .wrapper-notes li {
        color: #666;
        list-style-image: url('../images/bullet.png');
    }

.wrap-when-form-controls {
    float: left;
    min-height: 1px;
}

.my-account-popup.popup-container .resp-tabs-container .wrap-when-form-controls label {
    width: auto;
    font-weight: normal;
    margin-right: 20px;
}

.wrap-full-amount {
    float: left;
    min-height: 1px;
    padding-left: 160px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.wrap-when-form-controls .input-append.date .txt {
    width: 110px;
}

#easy-pay-step2 .resp-tabs-container p {
    margin-bottom: 5px;
}

#newTransfer, #interBankinfo, #addNewbenif, #searchBenifbankInfo {
    max-width: 800px;
}

    #newTransfer .popup-content {
        padding: 10px;
    }

    #newTransfer .resp-tabs-container {
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

.new-transfer .tab-navigation {
    padding-right: 10px;
}

#interBankinfo.my-account-popup.popup-container .resp-tabs-container label {
    width: 160px;
}

#addNewbenif.my-account-popup.popup-container .resp-tabs-container label {
    width: 215px;
    margin-top: 5px;
}

#addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types {
    float: left;
    min-height: 1px;
    width: 100%;
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
}

    #addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li {
        width: 31%;
        padding-bottom: 10px;
    }

        #addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li:first-child input {
            margin-left: 2px;
        }

        #addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li label {
            width: 150px;
        }

#addNewbenif.my-account-popup.popup-container .resp-tabs-container label.label-yes-no {
    width: 70px;
    font-weight: normal;
}

#addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li input {
    float: left;
    margin-top: 8px;
}

#addNewbenif.my-account-popup a.btn {
    /*margin-top: -8px;*/
}

#addNewbenif.my-account-popup ul li.wrap-swift-code small {
    float: right;
    width: 180px;
    font-style: italic;
    color: #999;
}

#addNewbenif .help-gray, .help-gray-global {
    background: url('../images/sprite.png') no-repeat 1px -1529px !important;
    margin-bottom: -3px;
    position: relative;
}

#addNewbenif .resp-tabs-container {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

#addNewbenif .wrap-preview {
    padding: 0;
}

#newTransfer .tab-navigation {
    padding-right: 0;
}

#searchBenifbankInfo .table-responsive {
    float: left;
    border: none;
}

    #searchBenifbankInfo .table-responsive .table-curved {
        /*min-width: 780px;*/
        margin-top: 10px;
        margin-bottom: 5px;
    }

#searchBenifbankInfo .tab-navigation, .overseas-card-use .tab-navigation {
    padding-bottom: 0;
}

    #searchBenifbankInfo .tab-navigation p {
        float: left;
        margin-top: 10px;
    }

        #searchBenifbankInfo .tab-navigation p a {
            color: #005E8C;
            font-style: normal;
            text-transform: none;
            font-weight: normal;
            text-decoration: underline;
        }

    #searchBenifbankInfo .tab-navigation .btn-submit {
        float: left;
        margin-right: 10px;
        padding: 10px 16px;
        border: none;
    }

#searchBenifbankInfo .carousel-inner {
    float: left;
}

#searchBenifbankInfo .table-pager {
    float: left;
    width: 100%;
    margin: -35px auto 0;
}

#addNewbenif .btn-submit {
    display: none;
}

.wrap-popup-top-control {
    float: left;
    min-height: 1px;
    width: 100%;
    margin-bottom: 30px;
}

#eStatement .wrap-select {
    float: left;
}

#eStatement.my-account-popup .wrap-select {
    margin-top: -7px;
    width: 125px;
}

#eStatement.my-account-popup select {
    width: 145px;
    background-position: 78% 10px;
}

#eStatement .wrap-account-details ul li {
    width: 50%;
    margin-bottom: 0;
}

    #eStatement .wrap-account-details ul li strong {
        color: #000;
    }

#eStatement .table-curved {
    /*min-width: 750px;*/
    margin-bottom: 0;
}

.my-account-popup a.btn-download {
    margin-right: 0;
}

.my-account-popup.popup-container .resp-tabs-container .wrap-popup-top-control label {
    width: auto;
}

.my-account-popup.popup-container .resp-tabs-container .top-client-details label {
    width: 110px;
    word-wrap: break-word;
}

#eStatement .tool-tip-two ul {
    padding-left: 20px;
    /*padding-top: 10px;*/
}

    #eStatement .tool-tip-two ul li {
        margin-bottom: 0;
    }

.wrap-scroll-area {
}

#eStatement .table-trasaction-one {
    overflow-y: auto;
    height: 275px;
    float: left;
    min-height: 1px;
    width: 100%;
}

#eStatement .wrap-account-details {
    padding-bottom: 0;
    padding-top: 0;
}

    #eStatement .wrap-account-details ul {
        margin-bottom: 0;
    }

#eStatement.my-account-popup.popup-container .resp-tabs-container {
    padding: 10px;
    padding-top: 20px;
}

.early-loan ul {
    float: left;
    border-bottom: 1px solid #d4e8f0;
}

#earlyLoan .early-loan ul.wrap-loan-controls {
    padding: 10px 0;
}

    #earlyLoan .early-loan ul.wrap-loan-controls li {
        width: 50%;
        float: left;
    }

#earlyLoan ul.wrap-intrest-form {
    width: 100%;
    padding: 10px 0;
}

#earlyLoan .early-loan ul.wrap-intrest-form li label {
    width: 525px;
    margin-top: 5px;
}

#earlyLoan.popup-container .resp-tabs-container label {
    width: 155px;
    margin-top: 5px;
}

#earlyLoan .early-loan ul.wrap-settle-control {
    width: 100%;
    border-bottom: none;
    margin-bottom: 30px;
}

    #earlyLoan .early-loan ul.wrap-settle-control li {
        width: 100%;
    }

    #earlyLoan .early-loan ul.wrap-settle-control p {
        display: block;
        float: left;
        width: auto;
        margin: 3px 0 0;
    }

        #earlyLoan .early-loan ul.wrap-settle-control p.first {
            margin-right: 20px;
        }

    #earlyLoan .early-loan ul.wrap-settle-control .wrap-name-inputs {
        width: auto;
    }

.text-green {
    color: green;
}

.text-red {
    color: red;
}

#earlyLoan a.btn-confirm, #earlyLoan-step-2 a.btn-confirm, #earlyLoan-step-2 a.btn-back {
    display: block !important;
    background-image: none;
    padding: 10px 15px;
}

#earlyLoan-step-2 a.btn-back {
    padding-left: 20px !important;
}

#earlyLoan-step-2 .transfer-details ul li {
    padding: 5px 0;
}

#earlyLoan-step-2.popup-container .resp-tabs-container label {
    width: 224px;
}

.second-col label {
    padding-left: 40px;
}

.wrap-req-pin.my-account-popup .resp-tabs-container {
    min-height: 200px;
}

    .wrap-req-pin.my-account-popup .resp-tabs-container label {
        width: 185px;
        margin-top: 5px;
    }

.wrap-req-pin.my-account-popup .tab-navigation {
    padding-bottom: 0;
}

.wrap-req-pin.my-account-popup .wrap-select {
    width: 225px;
}

.wrap-req-pin.my-account-popup select {
    width: 255px;
}

.wrap-req-pin.my-account-popup .input-txt {
    width: 225px;
}

.wrapper-delivery-controls {
    /*float: left;*/
    min-height: 1px;
    width: auto;
    overflow: hidden;
}

.wrap-delivery {
    float: left;
    /*margin-bottom: 20px;*/
    min-height: 1px;
    width: 250px;
}

.my-account-popup .resp-tabs-container .wrap-delivery input[type="radio"] {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.my-account-popup .resp-tabs-container .wrap-delivery label {
    width: auto;
    float: left;
    font-weight: normal;
}

.my-account-popup .resp-tabs-container .wrap-delivery textarea {
    /* width: 100%;
	min-height: 100px;
	max-width: 400px; */
    width: 205px;
    float: left;
    margin-left: 20px;
    height: 100px;
    resize: none;
    border: 1px solid #E3E3E3;
    margin-top: 10px;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow-y: auto;
    overflow-x: hidden;
}

.request-check .tab-navigation {
    padding-bottom: 0px;
}

.request-check.my-account-popup .resp-tabs-container li:first-child label {
    margin-top: 5px;
}

.my-account-popup .resp-tabs-container .wrap-delivery span {
    float: left;
    margin-left: 20px;
    min-height: 1px;
    margin-top: 5px;
}

.request-check small {
    margin-left: 160px;
    color: #999;
    font-style: italic;
}

.my-account-popup.request-check .resp-tabs-container {
    min-height: 310px;
}

#searchHeight {
    min-height: 80px;
}

    #searchHeight label {
        width: 100%;
    }

.my-account-popup.request-check .alert {
    width: 550px;
    color: #666;
}

.my-account-popup.request-check-sadara .resp-tabs-container label {
    width: 140px;
}

.request-check-sadara .wrap-delivery {
    width: 185px;
}

.request-check-sadara small {
    margin-left: 150px;
}

.my-account-popup.request-check-sadara .resp-tabs-container .wrap-delivery textarea {
    width: 150px;
}

.my-account-popup.request-check-sadara .wrap-select {
    margin-left: 20px;
}

.my-account-popup.request-check-sadara .wrap-new-select {
    margin-top: 27px;
}

a.btn-request-sadara {
    background-color: #634a2c;
}

a.btn-okay {
    padding: 10px 25px;
}

.request-check .input-txt {
    width: 235px;
}

#reqChequebook-2.my-account-popup .resp-tabs-container label {
    margin-top: 5px;
}

.overseas-card-use .input-append.date .txt {
    width: 175px;
}

.my-account-popup.overseas-card-use .resp-tabs-container {
    min-height: 180px;
}
/*--------092-94-------------*/
.activate-card-popup, #request-limit-change1 {
    max-width: 750px;
}

.my-account-popup .select-expiry .wrap-select {
    float: left;
    margin-right: 5px;
    width: 97px;
}

.my-account-popup .select-expiry select {
    background-position: 78% 10px;
    width: 113px;
}

#activate-step2, #activate-step3, #block-card-step2, #block-card-step3, #replace-card-step {
    max-width: 800px;
}

    #activate-step3 .resp-tabs-container, #block-card-step3 .resp-tabs-container {
        min-height: 185px;
    }
/*.activate-card-popup p.wrap-time-out{
	width: 60%;
}*/
.tab-authorization-success {
    text-align: center;
}

#activate-step3 .resp-tabs-container span, #block-card-step3 .resp-tabs-container span {
    display: block;
    padding-bottom: 18px;
}

#activate-step3 .resp-tabs-container p, #block-card-step3 .resp-tabs-container p {
    padding-bottom: 30px;
}

.authorise .wrap-authorization p {
    float: left;
}

.authorise .tab-navigation {
    padding-bottom: 0px;
}

p.custom-para {
    width: auto;
}

#activate-step2 .wrap-time-out, #block-card-step2 .wrap-time-out {
    width: 53%;
    padding-top: 6px;
}

#activate-step1 li label, #block-card-step1 li label, #request-limit-change1 label, #pay-spent-amount li label {
    margin-top: 7px;
    line-height: 15px;
}

#activate-step1 li:nth-child(3) label {
    margin-top: 0;
}

#pay-spent-amount li:nth-child(4) label {
    margin-top: 0;
}

#activate-step1 .tab-navigation, #activate-step2 .tab-navigation, #block-card-step1 .tab-navigation, #block-card-step2 .tab-navigation,
#replace-card-step .tab-navigation {
    padding-bottom: 0;
}

#block-card-step1 {
    max-width: 850px;
}

#replace-card-step .resp-tabs-container .wrap-delivery textarea {
    width: 180px;
}
/*--------105-------------*/
#request-limit-change1 {
    margin-top: -90px;
}

    #request-limit-change1 .resp-tabs-container {
        padding-right: 0;
    }

    #request-limit-change1 .wrap-limit-content {
        clear: both;
        width: auto;
    }

    #request-limit-change1 .wrap-scroll-content {
        height: 241px;
        overflow-y: auto;
    }

    #request-limit-change1 .wrap-purchase-limit {
        overflow: hidden;
        position: relative;
    }
        /* #request-limit-change1 .wrap-left-purchase{
	float: left;
    width: 51%;
}
#request-limit-change1 .wrap-right-purchase{
	float: left;
  width: 18%;
  text-align: right;
} */
        #request-limit-change1 .wrap-purchase-limit .details {
            min-height: 1px;
            overflow: hidden;
            max-width: 20%;
            text-align: right;
        }

        #request-limit-change1 .wrap-purchase-limit label {
            display: block;
            font-weight: normal;
            padding: 7px 0;
            width: 51%;
            float: left;
            margin-top: 0;
        }

        #request-limit-change1 .wrap-purchase-limit input {
            width: 100px;
            text-align: right;
            display: inline-block;
            float: none;
        }

        #request-limit-change1 .wrap-purchase-limit .details span {
            display: block;
            padding: 7px 0;
            font-weight: bold;
            min-height: 18px;
        }

    #request-limit-change1 .wrap-name-inputs {
        margin-bottom: 5px;
    }
/*60-78 templates*/

.popup-new-account .wrap-messages {
    padding: 20px 15px 0px;
    color: #6A7075;
}

.popup-new-account .resp-tabs-container {
    min-height: 175px;
}

.label-manch-question {
    width: 340px;
    margin-right: 10px;
}

.tab-content-loan {
    display: none;
}

.my-account-popup.easy-pay-success .resp-tabs-container {
    min-height: 150px;
}

.my-account-popup .tab-navigation {
    padding-bottom: 10px; /*cbq change 0px*/
}

.my-account-popup.add-new-benif .wrap-select span.custom-selected {
    width: 86% !important;
}

#searchBenifbankInfo .resp-tabs-container button.btn-submit, #searchBenifbankInfo .tab-navigation .btn-submit {
    float: right;
}

#tablepopUp .table-curved th.text-center {
    text-align: center;
}

.top-client-details .pull-left label {
    margin-right: 5px;
}

.top-client-details .wrap-popup-btn label {
    margin-right: 5px;
}

.top-client-details .wrap-popup-btn {
    float: right;
}

.my-account-popup.popup-container .top-client-details .top-client-inside label {
    width: 182px;
}

    .my-account-popup.popup-container .top-client-details .top-client-inside label:first-child {
        width: 42px;
    }

.top-client-details {
    background: #f5f6f8;
    border: 1px solid #e7ebee;
    border-radius: 5px;
    padding: 10px 0 10px 10px;
}

.pagination ol.carousel-indicators {
    width: 128px;
    overflow: hidden;
}

a.help-gray:hover .tool-tip-three {
    display: block;
}

.tool-tip-three {
    /*background: url("../images/toop-tip-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    display: block;
    left: -69px;
    position: absolute;
    top: 29px;
    width: 283px;
    background: #fff9e1;
    border: 1px solid #f1e3b0;
    border-radius: 6px;
    padding: 5px;
    text-align: center;
    color: #000;
    font-size: 10px;
    display: none;
    -webkit-transition: all 0.5 ease 0.5s;
    -moz-transition: all 0.5 ease 0.5s;
    -ms-transition: all 0.5 ease 0.5s;
    transition: all 0.5 ease 0.5s;
    z-index: 9;
    word-wrap: break-word;
}

    .tool-tip-three::before {
        border-color: transparent transparent #f1e3b0 transparent;
        border-width: 0 5px 10px;
        border-style: solid;
        content: "";
        height: 0;
        left: 28%;
        margin-left: -5px;
        position: absolute;
        top: -10px;
        width: 0;
    }

    .tool-tip-three p {
        margin: 0;
    }
/*#searchBenifbankInfo .resp-tabs-container ul li.block-btn {
	border-top: 1px solid #ccc;
}*/
/*#eStatement .resp-tabs-container {
	min-height: 500px;
}*/
#eStatement .table-trasaction-one {
    height: 540px;
}

#eStatement .table-curved {
    /*min-width: 748px;*/
}

#eStatement .scrollable .viewport .overview {
    /*min-width: 748px;*/
}

#eStatement .table-curved td {
    padding: 5px 10px;
}

.wrap-supply-card label input {
    margin: 4px 6px 0 0;
}

#request-code .wrap-request-code-content p.or {
    margin: 0 0 10px;
}

#new-account-popup .form-fields {
    width: 97%;
}

#new-account-popup .wrap-authorization p {
    width: 100%;
}

#confirm-account .wrap-products a.btn {
    float: right;
    margin-right: 15px;
}

#confirm-account p.confirm-right {
    margin-left: 0;
    margin-right: 5px;
    text-align: right;
}
/* #new-account-popup .resp-tabs-list li:first-child {
	padding: 5px 33px 10px;
} */
/* #new-account-popup .resp-tabs-list li:nth-child(2).resp-tab-active,
#new-account-popup .resp-tabs-list li:nth-child(3).resp-tab-active {
	padding: 5px 37px 10px;
} */
/* #new-account-popup .resp-tabs-list li:last-child {
	padding: 5px 62px 10px;
}
.mac #new-account-popup .resp-tabs-list li:last-child {
	padding: 5px 61px 10px;
} */
/* #new-account-popup .resp-tabs-list li:last-child.resp-tab-active {
	padding: 5px 63px 10px;
} */
.wrap-checkboxes small.go-green-label {
    color: green;
}

#new-account-popup .wrap-verify-details input.mob-num {
    width: 147px;
}

#new-account-popup .resp-tabs-container label.custom-input {
    margin-top: 5px;
}

#new-account-popup .popup-form-content .wrap-supply-card {
    width: 100%;
    clear: both;
}

    #new-account-popup .popup-form-content .wrap-supply-card p {
        clear: both;
        float: left;
        width: 65%;
        margin-right: 5px;
    }

#new-account-popup .wrap-preview .wrap-select {
    width: 260px;
}

#new-account-popup .wrap-prv-confirm h4 {
    float: left;
    width: 82%;
}

#confirm-account p.confirm-right a.btn-account-confirm {
    margin-right: 15px;
}

.wrap-account {
    border-top: none !important;
}

.tab-common-col1 {
    border-top: 1px solid #ccc;
    padding-bottom: 8px;
}
/* #searchBenifbankInfo #slider .flex-viewport:nth-child(1){
	height: auto!important;
}
#searchBenifbankInfo #slider .flex-viewport:first-child{
	height: auto!important;
} */
#request-code .popup-content {
    padding-bottom: 0;
}
/* .tab-content-current {
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
}*/
/*Media Query*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .input-txt {
        padding: 7px;
    }

    .wrap-account-details select, .wrap-deposit-details select {
        width: 222px;
    }
}

@media(max-width:820px) {
    .resp-tabs-list li.resp-tab-active {
        width: 100%;
        display: block;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
        background: none;
    }

    .resp-tabs-list li {
        display: none;
    }

        .resp-tabs-list li.resp-tab-active:after {
            border: medium none;
        }

        .resp-tabs-list li.resp-tab-active:after {
            background: none;
        }
}

@media(max-width:768px) {
    #new-account-popup .resp-tabs-container .wrap-prv-confirm li {
        width: 100%;
    }

    #request-limit-change1 {
        margin-top: 10px;
    }

    .resp-tabs-list li.resp-tab-active:after {
        background: none repeat scroll 0 0 #eff6fa;
    }

    .form-fields li {
        width: 48%;
    }

    .form-fields label {
        margin-bottom: 5px;
    }

    .form-fields input.txt {
        width: auto;
    }

    .input-append.date {
        width: 52%;
    }

    .resp-tabs-list {
        border-bottom: 1px solid #CCC;
    }

    .form-fields.wrap-checkboxes li {
        width: 100%;
    }

        .form-fields.wrap-checkboxes li label {
            width: 95%;
        }

    .wrap-checkboxes label {
        width: 150px;
    }

    .wrap-checkboxes .chkbox {
        vertical-align: top;
        margin-top: 10px;
    }

    .wrap-checkboxes .txt {
        width: 220px;
        margin-left: 20px;
    }

    .tab-container .prev, .tab-container .next {
        display: block;
        z-index: 3;
        outline: none;
        top: 102px;
    }

    .tab-container .prev {
        /*left: 11px;
		top: 97px;
		border-right: 1px solid #c1c1c1;
		background: url('../images/mob-view-tab-arrow-left.png')no-repeat 17px 14px;
		background-color: #f4f9fc;
		text-indent: -999px;
		overflow: hidden;
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;*/
    }

    .tab-container .next {
        /*right: 11px;
		top: 97px;
		border-left: 1px solid #c1c1c1;
		background: url('../images/mob-view-tab-arrow-right.png')no-repeat 17px 14px;
		background-color: #f4f9fc;
		text-indent: -999px;
		overflow: hidden;
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px;*/
    }

    #addNewbenif .tab-container .next {
        top: 106px;
        right: 22px;
    }

    #addNewbenif .tab-container .prev {
        top: 106px;
        left: 22px;
    }

    .dawn .tab-container .next {
        background: #F3E5EB url('../En_Dawn/images/mob-view-tab-arrow-right.png')no-repeat 17px 14px;
    }

    .dusk .tab-container .next {
        background: #efe3f6 url('../En_Dusk/images/mob-view-tab-arrow-right.png')no-repeat 17px 14px;
    }

    .dawn .tab-container .prev {
        background: #F3E5EB url('../En_Dawn/images/mob-view-tab-arrow-left.png')no-repeat 17px 14px;
    }

    .dusk .tab-container .prev {
        background: #efe3f6 url('../En_Dusk/images/mob-view-tab-arrow-left.png')no-repeat 17px 14px;
    }

    .sadara .tab-container .next {
        background: #f6f2ed url('../En_Sadara/images/mob-view-tab-arrow-right.png')no-repeat 17px 14px;
    }

    .sadara .tab-container .prev {
        background: #f6f2ed url('../En_Sadara/images/mob-view-tab-arrow-left.png')no-repeat 17px 14px;
    }

    .pvtbank .tab-container .next {
        background: #e8e8e8 url('../En_Private/images/mob-view-tab-arrow-right.png')no-repeat 17px 14px;
    }

    .pvtbank .tab-container .prev {
        background: #e8e8e8 url('../En_Private/images/mob-view-tab-arrow-left.png')no-repeat 17px 14px;
    }

    .resp-tabs-list li {
        display: none;
    }

        .resp-tabs-list li.resp-tab-active {
            width: 100%;
            display: block;
            text-align: center;
            margin-left: 0;
            margin-right: 0;
            background: none;
        }

    .resp-tabs-container {
        min-height: 300px;
    }

    .loading-tabs-container {
        min-height: 300px;
    }

    #logout-confirm-popup .resp-tabs-container {
        min-height: 50px;
    }


    .resp-tabs-list li.resp-tab-active:after {
        border: none;
    }

    .wrap-checkboxes .chkbox {
        margin-top: 0;
    }

    .form-fields.wrap-checkboxes li label {
        width: 90%;
    }

    .form-fields label {
        width: 135px;
    }

    .input-append.date .txt {
        width: 75%;
        margin-right: 15px;
    }
    /*
	.my-account-popup select{
	
		background-position: 82% 10px;
	}*/
    #addNewbenif.my-account-popup .wrap-select {
        width: 200px;
    }

    #addNewbenif.my-account-popup select {
        background-position: 87% 10px;
        width: 210px;
    }

    #addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li {
        width: 28%;
    }

    #addNewbenif.my-account-popup ul li.wrap-swift-code small {
        float: left;
        padding-left: 225px;
        width: auto;
        margin-top: 5px;
    }

    #interBankinfo .wrap-select {
        width: 200px;
    }

    #interBankinfo.my-account-popup select {
        width: 205px;
    }

    #addNewbenif .resp-tabs-container {
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
    }

    #eStatement .wrap-account-details .row > div {
        float: left;
        min-height: 1px;
        width: 100%;
    }

        #eStatement .wrap-account-details .row > div ul {
            width: 100%;
        }

    #earlyLoan .early-loan ul.wrap-intrest-form li label {
        width: 484px;
    }

    .second-col label {
        padding-left: 0;
    }

    #earlyLoan.my-account-popup .wrap-select {
        width: 225px;
    }

    .wrap-req-pin.my-account-popup select {
        background-position: 82% 10px;
    }

    .wrap-delivery {
        width: 245px;
    }

    .request-check-sadara .wrap-delivery {
        width: 180px;
    }

    .my-account-popup.request-check-sadara .wrap-select {
        width: 200px;
    }

    .my-account-popup.request-check-sadara .wrap-delivery .wrap-select {
        width: 160px;
    }

    .my-account-popup.request-check-sadara .wrap-delivery select {
        width: 180px;
    }

    .my-account-popup.request-check-sadara select {
        background-position: 82% 10px;
    }

    .my-account-popup.request-check .wrap-select {
        width: 225px;
    }

    .my-account-popup.overseas-card-use .wrap-select {
        width: 200px;
    }

    .my-account-popup.overseas-card-use select {
        width: 100%;
    }

    .form-fields {
        width: 100%;
    }

    #searchBenifbankInfo .table-responsive .table-curved {
        /*min-width: 735px;*/
    }

    #request-limit-change1 .wrap-purchase-limit .details {
        max-width: 25%;
    }
}

@media(min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #request-limit-change1 .wrap-select {
        width: 200px;
    }

    #request-limit-change1 select {
        background-position: 83% 10px;
    }

    #request-limit-change1 .select-account .wrap-select {
        width: 200px;
    }

    #request-limit-change1 .wrap-right-purchase span {
        padding: 18px 0;
    }
}

@media(max-width:640px) {
    #new-account-popup .wrap-verify-details .form-fields input.txt {
        width: 177px;
    }

    #new-account-popup .wrap-verify-details .input-append.date .txt,
    #new-account-popup .resp-tabs-container .wrap-verify-details li .wrap-select {
        width: 177px;
    }

    #new-account-popup .resp-tabs-container .wrap-prv-confirm li .wrap-select {
        width: 100%;
    }

    #new-account-popup .popup-form-content .acct-balance {
        padding: 0;
    }

    .popup-container h3 {
        font-size: 20px;
    }

    .tab-container .prev, .tab-container .next {
        top: 92px;
    }

    ul.account-types {
        margin-top: 20px;
    }

    .account-types li {
        width: 100%;
        padding-top: 0;
        padding-bottom: 15px;
    }

    label.label-yes-no {
        width: auto !important;
    }

    #ex-yes, #ex-no, .new-debit-yes, .new-debit-no {
        width: auto !important;
    }

    .wrap-deposit-details label.custom-input, .wrap-account-details label.custom-input,
    .wrap-deposit-details label, .wrap-account-details label, .wrap-account-details li label {
        width: 100%;
        margin-bottom: 10px;
    }

    #new-account-popup .resp-tabs-container label.custom-input {
        width: 25%;
    }

    #new-account-popup .resp-tabs-container li .wrap-select {
        width: 200px;
    }

    .wrap-select, .wrap-select select, .wrap-account-details .input-txt {
        width: 100%;
    }

    .wrap-deposit-details select, .wrap-account-details select {
        background-position: 98% 10px;
    }

    .form-fields {
        width: 100%;
    }

        .form-fields li {
            margin-right: 0;
            width: 100%;
        }

        .form-fields input.txt {
            width: 100%;
        }

    .input-append.date .txt {
        width: 91%;
    }

    .form-fields.wrap-checkboxes li label {
        width: 90%;
    }

    .wrap-authorization p {
        width: 80%;
    }

    .wrap-checkboxes .txt {
        width: 96.5%;
    }

    .wrap-preview #accounttype.txt, .wrap-preview #debitcard.txt, .wrap-preview #name-on-debit-card.txt {
        width: 100%;
    }

    .wrap-checkboxes #tax-payer-id, .wrap-checkboxes .push20 {
        margin-left: 0;
    }

    .wrap-checkboxes .chkbox {
        margin-top: 3px;
    }

    .wrap-checkboxes .txt {
        width: 100%;
    }

    .wrap-request-code-content input {
        margin-left: 0;
    }

    .input-append.date {
        width: 74%;
    }

    .wrap-preview {
        padding: 15px 10px 12px 10px;
    }

    .wrap-authorization input.txt {
        width: 50%;
    }

    .products p {
        font-size: 14px;
    }

    .go-green-label {
        margin-top: -5px;
    }

    .wrap-transaction-date .date-to .input-append.date, .wrap-transaction-date .date-from .input-append.date {
        width: 156px;
    }
    /*	.wrapper-delivery-controls{
		margin-left: 160px;
	}*/
    #addNewbenif.my-account-popup ul li.wrap-swift-code small {
        float: left;
        padding-left: 225px;
        width: auto;
    }

    #addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li {
        width: 35%;
    }

    #addNewbenif .tab-container .next {
        top: 102px;
        right: 22px;
    }

    #addNewbenif .tab-container .prev {
        top: 102px;
        left: 22px;
    }

    #addNewbenif.my-account-popup.popup-container .resp-tabs-container {
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
    }

    #searchBenifbankInfo .table-pager {
        margin: -50px auto 0;
    }

    .request-check-sadara .wrapper-delivery-controls {
        margin-left: 0px;
    }

    .wrap-custom-delivery {
        margin-top: 10px;
    }

    .request-check-sadara .wrap-delivery {
        width: 215px;
        margin-bottom: 10px;
    }

    .my-account-popup.request-check-sadara .resp-tabs-container .wrap-delivery textarea {
        width: 170px;
    }

    .my-account-popup.request-check-sadara select {
        background-position: 95% 10px;
    }

    .my-account-popup.request-check-sadara .wrap-delivery .wrap-select {
        width: 170px;
    }

    .my-account-popup.request-check-sadara .wrap-delivery select {
        width: 100%;
    }

    .request-check-sadara .wrapper-delivery-controls {
        width: 400px;
    }

    .my-account-popup.request-check .alert {
        width: 100%;
    }

    .overseas-card-use .input-append.date {
        width: auto;
    }

        .overseas-card-use .input-append.date .txt {
            width: 167px;
        }

    #request-limit-change1 .resp-tabs-container {
        padding-right: 0px;
    }

        #request-limit-change1 .resp-tabs-container li, #request-limit-change1 .wrap-name-inputs {
            padding-right: 20px;
        }

            #request-limit-change1 .resp-tabs-container li:nth-child(2) {
                padding-right: 0px;
            }
    /* #replace-card-step.my-account-popup .wrap-select{
		width: 200px;
	} */
    #request-limit-change1 .wrap-purchase-limit label {
        float: none;
        width: 100%;
    }

    #request-limit-change1 .wrap-purchase-limit .details {
        max-width: 100%;
        text-align: left;
    }

        #request-limit-change1 .wrap-purchase-limit .details input {
            text-align: left;
        }

    #request-limit-change1.my-account-popup .wrap-select {
        width: 200px;
    }
}

@media(min-device-width : 600px) and (max-device-width : 960px) and (orientation : portrait) {
    #activate-step1 li:nth-child(1) .select-account .wrap-select {
        width: 87.5%;
    }

    #request-limit-change1 .resp-tabs-container .wrapper-delivery-controls {
        margin-left: 0;
        width: 386px;
    }

    #request-limit-change1 .wrap-name-inputs {
        padding-right: 0;
    }

    #request-limit-change1 .wrap-select {
        width: 100%;
    }

    #request-limit-change1 .wrap-right-purchase {
        width: 25%;
    }
}

@media(min-device-width : 600px) and (max-device-width : 960px) and (orientation : landscape) {
    #request-limit-change1 {
        margin-top: 10px;
    }
}

@media(max-width: 600px) {
    #addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li {
        width: 38%;
    }

    #addNewbenif.my-account-popup a.btn {
        margin-left: 0;
        padding: 2px 10px;
    }
}

@media(max-width:480px) {
    #new-account-popup .popup-form-content .wrap-supply-card p {
        width: 100%;
    }

    .tool-tip-three {
        width: 99px;
        left: -17px;
    }

    #addNewbenif ul#tab li.resp-tab-content-active {
        overflow: visible;
    }

    .top-client-details .wrap-popup-btn {
        float: none;
    }

    .wrap-preview .wrap-checkboxes.radio-group label {
        width: 100%;
        margin-right: 0;
    }

    .wrap-checkboxes .txt {
        width: 99%;
    }

    .input-append.date {
        width: 64%;
    }

        .input-append.date .txt {
            width: 85%;
        }

    .wrap-authorization input.txt {
        width: 100%;
    }

    #confirm-account .resp-tabs-container p, #confirm-account .resp-tabs-container h2 {
        margin-right: 25px;
        margin-left: 25px;
    }

    .wrap-products {
        padding-left: 0;
        padding-top: 10px;
    }

    .products {
        padding-left: 0;
        border-right: none;
        border-bottom: 1px solid #C1C1C1;
        width: 100%;
        padding-bottom: 10px;
    }

    #logout-confirm-popup .products {
        width: 100%;
        padding-top: 10px;
        /*  	padding-left: 35px;*/
    }

    .products:last-child {
        padding-left: 0;
    }

    .wrap-request-code-content {
        padding: 10px;
    }

        .wrap-request-code-content > p {
            width: 95%;
        }

        .wrap-request-code-content ul {
            padding-left: 10px;
        }

        .wrap-request-code-content input {
            margin-top: 10px;
            width: 100%;
        }

    .form-fields.wrap-checkboxes li label {
        width: 90%;
    }

    .wrap-authorization p {
        width: 93%;
    }

    #addNewbenif.my-account-popup.popup-container .resp-tabs-container label {
        width: 100%;
    }

    #addNewbenif.my-account-popup ul li.wrap-swift-code small {
        padding-left: 0px;
    }

    #addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li {
        width: 50%;
    }

    #interBankinfo .wrap-select {
        width: 200px;
    }

    .wrap-popup-btn {
        margin-top: 20px;
    }

    .my-account-popup.popup-container .resp-tabs-container .wrap-popup-top-control label {
        width: 65px;
    }

    .my-account-popup.popup-container .top-client-details .top-client-inside label {
        width: 182px;
    }

    #eStatement.my-account-popup .wrap-select {
        width: 175px;
    }

    #eStatement.my-account-popup select {
        width: 200px;
    }

    #earlyLoan .early-loan ul.wrap-intrest-form li label {
        width: 100%;
    }

    .my-account-popup.request-check .alert {
        width: auto;
    }

    .request-check-sadara .wrapper-delivery-controls {
        width: 245px;
    }
}

@media(max-width:479px) {
    .my-account-popup.request-check .resp-tabs-container > ul > li > label, .my-account-popup.activate-card-popup .resp-tabs-container > ul > li > label, #request-limit-change1.my-account-popup .resp-tabs-container > ul > li > label {
        width: 100%;
        margin: 0 0 10px;
        float: none;
    }

    .request-check small {
        margin-left: 0;
    }

    #replace-card-step .resp-tabs-container .wrap-delivery textarea, #replace-card-step.my-account-popup .wrap-name-inputs, #replace-card-step.my-account-popup .input-txt, #replace-card-step.my-account-popup .wrap-select {
        width: 100%;
    }
}

@media(max-width:480px) and (orientation : landscape) {
    #add-new-payee-step1.my-account-popup a.btn {
        margin-left: 160px;
        margin-top: -5px;
    }

    #add-new-payee-step1.my-account-popup .help {
        margin-top: 5px;
    }

    #request-limit-change1 .resp-tabs-container li {
        padding-right: 20px;
    }

    #request-limit-change1 .wrap-name-inputs {
        padding-right: 0px;
    }
}


@media(max-width:568px) and (orientation : landscape) {
    #add-new-payee-step1.my-account-popup .wrap-select {
        width: 40.5%;
    }

    #add-new-payee-step1.my-account-popup select {
        background-position: 95% 10px;
    }

    #add-new-payee-step1.my-account-popup a.btn {
        margin-right: 0;
    }
}

@media(max-width:568px) and (orientation : portrait) {
    #add-new-payee-step1.my-account-popup a.btn {
        margin-left: 0;
        margin-top: -7pxpx;
    }

    #add-new-payee-step1.my-account-popup .help {
        margin-top: 10px;
    }
}


@media(max-width:360px) {
    /*#new-account-popup .wrap-verify-details input.mob-num {
		width: 79%;
	}*/
    #new-account-popup .resp-tabs-container label.custom-input {
        width: 100%;
    }

    .top-client-details .wrap-popup-btn {
        float: none;
    }

    .input-append.date {
        width: 100%;
    }

        .input-append.date .txt {
            width: 86%;
        }

    .wrap-checkboxes .txt {
        width: 92.5%;
    }

    .wrap-checkboxes .push20 {
        margin-left: 0;
        margin-right: 0;
    }

    .wrap-checkboxes .txt {
        margin-left: 0;
    }

    .form-fields.wrap-checkboxes li label {
        width: 88%;
    }

    #confirm-account .resp-tabs-container p label {
        margin-right: 10px;
        margin-left: 10px;
    }

    #addNewbenif.my-account-popup ul li.wrap-swift-code small {
        padding-left: 0;
    }

    .wrap-swift-code .btn, .wrap-swift-code .help {
        margin-top: 10px;
    }

    #addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li label {
        width: 80px;
    }

    #addNewbenif.my-account-popup .wrap-select, #interBankinfo .wrap-select {
        width: 100%;
    }

    #addNewbenif.my-account-popup select, #interBankinfo.my-account-popup select {
        width: 102%;
    }

    #addNewbenif .tab-navigation .btn-cancel {
        margin-right: 0;
        margin-top: 10px;
    }

    .my-account-popup .wrap-popup-btn a.btn {
        margin-left: 0;
        margin-right: 5px;
    }

    #eStatement.my-account-popup .wrap-select {
        width: 220px;
    }

    #eStatement.my-account-popup select {
        width: 260px;
    }

    .my-account-popup.popup-container .resp-tabs-container .wrap-popup-top-control label {
        width: 73px;
    }

    .my-account-popup.popup-container .resp-tabs-container .top-client-details label {
        width: 110px;
    }

    .my-account-popup.popup-container .top-client-details .top-client-inside label {
        width: 182px;
    }

        .my-account-popup.popup-container .top-client-details .top-client-inside label:first-child {
            width: 42px;
        }

    #earlyLoan .early-loan ul.wrap-loan-controls li, #earlyLoan.my-account-popup .wrap-select {
        width: 100%;
    }

    #earlyLoan .early-loan ul.wrap-settle-control p:last-child {
        margin-left: 0;
    }

    #earlyLoan-step-2.popup-container .resp-tabs-container label {
        width: 100%;
    }

    #earlyLoan-step-2 .transfer-details ul li {
        margin-bottom: 0;
    }

    .wrap-req-pin.my-account-popup select {
        width: 100%;
        background-position: 95% 10px;
    }

    .wrap-req-pin.my-account-popup .wrap-select, .wrap-req-pin.my-account-popup .input-txt {
        width: 100%;
    }

    .wrapper-delivery-controls {
        margin-left: 0px;
    }

    .wrap-delivery {
        width: 100%;
    }

    .my-account-popup .resp-tabs-container .wrap-delivery textarea, .my-account-popup.request-check-sadara .resp-tabs-container .wrap-delivery textarea {
        width: 100%;
        margin-left: 0px;
    }

    .request-check small, .my-account-popup .resp-tabs-container .wrap-delivery span {
        margin-left: 0;
    }

    .my-account-popup.request-check .resp-tabs-container .wrapper-delivery-controls label {
        width: auto;
    }

    .request-check .alert-warning span.warning {
        background-position: 0px -185px;
    }

    .request-check-sadara .wrapper-delivery-controls {
        width: 100%;
    }

    .request-check-sadara .wrap-delivery, .my-account-popup.request-check-sadara .wrap-delivery .wrap-select {
        width: 100%;
    }

    .my-account-popup.request-check-sadara .wrap-select {
        width: 100%;
        margin-left: 0px;
    }

    .overseas-card-use .resp-tabs-container ul {
        width: 100%;
    }

    .overseas-card-use .input-append.date .txt {
        width: 251px;
    }

    .my-account-popup.overseas-card-use .wrap-select {
        width: 100%;
    }

    #activate-step2 .wrap-time-out, #block-card-step2 .wrap-time-out {
        width: 100%;
    }

    #replace-card-step .wrapper-delivery-controls .wrap-delivery label {
        width: auto;
    }

    #replace-card-step .wrapper-delivery-controls {
        margin-top: 5px;
    }

    #request-limit-change1 .wrapper-delivery-controls {
        width: auto;
    }

    .mytools-page .wrap-brokerage-registration .col-center-block .input-txt-two {
        width: 179px;
    }
}

@media(min-device-width : 360px) and (max-device-width : 640px) and (orientation : landscape) {
    #activate-step1 li:nth-child(1) .select-account .wrap-select, #block-card-step1 li .select-account .wrap-select,
    #replace-card-step .select-account .wrap-select {
        width: 87.5%;
    }

    #request-limit-change1 .wrapper-delivery-controls {
        width: 426px;
        margin-left: 0;
    }

    #request-limit-change1 .resp-tabs-container {
        padding-right: 0px;
    }

    .myaccount-credit-page #request-limit-change1 .wrap-name-inputs {
        width: 220px;
    }

    #request-limit-change1 .wrap-select {
        width: 100%;
    }

    .myaccount-credit-page #request-limit-change1 .wrap-right-purchase span {
        padding: 17px 0;
    }

    #request-limit-change1 .wrap-right-purchase {
        width: 23%;
    }
}

@media(min-device-width : 360px) and (max-device-width : 640px) and (orientation : portrait) {
    #activate-step1 li:nth-child(1) .select-account .wrap-select, #block-card-step1 li .select-account .wrap-select,
    #replace-card-step .select-account .wrap-select {
        width: 100%;
    }

    #request-limit-change1 .wrapper-delivery-controls {
        width: auto;
    }

    #request-limit-change1 .resp-tabs-container {
        padding-right: 0px;
    }

    #request-limit-change1 .wrap-when-form-controls .input-append.date {
        width: 100%;
    }

    .myaccount-credit-page #request-limit-change1 .wrap-right-purchase span {
        padding: 19px 0;
    }
}

@media(min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    #activate-step1 li:nth-child(1) .select-account .wrap-select, #block-card-step1 li .select-account .wrap-select,
    #replace-card-step .select-account .wrap-select {
        width: 87.5%;
    }

    #request-limit-change1 .wrapper-delivery-controls {
        width: 354px;
        margin-left: 0;
    }

    #request-limit-change1 .wrap-right-purchase span {
        padding: 17px 0;
    }

    #request-limit-change1 .wrap-select {
        width: 100%;
    }

    #request-limit-change1 .wrap-name-inputs {
        padding-right: 0;
    }

    #request-limit-change1 .wrap-right-purchase {
        width: auto;
    }

    .my-account-popup.popup-container .top-client-details .wrap-popup-btn label, .top-client-details .pull-left label {
        width: auto;
    }
}

@media(min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
    .my-account-popup.popup-container .top-client-details .wrap-popup-btn label, .top-client-details .pull-left label {
        width: auto;
    }

    #activate-step1 li:nth-child(1) .select-account .wrap-select, #block-card-step1 li .select-account .wrap-select,
    #replace-card-step .select-account .wrap-select {
        width: 87.5%;
    }

    #request-limit-change1 .wrapper-delivery-controls {
        width: 266px;
        margin-left: 0;
    }

    #request-limit-change1 .wrap-right-purchase span {
        padding: 21px 0;
    }
}

@media(min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape), @media(min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
    #request-limit-change1 .wrap-right-purchase {
        width: auto;
    }

    #request-limit-change1 .wrap-select {
        width: 100%;
    }

    #request-limit-change1 .wrap-when-form-controls {
        width: 60%;
    }

    #request-limit-change1 .resp-tabs-container {
        padding-right: 0px;
    }

        #request-limit-change1 .resp-tabs-container li, #request-limit-change1 .wrap-name-inputs {
            padding-right: 0px;
        }

    .myaccount-credit-page #request-limit-change1 .wrap-name-inputs {
        width: 200px;
    }
}

@media(min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
    #request-limit-change1 .wrap-right-purchase {
        width: auto;
    }

        #request-limit-change1 .wrap-right-purchase span {
            padding: 22px 0;
        }

    #request-limit-change1 .wrap-when-form-controls .input-append.date {
        width: 100%;
    }
}

@media(max-width:320px) {

    .top-client-details .pull-left label {
        margin-right: 10px;
    }

    .top-client-details .wrap-popup-btn {
        float: none;
    }

    .input-append.date .txt {
        width: 83%;
    }

    .form-fields.wrap-checkboxes li label {
        width: 85%;
    }

    .wrap-checkboxes .push20 {
        margin-left: 0;
        margin-right: 0;
    }

    .wrap-checkboxes .txt {
        margin-left: 0;
    }

    .transfer-details ul li label {
        float: left;
        line-height: 20px;
    }

    #newTransfer .tab-navigation {
        padding-right: 0;
    }

    #addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li label {
        width: 78px;
    }

    #addNewbenif.my-account-popup.popup-container .resp-tabs-container ul.account-types li input {
        margin-right: 5px;
    }

    #newTransfer .btn-cancel {
        margin-right: 0px;
        margin-top: 10px;
    }

    #eStatement.my-account-popup .wrap-select {
        width: 100%;
        margin-top: 0;
    }

    #eStatement.my-account-popup select {
        background-position: 95% 10px;
        width: 244px;
    }

    .wrap-popup-btn a.btn-download {
        margin-top: 10px;
    }

    .my-account-popup.request-check .resp-tabs-container .wrap-delivery label {
        width: 200px;
    }

    .overseas-card-use .input-append.date .txt {
        width: 211px;
    }

    #activate-step1 .btn-pop-confirm {
        padding-left: 15px;
        padding-right: 15px;
    }

    #request-limit-change1 .wrapper-delivery-controls {
        width: auto;
    }

    .req-user-btn {
        margin-top: 10px;
        margin-right: 0px;
    }

    .forgot-username-page .wrapper-select-mode .wrap-mode .wrap-form-control {
        padding-left: 0;
        width: 100%;
        float: left;
    }

    .forgot-username-page .select-mode .wrap-form-control .input-txt {
        width: 100%;
    }

    .forgot-username-page .wrap-authorize-code .input-txt {
        width: 140px;
    }

    .user-registration .acct-balance {
        margin-left: 0;
        /*border: 1px solid red;*/
        padding-left: 0;
    }

    .user-registration .select-mode .wrap-form-control .input-txt {
        width: 100%;
    }

    .user-registration .form-control-forgot .input-txt {
        width: 100%;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
    #activate-step1 .btn-pop-confirm {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.my-account-popup .e-statement > tbody > tr > td:last-child {
    text-align: center;
}

    .my-account-popup .e-statement > tbody > tr > td:last-child a.btn {
        display: inline-block;
        float: none;
    }

#eStatement {
    max-width: 640px;
}

.popup-body {
    background-color: #FFF;
    border: 1px solid #c1c1c1;
    padding: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
   }

.intl-tel-input {
  position: relative;
  display: inline-block;
  width:100%;
}
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .iti-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .iti-arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll; }
    .intl-tel-input .country-list.dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    .intl-tel-input .country-list .flag-box {
      display: inline-block;
      width: 20px; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px;
      color: #555;
    }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
    .intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }
  .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0; }
  .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px; }
  .intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer; }
    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
      background-color: transparent; }
  .intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
  .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px; }
  .intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .intl-tel-input.iti-container:hover {
      cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em; }

.iti-flag {
  width: 20px; }
  .iti-flag.be {
    width: 18px; }
  .iti-flag.ch {
    width: 15px; }
  .iti-flag.mc {
    width: 19px; }
  .iti-flag.ne {
    width: 18px; }
  .iti-flag.np {
    width: 13px; }
  .iti-flag.va {
    width: 15px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-size: 5630px 15px; } }
  .iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
  .iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
  .iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
  .iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
  .iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
  .iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
  .iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
  .iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
  .iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px; }
  .iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti-flag.do {
    height: 13px;
    background-position: -1379px 0px; }
  .iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti-flag.us {
    height: 11px;
    background-position: -5241px 0px; }
  .iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px; }
  .iti-flag.va {
    height: 15px;
    background-position: -5307px 0px; }
  .iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px; }
  .iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px; }
  .iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px; }
  .iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px; }
  .iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px; }
  .iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px; }
  .iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px; }
  .iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px; }
  .iti-flag.za {
    height: 14px;
    background-position: -5566px 0px; }
  .iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("en/images/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url("en/images/flags@2x.png"); } }

.iti-flag.np {
  background-color: transparent; }

@media(min-width:1500px) and (max-width:2000px) {
    /*.mobile-page-title{
         color:red;
    }
    */
     .footer {
         bottom: 0;
         position: fixed;
         width: 100%;
        /*z-index:2000000;
        */
    }
     .container {
         width: 1500px;
    }
     .container-fluid {
         padding-right: 60px;
         padding-left: 60px;
         margin-right: auto;
         margin-left: auto;
    }
     .img-loginbanner {
         width: 314px;
         height: 320px;
        /*background: brown;
        */
         padding: 2px;
         background-image: url("../images/banner-img-mobile.jpg");
    }
     .widbase-content {
         width: 49%;
         margin-right: 5px;
    }
}
 @media(min-width:1201px) and (max-width:1499px) {
    /*.mobile-page-title{
         color:blue;
    }
    */
     .widbase-content {
         width: 49%;
         margin-right: 5px;
    }
     .img-loginbanner {
         width: 232px;
         height: 320px;
        /*background: brown;
        */
         padding: 2px;
         background-image: url("../images/banner-img-mobile.jpg");
    }
}
 @media only screen and (max-device-width: 1199px) and (min-device-width: 768px) and (orientation : portrait) {
     .menu-70top {
         margin-top: -70px;
    }
}
/*Apple ipad */
 @media only screen and (min-device-width : 768px) and (max-device-height : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
     #searchTransactionNoURL {
         width: 251px;
    }
     .dashboard-height {
         height: 100%;
    }
}
/*Apple ipad */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
     .navbar-collapse.collapse {
         display: none !important;
    }
     .menu-70top {
         margin-top: -70px;
    }
}
 @media only screen and (device-width: 1024px) and (device-height: 600px) {
     .navbar-collapse.collapse {
         display: none !important;
    }
     .menu-70top {
         margin-top: -70px;
    }
}
 @media only screen and (device-width: 800px) and (device-height: 1280px) {
     .navbar-collapse.collapse {
         display: none !important;
    }
}
 @media(min-width:1024px) {
    /*.mobile-page-title{
         color:blueviolet;
    }
    */
     .wrap-secret-question-content {
         float: left;
    }
     .page-tabs > ul > li .dropdown-menu li ul li:first-child a {
         border-top: none;
    }
     .wid-default .wid-main-content img {
         height: 125px;
    }
     .isMobile {
         display: none !important;
    }
     .isNotMobile {
         display: block !important;
    }
     .isTab {
         display: none !important;
    }
     .isNotTab {
         display: block !important;
    }
    .panel-min-width {
        min-width: 445px;
    }
}
 @media(max-width:1200px) {
    /*.mobile-page-title{
         color:aquamarine;
    }
    */
     .widbase-content {
         width: 49%;
         margin-right: 5px;
    }
     .user-reg-setup.user-registration .resp-tabs-list li, .user-reg-setup.user-registration .resp-tabs-list li:last-child, .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-authorize, .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-enter {
         width: 100%;
    }
     .new-transfer .from {
         width: 100%;
    }
     .wid-transaction .table-curved {
        /*min-width: 648px;
        */
    }
}
 @media(max-width:1199px) {
    /*.mobile-page-title{
         color:aqua;
    }
    */
     .widbase-content {
         width: 49%;
         margin-right: 5px;
    }
     .img-loginbanner {
         width: 182px;
         height: 320px;
        /*background-color: black;
        */
         padding: 2px;
         background-image: url("../images/banner-img.png");
    }
     .myaccount-current-page .wrap-account-details .wrap-group-buttons.count-five a.btn {
         width: 119px;
    }
     .wrap-form-control .form-control-forgot span {
         width: 100%;
         margin-bottom: 5px;
         float: none;
         display: block;
    }
    /* .wrapper-select-mode .wrap-mode .wrap-form-control{
         margin-top: 5px;
    }
     */
}
 @media(max-width:1024px) {
    /*.mobile-page-title{
         color:aquamarine;
    }
    */
     .widbase-content {
         width: 49%;
         margin-right: 5px;
    }
     .img-loginbanner {
         width: 182px;
         height: 320px;
        /*background-color:black;
        */
         padding: 2px;
         background-image: url("../images/banner-img.png");
    }
     .page-tab-content .wid-user-profile .user-name {
         width: 189px;
    }
     .wrap-profile-rt {
         margin-left: 5px;
    }
     .from, .to {
         border-radius: 0px;
    }
     .new-transfer .when .input-append.date {
         float: left;
         margin-right: 0;
    }
     .wrap-transfer-history-content-table .btn {
         margin-left: 10px;
    }
     .myaccount-current-page .wrap-account-details li {
         width: 100%;
    }
     .myaccount-current-page .wrap-account-details li:nth-last-child(2) {
         border-bottom: 1px dotted #b7b9ba;
    }
     .wrap-to label.custom-input {
         margin-right: 15px;
    }
     .wrap-to .wrap-name-inputs {
         width: 70%;
    }
     .wrap-to .own-cbq .wrap-name > label {
         width: 16%;
    }
     .when .input-append.date .txt {
         width: 83px;
         border: 1px solid #e3e3e3;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         -webkit-border-radius: 3px;
         border-radius: 3px;
    }
     .date-to .input-append.date input, .date-from .input-append.date input {
         border: 1px solid #e3e3e3;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         -webkit-border-radius: 3px;
         border-radius: 3px;
    }
     .transfer .table-curved {
        /*min-width: 100%;
        */
    }
     .banking-type label {
         width: 31%;
         margin: 0;
    }
     .banking-type label:first-child {
         margin-right: 10px;
    }
     .own-cbq-initial .custom-select select {
         width: 165px;
         background-position: 85% center;
    }
     .wrap-new-transfer-content li.purpose-other {
         padding-right: 20px;
    }
     .wrap-to label.custom-input {
         width: 19%;
    }
     .transfer .wrapper-bill-payments .wrap-to label.custom-input {
         width: 19%;
    }
     .wrap-right-block .wrap-to label.custom-input {
         width: 19%;
    }
     .to {
         width: 315px;
    }
     .transfer .input-append.date .txt {
         padding-left: 5px;
         padding-top: 5px;
    }
     .wrapper-mobile-app {
         padding-bottom: 30px;
    }
     .nav-footer li:first-child {
         padding-left: 0;
    }
     .wrapper-widget {
         padding-right: 5px;
    }
     .wrapper-outer, .wrapper-mobile-access {
         float: left;
    }
     .wid-default .wid-head h3 {
         font-size: 21px;
    }
     .wrapper-mobile-app span {
         margin-left: 2px;
    }
     .wrapper-widget {
         margin-top: 20px;
         float: left;
    }
     .wrapper-mobile-app {
         padding-bottom: 10px;
    }
     .wrapper-mobile-access {
         margin-bottom: 10px;
    }
     .wrapper-authorize p {
         width: 85%;
    }
     .video-tour {
        /*background-position: 40px 20px;
        */
    }
     .wid-login-page {
        /*width: 207px;
        */
         margin-bottom: 20px;
    }
     .wrapper-login-box {
         width: 376px;
    }
     .wid-no-queue.wid-login-page {
        /*width: 211px;
        */
    }
     .reset-password.wrapper-select-mode .wrap-mode {
         width: 100%;
    }
     .wrap-form-control .secret-question {
         margin-left: 0;
    }
     .wrap-form-control .form-control-forgot span {
         width: 100%;
         margin-bottom: 5px;
    }
     .user-registration .wrap-form-control .form-control-forgot span {
         width: 130px;
    }
     .user-registration .resp-tabs-list li, .user-registration .resp-tabs-list li:last-child {
         width: auto;
    }
     .user-reg-setup.user-registration .resp-tabs-list li {
         width: 225px;
    }
     .user-reg-setup.user-registration .resp-tabs-list li:last-child {
         width: 230px;
    }
     .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-authorize {
         width: 230px;
    }
     .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-enter {
         width: 230px;
    }
     .user-registration .wrapper-select-mode .wrap-mode {
         width: 80%;
    }
     .user-registration .set-up-account .wrap-form-control .form-control-forgot span {
         width: 160px;
    }
     .wrap-profile-contact .profile-img {
         width: 125px;
    }
     .wrap-profile-details .wrap-local-address ul li .input-txt, .wrap-profile-details .wrap-home-country ul li .input-txt {
         width: 120px;
    }
     .quick-link-page .first-column, .quick-link-page .second-column {
         margin-right: 0 !important;
    }
     .custom-progress {
         width: 50px;
    }
     .wid-transaction .table-curved {
        /*min-width: 638px;
        */
    }
     .wrapper-bill-payments .wrap-from label.custom-input {
         width: 20%;
    }
     .wrap-prepaid-service input, .transfer .input-append.date .txt {
         box-shadow: none;
         appearance: none;
         -webkit-appearance: none;
        /*border: 1px solid red;
        */
    }
}
 @media (max-width: 990px) {
    /*.mobile-page-title{
         color:beige;
    }
    */
     .tap-holder .tap-btn {
         display: block;
    }
     .clear-col2 {
         clear: both;
    }
     .user-reg-setup.user-registration .resp-tabs-list li, .user-reg-setup.user-registration .resp-tabs-list li:last-child, .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-authorize, .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-enter {
         width: 100%;
    }
     .col-forgot-block {
         margin-bottom: 15px;
         padding: 10px;
         height: auto;
         min-height: 0;
    }
     .myaccount-current-page .wrap-account-details li {
         width: 100%;
    }
     .main-content {
         clear: both;
    }
     .page-tabs > ul > li a {
         padding-left: 40px;
         margin-left: 0;
         text-align: left;
         display: block;
         font-size: 16px;
         padding-top: 5px;
    }
     .page-tabs > ul > li {
         padding-left: 15px;
    }
     .sidebar-right {
         margin-top: 20px;
         clear: both;
         width: 100%;
    }
     .page-tabs > ul > li .dropdown-menu li a {
         font-size: 12px;
    }
     .nav-footer li.first {
         padding-left: 0;
    }
     .wid-support h3 {
         background-position: 0 -401px;
    }
     .wrapper-authorize p {
         width: 90%;
    }
     .wid-default .wid-content {
         padding: 10px 15px;
    }
}
 @media(max-width:960px) {
    /*.mobile-page-title{
         color:bisque;
    }
    */
     .from, .to {
         border-radius: 0px;
    }
     .wid-login-page {
         width: 31.4%;
         margin-right: 10px;
    }
     .wid-no-queue.wid-login-page {
        /*width: 32%;
        */
         margin-right: 0;
    }
     .wrapper-login-box {
         float: left;
         width: 355px;
         padding: 15px 10px;
         padding-top: 25px;
    }
     .wrapper-login-box p {
         padding-left: 10px;
    }
     .wrapper-login-box p small {
         margin-left: 88px;
    }
     .wrapper-registration {
        /*width: 285px;
        */
    }
     .wid-login-page {
        /*width: 218px;
        */
         width: 100%;
         margin-bottom: 20px;
    }
     .wid-no-queue.wid-login-page {
        /*width: 219px;
        */
    }
     .help-line {
         padding-top: 15px;
    }
     .wrapper-mobile-access {
         width: 99%;
    }
     .wid-default .wid-content {
         font-size: 12px;
    }
     .video-tour {
        /*padding-right: 60px;
         background-position: 60px 20px;
        */
    }
     .user-registration .resp-tab-item {
         font-size: 20px;
    }
     .user-reg-setup.user-registration .resp-tabs-list li {
         width: auto;
    }
     .user-reg-setup.user-registration .resp-tabs-list li, .user-reg-setup.user-registration .resp-tabs-list li:last-child, .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-authorize, .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-enter {
         width: 100%;
    }
    /*.user-reg-setup.user-registration .resp-tabs-list li:last-child{
         width: 173px;
    }
    */
     .user-reg-setup.user-registration .resp-tabs-list li:last-child.resp-tab-active {
         width: 174px;
    }
     .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-authorize {
         width: 166.5px;
    }
     .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-enter {
         width: 157px;
    }
     .wrap-profile-details .wrap-local-address ul li .input-txt, .wrap-profile-details .wrap-home-country ul li .input-txt {
         width: 185px;
    }
     .quick-link-page .danger-red {
         background-position: 20px 4px;
    }
     .quick-link-page .wrap-profile-details .wrap-quick-links ul li {
         width: 50%;
    }
     .quick-link-page .remove-padd {
         padding-left: 10px;
    }
     .quick-link-page .remove-padd-right {
         padding-right: 15px;
    }
     .wid-transaction .table-curved {
        /*min-width: 648px;
        */
    }
     .sidebar-menu ul li.cheque-status.active {
         background-position: 7px -545px;
    }
     .sidebar-menu ul li.manage-cards.active {
         background-position: 10px -495px;
    }
     .wid-login-page, .wrapper-mobile-access, .wrapper-mobile-access-two {
         height: auto;
    }
     .wrapper-mobile-access h3 {
         line-height: 40px;
    }
}
 @media(max-width:800px) {
    /*.mobile-page-title{
         color:black;
    }
    */
     .tap-btn, .tap-btn-on {
         position: fixed;
         left: -10px;
         top: 275px;
         -ms-transform: rotate(90deg);
        /* IE 9 */
         -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
         transform: rotate(90deg);
         background: #148dcb;
         padding: 5px 20px;
         -webkit-border-top-left-radius: 5px;
         -webkit-border-top-right-radius: 5px;
         -moz-border-radius-topleft: 5px;
         -moz-border-radius-topright: 5px;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
         color: #FFF !important;
         text-decoration: none !important;
         display: block;
         width: 65px;
    }
     .landing-accounts .sidebar-right {
         position: absolute;
         left: -310px;
         top: -20px;
         background: #FFF;
         width: 310px;
         z-index: 999;
    }
     .tap-handle, .tap-handle-on {
         position: absolute;
         right: -10px;
         top: 0;
         background: #148dcb;
         width: 10px;
         height: 100%;
         display: block;
    }
     .from, .to {
         border-radius: 0px;
    }
     .resp-tabs-list li {
         color: #015e8a;
    }
     .when label:first-child {
         margin-right: 0;
         width: 100px;
    }
     .wrap-from .wrap-name-inputs {
         width: 72%;
    }
     .myaccount-credit-page .wrap-name-inputs {
         width: 175px;
    }
     .wrap-view-for .wrap-select {
         width: 145px;
    }
     .wrap-view-for select {
         width: 155px;
    }
     .wrap-from label.custom-input {
         margin-right: 10px;
    }
     .wrap-from {
         width: 53%;
    }
     .wrap-to {
         width: 47%;
    }
     .when .input-append.date .txt {
         width: 89px;
    }
     .transfer .table-curved {
        /*min-width: 100%;
        */
    }
     .wrap-new-transfer-content li.purpose-other {
         padding-right: 23px;
    }
     .wrapper-outer {
         float: left;
         width: 100%;
    }
     .wrapper-login-box {
         float: left;
         width: 48%;
    }
     .wrapper-registration {
         float: left;
        /*width: 49%;
        */
    }
     .wrapper-widget {
         float: left;
         width: 100%;
    }
     .wrapper-mobile-access {
         float: left;
         width: 100%;
    }
     .wrapper-login-box p {
         padding-left: 0;
    }
     .wrapper-mobile-access h3 {
         background-position: 10px 0px;
    }
     .wrapper-mobile-app {
         padding-left: 0px;
    }
     .wrapper-login-box p .btn-login {
         margin-bottom: 5px;
    }
     .wrapper-outer .wrapper-login-box p .btn-login {
         margin-bottom: 13px;
    }
     .wrapper-mobile-app span {
         margin-left: 15px;
    }
     .wrap-request-code-content input {
         margin-left: 10px;
    }
     .wrap-request-code-content input.country-code {
         margin-left: 0;
    }
     .wrapper-authorize {
         width: 98%;
    }
     .wid-login-page {
         width: 216px;
    }
     .forgot-password-page .tab-container .prev, .user-registration .tab-container .prev, .forgot-username-page .tab-container .prev {
         top: 220px;
         left: 46px;
    }
     .forgot-password-page .tab-container .next, .user-registration .tab-container .next, .forgot-username-page .tab-container .next {
         top: 220px;
         right: 46px;
    }
     .forgot-password .resp-tabs-container {
         -webkit-border-top-right-radius: 0px;
         border-top-right-radius: 0px;
    }
     .wrapper-select-mode .wrap-mode span.forgot-or {
         margin-right: 30px;
    }
     .forgot-username-page .wrapper-select-mode .wrap-mode.first-wrap-mode {
         width: 100%;
    }
     .user-registration .wrapper-select-mode .wrap-mode {
         width: 100%;
    }
     .user-registration .wrap-form-control .form-control-forgot span {
         width: 130px;
    }
     .user-registration .resp-tabs-list li:last-child, .user-registration .resp-tabs-list li, .user-registration .resp-tabs-list li:last-child {
         width: 100%;
    }
     .user-registration .resp-tab-item {
         font-size: 22px;
    }
     .user-reg-setup.user-registration .resp-tabs-list li, .user-reg-setup.user-registration .resp-tabs-list li:last-child, .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-authorize, .user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-enter {
         width: 100%;
    }
     .forgot-password-page .resp-tabs-container, .forgot-username-page .resp-tabs-container, .user-registration .resp-tabs-container {
         min-height: 100px;
    }
     .wrap-profile-contact .profile-img {
         width: 150px;
         margin-right: 50px;
    }
     .wrap-profile-details .wrap-local-address ul li .input-txt, .wrap-profile-details .wrap-home-country ul li .input-txt {
         width: 180px;
    }
    /*.wrapper-bill-payments .to,.new-transfer .to,.new-transfer .wrap-to,.new-transfer .wrap-from,.new-transfer .from, .wrapper-new-transfer.wrapper-bill-payments .wrap-from{
         width: 100%;
    }
    */
     .wrapper-bill-payments li.remider p label {
         width: auto;
    }
     .sidebar-menu ul li.cheque-status.active {
         background-position: 7px -541px;
    }
     .sidebar-menu ul li.manage-cards.active {
         background-position: 10px -490px;
    }
}
 @media (max-width: 768px) {
    /*.mobile-page-title{
         color:brown;
    }
    */
     .widbase-content {
         width: 100%;
         margin-right: 5px;
    }
     .img-loginbanner {
         width: 630px;
         height: 320px;
        /*background-color:lime;
        */
         padding: 2px;
         background-image: url("../images/banner-img-tab.jpg");
    }
     .maskElement {
         position: absolute;
        /*background-color: blue;
        */
        /*top: 230px;
        */
         left: 15px;
         z-index: 10000;
    }
     .form-control {
         font-size: 20px !important;
    }
     .btn-mobile-font {
         font-size: 18px !important;
    }
    .isMobile-body-background-size {
         background-size: 100% 200px !important;
    }
     .isTab {
         display: block !important;
    }
     .isTab-no-margin {
         margin-top: 0px !important;
    }
     .isNotTab {
         display: none !important;
    }
     .isMobile-text-center {
         text-align: center !important;
    }
     .corp-header-txt {
         display: none;
    }
     .tab-header-txt {
         font-size: 24px;
    }
     .nav-history {
         margin: 0px 10px 0px 4px;
    }
     .wrap-view-for-two {
         margin-bottom: 20px;
    }
     .tap-holder {
         padding: 20px 25px 10px 20px;
         position: relative;
    }
     #new-account-popup .wrap-verify-details input.mob-num {
         width: 122px;
    }
     #new-account-popup .wrap-verify-details label {
         width: 100%;
    }
     .wrap-new-transfer-content li {
         margin-bottom: 10px;
    }
     .wrapper-bill-payments .to, .new-transfer .to, .new-transfer .wrap-to, .new-transfer .wrap-from, .new-transfer .from, .wrapper-new-transfer.wrapper-bill-payments .wrap-from {
         width: 100%;
    }
     .wrapper-new-transfer.wrapper-bill-payments .wrap-to, .wrapper-bill-payments .from {
         width: 100%;
    }
     .from, .to {
         border-radius: 0px;
    }
     .table-curved {
        /*overflow: hidden;
        */
    }
     .navbar-collapse.collapse {
         display: none !important;
    }
     .navbar-collapse.in {
         display: block !important;
    }
     .navbar-toggle {
         display: block;
    }
     .navbar-collapse ul, .navbar-collapse ul li {
         margin: 0;
         padding: 0;
         list-style: none;
         float: none;
         clear: both;
         background: none !important;
         border: none;
         width: 100%;
    }
     .navbar .wrap-top-nav .menu-mobile ul li {
         list-style: none;
    }
     .navbar .wrap-top-nav .menu-mobile ul li a {
         display: block;
         background-position: 100% 5px !important;
    }
     .nav-top {
         margin: 0;
         border: 0;
    }
     .navbar-brand {
         clear: both;
         margin: 0;
    }
     .nav-top .navbar-nav > li.faq {
         padding: 0;
    }
     .navbar-collapse {
         border-top: 0px solid transparent;
         box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0);
         padding: 0;
         width: 100%;
    }
     .navbar-collapse.page-tabs {
         margin: 0;
    }
     .nav-top .navbar-nav > li > a {
         padding: 0;
         background: none;
    }
     .page-tabs > ul > li a {
         background: none;
         padding: 0;
         margin: 0;
    }
     .wrap-top-nav {
         float: left;
         width: 100%;
         background: #148dcb;
         margin-top: -40px;
         position: relative;
         z-index: 9999;
    }
     .dawn .wrap-top-nav {
         background: #E7CCD8;
    }
     .dusk .wrap-top-nav {
         background: #e0ceea;
    }
     .sadara .wrap-top-nav {
         background: #eee5db;
    }
     .night .wrap-top-nav {
         background: #d5dde5;
    }
     .pvtbank .wrap-top-nav {
         background: #e8e8e8;
    }
     .wrap-top-nav ul, .wrap-top-nav ul li {
         margin: 0;
         padding: 0;
         width: 100%;
         float: left;
         font-size: 14px;
        /*text-transform: uppercase;
        */
         font-family: calibri;
         border-top: 1px solid #379ed3;
    }
     .dawn .wrap-top-nav ul li {
         border-top: 1px solid #c8bed2;
    }
     .dusk .wrap-top-nav ul li {
         border-top: 1px solid #c8bed2;
    }
     .sadara .wrap-top-nav ul li {
         border-top: 1px solid #d1cec8;
    }
     .night .wrap-top-nav ul li {
         border-top: 1px solid #d4e8f0;
    }
     .pvtbank .wrap-top-nav ul li {
         border-top: 1px solid #dadada;
    }
     .wrap-top-nav ul {
         padding: 0 10px;
         border-top: 0;
    }
     .wrap-top-nav ul li:first-child {
         border: 0;
    }
     .page-tabs > ul > li.first {
         border-top: 1px solid #379ed3;
    }
     .page-tabs > ul > li.active {
         -webkit-border-radius: 0;
         border-radius: 0;
    }
     .wrap-top-nav ul li, .nav-top .navbar-nav > li {
         padding: 0;
    }
     .navbar .wrap-top-nav ul li a, .nav-top .navbar-nav > li a {
         color: #FFF;
         background: url(../images/arrow-right-menu.png) no-repeat 98% 6px !important;
         padding: 8px 0px;
    }
     .dawn .navbar .wrap-top-nav ul li a, .dawn .nav-top .navbar-nav > li a {
         color: #8b2346;
    }
     .dusk .navbar .wrap-top-nav ul li a, .dawn .nav-top .navbar-nav > li a {
         color: #531779;
    }
     .sadara .navbar .wrap-top-nav ul li a, .dawn .nav-top .navbar-nav > li a {
         color: #624a2b;
    }
     .night .navbar .wrap-top-nav ul li a, .night .nav-top .navbar-nav > li a {
         color: #0f447b;
    }
     .pvtbank .navbar .wrap-top-nav ul li a, .pvtbank .nav-top .navbar-nav > li a {
         color: #2a2723;
    }
     .pvtbank .navbar .wrap-top-nav .menu-mobile ul li a {
         background: url(../images/arrow-right-menu-black.png) no-repeat 100% 5px !important;
    }
     .sadara .navbar .wrap-top-nav .menu-mobile ul li a {
         background: url(../images/arrow-right-menu-brown.png) no-repeat 100% 5px !important;
    }
     .dawn .navbar .wrap-top-nav .menu-mobile ul li a {
         background: url(../images/arrow-right-menu-dawn.png) no-repeat 100% 5px !important;
    }
     .dusk .navbar .wrap-top-nav .menu-mobile ul li a {
         background: url(../images/arrow-right-menu-dusk.png) no-repeat 100% 5px !important;
    }
     .night .navbar .wrap-top-nav .menu-mobile ul li a {
         background: url(../images/arrow-right-menu-darkblue.png) no-repeat 100% 5px !important;
    }
     .logo img {
         width: 90%;
         height: auto;
         float: right;
    }
     .sidebar-right {
         float: left;
         width: 100%;
    }
     .logo-footer {
         clear: both;
         margin-top: 20px;
         float: none;
    }
     .page-tabs > ul > li .dropdown-menu {
         display: block;
         position: relative;
         -webkit-box-shadow: 0 0 0 0 !important;
         box-shadow: 0 0 0 0 !important;
         width: 100%;
         padding-left: 0;
         display: none;
    }
     .page-tabs > ul > li .dropdown-menu li a {
         font-weight: normal;
         border-top: 1px solid #379ed3;
         font-size: 12px;
         background-position-x: 97%;
    }
     .page-tabs > ul > li .dropdown-menu li {
         border: none;
         width: 100%;
    }
     .page-tabs > ul > li .dropdown-menu li:hover {
         width: 100%;
    }
     .page-tabs > ul > li .dropdown-menu li:hover a {
         background-position: 97% -100px;
         border: 0;
    }
     .page-tabs > ul > li .dropdown-menu li:hover ul {
         position: relative;
         left: 0;
         width: 100%;
         -webkit-box-shadow: 0 0 0 0 !important;
         box-shadow: 0 0 0 0 !important;
         display: none;
    }
     .page-tabs > ul > li .dropdown-menu li:hover ul li {
         width: 100% !important;
         padding-left: 0;
    }
     .wrap-from .input-append.date {
         width: 37%;
    }
     .when .input-append.date .txt {
         width: 85px;
    }
     .date-to .input-append.date, .date-from .input-append.date {
         width: 125px;
    }
     .wrap-to .wrap-new-transfer-content .wrap-select.custom-select #select-currency {
         width: 100%;
         background-position: 97% center;
    }
     .to {
         width: 320px;
    }
     .wrap-to .custom-li > label {
         margin-right: 0;
    }
     .wrap-to .wrap-new-transfer-content select {
         background-position: 90%;
    }
     .wrap-to .own-cbq .wrap-name > label {
         width: 20%;
    }
     .wrap-new-transfer-content li.purpose-other {
         padding-right: 13px;
    }
     .wrap-new-transfer-content li.when label:first-child {
         width: 85px;
    }
     .when .input-append.date .txt {
         margin-right: 5px;
         width: 80px;
    }
     .wrap-new-transfer-content li.when label {
         width: auto;
    }
     .wrapper-login-box p label {
         width: 100px;
         margin-right: 5px;
    }
     .wrapper-login-box p small {
         margin-left: 1px;
    }
     .wrapper-login-box p .btn-login {
         margin-bottom: 25px;
         margin-left: 1px;
    }
     .wrapper-mobile-access {
         width: 98%;
        /*margin-left: 3%;
        */
    }
     .wrapper-mobile-app span {
         margin-left: 15px;
    }
     .wrapper-mobile-app > a > span {
         margin-left: 0px !important;
    }
     .wrapper-outer .wrapper-login-box p .btn-login {
         margin-bottom: 8px;
    }
     .wrapper-mobile-access {
         margin-bottom: 20px;
    }
     .wrapper-widget {
         padding-right: 5px;
    }
     .wid-login-page {
         width: 216px;
         margin-bottom: 10px;
    }
     .wrapper-login-box {
         padding: 15px 10px;
         padding-top: 25px;
         height: 280px;
    }
     .wrapper-registration {
         height: 280px;
         float: left;
        /*width: 49%;
        */
    }
     .wrapper-mobile-app {
         padding-left: 0px;
    }
     .wrapper-login-box p .btn-login {
         margin-bottom: 8px;
    }
     .video-tour {
        /*padding-right: 75px;
         background-position: 75px 20px;
        */
    }
     .wrapper-wid-advt {
         float: right;
         width: 280px;
    }
     .log-out-state .wrapper-login-box {
         width: 57%;
    }
     .profile-edit-page .input-append.date {
         width: 180px;
    }
     .profile-edit-page .wrap-identification .input-append.date .txt {
         width: 145px;
    }
     #help-guide .popup-content {
         margin-left: 0;
         margin-top: 50px;
    }
     #help-guide .popup-content .pos2 {
         right: auto;
         left: 20px;
         top: 60px;
         background: url(../images/lead-arrow4.png) no-repeat 0 0;
         text-align: left;
         padding-left: 40px;
         width: 200px;
    }
     #help-guide .popup-content .pos3 {
         right: auto;
         left: 20px;
         top: 180px;
         background: url(../images/lead-arrow4.png) no-repeat 0 0;
         text-align: left;
         width: 240px;
         padding-left: 40px;
    }
     #help-guide .popup-content .pos4 {
         width: 230px;
         left: 0;
         margin-top: 0;
    }
     #help-guide .popup-content .pos1 {
         margin-top: 0;
         width: 90%;
    }
     #help-guide .btn-holder {
         width: 100%;
    }
     #help-guide .btn-holder {
         margin-top: 75px;
         left: 0;
    }
     #help-guide .wrap-popup-content {
         width: 90%;
    }
     .wrap-when-form-controls .input-append.date {
         width: 59%;
    }
     .wrap-when-form-controls {
         width: 60%;
    }
     .wrap-transfer-history-content, .wrap-transfer-history-content-table {
         margin-bottom: 20px;
    }
     .navbar .wrap-top-nav .menu-mobile ul li.wrap-sub-nav ul {
         display: none;
    }
     .navbar .wrap-top-nav .menu-mobile ul li.wrap-sub-nav ul li a {
         background: url('../images/subNav-arrow.png') no-repeat 0px 12px !important;
         font-size: 12px;
         padding-left: 15px;
    }
     .mytools-page .sidebar-menu ul li {
         padding: 15px 50px 15px;
    }
     .sidebar-menu ul li.easy-pay {
         background-position: 10px -200px;
    }
     .sidebar-menu ul li.branch-atm {
         background-position: 10px -403px;
    }
     .sidebar-menu ul li.write-us {
         background-position: 10px -446px;
    }
     .wrap-cheque-form .input-append.date {
         width: auto;
    }
     .wid-user-profile .user-name {
         width: 215px;
    }
     .wid-user-profile img {
         width: 100%;
    }
     .profile-icon img {
         width: auto;
    }
    /*.wid-user-profile .wrap-profile-icon{
         width: 125px;
    }
    */
     .wrapper-select-mode .wrap-mode label {
         width: 253px;
    }
     li.remider p {
         margin-left: 62px;
    }
     .wrap-new-transfer-content li.when label.col-label {
         width: 24%;
         margin-right: 10px;
    }
     .wrap-new-transfer-content li.when label.now-wrap {
         margin-right: 10px;
    }
     .table-new-mobile .itemList-block {
         clear: both;
         margin-top: 18px;
    }
     .table-new-mobile .itemList-block-new {
         border-top: none;
         margin: 0;
    }
     .wrap-history-mobile {
         display: none;
    }
     .secure-right-btn {
         margin-right: 10px;
    }
     .ub-trans {
         text-align: center;
         background: #1270b5;
         font-style: italic;
         height: 38px;
         padding: 12px 0 0 12px;
         clear: both;
         color: #fff;
    }
     .table-new-mobile .itemList-block {
         margin: 0;
    }
     .wid-login-page, .wrapper-mobile-access, .wrapper-mobile-access-two {
         height: auto;
    }
     .wrap-to .wrap-new-transfer-content .wrap-select {
         margin-bottom: 0px;
    }
     .wrapper-mobile-access h3 {
         line-height: 20px;
    }
     .table-curved {
         table-layout: auto;
    }
     .myaccount-current-page .wrap-account-details .wrap-group-buttons a.btn {
         width: auto;
         padding: 2px 7px;
    }
}
 @media(max-width:640px) {
     .mob-margin {
         margin-left: 0 !important;
         margin-right: 0 !important;
    }
     .login-resetPwdText {
         margin-top: 20px;
    }
    /*.mobile-page-title{
         color:cadetblue;
    }
    */
    /*mobile App UI*/
     .content {
        /*background: rgba(255, 255, 255, 0.14) !important;
        */
         padding: 0px !important;
         clear: both !important;
         background: rgba(255, 255, 255, 0) !important;
    }
     .footer .content {
         background: #FFF;
         padding: 20px;
         clear: both;
    }
     h1 {
         color: #fff;
         background-color: rgba(255, 255, 255, 0.14);
         padding-bottom: 10px;
         text-align: center;
    }
     .content h2.title {
         color: #fff;
         background-color: rgba(255, 255, 255, 0.14);
         padding-bottom: 10px;
         text-align: center;
         margin-top: 2px;
    }
     .cd-dropdown-trigger {
         background-color: #6f0126 !important;
         border-radius: 0px !important;
         border: 1px solid rgba(255, 255, 255, 0) !important;
         color: #FFFFFF !important;
    }
     #dashboard-panel {
         background-color: rgb(18, 112, 181);
         padding: 0px 1px 14px 6px;
         padding-top: 7px;
         color: #FFF;
    }
     .panel-body {
         padding: 5px;
    }
     .chart-dbheight {
         height: 417px !important;
    }
     .margin-t2px {
         margin-top: 17px !important;
         float: right;
    }
     .btnPanel {
         margin-top: -56px;
         float: right;
         font-size: 12px;
         font-family: calibri;
    }
     .panel-15padding {
         padding-left: 15px;
         padding-top: 15px;
    }
    /*.tab-navigation {
         display: none;
    }
    */
     .panel-body form {
         padding: 9px;
    }
     .panel-body row {
    }
     .bootstrap-table {
         -webkit-box-shadow: 0px 1px 2px 1px #D3D2D3;
         box-shadow: 0px 1px 2px 1px #D3D2D3;
    }
     .table-striped > tbody > tr:nth-of-type(odd) {
         background-color: rgba(165, 165, 165, 0.14) !important;
    }
     .dboard-iconlist {
         -webkit-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
         -moz-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
         box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
    }
     .panel {
         border: none !important;
         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
    }
     .landing-pbody {
         padding: 15px;
    }
     .btn-dashboard {
        /*color: #FAF9F9;
         background-color: #1270B5;
         border-color: #1270B5;
        */
         font-size: 16px;
         padding: 0px 12px;
         font-family: 'Poppins-SemiBold', calibri;
         margin-top: 77px;
         -webkit-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
         -moz-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
         box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
    }
     #searchTransactionNoURL {
         width: 206px;
    }
     #chart-panel {
         margin-top: 40px;
    }
     .full-width-tabs {
         border: 0px solid rgb(255, 255, 255);
         border-radius: 0px;
         margin-right: 0px;
         float: left;
         background: none repeat scroll 0% 0% rgb(255, 255, 255);
    }
    /*.panel-default > .panel-heading {
         color: #FFF;
         background-color: #1270B5;
         border-color: #ddd;
         font-family: 'Poppins-SemiBold', calibri;
         font-size: 24px;
    }
    */
     .panel-heading {
        /* padding: 10px 15px;
         */
         padding: 1px 15px 9px;
         border-bottom: 1px solid transparent;
         border-top-left-radius: 3px;
         border-top-right-radius: 3px;
    }
     .tab-content {
         padding: 5px;
    }
     .fixed-table-container {
         border-radius: 0px;
         -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
    }
     .fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail {
         padding-left: 12px;
    }
     .fixed-table-pagination .pagination a {
         line-height: 2;
         padding: 6px 14px;
    }
     .fixed-table-body .card-view .title {
         font-weight: bold;
         display: inline-block;
         min-width: 45%;
         text-align: left !important;
         border-right: 1px solid rgb(93, 93, 93);
         margin-right: 7px;
    }
     #btn-main.active + ul > li > a {
         -webkit-transform: scaleY(1) scaleX(1) translateY(40px);
         -moz-transform: scaleY(1) scaleX(1) translateY(40px);
         -ms-transform: scaleY(1) scaleX(1) translateY(40px);
         -o-transform: scaleY(1) scaleX(1) translateY(40px);
         transform: scaleY(1) scaleX(1) translateY(40px);
         opacity: 1;
    }
     .btn-circle:before {
         display: inline-block;
         content: attr(data-text);
         -webkit-transform: translateY(0.1em);
         -moz-transform: translateY(0.1em);
         -ms-transform: translateY(0.1em);
         -o-transform: translateY(0.1em);
         transform: translateY(0.1em);
    }
     .btn-circle.reverse-animation:before {
         -webkit-animation-name: reverse-spin;
         -moz-animation-name: reverse-spin;
         animation-name: reverse-spin;
         -webkit-animation-duration: 300ms;
         -moz-animation-duration: 300ms;
         animation-duration: 300ms;
         -webkit-animation-iteration-count: 1;
         -moz-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-timing-function: linear;
         -moz-animation-timing-function: linear;
         animation-timing-function: linear;
    }
     .btn-circle.active:before {
         display: inline-block;
         -webkit-animation-name: spin;
         -moz-animation-name: spin;
         animation-name: spin;
         -webkit-animation-duration: 300ms;
         -moz-animation-duration: 300ms;
         animation-duration: 300ms;
         -webkit-animation-iteration-count: 1;
         -moz-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-timing-function: linear;
         -moz-animation-timing-function: linear;
         animation-timing-function: linear;
         content: attr(data-active-text);
    }
     .btn-secondary {
         -webkit-transform: scaleY(0.4) scaleX(0.4);
         -moz-transform: scaleY(0.4) scaleX(0.4);
         -ms-transform: scaleY(0.4) scaleX(0.4);
         -o-transform: scaleY(0.4) scaleX(0.4);
         transform: scaleY(0.4) scaleX(0.4);
         -webkit-transition: all 0.4s cubic-bezier(0.64, 0.09, 0.08, 1);
         -moz-transition: all 0.4s cubic-bezier(0.64, 0.09, 0.08, 1);
         transition: all 0.4s cubic-bezier(0.64, 0.09, 0.08, 1);
         opacity: 0;
    }
     .btn-floating {
         box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
         cursor: pointer;
         display: block;
         text-align: center;
         border-radius: 50%;
         height: 40px;
         width: 40px;
         line-height: 40px;
         color: white;
         margin: 10px;
    }
     .btn-large {
         margin: -40px 0;
         height: 60px;
         width: 60px;
         line-height: 60px;
         font-size: 2.4em;
    }
     .fixed-action-btn {
         position: fixed;
         right: 23px;
         z-index: 998;
    }
     .btn-floating.btn-large {
         width: 55px;
         height: 55px;
    }
     .btn-large {
         height: 54px;
         line-height: 56px;
    }
     .btn-floating {
         display: inline-block;
         color: #fff;
         position: relative;
         overflow: hidden;
         z-index: 1;
         width: 37px;
         height: 37px;
         line-height: 37px;
         padding: 0;
         background-color: #26a69a;
         border-radius: 50%;
         transition: .3s;
         cursor: pointer;
         vertical-align: middle;
    }
     .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
         box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    }
    /*.mobilBtnColor {
         background-color: #1270B5 !important;
    }
    */
     .btn-floating i {
         width: inherit;
         display: inline-block;
         text-align: center;
         color: #fff;
         font-size: 2.6rem;
         line-height: 51px;
    }
     .container {
         padding-right: 5px;
         padding-left: 5px;
         margin-right: auto;
         margin-left: auto;
    }
     .mobile-page-title {
         background-color: white;
         padding: 10px;
    }
     .mobile-trnx-title {
         background-color: white !important;
         padding: 10px;
         padding-top: 0px !important;
         text-align: left !important;
         color: #394951 !important;
         font-size: 30px !important;
         margin-top: 10px !important;
    }
     .mobile-ssd-title {
         background-color: white !important;
         padding: 0px;
         padding-top: 0px !important;
         text-align: left !important;
         color: #394951 !important;
         font-size: 26px !important;
    }
     .mobile-account-title {
         background-color: white !important;
         padding: 10px;
         padding-top: 0px !important;
         text-align: left !important;
         color: #394951 !important;
         font-size: 30px !important;
    }
     #btnBackLink {
         opacity: 0 !important;
         position: absolute !important;
    }
    /*accounts transaction history*/
     #aStandingOrder {
         color: #fff;
    }
     .mobile-0padding {
         padding-right: 0px;
         padding-left: 0px;
    }
     .mobile-icolor {
         color: #FFFFFF;
    }
     .collapseIconInfo {
         color: rgb(255, 255, 255);
    }
     .tab-margin-trnx {
         margin-top: 1px;
    }
     html {
         overflow-x: hidden;
    }
     .mobile-trnx-content {
         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
    }
     .isMobileTable {
         background: #fff;
         border: none !important;
         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
         border-radius: 4px;
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         margin-left: 1px;
         -moz-border-radius: 4px;
         margin-right: 1px;
    }
     .isMobileTableCol {
         padding-right: 8px;
         padding-left: 8px;
         padding-top: 8px;
    }
     .ismobile-15padding {
         padding: 15px;
    }
     .login-leftPanel {
         padding-right: 15px !important;
         padding-left: 15px !important;
    }
     .navbar-brand {
         clear: none !important;
         font-family: 'Poppins-SemiBold', calibri !important;
         font-size: 27px !important;
         margin-top: 11px !important;
         color: #FFF !important;
         padding-left: 0px !important;
    }
     .bgHeading {
         background-color: rgba(255, 255, 255, 0);
    }
     .isMobileFrontPage {
         background: #fff;
         border: none !important;
         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
         border-radius: 0px;
         -webkit-border-radius: 3px;
         -ms-border-radius: 3px;
         margin-left: 3px;
         -moz-border-radius: 3px;
         margin-right: 3px;
         padding-top: 15px;
         margin-top: 29px;
    }
     .isMobileTable0radius {
         background: #fff;
         border: none !important;
         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
         border-radius: 0px;
         -webkit-border-radius: 0px;
         -ms-border-radius: 0px;
         margin-left: 1px;
         -moz-border-radius: 0px;
         margin-right: 1px;
    }
     .isMobileTable1radius {
         background: #fff;
         border: none !important;
         border-radius: 0px;
         -webkit-border-radius: 0px;
         -ms-border-radius: 0px;
         margin-left: 1px;
         -moz-border-radius: 0px;
         margin-right: 1px;
         padding: 5px;
    }
     .mobile-worflowpadding {
         border-radius: 0px !important;
         padding-top: 15px;
         padding-bottom: 44px;
    }
     .mobile-btnpadding {
         padding-right: 10px;
         padding-top: 6px;
    }
     .content-nav {
         margin-top: 10px;
    }
     .isMobile30Padding {
         padding: 29px;
    }
     .ismobile-bottompadding {
         padding-bottom: 20px;
    }
     .ismobile-toppadding {
         padding-top: 25px;
    }
     .ism-vc-0padding {
         padding-left: 0px;
         padding-right: 0px;
         padding-top: 10px;
    }
     .table-inbox tr td {
         padding-top: 15px !important;
         padding-bottom: 15px !important;
    }
     .mt {
         padding-right: 15px !important;
         padding-left: 15px !important;
    }
     .mail-nav {
         margin: 0px !important;
    }
     .table-inbox-wrap {
         margin: 0px;
    }
     .inbox-tog {
         position: absolute !important;
         z-index: 1 !important;
    }
     .table-inbox {
         margin: 0px -5px !important;
    }
     .btn-toolbar {
         padding: 10px;
    }
     .select-corp {
         padding-right: 0px;
         padding-left: 0px;
    }
     .min-height100 {
         min-height: 100px !important;
    }
     .leftApproveIcon {
         position: fixed !important;
         left: 41px !important;
         top: 63px !important;
    }
     .CloseMessages {
         background: url('../images/popup-btn-close-bg.png') no-repeat 0 0;
         width: 25px !important;
         height: 25px !important;
         position: fixed !important;
         right: 20px !important;
         top: 15px !important;
    }
    /*Vinoth*/
    /*.lightBlue {
         opacity: 1;
         filter: alpha(opacity=80);
         background: #2255AF !important;
         background: -moz-linear-gradient(left, #0e419b 0%, #19859c 100%) !important;
         background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0e419b), color-stop(100%, #19859c)) !important;
         background: -webkit-linear-gradient(left, #2255AF 0%, #19859c 100%) !important background: -o-linear-gradient(left, #0e419b 0%, #19859c 100%) !important;
         background: -ms-linear-gradient(left, #0e419b 0%, #19859c 100%) !important;
         background: linear-gradient(to right, rgb(34, 85, 175) 0%, rgba(25, 133, 156, 0.92) 100%) !important;
    }
    */
     .lightBlue {
         background: #2255AF !important;
         background: -moz-linear-gradient(left, #0e419b 0%, #19859c 100%) !important;
         background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0e419b), color-stop(100%, #19859c)) !important;
         background: -webkit-linear-gradient(left, #2255AF 0%, #19859c 100%) !important background: -o-linear-gradient(left, #0e419b 0%, #19859c 100%) !important;
         background: -ms-linear-gradient(left, #0e419b 0%, #19859c 100%) !important;
         background: linear-gradient(to right, #2255AF 0%, #19859c 100%) !important;
         opacity: 1;
    }
     .dawn {
         background: #75022b !important;
         background: -moz-linear-gradient(left, #0e419b 0%, #19859c 100%) !important;
         background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0e419b), color-stop(100%, #19859c)) !important;
         background: -webkit-linear-gradient(left, #75022b 0%, rgba(230, 80, 46, 0.95) 100%) !important;
         background: -o-linear-gradient(left, #0e419b 0%, #19859c 100%) !important;
         background: -ms-linear-gradient(left, #75022b 0%, #19859c 100%) !important;
         background: linear-gradient(to right, #75022b 26%, rgba(230, 80, 46, 0.95) 100%) !important;
         opacity: 1;
    }
     .dusk {
         background: #531779 !important;
         background: -moz-linear-gradient(left, #0e419b 0%, #19859c 100%) !important;
         background: -webkit-gradient(linear, left top, right top, color-stop(0%, #531779), color-stop(100%, #C90D94)) !important;
         background: -webkit-linear-gradient(left, #531779 0%, #C90D94 100%) !important;
         background: -o-linear-gradient(left, #531779 0%, #C90D94 100%) !important;
         background: -ms-linear-gradient(left, #531779 0%, #C90D94 100%) !important;
         background: linear-gradient(to right, #531779 0%, #C90D94 100%) !important;
         opacity: 1;
    }
     .darkblue {
         background: #0A3058 !important;
         background: -moz-linear-gradient(left, #0A3058 0%, rgb(74, 115, 198) 100%) !important;
         background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0A3058), color-stop(100%, rgb(74, 115, 198))) !important;
         background: -webkit-linear-gradient(left, #0A3058 0%, rgb(74, 115, 198) 100%) !important;
         background: -o-linear-gradient(left, #0A3058 0%, rgb(74, 115, 198) 100%) !important;
         background: -ms-linear-gradient(left, #0A3058 0%, rgb(74, 115, 198) 100%) !important;
         background: linear-gradient(to right, #0A3058 0%, rgb(74, 115, 198) 100%) !important;
         opacity: 1;
    }
     .popup-bgcnt {
         background: rgba(255, 255, 255, 0) !important;
         color: #fff !important;
    }
     .im-float-none {
         float: none !important;
    }
     .remove-icon {
         color: rgb(234, 70, 67);
         font-size: 50px;
    }
     .mobile-tpadding0 {
         padding-top: 0;
    }
     .img-loginbanner {
         width: 182px;
         height: 320px;
        /*background-color:blue;
        */
         padding: 2px;
    }
     .tab-header-txt {
         font-size: 0px !important;
    }
     .cbq-color-items {
         display: none;
    }
     .isMobile {
         display: block !important;
    }
     .isMobile-text-center {
         text-align: center !important;
    }
     .isMobile-body-background-size {
         background-size: 100% 200px !important;
    }
     .isMobile-no-margin {
         margin-top: 0px !important;
    }
     .form-control {
         font-size: 20px !important;
    }
     .btn-mobile-font {
         font-size: 18px !important;
    }
     .isNotMobile {
         display: none !important;
    }
     .verification-col6 {
         margin-top: 10px;
    }
     .verification-row {
         border: none;
    }
     .isFPwd-mobtext {
         text-align: center !important;
    }
     .text-forMobile {
         font-size: 18px !important;
        /* font-weight: bold;
         */
         margin-top: -25px;
         text-align: center;
        /*background-color: #531779;
        */
         padding: 5px;
         color: white;
         font-family: 'Poppins-SemiBold', calibri;
         margin-left: -15px;
         margin-right: -15px;
    }
     .emailbox-mobile {
         float: left;
         margin-top: 10px;
    }
     .wrap-view-for-two {
         margin-bottom: 0;
    }
     a.btn-go-two {
         display: block;
         width: 60px;
         margin: 58px 0 0;
         clear: both;
    }
     .tap-holder .wid-user-profile .dropdown-menu-right {
         right: 24px;
    }
     .tap-holder {
         position: relative;
         padding-right: 25px;
         padding-bottom: 10px;
         padding-top: 20px;
         padding-left: 20px;
    }
     .tap-holder {
         padding: 20px 25px 10px 20px;
         position: relative;
    }
     #current_account ul.savings-acct li.amnt-to-deb input, #savings_account li.amnt-to-deb input {
         width: 200px;
    }
     .wrapper-login-box {
         margin-bottom: 15px;
    }
     .wrapper-login-box, .wrapper-registration {
         width: 100%;
    }
    /*.date-from {
         margin: 10px 0;
         width: 100%;
    }
    */
     .from, .to {
         border-radius: 0px;
    }
     #help-guide .popup-content .pos1 {
         font-size: 21px;
         padding: 0 10px;
    }
     #help-guide .popup-content .pos2, #help-guide .popup-content .pos3, #help-guide .popup-content .pos4 {
         margin-top: 30px;
    }
     #help-guide .popup-content h3 {
         font-size: 19px;
    }
     .slider-main {
         float: left;
         margin: 15px;
    }
     .slider-change {
         float: left;
         width: 100%;
    }
     .col-forgot-block {
         margin-bottom: 15px;
         padding: 10px;
         height: auto;
         min-height: 0;
    }
     .menu-mobile {
         display: none;
    }
     .prepaid-service-two .wrap-new-transfer-content label {
         width: 200px !important;
         margin: 0;
    }
     .wrapper-select-mode .wrap-mode label {
         width: auto;
         display: table-cell;
    }
     .prepaid-service-two .wrap-from .wrap-name-inputs, .prepaid-service-two .wrap-to .wrap-name-inputs {
         width: 50%;
    }
     .prepaid-service-two .wrap-from label.custom-input {
         margin: 0;
    }
     .toggle-input ul, .toggle-input ul li {
         width: 100%;
    }
     .toggle-input ul li .input-txt {
         width: 66% !important;
    }
     .toggle-input li:first-child {
         margin-bottom: 10px;
    }
     .toggle-input .wrap-name-inputs {
         width: 450px !important;
    }
     .navbar .wrap-top-nav .menu-mobile ul li {
         list-style: none;
    }
     .navbar .wrap-top-nav .menu-mobile ul li a {
         display: block;
         background-position: 100% 5px !important;
    }
     .wrap-from, .wrap-to, .transfer .wrap-select select {
         width: 100%;
    }
     .transfer .input-txt {
         width: 100%;
    }
     .transfer .wrap-select, .transfer .input-txt {
         width: 97%;
    }
     .wrap-select.rp-biller-type {
         width: 120px;
    }
     .wrap-to > div, .wrap-from > div {
         padding-left: 10px;
         padding-bottom: 10px;
         float: left;
         min-height: 1px;
    }
     .transfer .table-curved {
         float: left;
    }
     .when label:first-child {
         width: 28%;
    }
     .transfer .input-append.date {
         width: 47%;
    }
     .when .input-append.date .txt {
         width: 235px;
    }
     .frm-dailiy-limit .input-txt, .frm-transfer-fee .input-txt {
         width: 79.5%;
    }
     .frm-dailiy-limit label.custom-input, .frm-transfer-fee label.custom-input {
         margin-right: 16px;
    }
     .wrap-new-transfer-content {
         width: 100%;
    }
     .wrap-new-transfer-content select {
         background-position: 98%;
    }
     .transfer .wrap-to .wrap-select, .transfer .wrap-to .input-txt {
         width: 71.5%;
    }
     .wrap-to label.custom-input {
         margin-right: 25px;
         width: 21.5%;
    }
     .wrap-to .wrap-name .wrap-select {
         width: 97%;
    }
     .wrap-to .wrap-name-inputs {
         width: 72%;
    }
     .date-from {
         width: 45%;
    }
     .transfer .date-from .input-append.date {
         width: 57%;
    }
     .date-to {
         width: 35%;
    }
     .transfer .date-to .input-append.date {
         width: 79%;
    }
     .transfer .input-append.date .txt {
         width: 253px;
    }
     .page-tabs > ul > li.active {
         border-radius: 0;
    }
     .wrap-from .wrap-name-inputs {
         width: 74%;
    }
     .wrap-from label.custom-input {
         margin-right: 16px;
    }
     .wrap-to .wrap-name > label {
         width: 17%;
    }
     .from, .to {
         width: 100%;
    }
     .wrap-new-transfer-content {
         margin-top: 5px;
    }
     .wrap-from .wrap-new-transfer-content select {
         background-position: 97%;
    }
     .wrap-to .wrap-new-transfer-content select {
         background-position: 97%;
    }
     .wrap-new-transfer-content li.when label:first-child {
         width: 140px;
    }
     .wrap-new-transfer-content li.purpose-other {
         padding-right: 11px;
    }
     .transfer .wrap-to .purpose-other .input-txt {
         width: 80.5%;
    }
     .date-from {
         width: 46%;
    }
     .date-from, .date-to {
         margin: 10px 0;
         width: 100%;
    }
     .date-to {
         padding-left: 0;
    }
    /*.date-from label, .date-to label {
         width: 30%;
    }
    */
     .transfer .date-from .input-append.date {
         width: 51%;
    }
     .transfer .input-append.date .txt {
         width: 79px;
    }
     .frm-dailiy-limit .input-txt, .frm-transfer-fee .input-txt {
         width: 71.5%;
    }
     .wrapper-login-box p small {
         margin-left: 0;
    }
     .wrapper-login-box p input {
         width: 100%;
    }
     .wrapper-login-box p .btn-login {
         margin-bottom: 0;
    }
     .wrapper-login-box {
         padding-top: 10px;
    }
     p.wrap-password {
         margin-bottom: 0;
    }
     .wid-login-page {
         width: 100%;
    }
     .wrapper-mobile-app {
         padding-left: 0px;
    }
     .wrapper-outer .wrapper-login-box p .btn-login {
         margin-bottom: 0px;
         margin-left: 90px;
    }
     .wrapper-mobile-app {
         padding-bottom: 15px;
    }
     .wrapper-mobile-access {
         margin-left: 0;
         width: 99%;
    }
     .wrapper-authorize {
         width: 99%;
    }
     .help-line {
         padding-top: 10px;
    }
     .wrapper-wid-advt {
         float: left;
         width: 254px;
    }
     .log-out-state .wrapper-login-box {
         min-height: 247px;
         width: 48%;
         margin-right: 20px;
    }
     .log-out-state .wrapper-outer .wrapper-login-box p .btn-login {
         margin-left: 0;
    }
     .wrapper-select-mode .wrap-mode.first-wrap-mode, .wrapper-select-mode .wrap-mode {
         width: 100%;
    }
     .wrap-form-control .form-control-forgot span {
         width: 130px;
    }
     .form-control-forgot select {
         background-position: 94% 10px;
    }
     p.wrap-time-out {
         width: 100%;
    }
     .wrapper-select-mode .forgot-or {
         width: 100%;
         margin-top: 10px;
         margin-bottom: 10px;
         text-align: center;
    }
     .wrap-profile-details .wrap-local-address ul li .input-txt, .wrap-profile-details .wrap-home-country ul li .input-txt {
         width: 132px;
    }
     .wrap-profile-contact .profile-img {
         margin-right: 10px;
    }
     .quick-link-page .wrap-profile-details .wrap-quick-links ul li {
         width: 50%;
    }
     .quick-link-page .danger-red {
         background-position: 20px 12px;
    }
     .wrap-transaction-date {
         width: 100%;
         margin-top: 10px;
    }
     .wrap-transaction-date .date-to {
         width: auto;
    }
     .wrap-transaction-form label {
         width: 66px;
    }
     .wrap-transaction-date .date-to label {
         width: 30px;
    }
     .wrap-transaction-date .date-to-two label {
         width: 66px;
    }
     .wrap-transaction-date .input-append.date .txt {
         width: 115px;
    }
     .wrapper-amount label {
         margin-right: 5px;
    }
     .wrap-view-for label.custom-input {
         margin-right: 29px;
    }
     .myaccount-credit-page .my-account-popup .wrap-name-inputs {
         width: 200px;
    }
     .wrapper-prepaid-orders .radio-phone a.btn {
         float: left;
    }
     .radio-phone .wrap-from {
         padding-bottom: 0;
    }
     .wrapper-prepaid-orders .wrap-to > div {
         padding-left: 0;
    }
     .wrap-from > div {
         padding-left: 10px;
    }
     .wrapper-bill-payments .wrap-from label.custom-input, .wrap-from label.custom-input, .radio-phone .wrap-from label.custom-input {
         width: 100%;
    }
     .wrapper-new-transfer.wrapper-bill-payments .wrap-to {
         margin-left: -2px;
    }
     .wrapper-bill-payments .wrap-from > div {
         padding-left: 10px;
    }
     .wrapper-bill-payments li.frequency label.custom-input, .wrapper-bill-payments ul.radio-group-select label {
         margin-bottom: 0;
    }
     .recurring .wrap-new-transfer-content label.date_01 {
         margin-bottom: 0;
    }
     .wrapper-new-transfer.wrapper-bill-payments .wrap-to {
         overflow: hidden;
         width: 100%;
    }
     .radio-phone .wrap-from .wrap-new-transfer-content select, .radio-phone .wrap-to .wrap-new-transfer-content select {
         width: 174px;
    }
     .wrap-unbill-block label, li.remider label {
         display: inline;
    }
     .wrapper-bill-payments .wrap-name-inputs {
         width: 150px;
    }
     .wrap-when-form-controls {
         width: 60%;
    }
     .myaccount-loan .wrap-transaction-form .wrap-view-for {
         width: 100%;
    }
     .wrap-transaction-form a.btn-go {
         margin-left: 0;
         margin-top: 10px;
    }
     .wrap-transaction-form a.btn-go-two {
         margin-top: 54px;
    }
     .wrap-group-buttons .btn {
         margin-top: 10px;
    }
     .quick-link-page .first-column {
         margin-right: 0px;
    }
     .log-out-state .wrapper-login-box {
         width: 60%;
    }
     li.remider p {
         margin-left: 102px;
    }
     .wrap-new-transfer-content li.when label.col-label {
         margin-right: 10px;
         width: 48px;
    }
     .wrap-new-transfer-content li.when label.col-label {
         width: 100%;
    }
}
 @media(max-width:640px) and (orientation : landscape) {
    /*.mobile-page-title{
         color:chartreuse;
    }
    */
     .wrapper-new-transfer.wrapper-bill-payments .wrap-to label.custom-input {
         width: 102px;
    }
     .wrapper-bill-payments .from {
         width: 100%;
    }
     .my-account-popup .wrap-select {
         width: 35.5%;
    }
     .my-account-popup select {
         background-position: 95% 10px;
    }
     label.label-wid {
         width: auto;
         margin: 0 20px 0 0;
    }
     .wrap-to .wrap-new-transfer-content {
         width: 100%;
    }
     .wrap-to > div, .wrap-from > div {
         width: 100%;
    }
     .wrap-to .own-cbq .wrap-name > label, .wrap-to .wrap-name > label {
         width: 24%;
    }
     .wrap-to .wrap-name-inputs {
         width: 73%;
    }
     .wrap-to label.custom-input {
         margin-right: 0;
    }
     .transfer .wrap-to .purpose-other .input-txt {
         width: 74%;
    }
     .wrap-to label.custom-input {
         width: 25%;
    }
     .wrap-new-transfer-content li.purpose-other {
         padding-right: 20px;
    }
     .wrap-transfer-history-content-table .table-curved {
         margin: 0;
    }
     .wrap-transfer-history-content-table .table-responsive {
         margin-top: 10px;
    }
     .video-tour {
        /*background-position: 60px 20px;
         padding-right: 70px;
        */
    }
     .wrapper-authorize p {
         width: 86%;
    }
     .wid-no-queue.wid-login-page {
         width: 100%;
    }
     .wrapper-login-box .btn-login {
         margin-top: 5px;
         margin-bottom: 10px;
    }
     .wrapper-wid-advt {
         width: 208px;
    }
     .log-out-state .wrapper-login-box h3 {
         line-height: 16px;
         margin-bottom: 10px;
    }
     .log-out-state .wrapper-login-box {
         min-height: 200px;
    }
     .log-out-state .wrapper-outer .wrapper-login-box p .btn-login {
         margin-top: 0;
    }
     .log-out-state .wrapper-login-box {
         margin-bottom: 0;
         padding-bottom: 0;
    }
     .forgot-password-page .tab-container .next, .user-registration .tab-container .next, .forgot-username-page .tab-container .next {
         right: 32px;
         top: 251px;
    }
     .forgot-password-page .tab-container .prev, .user-registration .tab-container .prev, .forgot-username-page .tab-container .prev {
         top: 251px;
         left: 32px;
    }
     #help-guide .popup-content .pos3 {
         top: 150px;
    }
     .wrap-account-details .row .col-md-8:nth-child(1) ul li.last {
         border-bottom: 1px dotted #b7b9ba;
    }
}
 @media(max-width:640px) and (orientation : portrait) {
    /*.mobile-page-title{
         color:darkcyan;
    }
    */
     .transfer .wrap-to .wrap-select, .transfer .wrap-to .input-txt {
         width: 100%;
    }
     .wrap-search-block a.btn-blue {
         float: left;
         margin-top: 10px;
    }
     .radio-group-select .custom-or {
         margin-top: 0 !important;
         margin-left: 5px;
    }
     .wrap-to > div, .wrap-from > div {
         width: 100%;
    }
     .toggle-input ul li .input-txt {
         width: 50% !important;
    }
     .transfer .wrap-to .toggle-input span {
         display: inline-block;
         margin-top: 10px;
    }
     .wrapper-bill-payments .wrap-to .wrap-new-transfer-content select {
         background-position: 100%;
    }
     .date-to {
         margin-bottom: 15px;
    }
}
 @media only (min-width: 600px) {
    /*.mobile-page-title{
         color:coral;
    }
    */
     .wrapper-new-transfer.wrapper-bill-payments .wrap-to {
         width: 47%;
    }
     .wrapper-new-transfer.wrapper-bill-payments .wrap-from {
         width: 53%;
    }
     .transfer .input-append.date .txt {
         margin-right: 4px;
    }
     .resp-tabs-list li {
         color: #015e8a;
    }
}
 @media(max-width:600px) and (orientation : landscape) {
    /*.mobile-page-title{
         color:darkmagenta;
    }
    */
     .wrap-change-pasword .custom-progress {
         margin-top: 10px;
         margin-right: 5px;
    }
     .wrap-change-pasword .password-verdict {
         margin-top: 5px;
    }
}
 @media(min-width:600px) and (max-width:960px) and (orientation : portrait) {
    /*.mobile-page-title{
         color:darkseagreen;
    }
    */
     .wrap-change-pasword .custom-progress {
         margin-top: 10px;
         margin-right: 5px;
    }
     .wrap-change-pasword .password-verdict {
         margin-top: 5px;
    }
     .prepaid-service-two .wrap-to .wrap-new-transfer-content label {
         margin-right: 0;
    }
     label.label-wid {
         width: auto;
    }
     .recurring .wrap-new-transfer-content label {
         margin-right: 20px;
    }
     .wrapper-bill-payments .from {
         width: 100%;
    }
     .wrap-new-transfer-content li.when label:first-child {
         width: 48px;
    }
     .wrap-new-transfer-content li.when label.col-label {
         width: 24%;
         margin-right: 10px;
    }
     .wrap-new-transfer-content li.when label.now-wrap {
         margin-right: 10px;
    }
}
 @media(max-width:600px) {
     .rightclick-h1text {
         color: #4c4c4c;
    }
    /*.mobile-page-title{
         color:darkorange;
    }
    */
     .maskElement {
         position: absolute;
        /*background-color: yellow;
        */
         top: 140px;
         left: 15px;
         z-index: 10000;
    }
     .from, .to {
         border-radius: 0px;
    }
     .wrapper-authorize p {
         width: 91%;
    }
     .wid-no-queue.wid-login-page {
         width: 100%;
    }
     .wrapper-login-box .btn-login {
         margin-top: 5px;
         margin-bottom: 10px;
    }
     .wrapper-login-box {
         padding-top: 15px;
    }
     .login-box p {
         width: 91%;
    }
     .video-tour {
        /*background-position: 50px 20px;
         padding-right: 50px;
        */
    }
     .wrapper-login-box {
         padding-bottom: 13px;
    }
     .custom-progress {
         margin-top: -15px;
         margin-right: 0;
    }
     .password-verdict {
         margin-top: -5px;
    }
     .forgot-password-page .tab-container .next, .user-registration .tab-container .next, .forgot-username-page .tab-container .next {
         right: 32px;
         top: 251px;
    }
     .forgot-password-page .tab-container .prev, .user-registration .tab-container .prev, .forgot-username-page .tab-container .prev {
         left: 32px;
         top: 251px;
    }
     .user-registration .password-verdict {
         width: 60px;
    }
     .user-registration .wrapper-login > h2 {
         margin-bottom: 0;
         padding-bottom: 0;
    }
     .user-registration .wrap-form-control .form-control-forgot span {
         width: 160px;
    }
     .user-registration .acct-balance {
         margin-left: 160px;
    }
     .quick-link-page .wrap-profile-details .wrap-quick-links ul li {
         width: 50%;
    }
     .wrap-when-form-controls {
         width: 62%;
    }
     .mytools-page .table-curved tbody tr td {
         white-space: normal;
    }
}
 @media(max-width:568px) and (orientation:landscape) {
    /*.mobile-page-title{
         color:gold;
    }
    */
     .transfer .date-from .input-append.date {
         width: 59%;
    }
     .wrap-transfer-history-content-table .date-from, .wrap-transfer-history-content-table .date-to {
         font-size: 11px;
    }
     .wrap-new-transfer-content li.when label {
         position: relative;
         top: 5px;
    }
     .wrapper-outer .wrapper-login-box p .btn-login {
         margin-left: 80px;
         margin-bottom: 2px;
    }
     .wrapper-mobile-access {
         margin-left: 4%;
    }
     .video-tour {
        /*background-position: 25px 20px;
        */
    }
     .wrapper-mobile-app {
         padding-left: 80px;
    }
     .wrap-profile-contact .profile-img {
         width: 120px;
    }
     .wrap-profile-details .wrap-local-address ul li .input-txt, .wrap-profile-details .wrap-home-country ul li .input-txt {
         width: 120px;
    }
     .wrapper-bill-payments .wrap-from .wrap-select {
         width: 100%;
    }
     .wrapper-bill-payments .wrap-from .radio-group-select label.custom-input, .wrap-from label.custom-input {
         width: 82px !important;
    }
     .prepaid-service-two .wrap-from label.custom-input {
         width: 200px !important;
    }
     ul.wrap-new-transfer-content > li > div .label-wid {
         clear: left;
         margin-left: 99px;
    }
     .wrap-right-block .wrap-to label.custom-input {
         width: 21%;
    }
     .prepaid-service-two .wrap-from .wrap-name-inputs {
         width: 40% !important;
    }
     .prepaid-service-two .wrap-to .wrap-name-inputs {
         width: auto;
    }
     .toggle-input ul li .input-txt {
         width: 54.5% !important;
    }
     .toggle-input .wrap-name-inputs {
         width: 390px !important;
    }
}
 @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
     .mobile-page-title {
         color: deeppink;
    }
     .img-loginbanner {
         width: 359px;
         height: 320px;
        /*background-color:black;
        */
         padding: 2px;
         background-image: url("../images/banner-img-mobile.jpg");
    }
     .new-transfer .when .input-append.date {
         width: 113px;
    }
     .wrap-recent-payement-block .date-from label, .wrap-recent-payement-block .date-to label {
         width: 66px;
    }
     .wrap-transfer-history-content-table .btn {
         margin-top: 89px;
    }
     .wrap-new-transfer-content li.when label:first-child {
         width: 97px;
    }
     .wrap-from .input-txt {
         width: 210px;
    }
     .profile-name, .secure-right-btn {
         margin: 20px 0 10px 0;
    }
     .transfer .input-append.date .txt {
         width: 76px;
    }
     .wrapper-bill-payments .wrap-from label.custom-input, .wrap-from label.custom-input, .radio-phone .wrap-from label.custom-input {
         width: 100%;
    }
     .wrapper-bill-payments .wrap-to .toggle-input .wrap-name-inputs {
         width: 66%;
    }
     .wrapper-bill-payments .toggle-input .wrap-name-inputs input {
         width: 65%;
    }
     .wrapper-bill-payments li.toggle-input li, .wrapper-bill-payments li.toggle-input ul {
         width: 100%;
    }
     .wrapper-bill-payments li.toggle-input li {
         margin: 10px 0;
    }
     .wrapper-bill-payments .wrap-to .wrap-name-inputs {
         width: 60%;
    }
     .recurring label.label-wid {
         margin-right: 14px;
    }
     #take-cash .wrap-select {
         width: 100%;
    }
     .myaccount-current-page .wid-transaction .date-from {
         width: 100%;
    }
     .myaccount-current-page .wid-transaction .date-to {
         width: 100%;
         padding-left: 0;
         padding-top: 10px;
    }
     .myaccount-current-page .wid-transaction .date-to label {
         width: 68px;
    }
     .wrap-account-details .row .col-md-8:nth-child(1) ul li.last {
         border-bottom: 1px dotted #b7b9ba;
    }
    /*.page-tab-content .wid-user-profile .user-name {
         width: 209px;
    }
    */
    /*.wrap-profile-rt {
         margin-left: 0px;
         margin-top: 0px;
    }
    */
     .new-transfer ul.local-form .wrap-name-inputs .input-txt {
         width: 97%;
    }
}
 @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    /*.mobile-page-title{
         color:green;
    }
    */
     .navbar-brand {
         clear: none !important;
         font-family: 'Poppins-SemiBold', calibri !important;
         font-size: 20px !important;
         margin-top: 11px !important;
         color: #FFF !important;
         padding-left: 0px !important;
    }
     .img-loginbanner {
         width: 200px;
         height: 320px;
        /*background-color:black;
        */
         padding: 2px;
         background-image: url("../images/banner-img-mobile-320.jpg");
    }
     #addNewbenif .tab-navigation .btn-cancel {
         margin-right: 0px;
         margin-top: 7px;
    }
     a.que_img {
         margin: 0 0 0 19px;
    }
    /*.page-tab-content .wid-user-profile .user-name {
         width: 209px;
    }
    */
     .landing-accounts .own-cbq-initial .btn {
         margin: 16px 0 0 16px;
    }
     .myaccount-current-page .wrap-current-account-details li {
         word-wrap: break-word;
    }
     .wrap-for-pay-balance .row .col-md-8:nth-child(1) ul li.last {
         min-height: 66px;
    }
    /*.wrap-account-details li:nth-child(odd) {
         border: 1px dotted #b7b9ba;
    }
    */
     .wrap-account-details .row .col-md-8:nth-child(1) ul li.last {
         border-bottom: 1px dotted #b7b9ba;
    }
     .mytools-page .wrap-cheque-status .wid-calculator ul {
         width: 88%;
    }
     .new-transfer ul.wrap-new-transfer-content .wrap-name-inputs .input-txt, .new-transfer ul.wrap-new-transfer-content .when .input-append.date .txt {
         width: 100%;
    }
     .new-transfer ul.wrap-new-transfer-content .when .input-append.date .txt {
         width: 85px;
    }
}
 @media(max-width:568px) {
    /*.mobile-page-title{
         color:lightcoral;
    }
    */
     .from, .to {
         border-radius: 0px;
    }
     .wrapper-bill-payments .wrap-from > div.from {
         width: 100%;
    }
     .prepaid-service-one ul.wrap-prepaid li label.custom-input {
         width: 100%;
    }
     .wrapper-bill-payments li.toggle-input li, .wrapper-bill-payments li.toggle-input ul {
         width: auto;
    }
     .toggle-input .wrap-name-inputs {
         width: 100%;
    }
     .wrapper-bill-payments .toggle-input .wrap-name-inputs input {
         float: left;
         width: 75%;
    }
     .wrapper-bill-payments .transfer .wrap-to .wrap-select, .transfer .wrap-to span {
         float: left;
    }
     .wrapper-bill-payments .wrap-from .wrap-new-transfer-content select {
         width: 100%;
    }
     li.frequency label {
         padding-bottom: 10px;
    }
     .radio-phone .wrap-from > div {
         padding-left: 0;
    }
     .wrap-unbill-block label, li.remider label {
         display: inline;
    }
}
 @media(max-width:480px) {
    /*.mobile-page-title{
         color:magenta;
    }
    */
     .table-curved {
        /*min-width: 700px !important;
        */
    }
     .from, .to {
         border-radius: 0px;
    }
     #compose-mail input, #compose-mail textarea {
         width: 226px;
    }
     .wrap_account_left {
         width: 100%;
    }
     .wrap_accordion .col-img, .wrap_accordion .col-details {
         width: 100%;
    }
     .col-details, .col-details ul {
         padding-left: 6px;
    }
     .wrap_accordion .col-details {
         margin-top: 10px;
    }
     .transfer .input-append.date {
         width: 45%;
    }
     .wrapper-bill-payments .from {
         width: 420px;
    }
     .wrapper-bill-payments .wrap-from .wrap-new-transfer-content select {
         background-position: 96% 10px;
    }
     .when .input-append.date .txt {
         width: 145px;
    }
     .transfer .wrap-to .wrap-select, .transfer .wrap-to .input-txt {
         width: 97%;
         margin-top: 5px;
    }
     .purpose-other input {
         width: 81% !important;
    }
     .wrap-to .wrap-name .wrap-select {
         width: 97%;
    }
     .date-to {
         padding-top: 10px;
    }
     .date-from, .date-to {
         width: 70%;
         padding-left: 0;
    }
     .date-from label, .date-to label {
         width: 30%;
    }
     .transfer .wrap-transfer-history-content-table .input-append.date {
         width: auto;
    }
     .transfer .wrap-transfer-history-content-table .input-append.date .txt {
         width: 100px;
    }
     .wrap-new-transfer-content li.purpose-other {
         padding-right: 0;
    }
     .wrap-from .wrap-name-inputs {
         width: 100%;
         padding-top: 5px;
    }
     .table-curved {
        /*min-width: 700px !important;
        */
    }
     .wrap-new-transfer-content li.when {
         margin-bottom: 10px;
    }
     .wrap-new-transfer-content li.when label:first-child {
         width: 70px;
    }
     .own-cbq-initial .custom-select {
         position: relative;
         top: -5px;
    }
     .transfer .wrap-to .purpose-other .input-txt {
         width: 100% !important;
    }
     .transfer .wrap-to .purpose-other {
         padding-right: 13px;
    }
     .wrap-transfer-history-content-table .btn {
         margin-top: 45px;
    }
     .footer .content {
         padding-left: 0px;
         padding-right: 0px;
    }
     .nav-footer li a {
         font-size: 12px;
    }
     .wrapper-login-box, .wrapper-registration {
        /*width: 95%;
        */
    }
     .wrapper-registration {
        /*margin-top: 10px;
        */
    }
     .wrapper-carousel-panel {
         margin-top: 10px;
         margin-bottom: 10px;
         margin-left: 0px;
         width: 95%;
    }
     .wrapper-login-box p .btn-login {
         margin-left: 10px;
    }
     .wrapper-mobile-app {
         padding-left: 0px;
    }
    /*.wrapper-outer .wrapper-login-box p .btn-login{
         margin-left: 165px;
    }
    */
     .wrapper-login-box p .btn-login {
         margin-left: 1px;
    }
     .video-tour {
        /*background-position: 120px 20px;
         padding-right: 120px;
        */
    }
     .wrapper-widget {
         padding-right: 0;
    }
     .wrapper-mobile-access {
         margin-left: 0;
         width: 99%;
    }
     .wrapper-authorize p {
         width: 100%;
         margin-bottom: 15px;
    }
     .wrap-request-code-content input {
         width: 50%;
    }
     .wrapper-outer {
         padding-left: 10px;
    }
     .wrapper-authorize {
         width: 100%;
    }
     .wrapper-authorize p {
         padding-left: 10px;
    }
     .wid-default .wid-head h3 {
         line-height: 25px;
    }
     .log-out-state .wrapper-login-box {
         margin-bottom: 20px;
    }
     .reset-password .acct-balance {
         padding-left: 0;
    }
     .custom-progress {
         margin-top: 10px;
         margin-right: 10px;
    }
     .password-verdict {
         margin-top: 5px;
    }
     .user-registration .password-verdict {
         width: 70px;
         margin-top: -5px;
    }
     .user-registration .custom-progress {
         margin-top: -10px;
    }
     .user-registration .acct-balance {
         margin-left: 0;
    }
     .user-registration .wrap-form-control .form-control-forgot span {
         width: 100%;
    }
     .user-registration .set-up-account .acct-balance {
         margin-left: 0;
    }
     .wrap-profile-details .wrap-local-address ul li, .wrap-profile-details .wrap-home-country ul li {
         width: 100%;
    }
     .wrap-profile-details .wrap-local-address ul li.col-second label, .wrap-profile-details .wrap-home-country ul li.col-second label, .wrap-profile-details .wrap-local-address ul li label, .wrap-profile-details .wrap-home-country ul li label {
         padding-left: 0;
         width: 110px;
    }
     .wrap-profile-details .wrap-local-address ul li .input-txt, .wrap-profile-details .wrap-home-country ul li .input-txt {
         width: 180px;
    }
     .wrap-profile-contact .form-profile-contact {
         width: 365px;
         padding-left: 0;
    }
     .profile-edit-page .wrap-profile-contact .input-txt {
         width: 245px;
    }
     .profile-edit-page .wrap-profile-contact {
         padding: 15px;
    }
     .profile-edit-page .form-profile-contact .input-txt.mob-num {
         width: 186px;
    }
     .profile-edit-page .wrap-local-address .wrap-select, .profile-edit-page .wrap-home-country .wrap-select {
         width: 180px;
    }
     .profile-edit-page .btn-browse {
         font-size: 9px;
    }
     #help-guide .popup-content .pos2 {
         top: 100px;
    }
     #help-guide .btn-holder a:last-child {
         margin-top: 10px;
    }
     #help-guide .popup-content .pos1 {
         margin-top: 25px;
         width: 100%;
    }
     #help-guide .wrap-popup-content {
         width: 100%;
    }
     .log-out-state .products {
         clear: both;
         width: 100%;
         padding: 10px 0;
         margin: 0;
    }
     .log-out-state .products.first-product, .log-out-state .products:last-child {
         width: 100%;
    }
     .quick-link-page .first-column, .quick-link-page .second-column, .quick-link-page .third-column {
         margin-right: 25px;
    }
     .quick-link-page .wrap-profile-details .wrap-quick-links ul li {
         width: 156px;
    }
     .jquery-radiobutton-wrapper {
         position: static;
    }
     .radiobutton {
         height: auto;
         margin-bottom: 10px;
    }
     .col-alert-box {
         padding: 10px 10px 10px 50px;
    }
     .profile-edit-page .wrap-profile-details small {
         padding-left: 0;
         margin-left: 0;
    }
     .profile-edit-page .wrap-profile-details small.error {
         margin-left: 160px;
    }
     .custom-progress {
         float: left;
         margin-left: 0;
         margin-top: 10px;
         width: 180px;
    }
     .quick-link-page .wrap-profile-details .wrap-quick-links ul li.last {
         border-bottom: 1px dotted #ccc;
    }
     .wrap-change-pasword .wrap-pass-strength {
         margin-left: 150px;
    }
     .wrap-transaction-date .date-from, .wrap-transaction-date .date-to {
         width: 100%;
    }
     .wrap-transaction-form label {
        /*width: 68px;
        */
         width: 100%;
         float: none;
    }
     .wrap-amount-range {
         width: 100%;
         float: left;
         overflow: hidden;
    }
     .wrap-view-for .wrap-select {
         width: 150px;
    }
     .wrap-transaction-date .date-to label {
         width: 68px;
    }
     #pay-spent-amount .wrap-when-form-controls {
         width: 246px;
    }
     .wrap-from .wrap-name-inputs {
         width: 40%;
    }
     .radio-group-select .custom-or {
         margin-top: 10px;
         display: inline-block;
         margin-right: 10px;
    }
     .toggle-input ul li .input-txt {
         width: 42% !important;
    }
     .wrap-demo-btn .btn {
         margin-top: 10px;
    }
     .my-account-popup.popup-container .resp-tabs-container .wrap-when-form-controls label {
         margin-right: 10px;
         margin-top: 0px;
    }
     .wrap-when-form-controls .input-append.date {
         width: 45%;
    }
     .wrap-when-form-controls .input-append.date .txt {
         width: 75px;
         padding: 3px;
         margin-right: 3px;
    }
     .myaccount-loan .wrap-transaction-date {
         width: 330px;
    }
     .wrap-transaction-form a.btn-go {
         margin-left: 0;
         margin-top: 50px;
    }
     .log-out-state .wrapper-login-box {
         width: 100%;
    }
     .wrapper-registration img {
         width: 100%;
    }
     .wrap-transaction-form a.btn-go-two {
         margin-top: 50px;
    }
     .wrap-new-transfer-content li.when label.col-label {
         width: 100%;
    }
     #compose-mail input, #compose-mail textarea {
         width: 100%;
    }
     .top-wrap .col-wrap-subject .col-from label, .top-wrap .col-receive-on, .col-receive-on label {
         width: 100%;
         margin-bottom: 5px;
    }
     .top-wrap .col-receive-on {
         margin-top: 5px;
    }
}
 @media(max-width:480px) and (orientation : landscape) {
    /*.mobile-page-title{
         color:yellowgreen;
    }
    */
     .wrap-to .wrap-new-transfer-content select {
         width: 238px !important;
    }
     #add-new-payee-step1.my-account-popup .wrap-select {
         width: 49.5%;
    }
     .wrapper-bill-payments .wrap-to .toggle-input .wrap-name-inputs {
         width: 238px !important;
    }
     .wrapper-bill-payments .wrap-to .toggle-input .wrap-name-inputs .input-txt {
         width: 197px !important;
    }
     .wrapper-bill-payments .wrap-to .toggle-input .wrap-name-inputs span {
         display: inline-block;
         margin-top: 10px;
    }
}
 @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /*.mobile-page-title{
         color:lawngreen;
    }
    */
     .video-tour {
        /*background-position: 39px 23px;
         padding-right: 70px;
        */
    }
     .wrapper-select-mode .wrap-mode label {
         width: 233px;
    }
}
 @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /*.mobile-page-title{
         color:yellow;
    }
    */
    /*.wrap-profile-rt {
         margin-left: 20px;
         margin-top: 15px;
    }
    */
    /*.page-tab-content .wid-user-profile .user-name {
         width: 209px;
    }
    */
     .page-tab-content .wid-user-profile .dropdown-menu-right {
         right: 21px;
    }
}
 @media(min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
    /*.mobile-page-title{
         color:palevioletred;
    }
    */
     .wrap-to .wrap-new-transfer-content select {
         width: 100% !important;
    }
     .landing-accounts .wrap-from .wrap-name-inputs {
         width: 74%;
    }
     .wrap-account-details .row .col-md-8:nth-child(1) ul li.last {
         border-bottom: 1px dotted #b7b9ba;
    }
     #help-guide .popup-content .pos3 {
         margin-top: 84px;
    }
    /*.mytools-page .wid-loan-calculator .wid-calculator li .pull-right {
         margin: 0 50px 10px 5px;
    }
    */
}
 @media (max-width: 360px) {
    /*.mobile-page-title{
         color:orangered;
    }
    */
     .new-transfer ul.wrap-new-transfer-content .when .input-append.date .txt {
         width: 94px;
    }
     .accDetails li {
         padding-left: 10px;
         width: 45%;
    }
     .from, .to {
         border-radius: 0px;
    }
     .wrap_accordion .col-img, .wrap_accordion .col-details {
         width: 100%;
    }
     .col-details, .col-details ul {
         padding-left: 6px;
    }
     .wrap_accordion .col-details {
         margin-top: 10px;
    }
     .mytools-page .wid-loan-calculator .wid-calculator li .pull-right {
         margin: 4px;
         width: 100%;
    }
     .myaccount-current-page .wrap-account-details li span {
         display: block;
    }
     .logo img {
         width: 60%;
    }
     .nav-footer li {
         padding-left: 9px;
         margin-left: 2px;
    }
     .nav-footer li:first-child {
         padding-left: 0;
    }
     .wrap-from {
         width: 100%;
         padding-bottom: 20px;
    }
     .wrap-to {
         width: 100%;
    }
     .wrap-from label, .wrap-to label {
         width: 100%;
         float: none;
         margin-right: 0;
    }
     .wrap-from .wrap-name-inputs, .wrap-from .wrap-name-inputs {
         width: 100%;
         float: none;
    }
     .wrap-from .wrap-select, .wrap-to .wrap-select {
         top: 0;
    }
     .wrap-from label.custom-input {
         margin-right: 0;
    }
     .wrap-from > div {
         padding-left: 0px;
         padding-right: 0px;
    }
     .from, .to {
         -webkit-border-top-left-radius: 5px;
         -webkit-border-top-right-radius: 5px;
         -moz-border-radius-topleft: 5px;
         -moz-border-radius-topright: 5px;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
    }
     .to {
         padding-left: 10px;
    }
     .wrap-new-transfer-content {
         padding-left: 10px;
         padding-right: 10px;
    }
     .custom-or {
         clear: both;
         display: block;
         margin: 10px 0;
         padding-top: 10px;
    }
     .wrap-new-transfer-content .input-txt {
         width: 97%;
    }
     .wrap-from .from {
         padding-left: 10px;
    }
     .wrap-name-inputs {
         float: none;
         width: 100%;
    }
     .wrap-new-transfer-content select {
         background-position: 95% 10px;
    }
     .transfer .wrapper-new-transfer .input-append.date {
         width: 100%;
         margin-top: 10px;
    }
     .when .input-append.date .txt {
         width: 210px;
    }
     .transfer .wrap-to .wrap-select, .transfer .wrap-to .input-txt, .wrap-to .wrap-name-inputs, .wrap-to .wrap-name > label, .wrap-to .wrap-inputs, .date-from label, .date-to label {
         width: 100%;
    }
     .wrap-to .custom-select, .wrap-to label.custom-input {
         width: 100% !important;
    }
     .wrap-transfer-history-content-table .btn {
         margin-left: 0;
         margin-top: 35px;
         float: left;
    }
     .transfer .wrap-transfer-history-content-table .input-append.date .txt {
         width: 100px;
    }
     .banking-type p {
         margin-bottom: 0;
    }
     .banking-type label {
         margin-bottom: 5px;
    }
     .banking-type label:last-child {
         margin-bottom: 0;
    }
     .wrap-transfer-history-content-table .table-curved {
         margin-top: 0;
    }
     .wrap-transfer-history-content-table .table-responsive {
         margin-top: 10px;
    }
     .wrap-to .wrap-new-transfer-content select {
         background-position: 96%;
    }
     .wrap-from .wrap-new-transfer-content select {
         background-position: 96%;
    }
     .purpose-other input {
         width: 100%;
    }
     .when .input-append.date .txt {
         width: 230px;
    }
     .transfer .wrap-to .purpose-other {
         padding-right: 0;
    }
     .wrap-from label.custom-input {
         width: 100%;
    }
     .wrapper-mobile-app {
         padding-left: 0px;
    }
     .wrapper-outer {
         padding-left: 0;
         padding-right: 0;
    }
     .wrapper-login-box p .btn-login {
         margin-left: 0px;
    }
     .video-tour {
        /*background-position: 40px 20px;
        */
    }
     .wrapper-mobile-access {
         margin-left: 0;
         width: 99%;
    }
     .video-tour {
        /*background-position: 65px 20px;
         padding-right: 65px;
        */
    }
     .wrapper-authorize .input-txt {
         width: 100%;
    }
     .wrapper-authorize .btn-submit {
         margin-top: 10px;
        /*margin-left: 80px;
        */
         margin-left: 0;
    }
     .wrap-request-code-content input {
         width: 80%;
    }
     .wrapper-authorize p {
         padding-left: 0;
    }
     .log-out-state .wrapper-login-box {
         width: 100%;
    }
     .wrapper-wid-advt {
         width: 100%;
    }
     .auto-logout a.btn-account-confirm {
         display: inline-block;
         margin-bottom: 20px;
    }
    /*.tab-container .next, .tab-container .prev{
         top: 231px;
    }
    */
     .forgot-password-page .resp-tab-item {
         font-size: 19px;
         line-height: 32px;
    }
     .wrapper-select-mode .wrap-mode .wrap-form-control {
         padding-left: 0;
    }
     .select-mode .wrap-form-control .input-txt, .form-control-forgot .wrap-select {
         width: 100%;
    }
     .wrapper-select-mode .wrap-mode label {
         margin-right: 0;
    }
     .wrap-authorize-code .input-txt {
         width: 178px;
    }
     .wrap-mode .form-control-forgot .input-txt {
         width: 100%;
    }
     .forgot-password-page .tab-container .next, .user-registration .tab-container .next, .forgot-username-page .tab-container .next {
         right: 31px;
         top: 230px;
    }
     .forgot-password-page .tab-container .prev, .user-registration .tab-container .prev, .forgot-username-page .tab-container .prev {
         left: 31px;
         top: 230px;
    }
     .custom-progress {
         width: 180px;
         float: left;
         margin-left: 0;
         margin-top: 10px;
    }
     .password-verdict {
         width: 50px;
         margin-top: 6px;
    }
     .req-username {
    }
     .wrap-form-control .form-control-forgot, .user-registration .wrapper-select-mode .wrap-mode .wrap-form-control {
         width: 100%;
    }
     .user-registration .wrap-authorize-code .input-txt {
         width: 203px;
    }
     .user-registration .read-tc {
         padding-left: 15px;
    }
     .user-registration .read-tc input {
         margin-left: -17px;
    }
     .read-tc a {
         padding: 0;
    }
     .read-tc {
         margin-left: 3px;
    }
     .user-registration .form-control-forgot .wrap-select {
         width: 100%;
    }
     .user-registration .custom-progress {
         width: 168px;
         margin-top: 10px;
    }
     .user-registration .password-verdict {
         margin-top: 5px;
    }
     .btn-req-username {
         margin-right: 30px;
    }
     .req-user-btn {
         margin-top: 10px;
         margin-right: 80px;
    }
     .wrap-profile-contact .form-profile-contact {
         width: 100%;
    }
     .profile-edit-page .wrap-profile-contact ul li label {
         width: 100%;
    }
     .profile-edit-page .wrap-profile-details small {
         margin-left: 0;
         margin-top: 5px;
         position: relative;
         overflow: auto;
         width: 100%;
         float: left;
    }
     .profile-edit-page .wrap-profile-details .wrap-select {
         top: 0;
         width: 248px;
    }
     .profile-edit-page .wrap-profile-details .input-txt, .profile-edit-page .wrap-profile-details .wrap-local-address .input-txt, .profile-edit-page .wrap-profile-details .wrap-home-country .input-txt {
         width: 100%;
    }
     .profile-edit-page .qid-certificate .input-txt, .profile-edit-page .sal-certificate .input-txt, .profile-edit-page .passport-certificate .input-txt {
         width: 202px;
    }
     .profile-edit-page .input-append.date {
         width: 248px;
    }
     .profile-edit-page .wrap-identification .input-append.date .txt {
         width: 213px;
    }
     .profile-edit-page .wrap-identification .wrap-select select {
         width: 260px;
         background-position: 90% 10px;
    }
     .profile-edit-page .link-edit {
         margin-top: 0;
         margin-bottom: 10px;
    }
     .profile-edit-page .profile-name h2 {
         font-size: 31px;
    }
     #change-avatar .wrap-select-avatar {
         padding-left: 0;
         width: 100%;
         margin-left: -10px;
         margin-top: 10px;
    }
     #change-avatar .avatar {
         margin: 0px 10px 10px;
    }
    /*#help-guide .popup-content .pos4{
         margin-top:190px;
    }
    */
     #help-guide .btn-holder {
         margin-top: 0px;
    }
     .quick-link-page .wrap-profile-details .wrap-quick-links ul li {
         width: 100%;
    }
     .quick-link-page .first-column, .quick-link-page .second-column, .quick-link-page .third-column {
         margin-right: 0;
    }
     .custom-progress {
         width: 150px;
    }
     .quick-link-page .wrap-profile-details .wrap-quick-links ul li.last {
         border-bottom: 1px dotted #ccc;
    }
     .quick-link-page .wrap-profile-details .wrap-quick-links ul li.end-line {
         border-bottom: none;
    }
     .wrap-view-for .wrap-select {
         width: 265px;
    }
     .wrap-view-for select {
         width: 290px;
    }
     .wrap-transaction-date .date-to .input-append.date, .wrap-transaction-date .date-from .input-append.date {
         width: 265px;
    }
     .wrap-transaction-date .input-append.date .txt {
         width: 230px;
    }
     .wrap-transaction-form .noUi-horizontal {
         width: 145px;
    }
     .my-account-popup .wrap-name-inputs {
         float: left;
        /*width: 100%;
        */
    }
     .my-account-popup .input-txt {
         width: 100%;
    }
     .myaccount-credit-page .my-account-popup .wrap-name-inputs {
         width: 100%;
    }
     .my-account-popup.popup-container .resp-tabs-container label {
         width: 100%;
    }
     .my-account-popup select {
         background: url("../images/select-arrow-down.png") no-repeat scroll 95% 10px;
    }
     #pay-spent-amount .wrap-when-form-controls {
         width: 286px;
    }
     .wrap-when-form-controls .input-append.date {
         width: 52%;
    }
     .wrap-when-form-controls .input-append.date .txt {
         width: 110px;
    }
     .my-account-popup.popup-container .resp-tabs-container .wrap-when-form-controls label {
         margin-right: 20px;
         margin-top: 2px;
    }
     .wrap-when-form-controls .input-append.date .txt {
         padding: 3px;
         margin-right: 10px;
    }
     .pay-duedate-tag {
         padding-left: 0;
    }
     .wrap-full-amount {
         padding-left: 0;
    }
     .datepicker.dropdown-menu {
         left: 50px !important;
    }
     .my-account-popup .acct-balance {
         padding-left: 0;
    }
     .myaccount-loan .wrap-transaction-form ul, .myaccount-loan .wrap-transaction-date {
         width: 100%;
    }
     .myaccount-loan .wrap-transaction-form ul .wrap-name-inputs {
         width: 100%;
         float: left;
    }
     .myaccount-loan .wrap-transaction-form .wrap-view-for .wrap-select {
         width: 100%;
    }
     .myaccount-loan .wrap-transaction-form .wrap-view-for select {
         width: 115%;
         background-position: 82% 10px;
    }
     .wrap-transaction-form a.btn-go {
         margin: 0;
    }
     .page-tab-content .wrap-transaction-form a.btn-go-two {
         margin-top: 50px;
    }
     .wrap-bottom-btn .btn {
         margin-top: 10px;
    }
     .wrap-cheque-form .input-append.date .txt {
         width: 172px;
    }
     .wrap-profile-details.wrap-cheque-form .wrap-select {
         top: 0;
         width: 248px;
    }
     .wrap-profile-details.wrap-cheque-form .wrap-select select {
         width: 263px;
    }
     .wrap-profile-details.wrap-cheque-form .input-txt {
         width: 248px;
    }
     .wrap-cheque-form .wrap-select select {
         background: url('../images/select-arrow-down.png') no-repeat scroll 90% 10px transparent;
    }
     .profile-edit-page .form-profile-contact .input-txt.mob-num {
         width: 187px;
    }
     .profile-edit-page .wrap-local-address .wrap-select, .profile-edit-page .wrap-home-country .wrap-select {
         width: 100%;
    }
     .wrapper-select-mode .wrap-mode label {
         width: 238px;
    }
     .wrap-view-for, .wid-transaction-two .wrap-transaction-form ul .wrap-name-inputs {
         width: 100%;
    }
     .wid-transaction .wrap-transaction-form ul .wrap-name-inputs, .wid-transaction .wrap-transaction-form .wrap-view-for .wrap-select, .myaccount-current-page .wrap-account-details .wrap-group-buttons a {
         width: 100%;
    }
     .myaccount-current-page .wrap-account-details .wrap-group-buttons a.btn {
         width: auto;
    }
     li.remider p {
         margin-left: 0px;
    }
     .wrapper-bill-payments .wrap-from .wrap-select {
         width: 100%;
    }
     .wrap-new-transfer-content li.when label.now-wrap {
         float: left;
    }
    /* .transfer .wrapper-new-transfer .input-append.date {
         width: 50%;
    }
    */
     .forgot-password .wrapper-select-mode .wrap-mode.first-wrap-mode, .forgot-password .wrapper-select-mode .wrap-mode {
         width: 100%;
    }
     .forgot-password .select-mode .wrap-form-control .input-txt, .forgot-password .wrapper-select-mode {
         width: 100%;
    }
     .forgot-password .wrapper-select-mode .wrap-mode .wrap-form-control {
         width: 90%;
    }
}
 @media(max-width:320px) {
    /*.mobile-page-title{
         color:orange;
    }
    */
     .btn-xs, .btn-group-xs > .btn {
         padding: 1px 3px;
         font-size: 11px;
    }
     .header-icon {
         font-size: 16px;
    }
     .btnPanel {
         margin-top: -108px;
         float: right;
         font-size: 12px;
         font-family: calibri;
    }
     #tab-header-items {
         display: none;
    }
     #addNewbenif .tab-navigation .btn-cancel {
         margin-right: 0px;
         margin-top: 7px;
    }
     body .accType li {
         font-size: 12px;
    }
     .new-transfer ul.wrap-new-transfer-content .when .input-append.date .txt {
         width: 94px;
    }
     .wrap-transfer-history-content-table .btn {
         margin-top: 25px;
    }
     .date-to {
         margin-top: 0;
         padding-top: 0;
    }
     a.que_img {
         margin: 0 0 0 19px;
    }
     #addNewbenif .tab-navigation .btn-cancel {
         margin-right: 10px;
         margin-top: 0px;
    }
     .from, .to {
         border-radius: 0px;
    }
    /* .wrapper-to-content,.wrap-to > div, .wrap-from > div{
         padding-left: 0;
    }
    */
     .wrapper-to-content {
         padding-left: 0;
    }
     .mytools-page .wrap-brokerage-registration .col-center-block .input-txt, .mytools-page .wrap-brokerage-registration .col-center-block .wrap-select, .mytools-page .wrap-brokerage-registration .col-center-block .col-investment {
         width: 200px;
    }
     .secure-mail-main ul.flex-direction-nav a {
         font-size: 12px;
         margin-top: 3px;
    }
     .profile-name, .secure-right-btn {
         margin-top: 10px;
    }
     a.btn_delete {
         margin-top: 10px;
         margin-bottom: 10px;
    }
     .wrap_account_left {
         width: 100%;
    }
     .slider-main {
         width: 94%;
    }
     .transfer .wrap-select, .transfer .input-txt {
         width: 100%;
    }
     .transfer .wrap-transfer-history-content-table .input-append.date .txt {
         width: 100px;
    }
     .wrap-to .wrap-new-transfer-content select {
         background-position: 97% 10px;
    }
     .wrap-from .wrap-new-transfer-content select {
         background-position: 96% 10px;
    }
     .wrap-new-transfer-content li.when label:first-child {
         width: 60px;
    }
     .wrap-to .custom-li label {
         margin-top: 5px;
    }
     .when .input-append.date .txt {
         width: 195px;
    }
     .wrapper-login-box p .btn-login {
         margin-left: 0px;
    }
     .video-tour {
        /*background-position: 40px 20px;
         padding-right: 55px;
        */
    }
     .wrapper-mobile-app {
         padding-left: 0px;
    }
     .wrap-request-code-content input {
         width: 78%;
    }
     .forgot-password .resp-tabs-container {
         padding-left: 10px;
         padding-right: 10px;
    }
     .select-mode .wrap-form-control .input-txt, .reset-password .wrap-form-control .input-txt, .form-control-forgot .wrap-select {
         width: 100%;
    }
     .wrap-authorize-code .input-txt {
         width: 160px;
    }
     .forgot-password-page .resp-tab-item {
         font-size: 19px;
         line-height: 32px;
         padding-left: 40px;
         padding-right: 40px;
    }
     .forgot-password-page .resp-tab-item.single-line {
         line-height: 32px;
    }
     .forgot-password-page .tab-container .next, .user-registration .tab-container .next, .forgot-username-page .tab-container .next {
         top: 230px;
    }
     .forgot-password-page .tab-container .prev, .user-registration .tab-container .prev, .forgot-username-page .tab-container .prev {
         top: 230px;
    }
     .custom-progress {
         width: 150px;
    }
     .user-registration .form-control-forgot .input-txt {
         width: 100%;
    }
     .user-registration .wrap-authorize-code .input-txt {
         width: 188px;
    }
     .user-registration .password-verdict {
         width: 60px;
    }
     .user-registration .user-reg-authorization .wrap-authorize-code .input-txt {
         width: 183px;
    }
     .btn-req-username {
         margin-right: 20px;
    }
     .profile-edit-page .wrap-profile-contact .input-txt {
         width: 208px;
    }
     .profile-edit-page .form-profile-contact .input-txt.mob-num {
         width: 149px;
    }
     .wrap-profile-details ul {
         width: 100%;
    }
     .wrap-profile-details ul li, .wrap-home-country ul li {
         width: 100%;
    }
     .profile-edit-page .wrap-profile-details .wrap-select {
         width: 208px;
    }
     .profile-edit-page .wrap-identification .wrap-select select {
         width: 215px;
         background-position: 92% 10px;
    }
     .profile-edit-page .qid-certificate .input-txt, .profile-edit-page .sal-certificate .input-txt, .profile-edit-page .passport-certificate .input-txt {
         width: 162px;
    }
     .profile-edit-page .input-append.date {
         width: 100%;
    }
     .profile-edit-page .wrap-identification .input-append.date .txt {
         width: 173px;
    }
     #change-avatar .wrap-select-avatar {
         margin-left: -5px;
    }
     #change-avatar .avatar {
         margin: 0px 5px 5px;
    }
     .wrap-change-pasword .custom-progress {
         width: 62px;
         margin-left: 0;
    }
     .profile-edit-page .wrap-profile-details small.error {
         margin-left: 0px;
    }
     .wrap-change-pasword .wrap-pass-strength {
         margin-left: 0;
    }
     .wrap-view-for .wrap-select {
         width: 230px;
    }
     .wrap-view-for select {
         width: 255px;
    }
     .wrap-transaction-date .date-to .input-append.date, .wrap-transaction-date .date-from .input-append.date {
         width: 265px;
    }
     .wrap-transaction-date .input-append.date .txt {
         width: 195px;
    }
     .wrap-amount-range .noUi-horizontal {
         width: 115px;
    }
     #pay-spent-amount .wrap-when-form-controls {
         width: 246px;
    }
     .wrap-when-form-controls .input-append.date {
         width: 45%;
    }
     .wrap-when-form-controls .input-append.date .txt {
         width: 75px;
    }
     .my-account-popup.popup-container .resp-tabs-container .wrap-when-form-controls label {
         margin-right: 10px;
         margin-top: 0px;
    }
     a.que_img {
         margin: 0 0 0 5px;
    }
     .wrapper-bill-payments li.remider p label {
         margin-right: 0;
    }
     .wrapper-bill-payments .wrap-from label.custom-input {
         width: 100%;
    }
     .recurring .wrap-new-transfer-content label.date_01 {
         margin-bottom: 0;
    }
     .wrapper-bill-payments .wrap-from > div {
         padding-left: 10px;
    }
     .wrapper-bill-payments .wrap-from .wrap-new-transfer-content select {
         background-position: 96% 10px;
    }
     .recurring li {
         margin-top: 0;
    }
     .wrapper-bill-payments li.frequency label.custom-input, .wrapper-bill-payments ul.radio-group-select label {
         margin-bottom: 0;
    }
     .wrapper-bill-payments .wrap-from .wrap-new-transfer-content select, .radio-phone .wrap-from label.custom-input {
         width: 100%;
    }
     .radio-phone .wrap-from .wrap-new-transfer-content select, .radio-phone .wrap-to .wrap-new-transfer-content select {
         width: 209px;
    }
     .col-forgot-block {
         margin-bottom: 15px;
         padding: 10px;
         height: auto;
    }
     li.frequencyfrequency label {
         padding-bottom: 10px;
    }
     ul.wrap-prepaid, ul.wrap-prepaid-first li {
         margin-top: 0;
    }
     ul.wrap-prepaid label.custom-input {
         width: 50%;
    }
     .wrap-unbill-block label, li.remider label {
         display: inline;
    }
     .radio-phone .wrap-to > div, .radio-phone .wrap-from > div {
         padding-left: 0;
    }
     .radio-phone .wrap-from {
         padding-bottom: 0;
    }
     .wrapper-bill-payments .wrap-from .wrap-select {
         width: 100%;
    }
     .prepaid-service-one input, .radio-phone .wrap-from .input-txt {
         width: 100%;
    }
     .radio-phone .wrap-from .wrap-select, .radio-phone .wrap-to .wrap-new-transfer-content .wrap-select {
         width: 208px;
    }
     .wrapper-bill-payments .wrap-to .wrap-new-transfer-content select {
         background-position: 86%;
    }
     .wrap-account-details li {
         width: 100%;
    }
     .mytools-page .sidebar-menu ul li {
         padding: 14px 0px 14px 50px;
    }
     .wrap-cheque-form .input-append.date .txt {
         width: 132px;
    }
     .wrap-profile-details.wrap-cheque-form .wrap-select {
         top: 0;
         width: 207px;
    }
     .wrap-profile-details.wrap-cheque-form .wrap-select select {
         width: 215px;
    }
     .wrap-profile-details.wrap-cheque-form .input-txt {
         width: 207px;
    }
     .wrap-profile-details.wrap-cheque-form ul {
         width: 207px;
    }
     .wrap-profile-details .wrap-status-highlight ul li label {
         width: 55%;
    }
     .wrapper-select-mode .wrap-mode label {
         width: 218px;
    }
     .wid-transaction-two .wrap-transaction-form .wrap-view-for .wrap-select, .wrap-transaction-form ul {
         width: 100%;
    }
     .wrap-transaction-form a.btn-go-two {
         margin-top: 50px;
    }
     .wrap-new-transfer-content li.when label.col-label {
         width: 100%;
    }
     .tool-tip-three:before {
         left: 71%;
    }
     .tool-tip-three {
         left: -88px;
         width: 138px;
    }
     .secure-right-btn .btn {
         width: 100%;
    }
     a.btn_compose {
         margin-bottom: 10px;
    }
     .quick-link-page .wrap-profile-details ul li label {
         width: 83%;
    }
     .wrapper-login.log-out-state .wrapper-login-box {
         width: 100%;
         border: 1px solid red;
    }
     .table-pager .pagination {
         padding-left: 70px;
         width: 100%;
    }
     .pagination ol.carousel-indicators {
         width: 98px;
    }
     .user-reg-setup.user-registration .resp-tabs-list li:last-child.resp-tab-active {
         width: 100%;
    }
     .user-registration .wrap-form-control .form-control-forgot span {
         width: 85%;
    }
     .user-registration .wrapper-select-mode .wrap-mode .wrap-form-control {
         width: 100%;
    }
     .user-registration ul#tab {
         width: 100%;
    }
     .user-registration .forgot-password .select-mode .wrap-form-control .input-txt {
         width: 96%;
    }
     .user-registration p.wrap-time-out {
         width: 100%;
    }
     .user-registration .select-mode .wrap-form-control .input-txt {
         width: 100%;
    }
     .user-registration .select-mode .wrap-form-control .wrap-authorize-code .input-txt {
         width: 85%;
    }
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /*.mobile-page-title{
         color:rebeccapurple;
    }
    */
     .navbar-brand {
         font-size: 30px;
    }
     #tab-header-items {
         display: none;
    }
     .wrapper-carousel-panel {
         margin-top: 10px;
         margin-bottom: 180px;
         margin-left: 0px;
         width: 95%;
    }
     .wid-default .wid-main-content {
         padding: 0px;
         height: 420px;
    }
     .wid-login-page {
         height: 107px;
    }
     .wrapper-registration {
        /*width: 452px;
        */
    }
     #Sticky-footer {
         bottom: 0;
         position: relative;
         width: 100%;
    }
     .toggle-area .wid-user-profile .dropdown-menu-right {
         right: -13px;
    }
     .wrap-new-transfer-content li.when label {
         width: 47px;
    }
     .ipad .landing-accounts .sidebar-right {
         position: static;
    }
     #help-guide .popup-content {
         margin-left: 0;
    }
     #help-guide .wrap-popup-content {
         width: auto;
    }
     .toggle-input .input-txt {
         width: 162px;
    }
     .mytools-page .wid-calculator .wrap-select {
         width: 200px;
    }
     .log-out-state .products.first-product {
        /*border: 1px solid red;
        */
    }
}
 @media only screen and (max-device-width : 1199px) and (min-device-width : 992px) {
     .isMobile {
         display: block !important;
    }
     .isMobile-text-center {
         text-align: center !important;
    }
     .isNotMobile {
         display: none !important;
    }
     .isTab {
         display: block !important;
    }
     .isNotTab {
         display: none !important;
    }
     .form-control {
         font-size: 20px !important;
    }
     .btn-mobile-font {
         font-size: 18px !important;
    }
     .btn-mobile-font {
         font-size: 18px !important;
    }
     .isMobile-body-background-size {
         background-size: 100% 250px !important;
    }
}
 @media (min-device-width : 992px) {
     .margin-top70 {
         margin-top: -80px;
    }
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 990px) {
     .isMobile {
         display: block !important;
    }
     .isMobile-text-center {
         text-align: center !important;
    }
     .isNotMobile {
         display: none !important;
    }
     .isTab {
         display: block !important;
    }
     .isTab-no-margin {
         margin-top: 0px !important;
    }
     .isNotTab {
         display: none !important;
    }
     .margin-top70 {
         margin-top: -80px;
    }
     .btn-mobile-font {
         font-size: 18px !important;
    }
     .form-control {
         font-size: 20px !important;
    }
    .isMobile-body-background-size {
         background-size: 100% 200px !important;
    }

 }
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /*.mobile-page-title{
         color:darkturquoise;
    }
    */
     #tab-header-items {
         display: none;
    }
     .wrap-new-transfer-content li.when label.col-label {
         width: 24%;
         margin-right: 10px;
    }
     .wrap-new-transfer-content li.when label.now-wrap {
         margin-right: 10px;
    }
     .tap-holder .wid-user-profile .dropdown-menu-right {
         right: 24px;
    }
     .mytools-page .wrap-brokerage-registration .col-center-block .col-investment {
         clear: both;
    }
     .profile-name, .secure-right-btn {
         margin-top: 20px;
    }
     .mytools-page .wid-calculator .wrap-select {
         width: 200px;
    }
     .wrap-from .input-append.date {
         width: 41%;
    }
     .wrap-to .wrap-new-transfer-content select {
         background-position: 85%;
    }
     .col-forgot-block:first-child {
         margin-top: 20px;
    }
     .wrap-from .wrap-name-inputs {
         width: 46%;
    }
     .toggle-input .input-txt {
         width: 160px;
    }
     .toggle-input .input-txt {
         width: 130px;
    }
     .wrap-to .wrap-name-inputs {
         width: 63%;
    }
     .wrapper-prepaid-orders .form-fields.radio-group-select label {
         width: 14%;
    }
     .prepaid-service-two .wrap-prepaid-first label.custom-input {
         width: 14%;
    }
     .col-forgot-block {
         min-height: 125px;
    }
     .wrap-recent-payement-block .date-from .input-append.date {
         width: 120px;
    }
     .wrap-recent-payement-block .date-to {
         width: 160px;
    }
     .wrap-transfer-history-content-table .btn {
         margin-left: 0;
    }
     .recurring .wrap-new-transfer-content label {
         width: 105px;
    }
     .wrapper-new-transfer.wrapper-bill-payments .wrap-to {
         margin-left: 0;
         width: 47%;
    }
     .wrapper-new-transfer.wrapper-bill-payments .wrap-to, .wrapper-bill-payments .from {
         width: 100%;
    }
     li.remider p {
         padding-left: 82px;
    }
     .wrapper-bill-payments .from {
         width: 101%;
    }
     .wid-transaction-two .wrap-view-for label.custom-input {
         margin-right: 21px;
    }
     .wid-transaction-two .wrap-transaction-form ul .wrap-name-inputs {
         margin-bottom: 15px;
    }
     .table-transaction-two .table-curved {
         overflow: visible;
    }
     .mytools-page .wid-loan-calculator .wid-calculator li .pull-right {
         margin: 0 60px 10px 90px;
    }
     .myaccount-current-page .wrap-account-details ul {
         width: 100%;
    }
     .wrapper-carousel-panel {
         margin-top: 10px;
         margin-bottom: 130px;
         margin-left: 0px;
         width: 99%;
    }
     .wid-default .wid-main-content {
         padding: 0px;
         height: 376px;
    }
     #Sticky-footer {
         bottom: 0;
         position: relative;
         width: 100%;
    }
}
 @media screen and (device-pixel-ratio: 1) and (device-width: 1024px) and (max-device-height: 600px) and (orientation: portrait) {
    /*.mobile-page-title{
         color:firebrick;
    }
    */
     .transfer .wrap-to .wrap-select, .transfer .wrap-to .input-txt {
         width: 100%;
    }
}
/*@media screen and (device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: landscape) {
     .sidebar-right{
    }
}
*/
 @media only screen and (min-device-width : 320px) and (max-device-width : 1024px) and (orientation : portrait), (min-device-width : 320px) and (max-device-width : 568px), (min-width : 604px) and (max-width : 966px) and (orientation : landscape) {
    /*.mobile-page-title{
         color:fuchsia;
    }
    */
     #tab-header-items {
         display: none;
    }
     .landing-accounts .sidebar-right {
         position: absolute;
         left: -310px;
         top: -20px;
         background: #FFF;
         width: 310px;
         z-index: 999;
    }
     .body {
         position: relative;
    }
     .tap-holder {
         position: relative;
         padding-right: 25px;
         padding-bottom: 10px;
         padding-top: 20px;
         padding-left: 20px;
    }
     .tap-handle, .tap-handle-on {
         position: absolute;
         right: -20px;
         top: 0;
         background: #148dcb;
         width: 10px;
         height: 100%;
         display: block;
    }
     .tap-btn, .tap-btn-on {
         position: fixed;
         left: -10px;
         top: 275px;
         -ms-transform: rotate(90deg);
        /* IE 9 */
         -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
         transform: rotate(90deg);
         background: #148dcb;
         padding: 5px 20px;
         -webkit-border-top-left-radius: 5px;
         -webkit-border-top-right-radius: 5px;
         -moz-border-radius-topleft: 5px;
         -moz-border-radius-topright: 5px;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
         color: #FFF !important;
         text-decoration: none !important;
         display: block;
         width: 65px;
    }
     .tap-btn-on {
        /*right: -14px;
        */
         right: auto;
         -ms-transform: rotate(270deg);
        /* IE 9 */
         -webkit-transform: rotate(270deg);
        /* Chrome, Safari, Opera */
         transform: rotate(270deg);
         color: #FFF !important;
         text-decoration: none !important;
         left: 270px;
    }
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /*.mobile-page-title{
         color:hotpink;
    }
    */
     #tab-header-items {
         display: block;
    }
     .sidebar-right {
         left: 0;
         position: static;
    }
     .ipad.mobile .tap-holder {
         height: auto !important;
    }
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /*.mobile-page-title{
         color:indigo;
    }
    */
     #tab-header-items {
         display: none;
    }
     .wrap-top-nav ul {
         width: 100%;
    }
     .wrap-top-nav ul li {
        /*width: 30%;
        */
         clear: none;
        /*margin-right: 20px;
        */
    }
     .wrapper-bill-payments .custom-or {
         margin-right: 5px;
    }
     #take-cash .wrap-select {
         width: 200px;
    }
     #take-cash select {
         width: 200px;
    }
     .wrap-account-details .row .col-md-8:nth-child(1) ul li.last {
         border-bottom: 1px dotted #b7b9ba;
    }
}
 @media only screen and (max-width: 800px) and (orientation : portrait) {
    /*.mobile-page-title{
         color:Highlight;
    }
    */
     #tab-header-items {
         display: none;
    }
     .navbar .wrap-top-nav ul li a, .nav-top .navbar-nav > li a {
    }
     .wrap-top-nav {
         margin-left: 0;
         width: 100%;
    }
}
 @media only screen and (max-width: 768px) and (orientation : portrait) {
    /*.mobile-page-title{
         color:thistle;
    }
    */
     #tab-header-items {
         display: none;
    }
     .ipad .navbar .wrap-top-nav ul li a, .ipad .nav-top .navbar-nav > li a {
         background-position: 98% 10px !important;
         padding: 12px 0;
    }
     .ipad .wrap-top-nav ul li {
         margin-right: 20px;
    }
     .ipad .wrap-top-nav {
         margin-left: -14px;
         width: 105.3%;
    }
}
 @media only screen and (min-width : 600px) and (max-width : 960px) and (orientation : landscape) {
    /*.mobile-page-title{
         color:teal;
    }
    */
     #tab-header-items {
         display: none;
    }
     .landing-accounts .sidebar-right {
         left: -310px;
    }
     .wrap-change-pasword small.error {
         margin-left: 0 !important;
    }
     .log-out-state .wrap-products {
         margin-bottom: 20px;
    }
     #help-guide .popup-content .pos2, #help-guide .popup-content .pos3 {
         left: 20px;
         right: auto;
         background: url(../images/lead-arrow4.png) no-repeat 0 0;
         padding-left: 40px;
    }
     .wrap-account-details .row .col-md-8:nth-child(1) ul li.last {
         border-bottom: 1px dotted #b7b9ba;
    }
}
 @media only screen and (min-width : 600px) and (max-width : 960px) and (orientation : portrait) {
    /*.mobile-page-title{
         color:rebeccapurple;
    }
    */
     #tab-header-items {
         display: none;
    }
     .log-out-state .products.first-product {
         padding-right: 0px !important;
    }
     .table-responsive {
         border: none;
    }
     .transfer .wrap-recent-payement-block .input-append.date .txt {
         width: 84px;
    }
     .my-account-popup .wrap-select {
        /*width: 38%;
        */
    }
     .my-account-popup select {
         background-position: 95% 10px;
    }
     .wrap-account-details .row .col-md-8:nth-child(1) ul li.last {
         border-bottom: 1px dotted #b7b9ba;
    }
}
 @media only screen and (min-width: 980px) and (max-width:1280px) and (orientation: portrait) {
    /*.mobile-page-title{
         color:lightslategray;
    }
    */
     .wrapper-login-box {
         width: 320px;
    }
     .wid-login-page {
         height: 121px;
    }
     #Sticky-footer {
         bottom: 0;
         position: relative;
         width: 100%;
    }
}
 @media only screen and (min-width: 360px) and (max-width:640px) {
    /*.mobile-page-title{
         color:springgreen;
    }
    */
     .wrapper-carousel-panel {
         width: 96%;
         margin-top: 10px;
         margin-bottom: 100px;
         margin-left: 0px;
    }
     .wrapper-login-box, .wrapper-registration {
        /*width: 96%;
        */
    }
     .wid-default .wid-main-content {
         padding: 0px;
         height: 350px;
    }
     .transfer .input-append.date .txt {
         width: 85px;
    }
     #take-cash .wrap-select {
         width: 100%;
    }
     .mytools-page .wrap-cheque-status .wid-calculator ul {
         width: 90%;
    }
     .profile-name, .secure-right-btn {
         margin: 10px 0 0px 0;
    }
     .secure-right-btn {
         margin: 0 0 10px 0;
         float: left;
    }
}
 @media only screen and (min-width: 360px) and (max-width:640px) and (orientation: landscape) {
    /*.mobile-page-title{
         color:mediumvioletred;
    }
    */
     .reset-password .form-control-forgot label {
         width: 140px;
    }
     .profile-name, .secure-right-btn {
         margin: 20px 0 10px 0;
    }
     .secure-right-btn {
         margin: 20px 0 0px 0;
         float: right;
    }
     .mytools-page .wid-loan-calculator .wid-calculator li .pull-right {
         margin: 0 60px 10px 25px;
    }
     .slider-change {
         width: 40%;
    }
     .mytools-page .wrap-cheque-status .wid-calculator ul {
         width: 94%;
    }
     .mytools-page .wid-calculator .wrap-select {
         width: 200px;
    }
    /*.wrap-profile-rt {
         margin-left: 0px;
         margin-top: 0px;
    }
    */
    /*.profile-icon .mail-count {
         left: 78px;
    }
    */
    /*.page-tab-content .wid-user-profile .user-name {
         width: 209px;
    }
    */
}
 @media only screen and (min-width: 360px) and (max-width:640px) and (orientation: portrait) {
    /*.mobile-page-title{
         color:mediumaquamarine;
    }
    */
     .img-loginbanner {
         width: 240px;
         height: 320px;
        /*background-color: #000;
        */
         padding: 2px;
         background-image: url("../images/banner-img-mobile-360-p.jpg");
    }
    /*.page-tab-content .wid-user-profile .user-name {
         width: 209px;
    }
    */
    /*.profile-icon .mail-count {
         left: 78px;
    }
    */
     #help-guide .btn-holder a:last-child {
         margin-top: 0;
    }
     .goal-savings .slider-wrap {
         margin-bottom: 0;
    }
     a.svn_su {
         margin-bottom: 5px;
         display: inline-block;
    }
     .mytools-page .wid-calculator ul li label {
         padding-bottom: 7px;
    }
    /*.wrap-profile-rt {
         margin-left: 0px;
         margin-top: 0px;
    }
    */
}
 @media(min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
    /*.mobile-page-title{
         color:salmon;
    }
    */
     .mytools-page .wid-loan-calculator .wid-calculator li .pull-right {
         margin: 0 50px 10px 5px;
    }
     .profile-name, .secure-right-btn {
         margin: 20px 0 10px 0;
    }
     .wrap-from .input-txt {
         width: 210px;
    }
     .new-transfer .when .input-append.date {
         width: 113px;
    }
}
 @media(min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
    /*.mobile-page-title{
         color:indianred;
    }
    */
     ul#tab li.resp-tab-content-active {
         width: 96%;
    }
     #addNewbenif .tab-navigation .btn-cancel {
         margin-right: 0px;
         margin-top: 7px;
    }
     .wrap-request-code-content input {
         width: 72%;
    }
     a.que_img {
         margin: 0 0 0 19px;
    }
}
 @media only screen and (max-width: 360px) {
    /*.mobile-page-title{
         color:royalblue;
    }
    */
     .tap-holder .wid-user-profile .dropdown-menu-right {
         right: 24px;
    }
     ul#tab, ul#tab li.resp-tab-content-active, .wrapper-select-mode, .wrapper-select-mode .wrap-mode.first-wrap-mode, .wrapper-select-mode .wrap-mode, .wrap-form-control .form-control-forgot, .user-registration .wrapper-select-mode .wrap-mode .wrap-form-control, .wrap-form-control .form-control-forgot, .user-registration .wrapper-select-mode .wrap-mode .wrap-form-control {
         width: 96%;
    }
     ul#tab li.resp-tab-content-active {
         width: 100%;
    }
     #addNewbenif .tab-navigation .btn-cancel {
         margin-right: 10px;
         margin-top: 0px;
    }
     .accDetails li {
         padding-left: 6px;
    }
     .accType li {
         font-size: 12px;
         padding-left: 5px;
         margin-left: 5px;
    }
}
 @media only screen and (max-width: 340px) {
    /*.mobile-page-title{
         color:skyblue;
    }
    */
    /*#addNewbenif .tab-navigation .btn-cancel {
         margin-right: 0px;
         margin-top: 7px;
    }
    */
     #addNewbenif .tab-navigation .btn-cancel {
         margin-right: 16px;
         margin-top: 0;
    }
     .accDetails li {
         padding-left: 10px;
         width: 45%;
    }
     .itemList-block a.more {
         font-size: 12px;
    }
}
 @media only screen and (max-width: 420px) {
    /*.mobile-page-title{
         color:tan;
    }
    */
     .accDetails li {
        /*width: 45%;
        */
    }
     .ub-trans {
         text-align: left;
    }
}
/*@media only screen and (min-width: 420px) {
     .mobile-page-title{
         color:violet;
    }
     .itemList-block, .itemList{
         text-align: center;
    }
}
*/
 .iphone .table-responsive .table-curved {
     min-width: 900px !important;
}
 @media only screen and (min-device-width : 603px) and (max-device-width : 966px) and (orientation: portrait) {
    /*.mobile-page-title{
         color:dimgray;
    }
    */
     .landing-accounts .wrap-to label.custom-input {
         margin-right: 0;
    }
     #searchTransactionNoURL {
         width: 220px;
    }
}
 @media only screen and (min-device-width : 603px) and (max-device-width : 966px) and (orientation: landscape) {
     .landing-accounts .wrap-to label.custom-input {
         margin-right: 0;
    }
    /*.mobile-page-title{
         color:navy;
    }
    */
     #searchTransactionNoURL {
         width: 220px;
    }
}
 @media only screen and (min-device-width : 603px) and (max-device-width : 966px) and (orientation: landscape) {
     .wrap-new-transfer-content li.purpose-other {
         padding-right: 13px;
    }
    /*.mobile-page-title{
         color:darkred;
    }
    */
}
 @media only screen and (min-device-width : 603px) and (max-device-width : 966px) and (orientation: portrait) {
     .transfer .wrap-to .purpose-other .input-txt {
         width: 73.5%;
    }
    /*.mobile-page-title{
         color:rebeccapurple;
    }
    */
}
 @media only screen and (min-device-width : 600px) and (max-device-width : 960px) and (orientation: portrait) {
     .transfer .wrap-to .purpose-other .input-txt {
         width: 73.5%;
    }
     .landing-accounts .wrap-to label.custom-input {
         margin-right: 0;
    }
    /*.mobile-page-title{
         color:khaki;
    }
    */
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1) {
     .landing-accounts .wrap-to .wrap-new-transfer-content .wrap-select.custom-select #select-currency {
         width: 180px;
    }
     .landing-accounts .wrap-new-transfer-content li.purpose-other {
         padding-right: 10px;
         margin-left: -18px;
    }
    /*.mobile-page-title{
         color:wheat;
    }
    */
}
 @media only screen and (min-device-width : 603px) and (max-device-width : 966px) and (orientation : portrait) {
     .landing-accounts .wrap-new-transfer-content li.purpose-other {
         margin-left: -25px;
    }
    /*.mobile-page-title{
         color:lavender;
    }
    */
     .isTab {
         display: block !important;
    }
     .isNotTab {
         display: none !important;
    }
     .isMobile-text-center {
         text-align: center !important;
    }
     .form-control {
         font-size: 20px !important;
    }
     .btn-mobile-font {
         font-size: 18px !important;
    }
     .isMobile-body-background-size {
         background-size: 100% 200px !important;
    }
}
/*Iphone 6*/
 @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
     .wrapper-authorize .btn-submit {
         margin-top: 10px;
         margin-left: 0;
    }
     .wrap-profile-contact ul li label {
         width: 100%;
    }
     .wrapper-login-box p .btn-login {
         margin-left: 106px;
    }
    /*.mobile-page-title{
         color:lightcoral;
    }
    */
}
 @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3) {
     .wrapper-authorize .btn-submit {
         margin-top: 10px;
         margin-left: 0;
    }
     .wrap-profile-contact ul li label {
         width: 100%;
    }
     .wrapper-login-box p .btn-login {
         margin-left: 106px;
    }
    /*.mobile-page-title{
         color:mediumturquoise;
    }
    */
}
 @media only screen and (min-width : 1025px) and (max-width : 1199px) {
     .wrapper-login-box {
         width: 380px;
    }
     .wid-login-page {
        /*width: 216px;
         margin-right: 10px;
        */
    }
     .custom-wid {
         margin-right: 0;
    }
    /*.mobile-page-title{
         color:mediumblue;
    }
    */
}
 @media only screen and (min-width : 640px) and (max-width : 767px) {
     .form-control-forgot .wrap-mobileNumber .txt-mobile {
         width: 158px;
    }
     .select-mode .wrap-form-control .input-txt, .reset-password .wrap-form-control .input-txt, .form-control-forgot .wrap-select {
         width: 215px;
    }
    /*.mobile-page-title{
         color:mediumseagreen;
    }
    */
}
/* @media only screen and (min-width : 600px){
     #Sticky-footer{
         bottom: 0;
         position: relative;
         width:100% 
    }
}
 @media only screen and (max-width : 767px){
     .form-control-forgot .wrap-mobileNumber{
         display: block;
         width: 248px;
    }
     .form-control-forgot .wrap-mobileNumber .wrap-select{
         width: 30%;
         margin-right: 1%;
    }
     .form-control-forgot .wrap-mobileNumber .txt-mobile.input-txt{
         width: 69%;
    }
}
 @media only screen and (max-width : 360px){
     .form-control-forgot .wrap-mobileNumber{
         width: 100%;
    }
}
 */