@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;600&display=swap);

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

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

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

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

[hidden], template {
  display: none
}

a {
  background-color: transparent
}

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

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

dfn {
  font-style: italic
}

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

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

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

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

figure {
  margin: 1em 40px
}

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

pre {
  overflow: auto
}

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

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

button {
  overflow: visible
}

button, select {
  text-transform: none
}

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

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

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

input {
  line-height: normal
}

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

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

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

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

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

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

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

td, th {
  padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *, :after, :before {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important
  }

  a, a:visited {
    text-decoration: underline
  }

  a[href]:after {
    content: " ("attr(href) ")"
  }

  abbr[title]:after {
    content: " ("attr(title) ")"
  }

  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""
  }

  blockquote, pre {
    border: 1px solid #999;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  img, tr {
    page-break-inside: avoid
  }

  img {
    max-width: 100% !important
  }

  h2, h3, p {
    orphans: 3;
    widows: 3
  }

  h2, h3 {
    page-break-after: avoid
  }

  .navbar {
    display: none
  }

  .btn>.caret, .dropup>.btn>.caret {
    border-top-color: #000 !important
  }

  .label {
    border: 1px solid #000
  }

  .table {
    border-collapse: collapse !important
  }

  .table td, .table th {
    background-color: #fff !important
  }

  .table-bordered td, .table-bordered th {
    border: 1px solid #ddd !important
  }
}

@font-face {
  font-family: Glyphicons Halflings;
  src: url(../../../index.html);
  src: url(../../../index.html?#iefix) format("embedded-opentype"), url(../../../index.html) format("woff2"), url(../../../index.html) format("woff"), url(../../../index.html) format("truetype"), url(../../../index.html#glyphicons_halflingsregular) format("svg")
}

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

.glyphicon-asterisk:before {
  content: "*"
}

.glyphicon-plus:before {
  content: "+"
}

.glyphicon-eur:before, .glyphicon-euro:before {
  content: "€"
}

.glyphicon-minus:before {
  content: "−"
}

.glyphicon-cloud:before {
  content: "☁"
}

.glyphicon-envelope:before {
  content: "✉"
}

.glyphicon-pencil:before {
  content: "✏"
}

.glyphicon-glass:before {
  content: ""
}

.glyphicon-music:before {
  content: ""
}

.glyphicon-search:before {
  content: ""
}

.glyphicon-heart:before {
  content: ""
}

.glyphicon-star:before {
  content: ""
}

.glyphicon-star-empty:before {
  content: ""
}

.glyphicon-user:before {
  content: ""
}

.glyphicon-film:before {
  content: ""
}

.glyphicon-th-large:before {
  content: ""
}

.glyphicon-th:before {
  content: ""
}

.glyphicon-th-list:before {
  content: ""
}

.glyphicon-ok:before {
  content: ""
}

.glyphicon-remove:before {
  content: ""
}

.glyphicon-zoom-in:before {
  content: ""
}

.glyphicon-zoom-out:before {
  content: ""
}

.glyphicon-off:before {
  content: ""
}

.glyphicon-signal:before {
  content: ""
}

.glyphicon-cog:before {
  content: ""
}

.glyphicon-trash:before {
  content: ""
}

.glyphicon-home:before {
  content: ""
}

.glyphicon-file:before {
  content: ""
}

.glyphicon-time:before {
  content: ""
}

.glyphicon-road:before {
  content: ""
}

.glyphicon-download-alt:before {
  content: ""
}

.glyphicon-download:before {
  content: ""
}

.glyphicon-upload:before {
  content: ""
}

.glyphicon-inbox:before {
  content: ""
}

.glyphicon-play-circle:before {
  content: ""
}

.glyphicon-repeat:before {
  content: ""
}

.glyphicon-refresh:before {
  content: ""
}

.glyphicon-list-alt:before {
  content: ""
}

.glyphicon-lock:before {
  content: ""
}

.glyphicon-flag:before {
  content: ""
}

.glyphicon-headphones:before {
  content: ""
}

.glyphicon-volume-off:before {
  content: ""
}

.glyphicon-volume-down:before {
  content: ""
}

.glyphicon-volume-up:before {
  content: ""
}

.glyphicon-qrcode:before {
  content: ""
}

.glyphicon-barcode:before {
  content: ""
}

.glyphicon-tag:before {
  content: ""
}

.glyphicon-tags:before {
  content: ""
}

.glyphicon-book:before {
  content: ""
}

.glyphicon-bookmark:before {
  content: ""
}

.glyphicon-print:before {
  content: ""
}

.glyphicon-camera:before {
  content: ""
}

.glyphicon-font:before {
  content: ""
}

.glyphicon-bold:before {
  content: ""
}

.glyphicon-italic:before {
  content: ""
}

.glyphicon-text-height:before {
  content: ""
}

.glyphicon-text-width:before {
  content: ""
}

.glyphicon-align-left:before {
  content: ""
}

.glyphicon-align-center:before {
  content: ""
}

.glyphicon-align-right:before {
  content: ""
}

.glyphicon-align-justify:before {
  content: ""
}

.glyphicon-list:before {
  content: ""
}

.glyphicon-indent-left:before {
  content: ""
}

.glyphicon-indent-right:before {
  content: ""
}

.glyphicon-facetime-video:before {
  content: ""
}

.glyphicon-picture:before {
  content: ""
}

.glyphicon-map-marker:before {
  content: ""
}

.glyphicon-adjust:before {
  content: ""
}

.glyphicon-tint:before {
  content: ""
}

.glyphicon-edit:before {
  content: ""
}

.glyphicon-share:before {
  content: ""
}

.glyphicon-check:before {
  content: ""
}

.glyphicon-move:before {
  content: ""
}

.glyphicon-step-backward:before {
  content: ""
}

.glyphicon-fast-backward:before {
  content: ""
}

.glyphicon-backward:before {
  content: ""
}

.glyphicon-play:before {
  content: ""
}

.glyphicon-pause:before {
  content: ""
}

.glyphicon-stop:before {
  content: ""
}

.glyphicon-forward:before {
  content: ""
}

.glyphicon-fast-forward:before {
  content: ""
}

.glyphicon-step-forward:before {
  content: ""
}

.glyphicon-eject:before {
  content: ""
}

.glyphicon-chevron-left:before {
  content: ""
}

.glyphicon-chevron-right:before {
  content: ""
}

.glyphicon-plus-sign:before {
  content: ""
}

.glyphicon-minus-sign:before {
  content: ""
}

.glyphicon-remove-sign:before {
  content: ""
}

.glyphicon-ok-sign:before {
  content: ""
}

.glyphicon-question-sign:before {
  content: ""
}

.glyphicon-info-sign:before {
  content: ""
}

.glyphicon-screenshot:before {
  content: ""
}

.glyphicon-remove-circle:before {
  content: ""
}

.glyphicon-ok-circle:before {
  content: ""
}

.glyphicon-ban-circle:before {
  content: ""
}

.glyphicon-arrow-left:before {
  content: ""
}

.glyphicon-arrow-right:before {
  content: ""
}

.glyphicon-arrow-up:before {
  content: ""
}

.glyphicon-arrow-down:before {
  content: ""
}

.glyphicon-share-alt:before {
  content: ""
}

.glyphicon-resize-full:before {
  content: ""
}

.glyphicon-resize-small:before {
  content: ""
}

.glyphicon-exclamation-sign:before {
  content: ""
}

.glyphicon-gift:before {
  content: ""
}

.glyphicon-leaf:before {
  content: ""
}

.glyphicon-fire:before {
  content: ""
}

.glyphicon-eye-open:before {
  content: ""
}

.glyphicon-eye-close:before {
  content: ""
}

.glyphicon-warning-sign:before {
  content: ""
}

.glyphicon-plane:before {
  content: ""
}

.glyphicon-calendar:before {
  content: ""
}

.glyphicon-random:before {
  content: ""
}

.glyphicon-comment:before {
  content: ""
}

.glyphicon-magnet:before {
  content: ""
}

.glyphicon-chevron-up:before {
  content: ""
}

.glyphicon-chevron-down:before {
  content: ""
}

.glyphicon-retweet:before {
  content: ""
}

.glyphicon-shopping-cart:before {
  content: ""
}

.glyphicon-folder-close:before {
  content: ""
}

.glyphicon-folder-open:before {
  content: ""
}

.glyphicon-resize-vertical:before {
  content: ""
}

.glyphicon-resize-horizontal:before {
  content: ""
}

.glyphicon-hdd:before {
  content: ""
}

.glyphicon-bullhorn:before {
  content: ""
}

.glyphicon-bell:before {
  content: ""
}

.glyphicon-certificate:before {
  content: ""
}

.glyphicon-thumbs-up:before {
  content: ""
}

.glyphicon-thumbs-down:before {
  content: ""
}

.glyphicon-hand-right:before {
  content: ""
}

.glyphicon-hand-left:before {
  content: ""
}

.glyphicon-hand-up:before {
  content: ""
}

.glyphicon-hand-down:before {
  content: ""
}

.glyphicon-circle-arrow-right:before {
  content: ""
}

.glyphicon-circle-arrow-left:before {
  content: ""
}

.glyphicon-circle-arrow-up:before {
  content: ""
}

.glyphicon-circle-arrow-down:before {
  content: ""
}

.glyphicon-globe:before {
  content: ""
}

.glyphicon-wrench:before {
  content: ""
}

.glyphicon-tasks:before {
  content: ""
}

.glyphicon-filter:before {
  content: ""
}

.glyphicon-briefcase:before {
  content: ""
}

.glyphicon-fullscreen:before {
  content: ""
}

.glyphicon-dashboard:before {
  content: ""
}

.glyphicon-paperclip:before {
  content: ""
}

.glyphicon-heart-empty:before {
  content: ""
}

.glyphicon-link:before {
  content: ""
}

.glyphicon-phone:before {
  content: ""
}

.glyphicon-pushpin:before {
  content: ""
}

.glyphicon-usd:before {
  content: ""
}

.glyphicon-gbp:before {
  content: ""
}

.glyphicon-sort:before {
  content: ""
}

.glyphicon-sort-by-alphabet:before {
  content: ""
}

.glyphicon-sort-by-alphabet-alt:before {
  content: ""
}

.glyphicon-sort-by-order:before {
  content: ""
}

.glyphicon-sort-by-order-alt:before {
  content: ""
}

.glyphicon-sort-by-attributes:before {
  content: ""
}

.glyphicon-sort-by-attributes-alt:before {
  content: ""
}

.glyphicon-unchecked:before {
  content: ""
}

.glyphicon-expand:before {
  content: ""
}

.glyphicon-collapse-down:before {
  content: ""
}

.glyphicon-collapse-up:before {
  content: ""
}

.glyphicon-log-in:before {
  content: ""
}

.glyphicon-flash:before {
  content: ""
}

.glyphicon-log-out:before {
  content: ""
}

.glyphicon-new-window:before {
  content: ""
}

.glyphicon-record:before {
  content: ""
}

.glyphicon-save:before {
  content: ""
}

.glyphicon-open:before {
  content: ""
}

.glyphicon-saved:before {
  content: ""
}

.glyphicon-import:before {
  content: ""
}

.glyphicon-export:before {
  content: ""
}

.glyphicon-send:before {
  content: ""
}

.glyphicon-floppy-disk:before {
  content: ""
}

.glyphicon-floppy-saved:before {
  content: ""
}

.glyphicon-floppy-remove:before {
  content: ""
}

.glyphicon-floppy-save:before {
  content: ""
}

.glyphicon-floppy-open:before {
  content: ""
}

.glyphicon-credit-card:before {
  content: ""
}

.glyphicon-transfer:before {
  content: ""
}

.glyphicon-cutlery:before {
  content: ""
}

.glyphicon-header:before {
  content: ""
}

.glyphicon-compressed:before {
  content: ""
}

.glyphicon-earphone:before {
  content: ""
}

.glyphicon-phone-alt:before {
  content: ""
}

.glyphicon-tower:before {
  content: ""
}

.glyphicon-stats:before {
  content: ""
}

.glyphicon-sd-video:before {
  content: ""
}

.glyphicon-hd-video:before {
  content: ""
}

.glyphicon-subtitles:before {
  content: ""
}

.glyphicon-sound-stereo:before {
  content: ""
}

.glyphicon-sound-dolby:before {
  content: ""
}

.glyphicon-sound-5-1:before {
  content: ""
}

.glyphicon-sound-6-1:before {
  content: ""
}

.glyphicon-sound-7-1:before {
  content: ""
}

.glyphicon-copyright-mark:before {
  content: ""
}

.glyphicon-registration-mark:before {
  content: ""
}

.glyphicon-cloud-download:before {
  content: ""
}

.glyphicon-cloud-upload:before {
  content: ""
}

.glyphicon-tree-conifer:before {
  content: ""
}

.glyphicon-tree-deciduous:before {
  content: ""
}

.glyphicon-cd:before {
  content: ""
}

.glyphicon-save-file:before {
  content: ""
}

.glyphicon-open-file:before {
  content: ""
}

.glyphicon-level-up:before {
  content: ""
}

.glyphicon-copy:before {
  content: ""
}

.glyphicon-paste:before {
  content: ""
}

.glyphicon-alert:before {
  content: ""
}

.glyphicon-equalizer:before {
  content: ""
}

.glyphicon-king:before {
  content: ""
}

.glyphicon-queen:before {
  content: ""
}

.glyphicon-pawn:before {
  content: ""
}

.glyphicon-bishop:before {
  content: ""
}

.glyphicon-knight:before {
  content: ""
}

.glyphicon-baby-formula:before {
  content: ""
}

.glyphicon-tent:before {
  content: "⛺"
}

.glyphicon-blackboard:before {
  content: ""
}

.glyphicon-bed:before {
  content: ""
}

.glyphicon-apple:before {
  content: ""
}

.glyphicon-erase:before {
  content: ""
}

.glyphicon-hourglass:before {
  content: "⌛"
}

.glyphicon-lamp:before {
  content: ""
}

.glyphicon-duplicate:before {
  content: ""
}

.glyphicon-piggy-bank:before {
  content: ""
}

.glyphicon-scissors:before {
  content: ""
}

.glyphicon-bitcoin:before, .glyphicon-btc:before, .glyphicon-xbt:before {
  content: ""
}

.glyphicon-jpy:before, .glyphicon-yen:before {
  content: "¥"
}

.glyphicon-rub:before, .glyphicon-ruble:before {
  content: "₽"
}

.glyphicon-scale:before {
  content: ""
}

.glyphicon-ice-lolly:before {
  content: ""
}

.glyphicon-ice-lolly-tasted:before {
  content: ""
}

.glyphicon-education:before {
  content: ""
}

.glyphicon-option-horizontal:before {
  content: ""
}

.glyphicon-option-vertical:before {
  content: ""
}

.glyphicon-menu-hamburger:before {
  content: ""
}

.glyphicon-modal-window:before {
  content: ""
}

.glyphicon-oil:before {
  content: ""
}

.glyphicon-grain:before {
  content: ""
}

.glyphicon-sunglasses:before {
  content: ""
}

.glyphicon-text-size:before {
  content: ""
}

.glyphicon-text-color:before {
  content: ""
}

.glyphicon-text-background:before {
  content: ""
}

.glyphicon-object-align-top:before {
  content: ""
}

.glyphicon-object-align-bottom:before {
  content: ""
}

.glyphicon-object-align-horizontal:before {
  content: ""
}

.glyphicon-object-align-left:before {
  content: ""
}

.glyphicon-object-align-vertical:before {
  content: ""
}

.glyphicon-object-align-right:before {
  content: ""
}

.glyphicon-triangle-right:before {
  content: ""
}

.glyphicon-triangle-left:before {
  content: ""
}

.glyphicon-triangle-bottom:before {
  content: ""
}

.glyphicon-triangle-top:before {
  content: ""
}

.glyphicon-console:before {
  content: ""
}

.glyphicon-superscript:before {
  content: ""
}

.glyphicon-subscript:before {
  content: ""
}

.glyphicon-menu-left:before {
  content: ""
}

.glyphicon-menu-right:before {
  content: ""
}

.glyphicon-menu-down:before {
  content: ""
}

.glyphicon-menu-up:before {
  content: ""
}

*, :after, :before {
  box-sizing: border-box
}

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

body {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #333
}

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

a {
  color: #fdc54c;
  text-decoration: none
}

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

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

figure {
  margin: 0
}

img {
  vertical-align: middle
}

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

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

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

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

hr {
  margin-top: 21px;
  margin-bottom: 21px;
  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: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #fdc54c
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 21px;
  margin-bottom: 10.5px
}

.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, .h5, .h6, h4, h5, h6 {
  margin-top: 10.5px;
  margin-bottom: 10.5px
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  font-size: 75%
}

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

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

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

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

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

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

p {
  margin: 0 0 10.5px
}

.lead {
  margin-bottom: 21px;
  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
}

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

.text-capitalize {
  text-transform: capitalize
}

.text-muted {
  color: #545291
}

.text-primary {
  color: #337ab7
}

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

.text-success {
  color: #3c763d
}

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

.text-info {
  color: #31708f
}

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

.text-warning {
  color: #8a6d3b
}

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

.text-danger {
  color: #a94442
}

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

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

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

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

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

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

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

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

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

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

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

.page-header {
  padding-bottom: 9.5px;
  margin: 42px 0 21px;
  border-bottom: 1px solid #eee
}

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

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

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

.list-inline {
  margin-left: -5px
}

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

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

dd, dt {
  line-height: 1.5
}

dt {
  font-weight: 700
}

dd {
  margin-left: 0
}

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

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

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

  .dl-horizontal dd {
    margin-left: 180px
  }
}

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

.initialism {
  font-size: 90%
}

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

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
  margin-bottom: 0
}

blockquote .small, blockquote footer, blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.5;
  color: #545291
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
  content: "— "
}

.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0
}

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

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
  content: " —"
}

address {
  margin-bottom: 21px;
  font-style: normal;
  line-height: 1.5
}

code, kbd, pre, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px
}

code, kbd {
  padding: 2px 4px;
  font-size: 90%
}

kbd {
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

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

pre {
  display: block;
  padding: 10px;
  margin: 0 0 10.5px;
  font-size: 13px;
  line-height: 1.5;
  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
}

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

.container:after {
  clear: both
}

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

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

@media (min-width:1200px) {
  .container {
    width: 1180px
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

.container-fluid:after, .container-fluid:before {
  display: table;
  content: " "
}

.container-fluid:after {
  clear: both
}

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

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

.row:after {
  clear: both
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0
}

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

.col-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, .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, .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, .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 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 15px
}

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

.col-xs-1 {
  width: 8.3333333333%
}

.col-xs-2 {
  width: 16.6666666667%
}

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

.col-xs-4 {
  width: 33.3333333333%
}

.col-xs-5 {
  width: 41.6666666667%
}

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

.col-xs-7 {
  width: 58.3333333333%
}

.col-xs-8 {
  width: 66.6666666667%
}

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

.col-xs-10 {
  width: 83.3333333333%
}

.col-xs-11 {
  width: 91.6666666667%
}

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

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

.col-xs-pull-1 {
  right: 8.3333333333%
}

.col-xs-pull-2 {
  right: 16.6666666667%
}

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

.col-xs-pull-4 {
  right: 33.3333333333%
}

.col-xs-pull-5 {
  right: 41.6666666667%
}

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

.col-xs-pull-7 {
  right: 58.3333333333%
}

.col-xs-pull-8 {
  right: 66.6666666667%
}

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

.col-xs-pull-10 {
  right: 83.3333333333%
}

.col-xs-pull-11 {
  right: 91.6666666667%
}

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

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

.col-xs-push-1 {
  left: 8.3333333333%
}

.col-xs-push-2 {
  left: 16.6666666667%
}

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

.col-xs-push-4 {
  left: 33.3333333333%
}

.col-xs-push-5 {
  left: 41.6666666667%
}

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

.col-xs-push-7 {
  left: 58.3333333333%
}

.col-xs-push-8 {
  left: 66.6666666667%
}

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

.col-xs-push-10 {
  left: 83.3333333333%
}

.col-xs-push-11 {
  left: 91.6666666667%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left
  }

  .col-sm-1 {
    width: 8.3333333333%
  }

  .col-sm-2 {
    width: 16.6666666667%
  }

  .col-sm-3 {
    width: 25%
  }

  .col-sm-4 {
    width: 33.3333333333%
  }

  .col-sm-5 {
    width: 41.6666666667%
  }

  .col-sm-6 {
    width: 50%
  }

  .col-sm-7 {
    width: 58.3333333333%
  }

  .col-sm-8 {
    width: 66.6666666667%
  }

  .col-sm-9 {
    width: 75%
  }

  .col-sm-10 {
    width: 83.3333333333%
  }

  .col-sm-11 {
    width: 91.6666666667%
  }

  .col-sm-12 {
    width: 100%
  }

  .col-sm-pull-0 {
    right: auto
  }

  .col-sm-pull-1 {
    right: 8.3333333333%
  }

  .col-sm-pull-2 {
    right: 16.6666666667%
  }

  .col-sm-pull-3 {
    right: 25%
  }

  .col-sm-pull-4 {
    right: 33.3333333333%
  }

  .col-sm-pull-5 {
    right: 41.6666666667%
  }

  .col-sm-pull-6 {
    right: 50%
  }

  .col-sm-pull-7 {
    right: 58.3333333333%
  }

  .col-sm-pull-8 {
    right: 66.6666666667%
  }

  .col-sm-pull-9 {
    right: 75%
  }

  .col-sm-pull-10 {
    right: 83.3333333333%
  }

  .col-sm-pull-11 {
    right: 91.6666666667%
  }

  .col-sm-pull-12 {
    right: 100%
  }

  .col-sm-push-0 {
    left: auto
  }

  .col-sm-push-1 {
    left: 8.3333333333%
  }

  .col-sm-push-2 {
    left: 16.6666666667%
  }

  .col-sm-push-3 {
    left: 25%
  }

  .col-sm-push-4 {
    left: 33.3333333333%
  }

  .col-sm-push-5 {
    left: 41.6666666667%
  }

  .col-sm-push-6 {
    left: 50%
  }

  .col-sm-push-7 {
    left: 58.3333333333%
  }

  .col-sm-push-8 {
    left: 66.6666666667%
  }

  .col-sm-push-9 {
    left: 75%
  }

  .col-sm-push-10 {
    left: 83.3333333333%
  }

  .col-sm-push-11 {
    left: 91.6666666667%
  }

  .col-sm-push-12 {
    left: 100%
  }

  .col-sm-offset-0 {
    margin-left: 0
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%
  }

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

  .col-sm-offset-4 {
    margin-left: 33.3333333333%
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%
  }

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

  .col-sm-offset-7 {
    margin-left: 58.3333333333%
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%
  }

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

  .col-sm-offset-10 {
    margin-left: 83.3333333333%
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%
  }

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

@media (min-width:992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left
  }

  .col-md-1 {
    width: 8.3333333333%
  }

  .col-md-2 {
    width: 16.6666666667%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-4 {
    width: 33.3333333333%
  }

  .col-md-5 {
    width: 41.6666666667%
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-7 {
    width: 58.3333333333%
  }

  .col-md-8 {
    width: 66.6666666667%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-10 {
    width: 83.3333333333%
  }

  .col-md-11 {
    width: 91.6666666667%
  }

  .col-md-12 {
    width: 100%
  }

  .col-md-pull-0 {
    right: auto
  }

  .col-md-pull-1 {
    right: 8.3333333333%
  }

  .col-md-pull-2 {
    right: 16.6666666667%
  }

  .col-md-pull-3 {
    right: 25%
  }

  .col-md-pull-4 {
    right: 33.3333333333%
  }

  .col-md-pull-5 {
    right: 41.6666666667%
  }

  .col-md-pull-6 {
    right: 50%
  }

  .col-md-pull-7 {
    right: 58.3333333333%
  }

  .col-md-pull-8 {
    right: 66.6666666667%
  }

  .col-md-pull-9 {
    right: 75%
  }

  .col-md-pull-10 {
    right: 83.3333333333%
  }

  .col-md-pull-11 {
    right: 91.6666666667%
  }

  .col-md-pull-12 {
    right: 100%
  }

  .col-md-push-0 {
    left: auto
  }

  .col-md-push-1 {
    left: 8.3333333333%
  }

  .col-md-push-2 {
    left: 16.6666666667%
  }

  .col-md-push-3 {
    left: 25%
  }

  .col-md-push-4 {
    left: 33.3333333333%
  }

  .col-md-push-5 {
    left: 41.6666666667%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-push-7 {
    left: 58.3333333333%
  }

  .col-md-push-8 {
    left: 66.6666666667%
  }

  .col-md-push-9 {
    left: 75%
  }

  .col-md-push-10 {
    left: 83.3333333333%
  }

  .col-md-push-11 {
    left: 91.6666666667%
  }

  .col-md-push-12 {
    left: 100%
  }

  .col-md-offset-0 {
    margin-left: 0
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%
  }

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

  .col-md-offset-4 {
    margin-left: 33.3333333333%
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%
  }

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

  .col-md-offset-7 {
    margin-left: 58.3333333333%
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%
  }

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

  .col-md-offset-10 {
    margin-left: 83.3333333333%
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%
  }

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

@media (min-width:1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left
  }

  .col-lg-1 {
    width: 8.3333333333%
  }

  .col-lg-2 {
    width: 16.6666666667%
  }

  .col-lg-3 {
    width: 25%
  }

  .col-lg-4 {
    width: 33.3333333333%
  }

  .col-lg-5 {
    width: 41.6666666667%
  }

  .col-lg-6 {
    width: 50%
  }

  .col-lg-7 {
    width: 58.3333333333%
  }

  .col-lg-8 {
    width: 66.6666666667%
  }

  .col-lg-9 {
    width: 75%
  }

  .col-lg-10 {
    width: 83.3333333333%
  }

  .col-lg-11 {
    width: 91.6666666667%
  }

  .col-lg-12 {
    width: 100%
  }

  .col-lg-pull-0 {
    right: auto
  }

  .col-lg-pull-1 {
    right: 8.3333333333%
  }

  .col-lg-pull-2 {
    right: 16.6666666667%
  }

  .col-lg-pull-3 {
    right: 25%
  }

  .col-lg-pull-4 {
    right: 33.3333333333%
  }

  .col-lg-pull-5 {
    right: 41.6666666667%
  }

  .col-lg-pull-6 {
    right: 50%
  }

  .col-lg-pull-7 {
    right: 58.3333333333%
  }

  .col-lg-pull-8 {
    right: 66.6666666667%
  }

  .col-lg-pull-9 {
    right: 75%
  }

  .col-lg-pull-10 {
    right: 83.3333333333%
  }

  .col-lg-pull-11 {
    right: 91.6666666667%
  }

  .col-lg-pull-12 {
    right: 100%
  }

  .col-lg-push-0 {
    left: auto
  }

  .col-lg-push-1 {
    left: 8.3333333333%
  }

  .col-lg-push-2 {
    left: 16.6666666667%
  }

  .col-lg-push-3 {
    left: 25%
  }

  .col-lg-push-4 {
    left: 33.3333333333%
  }

  .col-lg-push-5 {
    left: 41.6666666667%
  }

  .col-lg-push-6 {
    left: 50%
  }

  .col-lg-push-7 {
    left: 58.3333333333%
  }

  .col-lg-push-8 {
    left: 66.6666666667%
  }

  .col-lg-push-9 {
    left: 75%
  }

  .col-lg-push-10 {
    left: 83.3333333333%
  }

  .col-lg-push-11 {
    left: 91.6666666667%
  }

  .col-lg-push-12 {
    left: 100%
  }

  .col-lg-offset-0 {
    margin-left: 0
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%
  }

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

  .col-lg-offset-4 {
    margin-left: 33.3333333333%
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%
  }

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

  .col-lg-offset-7 {
    margin-left: 58.3333333333%
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%
  }

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

  .col-lg-offset-10 {
    margin-left: 83.3333333333%
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%
  }

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

table {
  background-color: transparent
}

table col[class*=col-] {
  position: static;
  display: table-column;
  float: none
}

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

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #545291
}

caption, th {
  text-align: left
}

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

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

.table>tbody+tbody {
  border-top: 2px solid #ddd
}

.table .table {
  background-color: #471525
}

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

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

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border-bottom-width: 2px
}

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

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

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

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

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

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

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

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

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

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

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

.table-responsive {
  min-height: .01%;
  overflow-x: auto
}

@media screen and (max-width:767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15.75px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd
  }

  .table-responsive>.table {
    margin-bottom: 0
  }

  .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: nowrap
  }

  .table-responsive>.table-bordered {
    border: 0
  }

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

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

  .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
  }
}

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

fieldset, legend {
  padding: 0;
  border: 0
}

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

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

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

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

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

input[type=file] {
  display: block
}

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

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

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

output {
  padding-top: 7px
}

.form-control, output {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #555
}

.form-control {
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  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::-ms-expand {
  background-color: transparent;
  border: 0
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
    line-height: 35px
  }

  .input-group-sm>.input-group-btn>input[type=date].btn, .input-group-sm>.input-group-btn>input[type=datetime-local].btn, .input-group-sm>.input-group-btn>input[type=month].btn, .input-group-sm>.input-group-btn>input[type=time].btn, .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
    line-height: 30px
  }

  .input-group-lg>.input-group-btn>input[type=date].btn, .input-group-lg>.input-group-btn>input[type=datetime-local].btn, .input-group-lg>.input-group-btn>input[type=month].btn, .input-group-lg>.input-group-btn>input[type=time].btn, .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
    line-height: 46px
  }
}

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

.checkbox, .radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px
}

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

.checkbox label, .radio label {
  min-height: 21px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-feedback {
  position: relative
}

.has-feedback .form-control {
  padding-right: 43.75px
}

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

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

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

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

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
  border-color: #2b542c;
  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 .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
  color: #8a6d3b
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
  border-color: #66512c;
  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 .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
  color: #a94442
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
  border-color: #843534;
  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: 26px
}

.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 .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
    width: auto
  }

  .form-inline .input-group>.form-control {
    width: 100%
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }

  .form-inline .checkbox, .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }

  .form-inline .checkbox label, .form-inline .radio label {
    padding-left: 0
  }

  .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0
  }
}

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

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

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px
}

.form-horizontal .form-group:after, .form-horizontal .form-group:before {
  display: table;
  content: " "
}

.form-horizontal .form-group:after {
  clear: both
}

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

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

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

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

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

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

.btn.focus, .btn:focus, .btn:hover {
  color: #333;
  text-decoration: none
}

.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: .65;
  box-shadow: none
}

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

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}

.btn-default.focus, .btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.btn-default.active, .btn-default:active, .open>.btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.btn-default.dropdown-toggle.focus, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc
}

.btn-default .badge {
  color: #fff;
  background-color: #333
}

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

.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74
}

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

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

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4
}

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

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success.focus, .btn-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439
}

.btn-success.active, .btn-success:active, .open>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.btn-success.dropdown-toggle.focus, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info.focus, .btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc
}

.btn-info.active, .btn-info:active, .open>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.btn-info.dropdown-toggle.focus, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning.focus, .btn-warning:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512
}

.btn-warning.active, .btn-warning:active, .open>.btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.btn-warning.dropdown-toggle.focus, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff
}

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

.btn-danger.focus, .btn-danger:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925
}

.btn-danger.active, .btn-danger:active, .open>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.btn-danger.dropdown-toggle.focus, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19
}

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

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

.btn-link {
  font-weight: 400;
  border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
  border-color: transparent
}

.btn-link:focus, .btn-link:hover {
  color: #faac03;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
  color: #777;
  text-decoration: none
}

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

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

.btn-group-xs>.btn, .btn-xs {
  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=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
  width: 100%
}

.fade {
  opacity: 0;
  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;
  transition-property: height, visibility;
  transition-duration: .35s;
  transition-timing-function: ease
}

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

.dropdown, .dropup {
  position: relative
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

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

.dropdown-menu .divider {
  height: 1px;
  margin: 9.5px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  white-space: nowrap
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5
}

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

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

.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
  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.5;
  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 dashed;
  border-bottom: 4px solid\9
}

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

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

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

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.btn-group-vertical>.btn, .btn-group>.btn {
  position: relative;
  float: left
}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
  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:after, .btn-toolbar:before {
  display: table;
  content: " "
}

.btn-toolbar:after {
  clear: both
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: left
}

.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
  margin-left: 5px
}

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

.btn-group>.btn:first-child {
  margin-left: 0
}

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

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

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

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

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

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

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

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

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

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none
}

.btn .caret {
  margin-left: 0
}

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

.dropup .btn-group-lg>.btn .caret, .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:after, .btn-group-vertical>.btn-group:before {
  display: table;
  content: " "
}

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

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

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

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

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

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

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

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

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

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
  display: table-cell;
  float: none;
  width: 1%
}

.btn-group-justified>.btn-group .btn {
  width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
  left: auto
}

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

.input-group {
  position: relative;
  display: table;
  border-collapse: separate
}

.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0
}

.input-group .form-control:focus {
  z-index: 3
}

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell
}

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

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

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px
}

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

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

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
  margin-top: 0
}

.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-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

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

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

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

.input-group-btn {
  font-size: 0;
  white-space: nowrap
}

.input-group-btn, .input-group-btn>.btn {
  position: relative
}

.input-group-btn>.btn+.btn {
  margin-left: -1px
}

.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover {
  z-index: 2
}

.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
  margin-right: -1px
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
  z-index: 2;
  margin-left: -1px
}

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

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

.nav:after {
  clear: both
}

.nav>li, .nav>li>a {
  position: relative;
  display: block
}

.nav>li>a {
  padding: 10px 15px
}

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

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

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

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #eee;
  border-color: #fdc54c
}

.nav .nav-divider {
  height: 1px;
  margin: 9.5px 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.5;
  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:focus, .nav-tabs>li.active>a:hover {
  color: #555;
  cursor: default;
  background-color: #471525;
  border: 1px solid;
  border-color: #ddd #ddd transparent
}

.nav-pills>li {
  float: left
}

.nav-pills>li>a {
  border-radius: 4px
}

.nav-pills>li+li {
  margin-left: 2px
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #337ab7
}

.nav-stacked>li {
  float: none
}

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

.nav-justified, .nav-tabs.nav-justified {
  width: 100%
}

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

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

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

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

  .nav-justified>li>a, .nav-tabs.nav-justified>li>a {
    margin-bottom: 0
  }
}

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

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

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

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

  .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a {
    border-bottom-color: #471525
  }
}

.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: 21px;
  border: 1px solid transparent
}

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

.navbar:after {
  clear: both
}

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

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

.navbar-header:after {
  clear: both
}

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

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

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

.navbar-collapse:after {
  clear: both
}

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

@media (min-width:768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }

  .navbar-collapse.in {
    overflow-y: visible
  }

  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0
  }
}

.navbar-fixed-bottom, .navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
  max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 200px
  }
}

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

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

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

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

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

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}

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

.navbar-brand {
  float: left;
  height: 50px;
  padding: 14.5px 15px;
  font-size: 18px;
  line-height: 21px
}

.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none
}

.navbar-brand>img {
  display: block
}

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

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.navbar-toggle:focus {
  outline: 0
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px
}

@media (min-width:768px) {
  .navbar-toggle {
    display: none
  }
}

.navbar-nav {
  margin: 7.25px -15px
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 21px
}

@media (max-width:767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none
  }

  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 25px
  }

  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 21px
  }

  .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {
    background-image: none
  }
}

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

  .navbar-nav>li {
    float: left
  }

  .navbar-nav>li>a {
    padding-top: 14.5px;
    padding-bottom: 14.5px
  }
}

.navbar-form {
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 0 hsla(0, 0%, 100%, .1);
  margin: 7.5px -15px
}

@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 .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
    width: auto
  }

  .navbar-form .input-group>.form-control {
    width: 100%
  }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }

  .navbar-form .checkbox, .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }

  .navbar-form .checkbox label, .navbar-form .radio label {
    padding-left: 0
  }

  .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
    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;
    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: 7.5px;
  margin-bottom: 7.5px
}

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

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

.navbar-text {
  margin-top: 14.5px;
  margin-bottom: 14.5px
}

@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:focus, .navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
  color: #777
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #333;
  background-color: transparent
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #555;
  background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover {
  color: #ccc;
  background-color: transparent
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  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:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #333;
    background-color: transparent
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
  }
}

.navbar-default .navbar-toggle {
  border-color: #ddd
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7
}

.navbar-default .navbar-link {
  color: #777
}

.navbar-default .navbar-link:hover {
  color: #333
}

.navbar-default .btn-link {
  color: #777
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
  color: #333
}

.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc
}

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

.navbar-inverse .navbar-brand {
  color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent
}

.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
  color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
  color: #fff;
  background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover {
  color: #444;
  background-color: transparent
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
  color: #fff;
  background-color: #090909
}

@media (max-width:767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #090909
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #9d9d9d
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: transparent
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #090909
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #444;
    background-color: transparent
  }
}

.navbar-inverse .navbar-toggle {
  border-color: #333
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010
}

.navbar-inverse .navbar-link {
  color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
  color: #fff
}

.navbar-inverse .btn-link {
  color: #9d9d9d
}

.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
  color: #fff
}

.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 21px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px
}

.breadcrumb>li {
  display: inline-block
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ "
}

.breadcrumb>.active {
  color: #777
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 21px 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.5;
  color: #fdc54c;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  z-index: 2;
  color: #faac03;
  background-color: #eee;
  border-color: #ddd
}

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

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

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #fdbb2c;
  border-color: #337ab7
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
  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;
  line-height: 1.3333333
}

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

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

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

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

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

.pager {
  padding-left: 0;
  margin: 21px 0;
  text-align: center;
  list-style: none
}

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

.pager:after {
  clear: both
}

.pager li {
  display: inline
}

.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px
}

.pager li>a:focus, .pager li>a:hover {
  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:focus, .pager .disabled>a:hover, .pager .disabled>span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff
}

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

.label:empty {
  display: none
}

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

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

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

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

.label-primary {
  background-color: #337ab7
}

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

.label-success {
  background-color: #5cb85c
}

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

.label-info {
  background-color: #5bc0de
}

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

.label-warning {
  background-color: #f0ad4e
}

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

.label-danger {
  background-color: #d9534f
}

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

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px
}

.badge:empty {
  display: none
}

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

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

.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
  color: #fdc54c;
  background-color: #fff
}

.list-group-item>.badge {
  float: right
}

.list-group-item>.badge+.badge {
  margin-right: 5px
}

.nav-pills>li>a>.badge {
  margin-left: 3px
}

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

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

.jumbotron, .jumbotron .h1, .jumbotron h1 {
  color: inherit
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200
}

.jumbotron>hr {
  border-top-color: #d5d5d5
}

.container-fluid .jumbotron, .container .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px
}

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

@media screen and (min-width:768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .container-fluid .jumbotron, .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px
  }

  .jumbotron .h1, .jumbotron h1 {
    font-size: 63px
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 21px;
  line-height: 1.5;
  background-color: #471525;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border .2s ease-in-out
}

.thumbnail>img, .thumbnail a>img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto
}

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

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
  border-color: #fdc54c
}

.alert {
  padding: 15px;
  margin-bottom: 21px;
  border: 1px solid transparent;
  border-radius: 4px
}

.alert h4 {
  margin-top: 0;
  color: inherit
}

.alert .alert-link {
  font-weight: 700
}

.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 {
  0% {
    background-position: 40px 0
  }

  to {
    background-position: 0 0
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 40px 0
  }

  to {
    background-position: 0 0
  }
}

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

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 21px;
  color: #fff;
  text-align: center;
  background-color: #40fe41;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
  background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
  -webkit-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: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-info {
  background-color: #5bc0de
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-warning {
  background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-danger {
  background-color: #d9534f
}

.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.media {
  margin-top: 15px
}

.media:first-child {
  margin-top: 0
}

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

.media-body {
  width: 10000px
}

.media-object {
  display: block
}

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

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

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

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

.media-middle {
  vertical-align: middle
}

.media-bottom {
  vertical-align: bottom
}

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

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

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

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

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

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
  color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
  color: #777
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>small {
  color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
  color: #c7ddef
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
  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: 21px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
  padding: 15px
}

.panel-body:after, .panel-body:before {
  display: table;
  content: " "
}

.panel-body:after {
  clear: both
}

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

.panel-heading>.dropdown .dropdown-toggle, .panel-title {
  color: inherit
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
  color: inherit
}

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

.panel>.list-group, .panel>.panel-collapse>.list-group {
  margin-bottom: 0
}

.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0
}

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

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

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

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

.panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table {
  margin-bottom: 0
}

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

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

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

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

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

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

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  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 td, .panel>.table>tbody:first-child>tr:first-child th {
  border-top: 0
}

.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
  border: 0
}

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

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

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

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

.panel-group {
  margin-bottom: 21px
}

.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>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 1px solid #ddd
}

.panel-group .panel-footer {
  border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #ddd
}

.panel-default {
  border-color: #ddd
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd
}

.panel-primary {
  border-color: #337ab7
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
  color: #337ab7;
  background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #337ab7
}

.panel-success {
  border-color: #d6e9c6
}

.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6
}

.panel-info {
  border-color: #bce8f1
}

.panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1
}

.panel-warning {
  border-color: #faebcc
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc
}

.panel-danger {
  border-color: #ebccd1
}

.panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .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;
  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: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2
}

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

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

.modal, .modal-open {
  overflow: hidden
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.modal.fade .modal-dialog {
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0);
  transform: translate(0)
}

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

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

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

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5
}

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

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

.modal-header:after {
  clear: both
}

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

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

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

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

.modal-footer:after, .modal-footer:before {
  display: table;
  content: " "
}

.modal-footer:after {
  clear: both
}

.modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0
}

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

@media (min-width:768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto
  }

  .modal-content {
    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: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
  right: 5px
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
  left: 5px
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000
}

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

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

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  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>.arrow {
  border-width: 11px
}

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

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

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

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

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

.carousel, .carousel-inner {
  position: relative
}

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

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

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

@media (-webkit-transform-3d), (transform-3d) {
  .carousel-inner>.item {
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
  }

  .carousel-inner>.item.active.right, .carousel-inner>.item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0
  }

  .carousel-inner>.item.active.left, .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0
  }

  .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    left: 0
  }
}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
  display: block
}

.carousel-inner>.active {
  left: 0
}

.carousel-inner>.next, .carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner>.next {
  left: 100%
}

.carousel-inner>.prev {
  left: -100%
}

.carousel-inner>.next.left, .carousel-inner>.prev.right {
  left: 0
}

.carousel-inner>.active.left {
  left: -100%
}

.carousel-inner>.active.right {
  left: 100%
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: transparent;
  filter: alpha(opacity=50);
  opacity: .5
}

.carousel-control.left {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x
}

.carousel-control:focus, .carousel-control:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: .9
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 50%;
  margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1
}

.carousel-control .icon-prev:before {
  content: "‹"
}

.carousel-control .icon-next:before {
  content: "›"
}

.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: #0009;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 10px
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .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-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px
  }

  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -10px
  }

  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -10px
  }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px
  }

  .carousel-indicators {
    bottom: 20px
  }
}

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

.clearfix:after {
  clear: both
}

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

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.invisible {
  visibility: hidden
}

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

.hidden {
  display: none !important
}

.affix {
  position: fixed
}

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

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

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

  table.visible-xs {
    display: table !important
  }

  tr.visible-xs {
    display: table-row !important
  }

  td.visible-xs, th.visible-xs {
    display: table-cell !important
  }
}

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

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

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

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

  table.visible-sm {
    display: table !important
  }

  tr.visible-sm {
    display: table-row !important
  }

  td.visible-sm, th.visible-sm {
    display: table-cell !important
  }
}

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

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

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

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

  table.visible-md {
    display: table !important
  }

  tr.visible-md {
    display: table-row !important
  }

  td.visible-md, th.visible-md {
    display: table-cell !important
  }
}

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

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

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

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

  table.visible-lg {
    display: table !important
  }

  tr.visible-lg {
    display: table-row !important
  }

  td.visible-lg, th.visible-lg {
    display: table-cell !important
  }
}

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

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

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

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

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

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

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

.visible-print {
  display: none !important
}

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

  table.visible-print {
    display: table !important
  }

  tr.visible-print {
    display: table-row !important
  }

  td.visible-print, th.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
  }
}

.nifty-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

.md-show {
  visibility: visible
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(17, 17, 17, .8);
  transition: all .3s
}

.md-show+.md-overlay {
  opacity: 1;
  visibility: visible
}

.slide-in-bottom .md-content {
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  transition: all .3s
}

.md-show.slide-in-bottom .md-content {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.fade-in-scale .md-content {
  -webkit-transform: scale(.7);
  transform: scale(.7);
  opacity: 0;
  transition: all .3s
}

.md-show.fade-in-scale .md-content {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.pt-4, .py-4 {
  padding-top: 1.5rem !important
}

.py-4 {
  padding-bottom: 1.5rem !important
}

.mb-3, .my-3 {
  margin-bottom: 1rem !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.pt-1, .py-1 {
  padding-top: .25rem !important
}

.py-1 {
  padding-bottom: .25rem !important
}

.mt-2, .my-2 {
  margin-top: .5rem !important
}

.mt-3, .my-3 {
  margin-top: 0.2rem !important
}

.mt-4, .my-4 {
  margin-top: 1.5rem !important
}

.mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important
}

.table-borderless>tbody>tr>td, .table-borderless>tbody>tr>th, .table-borderless>tfoot>tr>td, .table-borderless>tfoot>tr>th, .table-borderless>thead>tr>td, .table-borderless>thead>tr>th {
  border: none
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  vertical-align: middle
}

@media screen and (max-width:992px) {
  .d-sm-none {
    display: none !important
  }
}

@media screen and (min-width:992px) {
  .d-sm-none {
    display: block !important
  }
}

@media screen and (max-width:992px) {
  .d-lg-none {
    display: block
  }
}

@media screen and (min-width:992px) {
  .d-lg-none {
    display: none
  }
}

.d-inline-block {
  display: inline-block
}

.u-underline {
  text-decoration: underline !important
}

@media (min-width:769px) {
  .d-md-pl-0 {
    padding-right: 0 !important
  }

  .d-md-pl-5 {
    padding-right: 10px !important
  }
}

html {
  font-size: inherit
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col, .no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.colored-toast .swal2-title {
  color: #fff;
  margin: 0 2px !important
}

.colored-toast .swal2-html-container {
  color: #fff;
  margin: 7px 2px !important;
  font-size: 14px !important;
  line-height: 1.5
}

.colored-toast.swal2-icon-success {
  background-color: #2e7803 !important
}

.colored-toast.swal2-icon-error {
  background-color: #b42e2e !important
}

#collapsible-footer {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 16px
}

#collapsible-footer .i-collapse {
  border-radius: 50%;
  padding: 0 5px;
  background-color: #fdbb2c;
  color: #fff;
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: inline-block;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear
}

#collapsible-footer .i-collapse.rotate {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.desktop .footer-title {
  color: #fff
}

.d-none {
  display: none
}

.d-block {
  display: block
}

.img-fluid {
  max-width: 100%;
  height: auto
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem
}

dl, ol, p, ul {
  margin-top: 0;
  margin-bottom: 1rem
}

body, html {
  height: 100%
}

.content, .main-content {
  height: auto;
  min-height: 600px;
  margin-bottom: 100px
}

.mobile .content, .mobile .main-content {
  margin-bottom: 200px
}

.mobile .acc .content, .mobile .acc .main-content {
  margin-bottom: 400px
}

.content-loader, .loader-wrapper {
  position: relative
}

.content-loader {
  height: 400px
}

body {
  min-height: 1001px;
  /* background-image: linear-gradient(90deg, #471525, #13162f); */
  /* background-color: #471525; */
  color: #fff
}

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

i {
  line-height: inherit
}

input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}

.title {
  color: #fdc54c;
  font-family: Montserrat, sans-serif
}

.btn, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none
}

@media screen and (max-width:992px) {
  .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    color: #fff
  }
}

@media screen and (min-width:992px) {
  .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    color: #fff
  }
}

.btn.btn-clear {
  color: inherit;
  font-weight: inherit;
  padding: 0;
  font-size: inherit;
  background: none;
  outline: none
}

.btn-warning {
  background: inherit
}

.btn-primary {
  background: #fff;
  color: #000 !important;
  border-color: #871737;
  border-radius: 5px;
  font-weight: inherit
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary[disabled] {
  background-color: #243169;
  color: #181733;
  border-color: #243169
}

.btn-primary--dark {
  background-color: #040e38;
  color: #fff;
  border-color: #040e38;
  border-radius: 5px
}

.btn-primary--dark.active, .btn-primary--dark:active, .btn-primary--dark:focus, .btn-primary--dark:hover, .btn-primary--dark[disabled] {
  background-color: #1f4181;
  color: #e0e0e0;
  border-color: #1f4181
}

.btn-secondary {
  background: #fdbb2c;
  color: #fff;
  border-color: #fdbb2c;
  border-radius: 5px
}

.btn-secondary.active, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .btn-secondary[disabled] {
  background-color: #fdc54c;
  color: #181733;
  border-color: #fdc54c
}

.btn-tertiery {
  background: #fdbb2c;
  color: #181733;
  border-color: #fdbb2c;
  border-radius: 5px;
  font-weight: inherit
}

.btn-tertiery.active, .btn-tertiery:active, .btn-tertiery:focus, .btn-tertiery:hover, .btn-tertiery[disabled] {
  background-color: #d2981a;
  color: #181733;
  border-color: #d2981a
}

.btn-accent {
  background: #ed1c24;
  color: #fff;
  border-color: #ed1c24;
  border-radius: 5px;
  font-weight: inherit
}

.btn-accent.active, .btn-accent:active, .btn-accent:focus, .btn-accent:hover, .btn-accent[disabled] {
  background-color: #f03e45;
  color: #fff;
  border-color: #f03e45
}

.btn-round {
  border-radius: 60px;
  padding: 7px 14px;
  margin-bottom: 5px;
  text-align: center
}

.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  transition: all .1s ease-out
}

.modal-header button.close {
  outline: none
}

.header.danger {
  background-color: #c70022
}

.header.info {
  background-color: #17a2b8
}

.header.warning {
  background-color: #6f42c1
}

.header.success {
  background-color: #28a745
}

.ico-alert.danger {
  color: #c70022
}

.ico-alert.info {
  color: #17a2b8
}

.ico-alert.warning {
  color: #6f42c1
}

.ico-alert.success {
  color: #28a745
}

.btn-link {
  color: #fdc54c;
  display: inline;
  padding: 0;
  font-weight: inherit;
  vertical-align: inherit
}

.btn-link:disabled, .btn-link:focus, .btn-link:hover, .btn-link[disabled] {
  color: #fdc54c;
  opacity: .5
}

a:link, a:visited {
  text-decoration: none !important
}

.txt_accent, b, strong {
  font-weight: bolder;
  font-weight: 700
}

.txt_accent {
  color: #f03e45
}

.material-icons {
  font-size: inherit
}

.text-t500 {
  color: #545291
}

a.text-t500:focus, a.text-t500:hover {
  color: #414070
}

.text-t600 {
  color: #050508
}

a.text-t600:focus, a.text-t600:hover {
  color: #000
}

.text-primary-2 {
  color: #e2e8f9
}

a.text-primary-2:focus, a.text-primary-2:hover {
  color: #b8c7f0
}

.font-size-sm {
  font-size: 11.2px !important
}

.font-size-lg {
  font-size: 17.5px !important
}

.fs-md {
  font-size: 16px !important
}

.fs-sm {
  font-size: 11.2px !important
}

.fs-lg {
  font-size: 17.5px !important
}

.fs-xl {
  font-size: 22.4px !important
}

.fs-xxl {
  font-size: 28px !important
}

.fs-xs {
  font-size: 8.96px !important
}

.fs-xxs {
  font-size: 7.168px !important
}

.noSidePadding {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.pointer {
  cursor: pointer
}

i {
  color: inherit;
  font-weight: inherit
}

ol, ul {
  padding: 0;
  margin: 0 0 10px 25px
}

.dotted_line {
  border-bottom: 1px dotted #fff
}

.img-center {
  display: block
}

.center, .img-center {
  margin: 0 auto
}

.flex-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  width: 100%
}

.flex, .flex-row {
  -webkit-align-items: center;
  align-items: center
}

.flex {
  display: -webkit-flex;
  display: flex
}

.flex-no-wrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-grow {
  -webkit-flex: 1;
  flex: 1;
  -ms-flex-negative: 1;
  -ms-flex-preferred-size: auto !important
}

.flex-align-top {
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.auto-box {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.mobile .auto-box {
  min-width: 100px;
  max-width: 100px
}

.flex-grow-2 {
  -webkit-flex-grow: 2 !important;
  flex-grow: 2 !important
}

.flex-grow-3 {
  -webkit-flex-grow: 3 !important;
  flex-grow: 3 !important
}

.border-box {
  border: 1px solid #1e1d40;
  padding: 1em
}

.fixed-bottom-left {
  position: fixed;
  bottom: 20%;
  left: 0;
  z-index: 888
}

.gradient-border {
  position: relative
}

.gradient-border:before {
  position: absolute;
  bottom: 0;
  content: "";
  width: 90%;
  height: 0;
  border-bottom: 2px solid #d8d8d8;
  -o-border-image: linear-gradient(90deg, rgba(24, 23, 51, .5), #d8d8d8, rgba(24, 23, 51, .5)) 1 100%;
  border-image: linear-gradient(90deg, rgba(24, 23, 51, .5), #d8d8d8, rgba(24, 23, 51, .5)) 1 100%;
  border-image-slice: 1 1 1 1
}

.gradient-border:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 0;
  height: 90%;
  border-right: 2px solid #d8d8d8;
  -o-border-image: linear-gradient(180deg, rgba(24, 23, 51, .5), #d8d8d8, rgba(24, 23, 51, .5)) 1 100%;
  border-image: linear-gradient(180deg, rgba(24, 23, 51, .5), #d8d8d8, rgba(24, 23, 51, .5)) 1 100%;
  border-image-slice: 1 1 1 1
}

@media (min-width:768px) and (max-width:991px) {
  .gradient-border:last-of-type:before, .gradient-border:nth-last-of-type(2):before, .gradient-border:nth-of-type(2n):after {
    content: none
  }
}

@media (min-width:992px) {
  .gradient-border:last-of-type:before, .gradient-border:nth-last-of-type(2):before, .gradient-border:nth-last-of-type(3):before, .gradient-border:nth-of-type(3n):after {
    content: none
  }
}

@-webkit-keyframes flash-border {
  0% {
    -webkit-filter: blur(15px);
    filter: blur(15px)
  }

  to {
    -webkit-filter: blur(25px);
    filter: blur(25px);
    opacity: 1
  }
}

@keyframes flash-border {
  0% {
    -webkit-filter: blur(15px);
    filter: blur(15px)
  }

  to {
    -webkit-filter: blur(25px);
    filter: blur(25px);
    opacity: 1
  }
}

.gradient-box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: calc(100% - 20px);
  position: relative;
  box-sizing: border-box;
  z-index: 5;
  background-color: #471525;
  background-clip: padding-box;
  /* !importanté */
  border: 10px solid transparent;
  /* !importanté */
  border-radius: 1em
}

.gradient-box:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -10px;
  /* !importanté */
  border-radius: inherit;
  /* !importanté */
  -webkit-filter: blur(15px);
  filter: blur(15px);
  opacity: 0;
  transition: opacity .3s ease-in-out;
  -webkit-animation: flash-border .5s infinite alternate;
  animation: flash-border .5s infinite alternate
}

.gradient-box:after, .gradient-box:before {
  content: "";
  position: absolute;
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82)
}

.gradient-box:before {
  z-index: 1;
  display: block;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  top: -10px;
  left: -10px;
  border-radius: 1em
}

app-content-pagination pagination {
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%)
}

.pagination-page>.page-link {
  color: red !important;
  font-size: 0;
  border-radius: 50%;
  width: 0;
  margin: 5px;
  background-color: #c2c2c2
}

@media screen and (max-width:992px) {
  .pagination-page>.page-link {
    padding: 3px
  }
}

@media screen and (min-width:992px) {
  .pagination-page>.page-link {
    padding: 5px
  }
}

.page-item:first-child .page-link {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%
}

.page-item:last-child .page-link {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%
}

.pager-btn a {
  font-size: 1rem;
  font-weight: 900
}

.divider {
  border-right: 1px solid;
  width: 1px;
  min-height: 1.2em;
  height: 90%;
  display: inline-block;
  margin: auto 0
}

.separator-right {
  border-right: 1px solid #471525
}

.svg-icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  position: relative;
  top: -.0625em;
  vertical-align: middle;
  width: 1em
}

.site-footer {
  background-color: #13162f;
  bottom: 0;
  left: 0;
  position: relative;
  width: 100%;
  margin-top: 2rem;
  color: #fff
}

.social-icons {
  color: #fff;
  font-size: 1.2rem
}

.social-icons .button.icon:hover>i {
  color: #fff !important
}

.button {
  position: relative;
  display: inline-block;
  background-color: transparent;
  text-transform: uppercase;
  font-size: inherit;
  letter-spacing: .03em;
  touch-action: none;
  cursor: pointer;
  font-weight: bolder;
  text-align: center;
  color: currentColor;
  text-decoration: none;
  border: 1px solid transparent;
  vertical-align: middle;
  border-radius: 5px;
  margin-top: 0;
  margin-right: 1em;
  text-shadow: none;
  line-height: 2.4em;
  min-height: 2.5em;
  padding: 0 1.2em;
  max-width: 100%;
  transition: border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s;
  transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
  transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s;
  text-rendering: optimizeLegibility;
  box-sizing: border-box
}

.button.facebook:hover {
  color: #3a589d !important
}

.button.twitter:hover {
  color: #38c0ff !important
}

.button.instagram:hover {
  color: #3b6994 !important
}

.button.youtube:hover {
  color: #f90018 !important
}

.button.is-outline {
  line-height: 2.19em;
  border: 2px solid;
  background-color: transparent
}

.button.icon {
  margin-left: .12em;
  margin-right: .12em;
  min-width: 2.5em;
  padding-left: .6em;
  padding-right: .6em;
  display: inline-block
}

.button.icon.circle {
  padding-left: 0;
  padding-right: 0
}

.button i {
  vertical-align: middle;
  top: -1px;
  position: relative
}

.circle {
  border-radius: 50% !important
}

.min-circle {
  max-height: 2em !important;
  min-width: 1.8em !important;
  line-height: 1.6em !important;
  min-height: 1.8em
}

.min-circle i {
  vertical-align: middle;
  bottom: 1.5px;
  position: relative
}

.social-icons i {
  min-width: 1em
}

.social-icons .button.icon:hover {
  background-color: currentColor !important;
  border-color: currentColor !important
}

.toptobottom {
  -webkit-text-orientation: sideways-right;
  text-orientation: sideways-right;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  font-size: 20px;
  font-weight: 700;
  font-family: pt-sans, sans-serif;
  text-transform: uppercase;
  display: inline-block
}

.bottom-to-top {
  -webkit-writing-mode: tb-rl;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  display: inline-block
}

.pin-in-grp>div {
  padding: 0 5px
}

.pin-in-grp input {
  text-align: center;
  float: left
}

@media (min-width:600px) {
  .modal-sm {
    max-width: 350px
  }
}

.modal-backdrop.show {
  opacity: .8;
  background-color: rgba(71, 21, 37, .8);
  z-index: 1049
}

.mobile ._hide {
  display: none
}

.member-service {
  white-space: nowrap;
  overflow: hidden
}

.member-service i {
  font-size: 28.728px
}

.mobile .member-service .content-item {
  display: inline-block;
  white-space: normal;
  width: 33%;
  vertical-align: top
}

app-home-info a {
  color: #fff
}

input[type=password] {
  letter-spacing: .3em
}

.input-group.uline {
  border-bottom: 1px solid #fecf6b
}

.txt-refCode1 {
  display: inline-block;
  padding: 2px 10px
}

.form-control, .txt-refCode1 {
  border-color: #fecf6b;
  background-color: transparent;
  color: #fff;
  border-radius: 5px
}

.form-control {
  height: 30px;
  -webkit-text-fill-color: #fff
}

.form-control.underline {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none;
  border: none
}

.form-control.underline+.input-group-btn {
  box-shadow: none;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  border: none
}

.form-control.underline+.input-group-btn+.input-group-btn:disabled {
  opacity: .6
}

.form-control.underline+.input-group-btn .btn-link {
  text-decoration: none
}

.form-control.underline:focus, .form-control.underline:focus+.input-group-btn {
  box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .075), -1px 8px 8px -8px rgba(102, 175, 233, .6)
}

.form-control.underline:focus+.input-group-btn {
  border-color: #66afe9 !important
}

.form-control.underline:disabled {
  background-color: transparent !important;
  opacity: .6;
  border-bottom: 1px solid #fecf6b
}

.form-control.underline:disabled+.input-group-btn {
  border-bottom: 1px solid rgba(254, 207, 107, .6)
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: rgba(255, 255, 255, 0.3);
  color: new_formControlReadOnly__base;
  -webkit-text-fill-color: new_formControlReadOnly__base;
  opacity: .6;
  border: 1px solid rgb(254, 207, 107);
}

select {
  color: #948080
}

select>option {
  background-color: #471525;
  color: #fff
}

select.form-control {
  padding-top: 2px
}

.form-control.focus {
  color: #000;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control.ng-invalid.ng-dirty~.invalid-feedback, .was-validated .form-check-input.ng-invalid~.invalid-feedback, .was-validated .form-check-input.ng-invalid~.invalid-tooltip, .was-validated .form-control.ng-invalid~.invalid-feedback {
  display: block
}

.form-check-input.ng-invalid.ng-dirty~.form-check-label, .was-validated .form-check-input.ng-invalid~.form-check-label {
  color: #c70022 !important
}

app-slots-main .content-wrapper {
  
  height: 80% !important
}

app-slots-main ul.pagination {
  margin-left: -4em
}

.dialog {
  border: 1px solid #871737;
  width: 100%;
  padding: 20px;
  position: relative;
  background-color: #471525
}

.dialog.arrow-top {
  margin-top: 15px
}

.dialog.arrow-top:after {
  content: " ";
  position: absolute;
  left: 30px;
  top: -15px;
  border: 15px solid transparent;
  border-top: none;
  border-bottom: 15px solid #871737;
  z-index: 2
}

.dialog.arrow-top:before {
  content: " ";
  position: absolute;
  left: 30px;
  top: -14px;
  border-color: currentcolor transparent #471525;
  border-style: none solid solid;
  border-width: medium 14px 15px 15px;
  z-index: 4
}

.input-l {
  padding: 16px 18px 17px
}

.icon-input input {
  padding-left: 46px;
  height: auto
}

.icon-input {
  position: relative
}

.icon-input i.left {
  color: #fff;
  position: absolute;
  top: 15px;
  left: 18px;
  transition: all .2s ease;
  font-size: 18px
}

i.form-control-feedback {
  right: 25px;
  height: 30px;
  line-height: 30px
}

#loginForm i.form-control-feedback {
  top: 15px
}

.has-error~.form-control-feedback {
  color: #c70022
}

.has-success~.form-control-feedback {
  color: #28a745
}

.help-block {
  color: #c70022;
  margin-bottom: 0
}

.banner-content {
  min-height: 560px;
  margin-left: 25%;
  margin-right: 25%;
  padding: 1em
}

.page-background {
  background-repeat: no-repeat;
  background-position: 50%;
  margin-left: -50%;
  margin-right: -50%;
  background-size: cover
}

.sideNav nav {
  text-align: center
}

@media screen and (max-width:992px) {
  .sideNav nav {
    font-size: 12px
  }
}

@media screen and (min-width:992px) {
  .sideNav nav {
    font-size: 17.5px
  }
}

.navbar {
  border-radius: 5px;
  min-height: auto;
  margin: 20px 0
}

.navbar-default {
  background: none;
  border: none;
  position: relative
}

.navbar-default .navbar-nav li {
  border-right: 1px solid var(--t300);
  padding: 0 12px 0 7px;
  margin: 5px 0
}

.navbar-default .navbar-nav li:last-of-type {
  border-right: none
}

.navbar-default .navbar-nav li .nav-link {
  padding: 0;
  margin: 0;
  color: var(--t500);
  display: block
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav a.nav-link:focus, .navbar-default .navbar-nav a.nav-link:hover {
  color: #fdbb2c !important;
  background: none
}

.navbar-expand-lg .navbar-collapse {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-justify-content: center;
  justify-content: center
}

@media screen and (min-width:992px) {
  .navbar-default.navbar-collapse {
    -webkit-justify-content: center;
    justify-content: center
  }
}

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

  .navbar-default {
    background-color: #1e1d40;
    border: 1px solid rgba(71, 21, 37, .7)
  }

  .navbar-default .navbar-nav li {
    display: block;
    background: none;
    border-right: none;
    padding: 0;
    margin: 0
  }

  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: #471525
  }

  .navbar {
    padding: 0
  }

  .navbar-header {
    background-color: #040e38;
    padding: 5px 8px;
    width: 100%
  }

  .navbar-header .navbar-toggler {
    float: right;
    z-index: 3;
    position: relative
  }

  .navbar-header .menu-select {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: -1.5em;
    z-index: 1
  }

  div.menu-select {
    display: block
  }

  .navbar-nav {
    margin: 0;
    width: 100%
  }

  .navbar-default .navbar-toggler {
    background-color: #471525;
    transition: all .4s ease
  }

  .navbar-default .navbar-toggler-icon {
    color: #fff !important
  }

  .navbar-default .navbar-nav>li>a.nav-link {
    border-bottom: 1px solid rgba(71, 21, 37, .7);
    padding: 10px 0
  }

  .navbar-default .navbar-nav>li>a.nav-link:focus, .navbar-default .navbar-nav>li>a.nav-link:hover {
    background: #471525
  }

  .collapse {
    transition: all .3s ease-out;
    overflow: hidden !important;
    max-height: 0
  }

  .collapse.in {
    transition: all .8s ease-in;
    max-height: 3000px
  }
}

.mat-slider-horizontal {
  min-width: 200px !important
}

.mat-slider-track-fill {
  background-color: #61acef !important
}

.mat-slider-thumb {
  background-color: #fff !important
}

.cms table thead th, .table.table-default thead th {
  background-color: #fdbb2c;
  vertical-align: middle
}

.cms table td, .cms table th, .table.table-default td, .table.table-default th {
  border: 1px solid #fff;
  text-align: center
}

.cms table .thead, .cms table tr.first-child td:first-child, .table.table-default .thead, .table.table-default tr.first-child td:first-child {
  color: #ef940c;
  font-weight: 700;
  background-color: transparent
}

.cms table tr>td, .table.table-default tr>td {
  background-color: transparent;
  vertical-align: middle
}

.divWalletBalance {
  padding: .5em;
  font-size: 11.2px !important
}

.divWalletBalance .td-last-child {
  min-width: 100px;
  height: 1rem;
  text-align: right
}

.divWalletBalance .td-first-child {
  width: auto;
  height: 1rem;
  vertical-align: middle;
  min-width: 100px
}

.divWalletBalance~hr {
  margin-top: .3em;
  margin-bottom: .2em
}

.popover {
  border-radius: 5px;
  border: 1px solid grey;
  background: #fafafa
}

.logo_provider {
  background-image: url(../../../../files.sitestatic.net/sprites/providers27ba.png?v=16.16);
  width: 100px;
  height: 90px;
  background-repeat: no-repeat
}

.active .logo_provider_fastspin, .active .logo_provider_fastspin_fishing, .logo_provider_fastspin, .logo_provider_fastspin:hover, .logo_provider_fastspin_fishing, .logo_provider_fastspin_fishing:hover {
  background-position: -600px -1402px
}

.active .logo_provider_reevo, .logo_provider_reevo, .logo_provider_reevo:hover {
  background-position: -5px -1500px
}

.active .logo_provider_live22, .active .logo_provider_live22_fishing, .logo_provider_live22, .logo_provider_live22:hover, .logo_provider_live22_fishing, .logo_provider_live22_fishing:hover {
  background-position: -230px -1507px;
  width: 110px;
  height: 65px
}

.active .logo_provider_fachai, .active .logo_provider_fachai_fishing, .logo_provider_fachai, .logo_provider_fachai:hover, .logo_provider_fachai_fishing, .logo_provider_fachai_fishing:hover {
  background-position: -460px -1575px;
  width: 110px
}

.active .logo_provider_dragoonsoft, .active .logo_provider_dragoonsoft_fishing, .logo_provider_dragoonsoft, .logo_provider_dragoonsoft:hover, .logo_provider_dragoonsoft_fishing, .logo_provider_dragoonsoft_fishing:hover {
  background-position: -165px -1335px
}

.logo_provider_kagaming, .logo_provider_kagaming_fishing {
  background-position: -10px -1410px;
  -webkit-transform: scale(.8) translateX(-3px);
  transform: scale(.8) translateX(-3px);
  width: 190px
}

.active .logo_provider_kagaming, .active .logo_provider_kagaming_fishing, .logo_provider_kagaming:hover, .logo_provider_kagaming_fishing:hover {
  background-position: -10px -1410px
}

.poweredBy-logo .kagaming_fishing {
  position: absolute;
  background-position: -10px -1410px;
  -webkit-transform: scale(.6) translateX(-100px) !important;
  transform: scale(.6) translateX(-100px) !important;
  width: 190px
}

.mobile .poweredBy-logo .kagaming_fishing {
  -webkit-transform: scale(.5) translate(-24px, 13px) !important;
  transform: scale(.5) translate(-24px, 13px) !important
}

.poweredBy-logo .kagaming_slot {
  background-position: -10px -1410px;
  -webkit-transform: scale(.6) translateX(-40px) !important;
  transform: scale(.6) translateX(-40px) !important;
  width: 190px
}

.mobile .poweredBy-logo .kagaming_slot {
  -webkit-transform: scale(.5) translate(-24px, 13px) !important;
  transform: scale(.5) translate(-24px, 13px) !important
}

.logo_provider_nagagames {
  -webkit-transform: scale(.8) translateX(0);
  transform: scale(.8) translateX(0);
  width: 115px
}

.active .logo_provider_nagagames, .logo_provider_nagagames, .logo_provider_nagagames:hover {
  background-position: -218px -1410px
}

.SBO-funkygames .sbo_funky_lottery {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=8) no-repeat;
  background-position: -145px -1560px;
  width: 140px;
  height: 120px
}

.SBO-funkygames .sbo_funky_slot {
  background-position: -15px -1332px;
  width: 140px;
  height: 90px !important;
  -webkit-transform: scale(.85) translateX(-5px) !important;
  transform: scale(.85) translateX(-5px) !important
}

.poweredBy-logo .sbo_funky_slot {
  background-position: -15px -1332px;
  width: 140px !important;
  height: 90px !important;
  -webkit-transform: scale(.7) translateX(-22px) !important;
  transform: scale(.7) translateX(-22px) !important
}

.funky-keno.active .logo_provider_funky-games, .funky-keno .logo_provider_funky-games, .funky-keno .logo_provider_funky-games:hover {
  background-position: -100px -990px
}

.rng-war.active .logo_provider_funky-games, .rng-war .logo_provider_funky-games, .rng-war .logo_provider_funky-games:hover {
  background-position: -200px -990px
}

.atom.active .logo_provider_funky-games, .atom .logo_provider_funky-games, .atom .logo_provider_funky-games:hover {
  background-position: -300px -990px
}

.live-bingo.active .logo_provider_funky-games, .live-bingo .logo_provider_funky-games, .live-bingo .logo_provider_funky-games:hover {
  background-position: -400px -990px
}

.logo_provider_pgsoft {
  background: url(https://files.sitestatic.net/images/pgsoft.gif?v=0.2) no-repeat 0 12px !important;
  background-size: 100px 75px !important;
  background-position: -470px -1400px
}

.active .logo_provider_pgsoft, .logo_provider_pgsoft:hover {
  background-position: -470px -1400px
}

.active .logo_provider_virtual-sport, .logo_provider_virtual-sport, .logo_provider_virtual-sport:hover {
  background-position: -582px -1575px
}

.active .logo_provider_sv388, .logo_provider_sv388, .logo_provider_sv388:hover {
  background-position: -500px -980px
}

.active .logo_provider_ygg, .logo_provider_ygg, .logo_provider_ygg:hover {
  background-position: -600px -893px
}

.active .logo_provider_booming, .logo_provider_booming, .logo_provider_booming:hover {
  background-position: -500px -900px
}

.active .logo_provider_pussy888, .logo_provider_pussy888, .logo_provider_pussy888:hover {
  background-position: -400px -900px
}

.active .logo_provider_918kiss, .logo_provider_918kiss, .logo_provider_918kiss:hover {
  background-position: -300px -900px
}

.active .logo_provider_skywind, .logo_provider_skywind, .logo_provider_skywind:hover {
  background-position: -100px -895px
}

.mobile .logo_provider_skywind {
  background-position: -100px -910px;
  height: 70px
}

.logo_provider_playstar {
  background-position: -295px -1081px
}

.logo_provider_redtiger, .mobile .logo_provider_redtiger {
  background-position: -190px -1075px
}

.logo_provider_booongo {
  background-position: -389px -1066px;
  width: 95px
}

.mobile .logo_provider_booongo {
  background-position: -388px -1066px
}

.logo_provider_ais {
  background-position: -6px -1244px
}

.mobile .logo_provider_ais {
  background-position: -4px -1261px
}

.logo_provider_relax {
  -webkit-transform: scale(.8) translateX(0);
  transform: scale(.8) translateX(0);
  width: 130px
}

.active .logo_provider_relax, .logo_provider_relax, .logo_provider_relax:hover, .poweredBy-logo .relax_slot {
  background-position: -552px -1240px
}

.poweredBy-logo .relax_slot {
  -webkit-transform: scale(.6) translate(-3px, 13px) !important;
  transform: scale(.6) translate(-3px, 13px) !important;
  width: 130px
}

.mobile .poweredBy-logo .relax_slot {
  -webkit-transform: scale(.6) translate(-3px) !important;
  transform: scale(.6) translate(-3px) !important
}

.logo_provider_evoplay {
  background-position: -90px -1075px
}

.mobile .logo_provider_evoplay {
  background-position: -90px -1089px
}

.btn-box .nolimitcity {
  width: 90px !important
}

.logo_provider_nolimitcity {
  background-position: -8px -1166px;
  width: 150px;
  height: 85px
}

.mobile .logo_provider_nolimitcity {
  background-position: -17px -1166px
}

.desktop .logo_provider_mancalagaming {
  background-position: -248px -1155px
}

.mobile .logo_provider_mancalagaming {
  background-position: -248px -1167px
}

.desktop .logo_provider_eagaming {
  background-position: -162px -1155px
}

.mobile .logo_provider_eagaming {
  background-position: -162px -1167px
}

.logo_provider_netent {
  background-position: -485px -1075px;
  width: 110px !important
}

.active .logo_provider_n2live, .logo_provider_n2live, .logo_provider_n2live:hover {
  background-position: 0 -900px
}

.active .logo_provider_dreamgaming, .logo_provider_dreamgaming, .logo_provider_dreamgaming:hover {
  background-position: -360px -1158px
}

.active .logo_provider_opus, .logo_provider_opus, .logo_provider_opus:hover {
  background-position: -100px -1252px
}

.logo_provider_1gaming {
  background-position: 0 0
}

.active .logo_provider_1gaming, .logo_provider_1gaming:hover {
  background-position: -100px 0
}

.logo_provider_allbet {
  background-position: -200px 0
}

.active .logo_provider_allbet, .btn-box:hover .logo_provider_allbet, .logo_provider_allbet:hover {
  background-position: -300px 0
}

.logo_provider_asia-gaming {
  background-position: -400px 0
}

.active .logo_provider_asia-gaming, .btn-box:hover .logo_provider_asia-gaming, .logo_provider_asia-gaming:hover {
  background-position: -500px 0
}

.logo_provider_big-gaming {
  background-position: -600px 0
}

.active .logo_provider_big-gaming, .btn-box:hover .logo_provider_big-gaming, .logo_provider_big-gaming:hover {
  background-position: 0 -90px
}

.logo_provider_bti {
  background-position: -200px -90px
}

.active .logo_provider_bti, .btn-box:hover .logo_provider_bti, .logo_provider_bti:hover {
  background-position: -100px -90px
}

.logo_provider_s128 {
  background-position: -300px -90px
}

.active .logo_provider_s128, .btn-box:hover .logo_provider_s128, .logo_provider_s128:hover {
  background-position: -400px -90px
}

.active .logo_provider_cmd, .btn-box:hover .logo_provider_cmd, .logo_provider_cmd, .logo_provider_cmd:hover {
  background-position: -20px -1740px
}

.logo_provider_cq9 {
  background-position: 0 -180px
}

.active .logo_provider_cq9, .btn-box:hover .logo_provider_cq9, .logo_provider_cq9:hover {
  background-position: -100px -180px
}

.logo_provider_dmc {
  background-position: -200px -180px
}

.active .logo_provider_dmc, .btn-box:hover .logo_provider_dmc, .logo_provider_dmc:hover {
  background-position: -300px -180px
}

.logo_provider_ebet {
  background-position: -400px -180px
}

.active .logo_provider_ebet, .btn-box:hover .logo_provider_ebet, .logo_provider_ebet:hover {
  background-position: -500px -180px
}

.logo_provider_gameplay {
  background-position: -600px -180px
}

.active .logo_provider_gameplay, .btn-box:hover .logo_provider_gameplay, .logo_provider_gameplay:hover {
  background-position: 0 -270px
}

.active .logo_provider_habanero, .btn-box:hover .logo_provider_habanero, .logo_provider_habanero, .logo_provider_habanero:hover, .mobile .logo_provider_habanero {
  background-position: -480px -1160px
}

.logo_provider_ibc {
  background-position: -100px -540px
}

.active .logo_provider_ibc, .btn-box:hover .logo_provider_ibc, .logo_provider_ibc:hover {
  background-position: 0 -540px
}

.active .logo_provider_sbo-live, .btn-box:hover .logo_provider_sbo-live, .logo_provider_sbo-live, .logo_provider_sbo-live:hover {
  background-position: -340px -1495px
}

.logo_provider_idn {
  background-position: -500px -270px
}

.active .logo_provider_idn, .btn-box:hover .logo_provider_idn, .logo_provider_idn:hover {
  background-position: -600px -270px
}

.active .logo_provider_isoftbet, .btn-box:hover .logo_provider_isoftbet, .logo_provider_isoftbet, .logo_provider_isoftbet:hover {
  background-position: -600px -1070px
}

.mobile .logo_provider_isoftbet {
  background-position: -600px -1081px
}

.active .logo_provider_joker-gaming, .btn-box:hover .logo_provider_joker-gaming, .logo_provider_joker-gaming, .logo_provider_joker-gaming:hover {
  background-position: -600px -1160px
}

.active .logo_provider_playstargame, .btn-box:hover .logo_provider_playstargame, .logo_provider_playstargame, .logo_provider_playstargame:hover {
  background-position: -290px -1080px
}

.active .logo_provider_microgaming, .btn-box:hover .logo_provider_microgaming, .logo_provider_microgaming, .logo_provider_microgaming:hover, .mobile .logo_provider_microgaming {
  background-position: -420px -1483px
}

.logo_provider_pragmatic-play {
  background: url(https://files.sitestatic.net/images/ppslot.gif) no-repeat 0 12px;
  background-size: 100px 75px
}

.logo_provider_idnlive {
  width: 150px
}

.active .logo_provider_idnlive, .btn-box:hover .logo_provider_idnlive, .logo_provider_idnlive, .logo_provider_idnlive:hover, .mobile .logo_provider_idnlive {
  background-position: -195px -1252px
}

.logo_provider_welive {
  width: 180px;
  height: 85px !important;
  margin-bottom: 5px !important
}

.active .logo_provider_welive, .btn-box:hover .logo_provider_welive, .logo_provider_welive, .logo_provider_welive:hover, .mobile .logo_provider_welive {
  background-position: -362px -1245px
}

.logo_provider_ezugi {
  width: 120px;
  height: 85px !important;
  margin-bottom: 5px !important
}

.active .logo_provider_ezugi, .btn-box:hover .logo_provider_ezugi, .logo_provider_ezugi, .logo_provider_ezugi:hover, .mobile .logo_provider_ezugi {
  background-position: -350px -1410px
}

.logo_provider_lg88 {
  width: 80px;
  height: 85px !important;
  margin-bottom: 5px !important
}

.active .logo_provider_lg88, .btn-box:hover .logo_provider_lg88, .logo_provider_lg88, .logo_provider_lg88:hover, .mobile .logo_provider_lg88 {
  background-position: -110px -1660px
}

.active .logo_provider_beter, .btn-box:hover .logo_provider_beter, .logo_provider_beter, .logo_provider_beter:hover, .mobile .logo_provider_beter {
  background-position: -115px -1493px
}

.active .logo_provider_playtech, .btn-box:hover .logo_provider_playtech, .logo_provider_playtech, .logo_provider_playtech:hover {
  background-position: -250px -1318px
}

.logo_provider_realtime-gaming {
  background-position: -300px -450px
}

.active .logo_provider_realtime-gaming, .btn-box:hover .logo_provider_realtime-gaming, .logo_provider_realtime-gaming:hover {
  background-position: -400px -450px
}

.logo_provider_sa-gaming {
  background-position: -500px -450px
}

.active .logo_provider_sa-gaming, .btn-box:hover .logo_provider_sa-gaming, .logo_provider_sa-gaming:hover {
  background-position: -600px -450px
}

.logo_provider_saba {
  background-position: 0 -540px
}

.active .logo_provider_saba, .btn-box:hover .logo_provider_saba, .logo_provider_saba:hover {
  background-position: -100px -540px
}

.logo_provider_sexy-baccarat {
  background-position: -200px -540px
}

.active .logo_provider_sexy-baccarat, .btn-box:hover .logo_provider_sexy-baccarat, .logo_provider_sexy-baccarat:hover {
  background-position: -300px -540px
}

.logo_provider_sbo {
  background-position: 0 -540px
}

.active .logo_provider_sbo, .btn-box:hover .logo_provider_sbo, .logo_provider_sbo:hover {
  background-position: -100px -540px
}

.logo_provider_sbo {
  background-position: -400px -540px
}

.active .logo_provider_sbo, .btn-box:hover .logo_provider_sbo, .logo_provider_sbo:hover {
  background-position: -500px -540px
}

.logo_provider_seni {
  background-position: -600px -540px
}

.active .logo_provider_seni, .btn-box:hover .logo_provider_seni, .logo_provider_seni:hover {
  background-position: 0 -630px
}

.logo_provider_spadegaming {
  background-position: -400px -630px
}

.active .logo_provider_spadegaming, .btn-box:hover .logo_provider_spadegaming, .logo_provider_spadegaming:hover {
  background-position: -100px -630px
}

.mobile .logo_provider_spadegaming {
  background-position: -100px -636px
}

.logo_provider_simpleplay {
  background-position: -500px -630px
}

.active .logo_provider_simpleplay, .btn-box:hover .logo_provider_simpleplay, .logo_provider_simpleplay:hover {
  background-position: -600px -630px
}

.logo_provider_toptrend-gaming {
  background-position: -200px -631px
}

.active .logo_provider_toptrend-gaming, .btn-box:hover .logo_provider_toptrend-gaming, .logo_provider_toptrend-gaming:hover {
  background-position: -300px -631px
}

.logo_provider_ug {
  background-position: 0 -720px
}

.active .logo_provider_ug, .btn-box:hover .logo_provider_ug, .logo_provider_ug:hover {
  background-position: -400px -720px
}

.logo_provider_united-gaming {
  background-position: -100px -720px
}

.active .logo_provider_united-gaming, .btn-box:hover .logo_provider_united-gaming, .logo_provider_united-gaming:hover {
  background-position: -500px -720px
}

.logo_provider_wm {
  background-position: -600px -720px
}

.active .logo_provider_wm, .btn-box:hover .logo_provider_wm, .logo_provider_wm:hover {
  background-position: -200px -721px
}

.logo_provider_playngo {
  background-position: -300px -810px
}

.active .logo_provider_playngo, .btn-box:hover .logo_provider_playngo, .logo_provider_playngo:hover {
  background-position: -200px -810px
}

.active .logo_provider_playson, .btn-box:hover .logo_provider_playson, .logo_provider_playson, .logo_provider_playson:hover {
  background-position: -378px -1570px
}

.active .logo_provider_beauty, .btn-box:hover .logo_provider_beauty, .logo_provider_beauty, .logo_provider_beauty:hover {
  background-position: -300px -720px
}

.logo_provider_568win {
  width: 70px
}

.active .logo_provider_568win, .btn-box:hover .logo_provider_568win, .logo_provider_568win, .logo_provider_568win:hover {
  background-position: -170px -1572px
}

.logo_provider_568win-beauty {
  width: 70px
}

.active .logo_provider_568win-beauty, .btn-box:hover .logo_provider_568win-beauty, .logo_provider_568win-beauty, .logo_provider_568win-beauty:hover {
  background-position: -240px -1570px
}

.logo_provider_evo {
  background-position: -300px -270px
}

.active .logo_provider_evo, .btn-box:hover .logo_provider_evo, .logo_provider_evo:hover {
  background-position: -400px -270px
}

.logo_ag {
  background: url(/assets/images/powered_by/pw_by.png) no-repeat -139px -175px;
  width: 53px
}

.active .logo_ag, .logo_ag:hover {
  background-position: -26px -175px
}

.logo_cmd {
  background: url(/assets/images/powered_by/pw_by.png) no-repeat -124px -1px;
  width: 82px
}

.active .logo_cmd, .logo_cmd:hover {
  background-position: -11px -1px
}

.logo_gameplay {
  background: url(/assets/images/powered_by/pw_by.png) no-repeat -147px -50px;
  width: 37px
}

.active .logo_gameplay, .logo_gameplay:hover {
  background-position: -34px -50px
}

.logo_pragmatic-play {
  background: url(/assets/images/powered_by/pw_by.png) no-repeat -152px -559px;
  width: 28px;
  height: 39px
}

.active .logo_pragmatic-play, .logo_pragmatic-play:hover {
  background-position: -39px -559px
}

.logo_sbo {
  background: url(/assets/images/powered_by/pw_by.png) no-repeat -142px -694px;
  width: 44px;
  height: 39px
}

.active .logo_sbo, .logo_sbo:hover {
  background-position: -27px -694px
}

.logo_spadegaming {
  background: url(/assets/images/powered_by/pw_by.png) no-repeat -149px -422px;
  width: 32px;
  height: 37px
}

.active .logo_spadegaming, .logo_spadegaming:hover {
  background-position: -36px -422px
}

.logo_hb {
  background: url(/assets/images/powered_by/pw_by.png) no-repeat -153px -627px;
  width: 26px;
  height: 39px
}

.active .logo_hb, .logo_hb:hover {
  background-position: -40px -627px
}

.logo_joker-gaming {
  background: url(/assets/images/powered_by/pw_by.png) no-repeat -127px -1210px;
  width: 71px;
  height: 37px
}

.active .logo_joker-gaming, .logo_joker-gaming:hover {
  background-position: -19px -1210px
}

.logo_mg {
  background: url(/assets/images/powered_by/pw_by.png) no-repeat -148px -358px;
  width: 35px;
  height: 35px
}

.active .logo_mg, .logo_mg:hover {
  background-position: -35px -358px
}

.logo_toptrend-gaming {
  background: url(/assets/images/powered_by/pw_by.png) no-repeat -150px -488px;
  width: 35px;
  height: 36px
}

.active .logo_toptrend-gaming, .logo_toptrend-gaming:hover {
  background-position: -36px -488px
}

.logo_provider_spribe {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=8.1) no-repeat;
  background-position: -275px -1555px;
  width: 140px;
  height: 120px
}

.logo_provider_king4d-live {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -140px -1200px;
  width: 140px;
  height: 120px
}

.logo_provider_king4d-togel {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -280px -1200px;
  width: 140px;
  height: 120px
}

.logo_provider_live-virtual-4d {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  width: 140px;
  height: 120px;
  background-position: 0 -1320px
}

.logo_provider_hkgp-bingo {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  width: 140px;
  height: 120px;
  background-position: -140px -1320px
}

.logo_provider_racing-car {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  width: 140px;
  height: 120px;
  background-position: -280px -1320px
}

.tocki7xk7xwq1.logo_provider_joker-gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -140px -360px;
  width: 140px;
  height: 120px
}

.z7k6mqf3z495a.logo_provider_joker-gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -280px -360px;
  width: 140px;
  height: 120px
}

.cz3wgrounyetc.logo_provider_joker-gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: 0 -480px;
  width: 140px;
  height: 120px
}

.bca.logo_provider_pragmatic-play {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=6) no-repeat;
  background-position: -140px -960px;
  width: 140px;
  height: 120px
}

.bjma.logo_provider_pragmatic-play {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: 0 -1080px;
  width: 140px;
  height: 120px
}

.bjmb.logo_provider_pragmatic-play {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: 0 -960px;
  width: 140px;
  height: 120px
}

.spaceman .logo_provider_pragmatic-play {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7.1) no-repeat;
  background-position: 0 -1559px;
  width: 140px;
  height: 120px
}

.bndt.logo_provider_pragmatic-play {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -280px -960px;
  width: 140px;
  height: 120px
}

.bnadvanced.logo_provider_pragmatic-play {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -140px -1080px;
  width: 140px;
  height: 120px
}

.rla.logo_provider_pragmatic-play {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: 0 -1200px;
  width: 140px;
  height: 120px
}

.vpa.logo_provider_pragmatic-play {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -280px -1080px;
  width: 140px;
  height: 120px
}

.tai_xiu .menu-item-title {
  display: none
}

.tai_xiu .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/km_dropdown.png?v=1.0) no-repeat;
  background-position: 0 0;
  width: 440px;
  height: 160px
}

.xoc-dia .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: 0 0;
  width: 140px;
  height: 120px
}

.VFPC .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: -140px 0;
  width: 140px;
  height: 120px
}

.Sic-Bo .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: 0 -120px;
  width: 140px;
  height: 120px
}

.keno .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: -280px -120px;
  width: 140px;
  height: 120px
}

.thai-hi-lo .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: -280px 0;
  width: 140px;
  height: 120px
}

.fpc2 .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: -420px -120px;
  width: 140px;
  height: 120px
}

.fan-tan2 .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: -560px -120px;
  width: 140px;
  height: 120px
}

.dragon_tiger2 .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: 0 -240px;
  width: 140px;
  height: 120px
}

.belangkai-2 .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: -280px -240px;
  width: 140px;
  height: 120px
}

.classicFT .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: -140px -240px;
  width: 140px;
  height: 120px
}

.number_matka .logo_provider_km {
  background: url(https://files.sitestatic.net/sprites/logo_rng_new.png?v=1.0) no-repeat;
  background-position: -140px -120px;
  width: 140px;
  height: 120px
}

.logo_provider_bola-tangkas, .logo_provider_ultimate-gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat
}

.baccarat_1.logo_provider_ultimate-gaming {
  background-position: 0 0;
  width: 140px;
  height: 120px
}

.bola_blind_1.logo_provider_ultimate-gaming {
  background-position: -140px 0;
  width: 140px;
  height: 120px
}

.poker_1.logo_provider_ultimate-gaming {
  background-position: -280px 0;
  width: 140px;
  height: 120px
}

.classic_bola_blind_1.logo_provider_ultimate-gaming {
  background-position: 0 -120px;
  width: 140px;
  height: 120px
}

.keno_3.logo_provider_ultimate-gaming {
  background-position: -280px -120px;
  width: 140px;
  height: 120px
}

.keno_2.logo_provider_ultimate-gaming {
  background-position: 0 -240px;
  width: 140px;
  height: 120px
}

.keno_1.logo_provider_ultimate-gaming {
  background-position: 0 -360px;
  width: 140px;
  height: 120px
}

.txp.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -280px -840px;
  width: 140px;
  height: 120px
}

.cps.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -140px -480px;
  width: 140px;
  height: 120px
}

.bcp.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -280px -480px;
  width: 140px;
  height: 120px
}

.cps2.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -142px -1440px;
  width: 140px;
  height: 120px
}

.bcp2.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -284px -1440px;
  width: 140px;
  height: 120px
}

.bcr.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: 0 -600px;
  width: 140px;
  height: 120px
}

.bcm.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -120px -600px;
  width: 140px;
  height: 120px
}

.cmk.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -280px -600px;
  width: 140px;
  height: 120px
}

.dqq.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: 0 -720px;
  width: 140px;
  height: 120px
}

.pkd.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -120x -720px;
  width: 140px;
  height: 120px
}

.private-poker.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -120px -720px;
  width: 140px;
  height: 120px
}

.bsk.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: 0 -840px;
  width: 140px;
  height: 120px
}

.spt.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: -140px -840px;
  width: 140px;
  height: 120px
}

.cmd.logo_provider_1gaming {
  background: url(https://files.sitestatic.net/sprites/logo_rng.png?v=7) no-repeat;
  background-position: 0 -1440px;
  width: 140px;
  height: 120px
}

.logo_rng_joker {
  background-position: -140px -120px;
  width: 140px;
  height: 120px
}

.logo_rng_sbo {
  background-position: -140px -240px;
  width: 140px;
  height: 120px
}

.logo_rng_sbo-cg {
  background-position: -280px -240px;
  width: 140px;
  height: 120px
}

.bg-co:before, .bg-um:before {
  content: "";
  display: block;
  position: absolute;
  top: 25%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  background: url(https://files.sitestatic.net/sprites/flags.png?v=4) no-repeat;
  z-index: 1
}

.bg-co:before {
  background-position: 0 0;
  width: 150px;
  height: 40px
}

.bg-um:before {
  background-position: 27px -25px;
  width: 150px;
  height: 62px;
  background-size: 95px
}

.bg-co-sm:before, .bg-um-sm:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  text-align: center;
  left: 20%;
  z-index: 2;
  background: url(https://files.sitestatic.net/sprites/flags-sm.png?v=8) no-repeat
}

.bg-co-sm:before {
  background-position: -10px -58px;
  width: 60px;
  height: 16px
}

.bg-um-sm:before {
  background-position: -10px -74px;
  width: 60px;
  height: 16px
}

.bg_berlian {
  background: url(https://files.sitestatic.net/sprites/flags-sm.png?v=8) no-repeat -131px -74px
}

.bg_berlian, .bg_gold {
  width: 25px;
  height: 23px;
  z-index: 2
}

.bg_gold {
  background: url(https://files.sitestatic.net/sprites/flags-sm.png?v=8) no-repeat -103px -74px
}

.bg_silver {
  background: url(https://files.sitestatic.net/sprites/flags-sm.png?v=8) no-repeat -74px -74px;
  width: 25px;
  height: 23px;
  z-index: 2
}

.bg_bronze {
  background: url(https://files.sitestatic.net/sprites/bronze_diamond.png);
  width: 25px;
  height: 25px;
  z-index: 2;
  background-size: contain;
  background-repeat: no-repeat
}

.circle-cn, .circle-en, .circle-id, .circle-in, .circle-my, .circle-th, .circle-vn {
  background: url(https://files.sitestatic.net/sprites/flags-sm.png?v=8.1) no-repeat;
  width: 26px;
  height: 26px
}

.circle-id {
  background-position: -115px -10px
}

.circle-th {
  background-position: -11px -11px
}

.circle-cn {
  background-position: -39px -11px
}

.circle-vn {
  background-position: -116px -45px
}

.circle-my {
  background-position: -67px -11px
}

.circle-in {
  background-position: -78px -45px
}

.circle-en {
  background-position: -11px -98px
}

.bg-1gaming, .bg-568win, .bg-568win-beauty, .bg-918kiss, .bg-advantplay, .bg-ais, .bg-allbet, .bg-asia-gaming, .bg-beauty, .bg-beter, .bg-big-gaming, .bg-booming, .bg-booongo, .bg-bti, .bg-cmd, .bg-cq9, .bg-dragoonsoft, .bg-dragoonsoft_fishing, .bg-dreamgaming, .bg-eagaming, .bg-ebet, .bg-evo, .bg-evoplay, .bg-ezugi, .bg-fachai, .bg-fachai_fishing, .bg-fastspin, .bg-fastspin_fishing, .bg-funky-games, .bg-gameplay, .bg-habanero, .bg-hkgp, .bg-hkgp-bingo, .bg-ibc, .bg-idn, .bg-idnlive, .bg-isoftbet, .bg-joker-gaming, .bg-kagaming, .bg-kagaming_fishing, .bg-king4d-live, .bg-king4d-togel, .bg-lg88, .bg-live22, .bg-live22_fishing, .bg-live-virtual-4d, .bg-mancalagaming, .bg-microgaming, .bg-n2live, .bg-nagagames, .bg-netent, .bg-nolimitcity, .bg-opus, .bg-pgsoft, .bg-playngo, .bg-playson, .bg-playstar, .bg-playstargame, .bg-playtech, .bg-pragmatic-play, .bg-pussy888, .bg-racing-car, .bg-realtime-gaming, .bg-redtiger, .bg-reevo, .bg-relax, .bg-s128, .bg-sa-gaming, .bg-sbo, .bg-SBO-funkygames, .bg-sbo-live, .bg-sexy-baccarat, .bg-simpleplay, .bg-skywind, .bg-spadegaming, .bg-spribe, .bg-sv388, .bg-toptrend-gaming, .bg-ultimate-gaming, .bg-united-gaming, .bg-virtual-sport, .bg-welive, .bg-wm, .bg-ygg {
  background: url(https://files.sitestatic.net/sprites/providers_full.png?v=15.15) no-repeat
}

.bg-spribe {
  background-position: -570px -1190px
}

.bg-reevo, .bg-spribe {
  width: 200px;
  height: 80px
}

.bg-reevo {
  background-position: 0 -1030px
}

.bg-fastspin, .bg-fastspin_fishing {
  background-position: -605px -970px;
  width: 200px;
  height: 80px
}

.bg-live22, .bg-live22_fishing {
  background-position: -414px -1050px;
  width: 165px;
  height: 60px;
  margin: 0 auto
}

.bg-fachai, .bg-fachai_fishing {
  background-position: -247px -1270px;
  width: 150px;
  height: 80px;
  margin: 0 auto
}

.bg-advantplay {
  background-position: -417px -1265px;
  width: 200px;
  height: 80px;
  margin: 0 auto
}

.g-card:hover .bg-advantplay {
  -webkit-transform: scale(.6) translateX(35%) !important;
  transform: scale(.6) translateX(35%) !important
}

.bg-lg88 {
  background-position: -623px -1125px;
  width: 163px;
  height: 56px;
  -webkit-transform: scale(.7) translateX(-10px) !important;
  transform: scale(.7) translateX(-10px) !important
}

.g-card:hover .bg-lg88 {
  -webkit-transform: scale(.7) translateX(80px) !important;
  transform: scale(.7) translateX(80px) !important
}

.bg-dragoonsoft, .bg-dragoonsoft_fishing {
  background-position: 0 -970px;
  width: 200px;
  height: 80px
}

.bg-kagaming, .bg-kagaming_fishing {
  background-position: -215px -985px;
  width: 170px;
  height: 50px;
  -webkit-transform: scale(.7) translateX(-20px) !important;
  transform: scale(.7) translateX(-20px) !important
}

.g-card:hover .bg-kagaming, .g-card:hover .bg-kagaming_fishing {
  -webkit-transform: scale(.7) translateX(45%) !important;
  transform: scale(.7) translateX(45%) !important
}

.bg-nagagames {
  background-position: -372px -985px;
  width: 110px;
  height: 50px;
  -webkit-transform: scale(.7) translateX(30px) !important;
  transform: scale(.7) translateX(30px) !important
}

.g-card:hover .bg-nagagames {
  -webkit-transform: scale(.7) translateX(93%) !important;
  transform: scale(.7) translateX(93%) !important
}

.bg-virtual-sport {
  background-position: 10px -726px;
  width: 200px;
  height: 60px
}

.bg-ultimate-gaming {
  background-position: -200px -660px;
  width: 200px;
  height: 60px
}

.bg-sv388 {
  background-position: -600px -240px;
  width: 200px;
  height: 60px
}

.bg-funky-games {
  background-position: -600px -660px;
  width: 200px;
  height: 60px
}

.bg-hkgp, .bg-hkgp-bingo, .bg-live-virtual-4d, .bg-racing-car {
  background-position: 0 -660px;
  width: 200px;
  height: 60px
}

.bg-SBO-funkygames {
  background-position: -555px -924px;
  width: 200px;
  height: 60px
}

.g-card:hover .bg-SBO-funkygames {
  -webkit-transform: scale(.6) translateX(54%) !important;
  transform: scale(.6) translateX(54%) !important
}

.bg-pgsoft {
  background-position: -600px -600px;
  width: 200px;
  height: 60px
}

.bg-pussy888 {
  background-position: -400px -600px
}

.bg-pussy888, .bg-ygg {
  width: 200px;
  height: 60px
}

.bg-ygg {
  background-position: -11px -925px
}

.bg-booming {
  background-position: 0 -600px;
  width: 200px;
  height: 60px
}

.bg-918kiss {
  background-position: -600px -540px
}

.bg-918kiss, .bg-n2live {
  width: 200px;
  height: 60px
}

.bg-n2live {
  background-position: -200px -540px
}

.bg-dreamgaming {
  background-position: -4px -793px;
  width: 200px;
  height: 60px
}

.bg-opus {
  background-position: -270px -860px
}

.bg-idnlive, .bg-opus {
  width: 200px;
  height: 60px
}

.bg-idnlive {
  background-position: -510px -860px
}

.bg-welive {
  background-position: -210px -920px;
  width: 200px;
  height: 60px
}

.bg-ezugi {
  background-position: -480px -985px;
  width: 100px;
  height: 40px;
  -webkit-transform: scale(.8) translateX(10px) !important;
  transform: scale(.8) translateX(10px) !important
}

.g-card:hover .bg-ezugi {
  -webkit-transform: scale(.8) translateX(90px) !important;
  transform: scale(.8) translateX(90px) !important
}

.bg-relax {
  background-position: -392px -920px;
  width: 165px;
  height: 60px
}

.bg-beter {
  background-position: -217px -1045px;
  width: 200px;
  height: 60px
}

.g-card:hover .bg-relax {
  -webkit-transform: scale(.6) translateX(60%) !important;
  transform: scale(.6) translateX(60%) !important
}

.bg-skywind {
  background-position: -400px -540px;
  width: 200px;
  height: 60px
}

.g-card:hover .card-title .bg-playstar {
  -webkit-transform: scale(.6) translateX(60%) !important;
  transform: scale(.6) translateX(60%) !important
}

.bg-playstar {
  background-position: -372px -725px;
  width: 155px;
  height: 50px
}

.bg-redtiger {
  background-position: -413px -676px;
  width: 200px;
  height: 50px
}

.bg-booongo {
  background-position: -515px -730px;
  width: 175px;
  height: 50px
}

.bg-evoplay {
  background-position: -180px -730px;
  width: 200px;
  height: 50px
}

.g-card:hover .card-title .bg-netent {
  -webkit-transform: scale(.6) translateX(100%) !important;
  transform: scale(.6) translateX(100%) !important
}

.bg-netent {
  background-position: -680px -730px;
  width: 115px;
  height: 50px;
  -webkit-transform: scale(.5) translateX(70px) !important;
  transform: scale(.5) translateX(70px) !important
}

.bg-nolimitcity {
  background-position: -172px -800px;
  width: 200px;
  height: 50px
}

.bg-ais {
  background-position: 10px -862px;
  width: 200px;
  height: 80px
}

.bg-eagaming {
  background-position: -370px -798px;
  width: 200px;
  height: 50px
}

.bg-mancalagaming {
  background-position: -580px -798px;
  width: 200px;
  height: 50px
}

.bg-ibc {
  background-position: 0 -540px
}

.bg-cmd, .bg-ibc {
  width: 200px;
  height: 60px
}

.bg-cmd {
  background-position: -600px -480px
}

.bg-beauty {
  background-position: 0 -480px
}

.bg-allbet, .bg-beauty {
  width: 200px;
  height: 60px
}

.bg-allbet {
  background-position: -200px -480px
}

.bg-king4d-live, .bg-king4d-togel {
  background-position: -400px -480px;
  width: 200px;
  height: 60px
}

.bg-evo {
  background-position: 0 -420px
}

.bg-1gaming, .bg-evo {
  width: 200px;
  height: 60px
}

.bg-1gaming {
  background-position: 0 0
}

.bg-asia-gaming {
  background-position: -200px 0;
  width: 200px;
  height: 60px
}

.bg-big-gaming {
  background-position: -400px 0
}

.bg-big-gaming, .bg-bti {
  width: 200px;
  height: 60px
}

.bg-bti {
  background-position: -600px 0
}

.bg-sbo-live {
  background-position: -564px -1026px
}

.bg-cq9, .bg-sbo-live {
  width: 200px;
  height: 60px
}

.bg-cq9 {
  background-position: 0 -60px
}

.bg-ebet {
  background-position: -200px -60px
}

.bg-ebet, .bg-gameplay {
  width: 200px;
  height: 60px
}

.bg-gameplay {
  background-position: -400px -60px
}

.bg-habanero {
  background-position: -600px -60px;
  width: 200px;
  height: 60px
}

.bg-idn {
  background-position: 0 -120px
}

.bg-isoftbet {
  background-position: -200px -120px;
  width: 200px;
  height: 60px
}

.bg-joker-gaming {
  background-position: -400px -120px;
  width: 200px;
  height: 60px
}

.bg-microgaming {
  background-position: -600px -120px;
  width: 200px;
  height: 60px
}

.bg-pragmatic-play {
  background-position: 0 -180px;
  width: 200px;
  height: 60px
}

.bg-realtime-gaming {
  background-position: -200px -180px;
  width: 200px;
  height: 60px
}

.bg-sa-gaming {
  background-position: -400px -180px
}

.bg-sa-gaming, .bg-sbo {
  width: 200px;
  height: 60px
}

.bg-sbo {
  background-position: -600px -180px
}

.bg-568win {
  background-position: -402px -1113px;
  width: 210px;
  height: 70px
}

.bg-568win-beauty {
  background-position: -10px -1190px;
  width: 200px;
  height: 60px
}

.bg-sexy-baccarat {
  background-position: 0 -240px;
  width: 200px;
  height: 60px
}

.bg-simpleplay {
  background-position: -200px -240px;
  width: 200px;
  height: 60px
}

.bg-spadegaming {
  background-position: -400px -240px;
  width: 200px;
  height: 60px
}

.bg-playstargame {
  background-position: -372px -725px;
  width: 155px;
  height: 60px
}

.g-card:hover .card-title[_games_category] .bg-playstargame {
  -webkit-transform: scale(.6) translateX(67%) !important;
  transform: scale(.6) translateX(67%) !important
}

.bg-s128 {
  background-position: -600px -420px;
  width: 200px;
  height: 60px
}

.bg-toptrend-gaming {
  background-position: 0 -300px;
  width: 200px;
  height: 60px
}

.bg-united-gaming {
  background-position: -200px -300px;
  width: 200px;
  height: 60px
}

.bg-wm {
  background-position: -400px -300px
}

.bg-playtech, .bg-wm {
  width: 200px;
  height: 60px
}

.bg-playtech {
  background-position: -600px -300px
}

.bg-playngo {
  background-position: -400px -360px;
  width: 200px;
  height: 60px
}

.bg-playson {
  background-position: -16px -1270px
}

.bg-idn, .bg-playson {
  width: 200px;
  height: 60px
}

.bg-idn {
  background-position: -400px -420px
}

.mat-group {
  position: relative;
  margin: 15px 0
}

textarea.mat-control {
  resize: none
}

input.mat-control, textarea.mat-control {
  background: none;
  color: #c8b9be;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 100%;
  border-radius: 5px;
  border: none;
  border-bottom: 1px solid #c8b9be
}

input.mat-control:focus, textarea.mat-control:focus {
  outline: none
}

input.mat-control:disabled~label, input.mat-control:focus~label, input.mat-control:valid~label, textarea.mat-control:disabled~label, textarea.mat-control:focus~label, textarea.mat-control:valid~label {
  top: -14px;
  font-size: 12px;
  color: #fbebc7
}

input.mat-control:focus~.bar:before, textarea.mat-control:focus~.bar:before {
  width: 100%
}

.mat-group label {
  color: #c8b9be;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  top: 10px;
  transition: all .3s ease
}

.mat-group .bar {
  position: relative;
  display: block;
  width: 100%
}

.mat-group .bar:before {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0;
  position: absolute;
  background: #fbebc7;
  transition: all .3s ease;
  left: 0
}

.popover-header, .popover-title {
  background-color: #030b30;
  font-size: 11.2px;
  border-bottom: none;
  text-decoration: underline
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after, .bs-popover-bottom>.arrow:after {
  border-bottom-color: #030b30
}

.popover-body, .popover-content {
  background-color: #030b30;
  color: #fff
}

.modal-content {
  color: 123123;
  background-color: #1e1d40;
  border-radius: 5px
}

@media screen and (max-width:992px) {
  .container-wrapper, .content, .full-container, .main-content, body, html {
    height: 100%
  }

  body.mobile {
    /* background-color: #471525; */
    /* background-image: linear-gradient(90deg, #471525, #13162f); */
    color: #fff
  }

  body.mobile h2 {
    font-size: 19px
  }

  body.mobile h3, body.mobile h4 {
    font-size: 16px
  }

  body.mobile h5 {
    font-size: 12px
  }

  body.mobile .gradient-box {
    background-color: #471525
  }

  body.mobile .gradient-border:after, body.mobile .gradient-border:before {
    content: none
  }

  body.mobile .mobile-border {
    display: block;
    border-top: 3px solid rgba(31, 65, 129, .8);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw)
  }

  body.mobile .overlay-wrapper {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .7)
  }

  body.mobile .btn-fancy {
    background-color: #871737
  }
}

.loader-b {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.loader-b:before {
  content: "";
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  border-radius: 50%;
  border: 2px solid #fdbb2c;
  border-top-color: #243169;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite
}

.loader-b.large:before {
  width: 72px;
  height: 72px;
  border-width: 5px
}

.loader-b.large:after {
  display: block;
  position: relative;
  -webkit-transform: translateY(-207.5%);
  transform: translateY(-207.5%);
  margin: auto;
  text-align: center;
  content: "Loading"
}

#loader:before, .loader:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  margin-top: 2px;
  border-radius: 50%;
  border: 2px solid #fdbb2c;
  border-top-color: #243169;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn)
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.info-view .nav {
  font-size: 14px
}

.info-view mat-panel-title {
  padding: 5px
}

mat-form-field.mat-form-field.mat-form-field-appearance-outline>div.mat-form-field-wrapper>div.mat-form-field-flex>div.mat-form-field-infix {
  padding: .4em 0
}

mat-form-field.mat-form-field.mat-form-field-appearance-outline>div.mat-form-field-wrapper>div.mat-form-field-flex>div.mat-form-field-infix>span.mat-form-field-label-wrapper {
  top: -1.5em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  -webkit-transform: translateY(-1.1em) scale(.75);
  transform: translateY(-1.1em) scale(.75);
  width: 133.33333%
}

ngx-daterangepicker-material {
  color: #000
}

.sports_pc .iframe-box, .sports_pc iframe {
  height: 1600px !important
}

.cursor-draggable {
  cursor: grab;
  cursor: -webkit-grab
}

.btns-log .btn.btn-block {
  border-radius: 0
}

.ann-wrapper {
  padding: .2em;
  background-color: inherit;
  color: inherit;
  vertical-align: middle
}

.ann-wrapper .ann-content {
  overflow: hidden;
  padding-top: 5px;
  font-weight: 600
}

.ann-wrapper i {
  font-size: 21.882px;
  color: #fdbb2c
}

div.daterangepicker, div.daterangepicker .ranges, div.daterangepicker table {
  color: #000
}

.fancybox-slide>* {
  max-width: 100% !important;
  padding: 10px;
  background-color: transparent !important
}

@media screen and (max-width:992px) {
  .nifty-modal {
    top: 30%
  }
}

@media screen and (min-width:992px) {
  .nifty-modal {
    top: 50%
  }
}

.g-slider-wrapper .title {
  text-transform: uppercase
}

.setup-pin .ce-modal__content-container {
  max-width: 400px;
  min-width: 300px;
  width: 90%;
  padding: 20px
}

.ft_payment_logo {
  display: inline-block;
  margin: 5px 10px 5px 0;
  vertical-align: middle
}

.logo-myr {
  background: url(https://files.sitestatic.net/sprites/ico_bank_my.png?v=1.1) no-repeat
}

.logo-myr.maybank, .logo-myr.MB2U {
  background-position: -1px -154px;
  width: 112px;
  height: 23px
}

.logo-myr.maybank.w, .logo-myr.MB2U.w {
  background-position: -1px -112px
}

.logo-myr.PUBB, .logo-myr.publicbank {
  background-position: -2px -240px;
  width: 109px;
  height: 25px
}

.logo-myr.PUBB.w, .logo-myr.publicbank.w {
  background-position: -2px -201px
}

.logo-myr.CIMB, .logo-myr.cimbbank {
  background-position: 0 -329px;
  width: 112px;
  height: 18px
}

.logo-myr.CIMB.w, .logo-myr.cimbbank.w {
  background-position: 0 -289px
}

.logo-myr.AFFIN, .logo-myr.affinbank {
  background-position: 0 -402px;
  width: 118px;
  height: 29px
}

.logo-myr.AFFIN.w, .logo-myr.affinbank.w {
  background-position: 0 -360px
}

.logo-myr.ALIANCE, .logo-myr.alliancebank {
  background-position: 0 -481px;
  width: 110px;
  height: 29px
}

.logo-myr.ALIANCE.w, .logo-myr.alliancebank.w {
  background-position: 0 -439px
}

.logo-myr.AM, .logo-myr.ambank {
  background-position: 0 -573px;
  width: 116px;
  height: 18px
}

.logo-myr.AM.w, .logo-myr.ambank.w {
  background-position: 0 -531px
}

.logo-myr.bankrakyat, .logo-myr.BSNB {
  background-position: -1px -654px;
  width: 121px;
  height: 25px
}

.logo-myr.bankrakyat.w, .logo-myr.BSNB.w {
  background-position: -1px -613px
}

.logo-myr.CITI, .logo-myr.citibank {
  background-position: 0 -734px;
  width: 110px;
  height: 29px
}

.logo-myr.CITI.w, .logo-myr.citibank.w {
  background-position: 0 -692px
}

.logo-myr.HLBB, .logo-myr.hongleong {
  background-position: 0 -822px;
  width: 118px;
  height: 23px
}

.logo-myr.HLBB.w, .logo-myr.hongleong.w {
  background-position: 0 -780px
}

.logo-myr.hsbc, .logo-myr.HSBC {
  background-position: 0 -907px;
  width: 113px;
  height: 20px
}

.logo-myr.hsbc.w, .logo-myr.HSBC.w {
  background-position: 0 -866px
}

.logo-myr.ocbc, .logo-myr.OCBC {
  background-position: 0 -989px;
  width: 114px;
  height: 24px
}

.logo-myr.ocbc.w, .logo-myr.OCBC.w {
  background-position: 0 -948px
}

.logo-myr.rhb, .logo-myr.RHBB {
  background-position: -1px -1073px;
  width: 81px;
  height: 26px
}

.logo-myr.rhb.w, .logo-myr.RHBB.w {
  background-position: -1px -1031px
}

.logo-myr.uob, .logo-myr.UOB {
  background-position: 0 -1157px;
  width: 88px;
  height: 26px
}

.logo-myr.uob.w, .logo-myr.UOB.w {
  background-position: 0 -1116px
}

.logo-myr.bankislam, .logo-myr.BI {
  background-position: -1px -1238px;
  width: 125px;
  height: 40px
}

.logo-myr.bankislam.w, .logo-myr.BI.w {
  background-position: -1px -112px
}

.logo-thb {
  background: url(https://files.sitestatic.net/sprites/ico_bank_thb.png?v=7) no-repeat
}

.logo-thb.bangkokbank {
  background-position: 0 -48px;
  width: 101px;
  height: 24px
}

.logo-thb.bangkokbank.w {
  background-position: 0 -9px
}

.logo-thb.uau {
  background-position: 0 -122px;
  width: 82px;
  height: 28px
}

.logo-thb.uau.w {
  background-position: 0 -82px
}

.logo-thb.leaf {
  background-position: -1px -198px;
  width: 120px;
  height: 30px
}

.logo-thb.leaf.w {
  background-position: -1px -159px
}

.logo-thb.krungsri {
  background-position: 0 -276px;
  width: 75px;
  height: 26px
}

.logo-thb.krungsri.w {
  background-position: 0 -236px
}

.logo-thb.krungtai {
  background-position: 0 -355px;
  width: 110px;
  height: 20px
}

.logo-thb.krungtai.w {
  background-position: 0 -317px
}

.logo-thb.scb {
  background-position: 0 -431px;
  width: 73px;
  height: 26px
}

.logo-thb.scb.w {
  background-position: 0 -391px
}

.logo-vnd {
  background: url(https://files.sitestatic.net/sprites/ico_bank_vn.png?v=8) no-repeat
}

.logo-vnd.vib, .logo-vnd.VTB {
  background-position: 0 -1345px;
  width: 118px;
  height: 48px
}

.logo-vnd.tp {
  background-position: 0 -1519px;
  width: 151px;
  height: 34px
}

.logo-vnd.vpbank {
  background-position: 0 -1470px;
  width: 142px;
  height: 32px
}

.logo-vnd.viet {
  background-position: 0 -1410px;
  width: 153px;
  height: 39px
}

.logo-vnd.shb {
  background-position: 0 -1223px;
  width: 149px;
  height: 53px
}

.logo-vnd.shin {
  background-position: 0 -1290px;
  width: 147px;
  height: 39px
}

.logo-vnd.scb2 {
  background-position: 0 -1143px;
  width: 140px;
  height: 53px
}

.logo-vnd.ocb2 {
  background-position: 0 -1062px;
  width: 140px;
  height: 61px
}

.logo-vnd.pvcom {
  background-position: 0 -992px;
  width: 116px;
  height: 56px
}

.logo-vnd.vieta {
  background-position: -8px -937px;
  width: 132px;
  height: 34px
}

.logo-vnd.mb {
  background-position: 0 -881px;
  width: 97px;
  height: 42px
}

.logo-vnd.lienvietpost {
  background-position: 0 -838px;
  width: 141px;
  height: 26px
}

.logo-vnd.kienlong {
  background-position: 0 -773px;
  width: 102px;
  height: 54px
}

.logo-vnd.hd {
  background-position: 0 -716px;
  width: 128px;
  height: 48px
}

.logo-vnd.EXIM {
  background-position: 0 -676px;
  width: 144px;
  height: 31px
}

.logo-vnd.AGRI {
  background-position: 0 -640px;
  width: 137px;
  height: 20px
}

.logo-vnd.ab {
  background-position: -2px -609px;
  width: 120px;
  height: 16px
}

.logo-vnd.acb, .logo-vnd.ACB {
  background-position: 0 -58px;
  width: 61px;
  height: 25px
}

.logo-vnd.bidv, .logo-vnd.BIDV {
  background-position: 0 -138px;
  width: 102px;
  height: 33px
}

.logo-vnd.DAB, .logo-vnd.donga {
  background-position: 0 -226px;
  width: 119px;
  height: 24px
}

.logo-vnd.SACOM, .logo-vnd.sacombank {
  background-position: 0 -314px;
  width: 121px;
  height: 18px
}

.logo-vnd.TCB, .logo-vnd.techcombank {
  background-position: 0 -395px;
  width: 124px;
  height: 23px
}

.logo-vnd.vietbank {
  background-position: 0 -475px;
  width: 118px;
  height: 30px
}

.logo-vnd.VCB, .logo-vnd.vietcom {
  background-position: 0 -556px;
  width: 107px;
  height: 36px
}

.logo_e {
  background: url(https://files.sitestatic.net/sprites/ico_e_wallet.png?v=3) no-repeat
}

.logo_e.axis {
  background-position: 0 -5px;
  width: 68px;
  height: 47px
}

.logo_e.telkomsel {
  background-position: 0 -56px;
  width: 101px;
  height: 33px
}

.logo_e.gopays {
  background-position: -129px -5px;
  width: 47px;
  height: 47px
}

.logo_e.ovo {
  background-position: -130px -108px;
  width: 47px;
  height: 47px
}

.logo_e.xl {
  background-position: 0 -127px;
  width: 59px;
  height: 47px
}

.logo_e.dana {
  background-position: -76px -5px;
  width: 47px;
  height: 46px
}

.logo_e.grab {
  background-position: -129px -56px;
  width: 47px;
  height: 47px
}

.logo_e.linkaja {
  background-position: -130px -157px;
  width: 47px;
  height: 47px
}

.logo_e.gojek {
  background-position: 0 -94px;
  width: 124px;
  height: 29px
}

.logo_e.indosat {
  background-position: -62px -127px;
  width: 64px;
  height: 47px
}

.logo_e.maxis {
  background-position: 0 -180px;
  width: 94px;
  height: 40px
}

.logo_hkd {
  background: url(https://files.sitestatic.net/sprites/ico_bank_hkd.png) no-repeat;
  display: inline-block;
  margin: 5px 10px 5px 0;
  vertical-align: middle
}

.logo_hkd.anz {
  background-position: 0 0;
  width: 85px;
  height: 32px
}

.logo_hkd.anz.w {
  background-position: 0 -30px;
  width: 85px;
  height: 32px
}

.logo_hkd.bankeastasia {
  background-position: 0 -190px;
  width: 135px;
  height: 30px
}

.logo_hkd.bankeastasia.w {
  background-position: 0 -215px;
  width: 135px;
  height: 30px
}

.logo_hkd.barclays {
  background-position: 0 -59px;
  width: 100px;
  height: 23px
}

.logo_hkd.barclays.w {
  background-position: 0 -81px;
  width: 100px;
  height: 23px
}

.logo_hkd.commonwealth {
  background-position: 0 -102px;
  width: 110px;
  height: 24px
}

.logo_hkd.commonwealth.w {
  background-position: 0 -122px;
  width: 110px;
  height: 24px
}

.logo_hkd.dbs {
  background-position: 0 -144px;
  width: 124px;
  height: 25px
}

.logo_hkd.dbs.w {
  background-position: 0 -167px;
  width: 124px;
  height: 25px
}

.logo_hkd.icbc {
  background-position: 0 -243px;
  width: 75px;
  height: 32px
}

.logo_hkd.icbc.w {
  background-position: 0 -272px;
  width: 75px;
  height: 32px
}

.logo_hkd.nab {
  background-position: 0 -300px;
  width: 65px;
  height: 30px
}

.logo_hkd.nab.w {
  background-position: 0 -330px;
  width: 65px;
  height: 30px
}

.logo_hkd.rbc {
  background-position: 0 -357px;
  width: 90px;
  height: 35px
}

.logo_hkd.rbc.w {
  background-position: 0 -392px;
  width: 90px;
  height: 35px
}

.logo_hkd.rbs {
  background-position: 0 -425px;
  width: 80px;
  height: 30px
}

.logo_hkd.rbs.w {
  background-position: 0 -452px;
  width: 80px;
  height: 30px
}

.logo_hkd.standardchartered {
  background-position: 0 -480px;
  width: 85px;
  height: 40px
}

.logo_hkd.standardchartered.w {
  background-position: 0 -516px;
  width: 85px;
  height: 40px
}

.logo_hkd.ubs {
  background-position: 0 -552px;
  width: 65px;
  height: 28px
}

.logo_hkd.ubs.w {
  background-position: 0 -576px;
  width: 65px;
  height: 28px
}

.logo_hkd.westpac {
  background-position: 0 -600px;
  width: 110px;
  height: 30px
}

.logo_hkd.westpac.w {
  background-position: 0 -628px;
  width: 110px;
  height: 30px
}

.logo-id, .logo-idr {
  background: url(https://files.sitestatic.net/sprites/ico_bank_id.png?v=11.3) no-repeat;
  display: inline-block;
  margin: 5px 10px 5px 0;
  vertical-align: middle
}

.logo-id.bsn, .logo-idr.bsn {
  background-position: -2px -1602px;
  width: 107px;
  height: 44px
}

.logo-id.mandiri_sya, .logo-idr.mandiri_sya {
  background-position: 0 -1513px;
  width: 100px;
  height: 51px
}

.logo-id.danamon_sya, .logo-idr.danamon_sya {
  background-position: 0 -1453px;
  width: 124px;
  height: 54px
}

.logo-id.bri_sya, .logo-idr.bri_sya {
  background-position: 0 -1406px;
  width: 140px;
  height: 33px
}

.logo-id.bni_sya, .logo-idr.bni_sya {
  background-position: 0 -1345px;
  width: 105px;
  height: 51px
}

.logo-id.bca_sya, .logo-idr.bca_sya {
  background-position: 0 -1313px;
  width: 140px;
  height: 24px
}

.logo-id.danamon, .logo-id.Danamon, .logo-idr.danamon, .logo-idr.Danamon {
  background-position: 0 -94px;
  width: 128px;
  height: 32px
}

.logo-id.danamon.w, .logo-id.Danamon.w, .logo-idr.danamon.w, .logo-idr.Danamon.w {
  background-position: 0 -23px
}

.logo-id.bni, .logo-id.BNI, .logo-idr.bni, .logo-idr.BNI {
  background-position: 0 -218px;
  width: 79px;
  height: 23px
}

.logo-id.bni.w, .logo-id.BNI.w, .logo-idr.bni.w, .logo-idr.BNI.w {
  background-position: 0 -168px
}

.logo-id.bca, .logo-id.BCA, .logo-idr.bca, .logo-idr.BCA {
  background-position: 0 -338px;
  width: 79px;
  height: 24px
}

.logo-id.bca.w, .logo-id.BCA.w, .logo-idr.bca.w, .logo-idr.BCA.w {
  background-position: 0 -282px
}

.logo-id.bri, .logo-id.BRI, .logo-idr.bri, .logo-idr.BRI {
  background-position: 0 -436px;
  width: 106px;
  height: 25px
}

.logo-id.bri.w, .logo-id.BRI.w, .logo-idr.bri.w, .logo-idr.BRI.w {
  background-position: 0 -392px
}

.logo-id.mandiri, .logo-id.Mandiri, .logo-id.MDR, .logo-idr.mandiri, .logo-idr.Mandiri, .logo-idr.MDR {
  background-position: 0 -522px;
  width: 93px;
  height: 28px
}

.logo-id.mandiri.w, .logo-id.Mandiri.w, .logo-id.MDR.w, .logo-idr.mandiri.w, .logo-idr.Mandiri.w, .logo-idr.MDR.w {
  background-position: 0 -475px
}

.logo-id.maybank, .logo-id.Maybank, .logo-idr.maybank, .logo-idr.Maybank {
  background-position: -1px -623px;
  width: 112px;
  height: 23px
}

.logo-id.maybank.w, .logo-id.Maybank.w, .logo-idr.maybank.w, .logo-idr.Maybank.w {
  background-position: -1px -581px
}

.logo-id.cimb, .logo-id.CIMB, .logo-idr.cimb, .logo-idr.CIMB {
  background-position: 0 -710px;
  width: 112px;
  height: 18px
}

.logo-id.cimb.w, .logo-id.CIMB.w, .logo-idr.cimb.w, .logo-idr.CIMB.w {
  background-position: 0 -670px
}

.logo-id.citibank, .logo-id.Citibank, .logo-idr.citibank, .logo-idr.Citibank {
  background-position: 0 -793px;
  width: 110px;
  height: 29px
}

.logo-id.citibank.w, .logo-id.Citibank.w, .logo-idr.citibank.w, .logo-idr.Citibank.w {
  background-position: 0 -751px
}

.logo-id.ocbc, .logo-id.OCBC, .logo-idr.ocbc, .logo-idr.OCBC {
  background-position: 0 -963px;
  width: 114px;
  height: 24px
}

.logo-id.ocbc.w, .logo-id.OCBC.w, .logo-idr.ocbc.w, .logo-idr.OCBC.w {
  background-position: 0 -922px
}

.logo-id.uob, .logo-id.UOB, .logo-idr.uob, .logo-idr.UOB {
  background-position: 0 -1045px;
  width: 88px;
  height: 26px
}

.logo-id.uob.w, .logo-id.UOB.w, .logo-idr.uob.w, .logo-idr.UOB.w {
  background-position: 0 -1004px
}

.logo-id.panin, .logo-idr.panin {
  background-position: 0 -1084px;
  width: 128px;
  height: 17px
}

.logo-id.KALTIM, .logo-idr.KALTIM {
  background-position: -1px -1109px;
  width: 58px;
  height: 30px
}

.logo-id.BUKOPIN, .logo-idr.BUKOPIN {
  background-position: 0 -1154px;
  width: 129px;
  height: 21px
}

.logo-id.SULTRA, .logo-idr.SULTRA {
  background-position: 0 -1193px;
  width: 125px;
  height: 29px
}

.logo-id.PERMATA, .logo-idr.PERMATA {
  background-position: 0 -1226px;
  width: 118px;
  height: 30px
}

.logo-id.SINARMAS, .logo-idr.SINARMAS {
  background-position: -2px -1274px;
  width: 109px;
  height: 26px
}

.logo-id.jenius, .logo-idr.jenius {
  background-position: 0 -1566px;
  width: 110px;
  height: 26px
}

.logo-id.jenius.w, .logo-idr.jenius.w {
  background-position: 0 -1566px
}

.logo-id.shopeepay, .logo-idr.shopeepay {
  background-position: 0 -1592px;
  width: 100px;
  height: 45px
}

.logo-id.shopeepay.w, .logo-idr.shopeepay.w {
  background-position: 0 -1592px
}

.logo-crypto {
  background: url(https://files.sitestatic.net/sprites/crypto-logo.png?v=2) no-repeat;
  background-size: 100px;
  width: 100px;
  height: 100px;
  margin: auto
}

.logo-crypto.idrt, .logo-crypto.rupiah_token {
  background-position: 0 0
}

.logo-crypto.tether, .logo-crypto.usdt {
  background-position: 0 -116px
}

.logo-crypto.bch {
  background-position: 0 -233px
}

.logo-crypto.btc {
  background-position: 0 -349px
}

.payment-methods.payment-methods-items .logo-crypto~div {
  font-size: 12px
}

.payment-methods.payment-methods-items .logo-crypto {
  background-size: 50px;
  width: 52px;
  height: 52px
}

.corner-logo {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px
}

.corner-logo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-color: #871737 transparent transparent;
  border-style: solid;
  border-width: 120px 120px 0 0;
  z-index: -1
}

.corner-logo .logo-crypto {
  -webkit-transform: scale(.6);
  transform: scale(.6);
  position: absolute;
  left: -12%;
  top: -12%
}

.stv-radio-buttons-wrapper {
  clear: both;
  display: inline-block;
  padding: 0 10px
}

.stv-radio-button {
  visibility: hidden
}

.stv-radio-button+label {
  float: left;
  padding: .5em 1em;
  cursor: pointer;
  border: 1px solid #fdbb2c;
  margin-right: -1px;
  color: #fff;
  background-color: #fdbb2c
}

.stv-radio-button+label:first-of-type {
  border-radius: 5px 0 0 5px
}

.stv-radio-button+label:last-of-type {
  border-radius: 0 5px 5px 0
}

.stv-radio-button:checked+label {
  background-color: #fecf6b;
  border-color: #471525;
  color: #181733
}

.carousel-indicators li {
  border-color: #fdbb2c
}

.carousel-indicators li.active {
  background-color: #fdbb2c
}

img.lazy {
  opacity: 0
}

span.verti {
  height: 100%
}

div.verti, span.verti {
  vertical-align: middle;
  display: inline-block
}

.lazy, .lazyloading {
  opacity: 0;
  transition: opacity .4s
}

img.lazyloaded {
  opacity: 1;
  transition: opacity .4s
}

img.lazyload:not([src]) {
  visibility: hidden
}

.radio_2 {
  padding-right: 0;
  padding-left: 0
}

.radio_2[class^=col]:first-child {
  padding-right: 0;
  padding-left: 15px
}

.radio_2[class^=col]:last-child:not(:first-child) {
  padding-left: 0;
  padding-right: 15px
}

.radio_2 label {
  text-align: center;
  display: block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #fdbb2c;
  color: #fdbb2c;
  height: 32px;
  line-height: 32px;
  transition: .7s
}

.radio_2 label .marked {
  display: inline-block;
  opacity: 0;
  border-radius: 50%;
  line-height: 16px;
  height: 16px;
  width: 16px;
  margin-left: 2px;
  background-color: #fff;
  color: #fdbb2c;
  font-weight: 900s;
  vertical-align: middle;
  vertical-align: text-bottom;
  transition: .2s
}

.radio_2 input[type=radio] {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0
}

.radio_2 input[type=radio]:checked~label {
  background-color: #fdbb2c;
  color: #fff;
  transition: .7s
}

.radio_2 input[type=radio]:checked~label .marked {
  opacity: 1;
  transition: .2s
}

.wrapword {
  white-space: -moz-pre-wrap !important;
  white-space: -webkit-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal
}

.text-danger {
  color: #c70022
}

.hot-game-tag {
  top: -4px;
  left: -4px;
  height: 51px;
  background-image: url(/assets/images/sprites/game-tag-icon-hot.webp)
}

.daily-wins, .hot-game-tag {
  position: absolute;
  z-index: 1;
  width: 60px;
  background-size: 60px
}

.daily-wins {
  bottom: 0;
  right: 0;
  height: 61px;
  background-image: url(https://files.sitestatic.net/assets/imgs/daily%20win_1000x1000.png)
}

@-webkit-keyframes blinking {
  50% {
    opacity: 0
  }
}

@keyframes blinking {
  50% {
    opacity: 0
  }
}

.pg_force_reset .title {
  margin-bottom: 1.5em
}

.pg_force_reset .box {
  max-width: 600px;
  padding: 20px 10px 30px;
  margin: 0 auto
}

@media screen and (max-width:992px) {
  .pg_force_reset .box {
    background-color: inherit
  }
}

@media screen and (min-width:992px) {
  .pg_force_reset .box {
    background-color: #1e1d40
  }
}

.pg_force_email_phone .box {
  padding: 20px 30px 30px !important
}

.force_email_phone_heading {
  font-size: 25px !important
}

.toggle-password {
  font-size: 1.4em;
  position: absolute;
  top: 1px;
  right: 22px
}

i.form-control-feedback~.toggle-password {
  right: 60px
}

#loginForm .toggle-password {
  top: 15px !important;
  right: 15px !important
}

.footer_btm_logo_img img {
  max-height: 70px;
  height: auto
}

#loginForm .btn-refresh {
  vertical-align: middle;
  padding-top: 0;
  margin-top: 0;
  border: 0;
  background-color: transparent;
  position: relative;
  text-align: left
}

#loginForm .captcha_img {
  padding: 0;
  vertical-align: top;
  top: 0
}

#loginForm .icon-refresh {
  padding-left: 7.5px;
  font-size: 18px;
  margin-top: 5px;
  display: inline-block
}

.mobile #loginForm .icon-refresh {
  padding-left: 15px
}

#loginForm #LoginCaptcha~i.form-control-feedback {
  top: 4px;
  right: 0
}

#resetPwdForm #fogotrefreshCaptcha {
  background: transparent;
  padding: 0;
  top: -1px;
  left: -15px
}

#resetPwdForm #fogotrefreshCaptcha .captcha_img {
  height: 50px;
  max-width: 100%
}

.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 25px;
  margin: 0 6px;
  vertical-align: middle
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #585858;
  transition: .4s
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  transition: .4s
}

.switch input:checked+.slider {
  background-color: #871737
}

.switch input:focus+.slider {
  box-shadow: 0 0 1px #871737
}

.switch input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px)
}

.switch .slider.round {
  border-radius: 34px
}

.switch .slider.round:before {
  border-radius: 50%
}

#btn-reset2ndpin {
  margin-left: 20px;
  border-radius: 20px;
  padding: 3px 20px
}

.switch_lable {
  font-size: 14px
}

.bank_name_6_acc_font_size {
  font-size: 11px !important
}

.emailsubscribe {
  margin-top: 10px
}

.emailsubscribe label {
  font-size: 14px;
  margin-top: 0;
  padding-left: 8px !important;
  padding-top: 1px !important;
  float: left;
  cursor: pointer
}

.emailsubscribe label input {
  float: left;
  margin-right: 10px
}

.profile-edit .emailsubscribe label {
  font-size: 16px;
  padding-top: 0 !important;
  font-weight: 500 !important;
  cursor: pointer;
  line-height: 20px
}

.text-overflow-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.fancybox-content a {
  display: inline-block
}

.fancybox-content a:focus {
  outline: none
}

.layout.full-container {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.layout .side-nav {
  height: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: .3s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  visibility: hidden
}

.layout .side-nav.open {
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  z-index: 999999999999
}

.layout .side-nav.navContentOpen {
  width: 200px
}

.layout .main-content {
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.25, .8, .25, 1);
  transition-property: margin-left, margin-right, right, left, -webkit-transform;
  transition-property: transform, margin-left, margin-right, right, left;
  transition-property: transform, margin-left, margin-right, right, left, -webkit-transform;
  z-index: 1;
  position: relative
}

.layout .main-content.sideNavOpen {
  margin-left: 100px;
  margin-right: -100px
}

.layout .main-content.sideNavOpen .top-bar {
  left: 100px;
  right: -100px
}

.layout .main-content.navContentOpen {
  margin-left: 200px;
  margin-right: -200px
}

.layout .main-content.navContentOpen .top-bar {
  left: 200px;
  right: -200px
}

.layout .main-content.rightSideBarOpen {
  margin-right: 20rem;
  margin-left: -20rem;
  z-index: 99999999999
}

@media (min-width:768px) {
  .layout .main-content.rightSideBarOpen {
    margin-right: 40rem;
    margin-left: -40rem
  }
}

.layout .main-content.rightSideBarOpen .top-bar {
  right: 20rem;
  left: -20rem
}

@media (min-width:768px) {
  .layout .main-content.rightSideBarOpen .top-bar {
    margin-right: 40rem;
    margin-left: -40rem
  }
}

.layout .content.my01 {
  margin-top: 47px;
  height: auto;
  display: inline-block;
  width: 100%
}

.navContentOpen .backdrop:before, .rightSideBarOpen .backdrop:before, .sideNavOpen .backdrop:before {
  content: "";
  position: absolute;
  top: -47px;
  left: 0;
  height: auto;
  bottom: -150%;
  right: 0;
  width: 100%;
  z-index: 1000;
  padding: 15px;
  background: rgb(111 111 111 / 80%)
}

.footer-desc {
  margin-top: 1em
}

.apk-down-bar {
  padding: 5px 5px 5px 15px
}

.apk-down-bar #btn-close--apk {
  font-size: 1.5em
}

.apk-down-bar .android-wrap {
  float: right;
  padding-right: 5px;
  display: block;
  padding-top: 3px
}

.apk-down-bar .android-wrap i {
  font-size: 1.5em
}

.apk-down-bar a {
  height: 100%;
  display: block
}

.top-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999
}

.top-bar .inner-header {
  background-color: #181733;
  background-image: none;
  color: #5b80e7;
  opacity: .95;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.top-bar a, .top-bar button {
  display: block;
  height: 47px;
  font-size: 1.6rem;
  color: #fdbb2c;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 900
}

.top-bar a {
  position: relative;
  text-decoration: none
}

.top-bar .btn:hover {
  color: currentColor;
  text-decoration: none
}

.top-bar .btn.focus, .top-bar .btn:focus {
  outline: 0;
  box-shadow: none
}

.top-bar a>div, .top-bar a>i {
  line-height: 47px;
  height: 47px;
  vertical-align: middle
}

.top-bar a>div {
  padding: 3px
}

.top-bar .logo img {
  height: 44px;
  vertical-align: top
}

#other-game-bals table tr:first-child {
  border-top: 0 solid #ddd
}

#other-game-bals table tr:last-child td {
  border-bottom: 0 solid #ddd
}

#other-game-bals table tr td {
  border-top: 0 solid #ddd;
  border-bottom: 1px solid #ddd
}

.side-nav-items {
  width: 100px;
  list-style: none;
  margin: 0;
  padding: 0
}

.side-nav-items .pos.enlarge .circle {
  padding: .15em .25em
}

.side-nav-items .pos.enlarge i {
  font-size: 35px
}

.side-nav-items .hot.sub {
  position: absolute;
  right: -10px;
  top: 5px;
  display: inline-block;
  padding: 1px 2px;
  background-color: red;
  color: #fff;
  font-size: .5em;
  border-radius: 5px
}

.side-nav-items .hot.sub.new {
  background: linear-gradient(1deg, #f00, #f00);
  color: #fff
}

.side-nav-items>.nav-item {
  border-bottom: 1px solid rgba(71, 21, 37, .3);
  display: block
}

.side-nav-items>.nav-item>a {
  text-transform: uppercase;
  text-align: center;
  padding: 15px 2px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #fff
}

.side-nav-items>.nav-item>a .nav-title {
  font-size: 12px;
  white-space: normal;
  word-break: break-word
}

.side-nav-items>.nav-item>a i {
  color: #fff;
  font-size: 22.4px
}

.side-nav-items>.nav-item>a.active {
  background-color: #13162f;
  color: inherit
}

.side-nav-items>.nav-item>a.active.notShowActive {
  background-color: transparent
}

.nav-item-content {
  width: 100px;
  padding: 2px;
  display: none;
  left: 100px;
  bottom: 0;
  top: 0;
  position: absolute;
  background-color: #13162f;
  overflow-y: scroll
}

.nav-item-content.open {
  display: block
}

.nav-content {
  height: 100%;
  top: 0;
  left: 0;
  background: #871737;
  overflow-y: scroll
}

.nav-content ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.nav-content .submenu li {
  display: block;
  border-bottom: 1px solid rgba(71, 21, 37, .4)
}

.nav-content .submenu li a {
  text-align: center;
  color: #fff;
  font-size: 22.4px;
  padding: 15px;
  background-color: transparent;
  text-transform: uppercase;
  display: block
}

.nav-content .submenu li a>div {
  position: relative
}

.nav-content h4, .nav-content h5 {
  margin-bottom: 0
}

.nav-content span.circle {
  display: inline-block;
  border-radius: 50%;
  padding: .25em .5em;
  background: #000000;
}

.nav-content span.circle .icon-km_gaming_dark {
  color: #ffe024
}

#r-side-bar {
  height: 100%;
  position: fixed;
  z-index: 1030;
  top: 0;
  right: 0;
  overflow-x: hidden;
  width: 0;
  background-color: #13162f;
  transition: .3s
}

#r-side-bar.open {
  width: 20rem
}

@media (min-width:768px) {
  #r-side-bar.open {
    width: 40rem
  }
}

#r-side-bar .side-bar-content {
  height: 100%;
  width: 100%;
  z-index: 4;
  overflow-x: hidden
}

#r-side-bar .modal-title {
  font-weight: 600
}

#r-side-bar .modal-footer {
  border-top: 1px solid rgba(71, 21, 37, .3)
}

#r-side-bar .modal-header {
  border-bottom: 1px solid rgba(71, 21, 37, .3)
}

@media (min-width:768px) {
  #r-side-bar .profile-head .container {
    width: 100%
  }
}

#r-side-bar .footer-content {
  text-align: left;
  width: 100%
}

#r-side-bar a {
  font-weight: 900;
  position: relative
}

#langModal-mobile {
  top: 50%
}

.language {
  padding: 10px;
  background-color: #471525
}

.language .title {
  background-color: #1e1d40;
  padding: 3px;
  text-align: center
}

.language table {
  margin: 15px auto
}

.language .circle-id {
  margin: 0 auto
}

.language .i {
  padding: 0 15px 15px
}

.language tr {
  margin-bottom: .2em
}

.language .b-line {
  border-left: 1px solid #fff
}

.language .country {
  font-size: .8em;
  text-align: center
}

.language .flag-wrap {
  padding: 0 15px 15px
}

.footer-title {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  font-size: 20px
}

.i-collapse {
  border-radius: 50%;
  padding: 0 5px;
  background-color: #fdbb2c;
  color: #fff;
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: inline-block;
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear
}

.i-collapse.rotate {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.footer-body {
  padding: .1rem 2rem
}

.games-category {
  min-height: 130vh
}

#btn-wrap--goToTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 50%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 99
}

.menu-bottom .navbar-inverse {
  background-color: #871737;
  transition: all .35s ease
}

.menu-bottom .footericon-single {
  padding: 0;
  width: 20%
}

.menu-bottom .footericon-single a {
  font-size: 10px;
  padding: 3px 5px;
  display: block;
  color: #fff
}

.menu-bottom .footericon-single a i {
  font-size: 21px;
  display: block
}

.menu-bottom .footericon-single a.footer-funds i {
  width: 46px;
  height: 46px;
  background-color: #fdbb2c;
  position: absolute;
  top: -20px;
  border-radius: 50%;
  left: calc(50% - 23px);
  line-height: 46px
}

.menu-bottom .footericon-single a.footer-funds div {
  margin-top: 30px
}

.menu-bottom .footericon-single:last-child a {
  border: 0
}

.menu-bottom .flex-row {
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.menu-bottom .horizontal-hover {
  position: fixed;
  bottom: 60px;
  left: calc(50% - 150px);
  width: 300px;
  z-index: 999;
  background-color: #243169;
  transition: all .35s ease;
  visibility: hidden;
  opacity: 0
}

.menu-bottom .horizontal-hover.show {
  bottom: 70px;
  opacity: 1;
  visibility: visible;
  transition: all .5s ease
}

.menu-bottom .horizontal-hover.show:after {
  transition: all .5s ease .2s;
  bottom: -8px
}

.menu-bottom .horizontal-hover:after {
  content: "";
  position: absolute;
  left: calc(50% - 4px);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #243169;
  bottom: 0;
  opacity: .95
}

.menu-bottom .horizontal-hover li {
  width: 32%;
  vertical-align: middle;
  border-right: 1px solid hsla(0, 0%, 100%, .15)
}

.menu-bottom .horizontal-hover li a {
  display: block;
  padding: 8px 5px
}

.menu-bottom .horizontal-hover li:last-child {
  border-right: 0
}

.menu-bottom .vertical-hover {
  position: absolute;
  bottom: 85%;
  left: calc(50% - 20px);
  width: 300px;
  z-index: 999;
  transition: all .35s ease;
  visibility: hidden;
  opacity: 0
}

.menu-bottom .vertical-hover li {
  display: block;
  background-color: #243169;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 45px;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .8);
  margin: -15px 0 4px;
  transition: all .35s ease
}

.menu-bottom .vertical-hover.show {
  bottom: 85%;
  opacity: 1;
  visibility: visible;
  transition: all .5s ease
}

.menu-bottom .vertical-hover.show li {
  margin-top: 0;
  transition: all .5s ease
}

.mobile.input-focused .navbar-fixed-bottom {
  bottom: -150px;
  opacity: 0;
  visibility: hidden;
  transition: all .35s ease
}

.my-tab-link {
  display: -webkit-flex;
  display: flex;
  position: relative;
  background: transparent;
  border-radius: 2px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden
}

.my-tab-link hr {
  transition: all 375ms ease-out;
  will-change: transform, background;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  border: 0;
  border-radius: 2px;
  height: 4px;
  background: #b4b4b4
}

.my-tab-link a {
  display: block;
  height: 48px;
  padding: 10px 24px;
  text-align: center;
  text-transform: capitalize;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

@media screen and (max-width:992px) {
  .my-tab-link a {
    min-width: 72px
  }
}

@media screen and (min-width:992px) {
  .my-tab-link a {
    margin: 0;
    padding: 0;
    min-width: 160px
  }
}

.my-tab-link a:hover {
  color: #fdbb2c
}

.my-tab-link a:hover~hr {
  background: #c6b692;
  transition: background .25s ease-out, -webkit-transform .25s cubic-bezier(0, .5, .5, 1.1);
  transition: transform .25s cubic-bezier(0, .5, .5, 1.1), background .25s ease-out;
  transition: transform .25s cubic-bezier(0, .5, .5, 1.1), background .25s ease-out, -webkit-transform .25s cubic-bezier(0, .5, .5, 1.1)
}

.my-tab-link a:active {
  color: #fdbb2c
}

.my-tab-link a:active~hr {
  background: #fdbb2c;
  transition: all .25s ease-out
}

.file-drop-area {
  border: 1px dashed #fff;
  border-radius: 5px;
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 15px 20px;
  transition: .2s
}

.file-drop-area .is-active, .file-drop-area .is-dragover {
  background-color: #243169
}

.file-drop-area .file-msg {
  font-size: small;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(100% - 130px);
  vertical-align: middle;
  padding-left: 5px
}

.file-drop-area .file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0
}

.file-drop-area .file-input:focus {
  outline: none
}

.ce-modal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  padding: 15px;
  background: rgba(71, 21, 37, .8);
  text-align: center
}

@media screen and (max-width:992px) {
  .ce-modal__backdrop {
    text-align: left
  }
}

@media screen and (min-width:992px) {
  .ce-modal__backdrop {
    text-align: center
  }
}

.ce-modal__backdrop.isExpandFully {
  padding: 0
}

.ce-modal__content-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -70%);
  transform: translate(-50%, -70%);
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: auto;
  background: transparent;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, .5);
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  background-color: #471525
}

.isExpandFully .ce-modal__content-container {
  max-width: 100%
}

.jackpot {
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  text-align: center
}

.jackpot .txt-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.jackpot .text-content {
  text-align: center;
  height: 100%;
  font-weight: 700;
  color: #fff;
  padding-top: 9px
}

@media screen and (max-width:992px) {
  .jackpot .text-content {
    font-size: 15px
  }
}

@media screen and (min-width:992px) {
  .jackpot .text-content {
    font-size: 2rem
  }
}

.jackpot .text-content:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle
}

.g-slider-wrapper ul::-webkit-scrollbar {
  display: none
}

.g-slider-wrapper ul {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.g-slider-wrapper {
  padding-top: 1px
}

.g-slider-wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-y: hidden;
  white-space: nowrap
}

.g-slider-wrapper li {
  display: inline-block;
  position: relative
}

.g-slider-wrapper img {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 5px
}

.g-slider-wrapper a.game-box, .g-slider-wrapper div.game-box {
  position: relative;
  display: block;
  margin-right: 5px;
  width: 82.5px;
  height: 82.5px;
  color: inherit
}

.g-slider-wrapper .game-title {
  text-transform: uppercase;
  font-size: 11.2px;
  overflow: hidden
}

.mdc-tab-bar {
  width: 100%;
  border-bottom: 1px solid hsla(0, 0%, 100%, .12)
}

.mdc-tab-scroller {
  overflow-y: hidden
}

.mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: touch;
  display: -webkit-flex;
  display: flex;
  overflow-x: hidden
}

.mdc-tab-scroller__scroll-area--scroll {
  overflow-x: hidden;
  overflow-y: hidden;
  margin-bottom: 0
}

.mdc-tab-scroller__scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 0
}

.mdc-tab-scroller__scroll-content {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-transform: none;
  transform: none;
  will-change: transform
}

.mdc-tab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: .0892857143em;
  text-decoration: none;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  border: none;
  outline: none;
  background: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1;
  width: 100%;
  padding: 15px 24px
}

@media screen and (max-width:992px) {
  .mdc-tab {
    min-width: 20px
  }
}

@media screen and (min-width:992px) {
  .mdc-tab {
    min-width: 160px
  }
}

@media screen and (max-width:992px) {
  .profile-head .mdc-tab {
    padding: 10px
  }
}

@media screen and (min-width:992px) {
  .profile-head .mdc-tab {
    padding: 15px 24px
  }
}

.mdc-tab__content {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: inherit;
  pointer-events: none
}

.mdc-tab__text-label {
  transition: color .15s linear;
  display: inline-block;
  line-height: 1;
  z-index: 2
}

.mdc-tab .mdc-tab__text-label {
  color: #fff
}

.mdc-tab--active .mdc-tab__text-label, .mdc-tab.active .mdc-tab__text-label {
  color: #fdbb2c
}

.mdc-tab-indicator {
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1
}

.mdc-tab-indicator__content {
  -webkit-transform-origin: left;
  transform-origin: left;
  opacity: 0
}

.mdc-tab-indicator--active .mdc-tab-indicator__content, .mdc-tab-indicator.active .mdc-tab-indicator__content {
  opacity: 1
}

.mdc-tab-indicator__content--underline {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  border-top-style: solid
}

.mdc-tab-indicator .mdc-tab-indicator__content {
  transition: -webkit-transform .25s cubic-bezier(.4, 0, .2, 1);
  transition: transform .25s cubic-bezier(.4, 0, .2, 1);
  transition: transform .25s cubic-bezier(.4, 0, .2, 1), -webkit-transform .25s cubic-bezier(.4, 0, .2, 1)
}

.mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-color: #fdbb2c;
  border-top-width: 2px
}

@media screen and (max-width:992px) {
  #r-side-bar .mdc-tab--active:before, #r-side-bar .mdc-tab.active:before {
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -3px;
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #13162f;
    z-index: 3
  }

  #r-side-bar .mdc-tab--active, #r-side-bar .mdc-tab-indicator.active, #r-side-bar .mdc-tab.active {
    background: #243169;
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
  }

  #r-side-bar .mdc-tab--active .mdc-tab__text-label, #r-side-bar .mdc-tab.active .mdc-tab__text-label {
    color: #fff
  }

  #r-side-bar .mdc-tab {
    background: #243169;
    font-size: 11px;
    text-shadow: 1px 0 1px #3c3c3c
  }

  #r-side-bar .mdc-tab .mdc-tab__text-label {
    color: #fff
  }

  #r-side-bar .mdc-tab:not(:last-child) {
    border-right: 1px solid #555
  }

  #r-side-bar .outlet, #r-side-bar .profile-edit p, #r-side-bar .profile-edit p input {
    font-size: 12px !important
  }

  #r-side-bar .switch_lable {
    font-size: 9px
  }

  #r-side-bar .mdc-tab-bar {
    border-bottom: 0
  }

  #r-side-bar a:focus {
    outline: 0 auto -webkit-focus-ring-color
  }

  #r-side-bar .mdc-tab-indicator--active .mdc-tab-indicator__content, #r-side-bar .mdc-tab-indicator.active .mdc-tab-indicator__content {
    opacity: 0
  }
}

label.radio {
  font-size: 14px;
  color: #fff;
  position: relative
}

label.radio [type=radio]:checked, label.radio [type=radio]:not(:checked) {
  position: absolute;
  opacity: 0;
  pointer-events: none
}

label.radio [type=radio]:checked+span, label.radio [type=radio]:checked.has-success~.form-control-feedback~.error+span, label.radio [type=radio]:not(:checked)+span, label.radio [type=radio]:not(:checked).has-success~.form-control-feedback~.error+span {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

label.radio .has-success~.form-control-feedback {
  display: none
}

label.radio .has-success~.form-control-feedback~.error+span:after, label.radio .has-success~.form-control-feedback~.error+span:before, label.radio [type=radio]+span:after, label.radio [type=radio]+span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  transition: .28s ease;
  border-radius: 50%
}

label.radio [type=radio]:not(:checked)+span:after, label.radio [type=radio]:not(:checked)+span:before, label.radio [type=radio]:not(:checked).has-success~.form-control-feedback~.error+span:after, label.radio [type=radio]:not(:checked).has-success~.form-control-feedback~.error+span:before {
  border: 2px solid #fff
}

label.radio [type=radio].with-gap.has-success:not(:checked)~.form-control-feedback~.error+span:after, label.radio [type=radio]:not(:checked)+span:after {
  -webkit-transform: scale(0);
  transform: scale(0)
}

label.radio [type=radio].with-gap.has-success:checked~.form-control-feedback~.error+span:after, label.radio [type=radio].with-gap:checked+span:after {
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

label.radio [type=radio].with-gap:checked+span:after, label.radio [type=radio].with-gap:checked+span:before, label.radio [type=radio]:checked+span:after, label.radio [type=radio]:checked.has-success~.form-control-feedback~.error+span:after, label.radio [type=radio]:checked.has-success~.form-control-feedback~.error+span:before {
  border: 2px solid #fdbb2c
}

label.radio [type=radio].with-gap.has-success:checked~.form-control-feedback~.error+span:after, label.radio [type=radio].with-gap:checked+span:after, label.radio [type=radio]:checked+span:after, label.radio [type=radio]:checked.has-success~.form-control-feedback~.error+span:after {
  background-color: #fdbb2c
}

.sub-games div.games {
  margin-left: -5px;
  margin-right: -5px
}

.sub-games div.games.flex-row {
  -webkit-justify-content: flex-start !important;
  justify-content: flex-start !important
}

.sub-games .game-box {
  position: relative;
  display: block;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.sub-games .game-box:after {
  display: block;
  padding-bottom: 100%
}

.content-wrapper {
  padding: 4px;
}

.sub-games .game-box .content-wrapper {
  padding: 5px;
  overflow: auto
}

.sub-games .game-box img {
  border-radius: 5px;
  border-radius: 1.33333vmin;
  width: 100%;
  height: auto;
  min-height: 90px;
  background-size: 100% 100%
}

.sub-games .game-box h5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.sub-games .amount_box {
  background-color: #181733;
  border: 1px solid #101010;
  color: #ffe9bb;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  bottom: 5px;
  width: 91.5%;
  padding: 2px 0;
  z-index: 1;
  display: block !important
}

.sub-games .daily-wins-tag {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 61px;
  background-size: 60px;
  background-image: url(https://files.sitestatic.net/assets/imgs/daily%20win_1000x1000.png)
}

.sub-games .tournament-tag {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 25px;
  background-size: 100px;
  background-image: url(https://files.sitestatic.net/assets/imgs/tournament_label_200x50.png)
}

.sub-games .title {
  text-transform: uppercase
}

.sub-games .filter {
  padding-bottom: 5px
}

.sub-games .filter .btn {
  padding: 0 0 5px;
  display: inline-block;
  border-bottom: 1.5px solid transparent;
  font-size: 16px;
  margin-top: 5px
}

.sub-games .filter .btn.active {
  color: #fdbb2c;
  border-bottom-color: #fdbb2c
}

.sub-games .scroll-wrapper {
  display: -webkit-flex;
  display: flex
}

.sub-games .scroll-wrapper .poweredBy-logo {
  margin: 0 auto;
  width: 70px;
  height: 50px;
  padding: 0;
  position: relative
}

.sub-games .scroll-wrapper .poweredBy-logo .logo_provider {
  -webkit-transform: scale(.7);
  transform: scale(.7);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0
}

.sub-games .scroll-wrapper .row.slider-content {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  overflow: auto;
  white-space: nowrap;
  background-color: #243169
}

.sub-games .scroll-wrapper .row.slider-content .game-title {
  text-transform: uppercase;
  color: #fff
}

.sub-games .scroll-wrapper .row.slider-content i {
  color: #fff;
  font-size: 28px;
  height: 1.5em;
  display: inline-block;
  position: relative;
  margin-top: 5px
}

.sub-games .scroll-wrapper .row.slider-content i~h4 {
  margin-bottom: 0
}

.sub-games .scroll-wrapper .next-btn, .sub-games .scroll-wrapper .prev-btn {
  width: 100%;
  height: 100%;
  background-color: #1f4181;
  padding: 0;
  color: #fff;
  border-radius: 5px
}

.sub-games .scroll-wrapper .left {
  -webkit-flex-basis: 15px;
  flex-basis: 15px
}

.sub-games .scroll-wrapper .slider {
  overflow: hidden;
  -webkit-flex-basis: 100%;
  flex-basis: 100%
}

.sub-games .scroll-wrapper .right {
  -webkit-flex-basis: 15px;
  flex-basis: 15px
}

.sub-games .scroll-wrapper .btn-box {
  overflow: auto;
  display: block;
  width: 100%;
  text-align: center;
  height: 100%;
  min-width: 80px;
  width: 105px;
  padding: 0;
  border-left: 0 solid transparent;
  border-right: 5px solid #1f4181
}

.col:last-of-type .sub-games .scroll-wrapper .btn-box {
  border-right: 5px solid transparent
}

.sub-games .scroll-wrapper .btn-box.active, .sub-games .scroll-wrapper .btn-box:active {
  background-color: #040e38
}

.sub-games .scroll-wrapper .btn-box.active .game-title, .sub-games .scroll-wrapper .btn-box:active .game-title {
  text-transform: uppercase;
  color: #fff
}

.sub-games .apkdownload-box {
  background: #1f4181;
  color: #fff;
  margin-top: 20px;
  padding: 15px
}

.sub-games .apkdownload-box h3 {
  color: #fdc54c
}

.sub-games .apkdownload-box ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.sub-games .apkdownload-box li {
  padding: 8px;
  background-color: #040e38;
  margin: 5px
}

.sub-games .apkdownload-box li span {
  font-size: 16px;
  padding: 0 10px 0 0
}

.sub-games .apkdownload-box .download-btn {
  width: 100%;
  padding: 10px;
  text-align: center;
  background: #ef940c;
  color: #fff;
  display: block;
  margin: 5px auto;
  border: 0
}

.sub-games .apkdownload-box .apk-user-info {
  background: #333;
  display: block;
  padding: 10px;
  width: 100%;
  margin: 0 auto;
  text-indent: 0
}

.sub-games .apkdownload-box ul.password-criteria {
  list-style: disc;
  margin: 0 0 0 25px
}

.sub-games .apkdownload-box .howtolist>li {
  padding-left: 25px;
  text-indent: -20px;
  padding-right: 15px
}

.sub-games .apkdownload-box .apk-pop-form {
  text-indent: 0
}

.sub-games .apkdownload-box ul.password-criteria li {
  padding: 5px
}

@media screen and (min-width:768px) {
  .d-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
  }
}

#gamelinksModal-1 .md-body {
  padding: 15px;
  background: #040e38
}

#gamelinksModal-1 .g-title {
  font-size: 21.882px;
  color: #fff
}

#filterModal-2 .md-body, #searchModal .md-body {
  padding: 15px;
  background: #040e38;
  width: 300px
}

#searchModal .srch_icon {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  padding: 0 2px;
  background-color: hsla(0, 0%, 100%, .15)
}

#searchModal .search_filter {
  position: relative
}

#searchModal .search_filter .srch_button {
  position: absolute;
  right: 0;
  background: no-repeat;
  padding: 9px;
  color: #fff
}

#searchModal .search_filter .search {
  width: 100%;
  height: auto;
  line-height: 17px;
  color: #fff;
  padding: 12px 12px 12px 35px;
  background-color: hsla(0, 0%, 100%, .1);
  border: 0;
  text-align: left
}

#searchModal .search_filter .search:focus, #searchModal .search_filter .search:hover {
  outline: none
}

.game-frame .iframe-wrapper {
  position: relative
}

@media screen and (max-width:992px) {
  .game-frame .iframe-wrapper {
    z-index: 999
  }
}

@media screen and (min-width:992px) {
  .game-frame .iframe-wrapper {
    z-index: 1
  }
}

@media screen and (max-width:992px) {
  .game-frame .iframe-wrapper {
    padding: 0
  }
}

@media screen and (min-width:992px) {
  .game-frame .iframe-wrapper {
    padding: 0 15px
  }
}

.game-frame .btn-wrap {
  top: 5px;
  left: 40px;
  position: absolute !important
}

@media screen and (max-width:992px) {
  .game-frame .btn-wrap {
    z-index: 1100
  }
}

@media screen and (min-width:992px) {
  .game-frame .btn-wrap {
    z-index: 100000
  }
}

.game-frame .btn {
  font-size: 1.2rem;
  background-color: rgba(253, 187, 44, .7);
  border-radius: 50%;
  padding: .25em .5em
}

.game-frame .iframe-box, .game-frame iframe {
  width: 100%;
  background-color: #1e1d40
}

@media screen and (max-width:992px) {
  .game-frame .iframe-box, .game-frame iframe {
    height: 100vh
  }
}

@media screen and (min-width:992px) {
  .game-frame .iframe-box, .game-frame iframe {
    height: 880px
  }
}

.game-frame .scaleSm {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  height: 200vh;
  width: 200%;
  position: absolute !important;
  top: 0;
  left: 0
}

.game-frame iframe.bg-spinner {
  position: relative;
  background-image: url(/assets/gifs/spinner.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center 30% !important;
  z-index: 100
}

.game-frame iframe.bg-spinner.stop {
  background-image: none
}

.game-frame .iframe-box {
  background-color: rgba(0, 0, 0, .6)
}

.acc.container-wrapper {
  background-color: color(primary, dark);
  height: 100% !important
}

.acc.container-wrapper .title {
  padding: 0 15px
}

.acc.container-wrapper .deposit .content-form {
  margin: 0 !important
}

.acc.container-wrapper .content .deposit>.row, .acc.container-wrapper .content>.row {
  margin: 0;
  margin-top: .5rem !important
}

.acc.container-wrapper .container-box .game-bals {
  padding-right: 15px;
  padding-bottom: 15px
}

.acc.container-wrapper .container-box .title {
  color: #fff
}

@media screen and (max-width:992px) {
  .acc.container-wrapper .container-box .title {
    background-color: #040e38
  }
}

@media screen and (min-width:992px) {
  .acc.container-wrapper .container-box .title {
    background-color: #040e38
  }
}

.acc.container-wrapper .container-box form>.box-wrapper {
  border: none;
  padding: 0
}

.acc.container-wrapper .container-box .box-wrapper {
  border: 1px solid;
  margin-bottom: 5px
}

.acc.container-wrapper .container-box .box-wrapper .form-check {
  display: block !important
}

.acc.container-wrapper .container-box .box-wrapper .box-wrapper-title {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  width: 150px
}

.acc.container-wrapper .container-box .box-wrapper button.tick:before {
  content: "✓";
  color: #000;
  position: absolute;
  bottom: -4px;
  right: 0;
  z-index: 1
}

.acc.container-wrapper .container-box .box-wrapper button.tick:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
  border-bottom: 20px solid;
  border-left: 20px solid transparent
}

.acc.container-wrapper .container-box .box-wrapper button.payment-methods-items {
  margin: 5px 3px;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  background-color: transparent;
  border: none;
}

.acc.container-wrapper .container-box .box-wrapper button.payment-methods-items .txt_accName {
  font-size: 8.96px
}

.acc.container-wrapper .container-box .box-wrapper button.payment-methods-items .verti {
  height: auto;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #871737;
  position: relative;
  background-color: #fff
}

.acc.container-wrapper .container-box .box-wrapper button.payment-methods-items .verti.active, .acc.container-wrapper .container-box .box-wrapper button.payment-methods-items .verti:hover {
  border-color: #fdbb2c
}

.acc.container-wrapper .container-box .box-wrapper button.payment-methods-items .verti img {
  height: auto;
  width: 78px;
  margin-left: 6px
}

.acc.container-wrapper .container-box .box-wrapper button.payment-methods-items .verti:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  background-color: #fff
}

.acc.container-wrapper .container-box .box-wrapper button.payment-methods-items .verti.online:before {
  top: 0;
  left: 4px;
  background: url(https://files.sitestatic.net/sprites/on.png) no-repeat;
  background-position: 0;
  background-size: 13px 13px;
  width: 100%;
  height: 100%;
  z-index: 99
}

.acc.container-wrapper .container-box .box-wrapper button.payment-methods-items .verti.offline:before {
  top: 0;
  left: 4px;
  width: 100%;
  height: 100%;
  background: url(https://files.sitestatic.net/sprites/off.png) no-repeat;
  background-position: 0;
  background-size: 12px 12px;
  z-index: 99
}

.acc.container-wrapper .container-box .box-wrapper button.payment-methods-items .verti.txt_only {
  height: 2.5em;
  padding: .5em 5px .5em 21px;
  color: #000
}

.acc.container-wrapper .container-box .box-wrapper .file-drop-area {
  margin: 0
}

.acc.container-wrapper .container-box .box-wrapper .file-drop-area .file-msg {
  text-overflow: unset;
  padding-left: 0;
  max-width: none
}

.acc.container-wrapper .container-box .pay-title {
  padding-top: 5px
}

.acc.container-wrapper .container-box .plr-15 {
  padding: 0 15px 5px
}

.acc.container-wrapper .container-box .mdc-wrapper {
  margin: 15px 0
}

.acc.container-wrapper .container-box .mdc-wrapper .mdc-items {
  display: inline-block;
  padding: 0 25px;
  border-right: 1px solid;
  font-size: 1rem
}

.acc.container-wrapper .container-box .mdc-wrapper .mdc-items.active {
  color: #fdbb2c
}

.acc.container-wrapper .container-box .mdc-wrapper .mdc-items:last-child {
  border: none
}

.d-flex {
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex
}

.align-items-center {
  -webkit-align-items: center;
  align-items: center
}

.outlet {
  padding: 15px
}

.flex-wrap {
  -webkit-flex-wrap: wrap !important;
  flex-wrap: wrap !important
}

.m-15 {
  margin: 0 0 15px
}

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

.flex-column {
  -webkit-flex-direction: column !important;
  flex-direction: column !important
}

#other-game-bals .table {
  margin-bottom: 0;
  font-size: 1em;
  color: #fff
}

#other-game-bals .table>tbody>tr>td:first-child {
  padding-left: 15px
}

#other-game-bals .table>tbody>tr>td:last-child {
  padding-right: 15px
}

#f_grp_promo_code {
  width: 90%
}

#f_grp_promo_code .btn, #f_grp_promo_code input {
  font-size: 13px
}

.bankInfo-box .acc_status {
  font-weight: 700;
  font-weight: 900;
  font-size: 1.1em;
  padding-right: 6px
}

.bankInfo-box .acc_status .text-success {
  color: #22b14c
}

.deposit .nav {
  margin-bottom: 1em
}

.mobile .deposit .has-error~.help-block {
  margin-top: -15px
}

.mobile .deposit .has-error~.help-block#promo_code-error {
  position: relative;
  margin: 0
}

.deposit #promo_code~i.form-control-feedback {
  display: none
}

.deposit .nav-btn-item {
  display: block;
  width: 100%;
  padding: .5em 0;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  overflow: hidden
}

.deposit .nav-btn-item .overlay {
  background-color: rgba(71, 21, 37, .8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block
}

.deposit .nav-btn-item.active {
  background-color: #fff
}

.deposit .nav-btn-item.active .overlay {
  display: none
}

.deposit .bg-co-sm:before, .deposit .bg-um-sm:before {
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.deposit .channels-logo {
  position: relative;
  background: url(/assets/images/deposit-channels/deposit-channels.png?v=1.2) no-repeat;
  height: 35px;
  margin: 0 auto;
  z-index: 1;
  width: 100px
}

.deposit .logo-bank-transfer {
  background-position: 0 0
}

.deposit .logo-help2pay {
  background-position: 0 -124px
}

.deposit .logo-pay24u {
  background-position: 0 -44px
}

.deposit .logo-vaderpay {
  background-position: 0 -84px
}

.deposit .payments {
  padding: 16px
}

.deposit .payments:after {
  content: "";
  background-image: radial-gradient(#000 20%, #fff 100%);
  opacity: .25;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0
}

.deposit .pay-title {
  text-transform: uppercase;
  font-weight: 700
}

@media screen and (max-width:992px) {
  .deposit .tab-content .container {
    padding: 0
  }
}

@media screen and (min-width:992px) {
  .deposit .tab-content .container {
    padding: 0 15px
  }
}

@media screen and (max-width:992px) {
  .deposit .content-form {
    -webkit-order: 2;
    order: 2
  }
}

@media screen and (min-width:992px) {
  .deposit .content-form {
    -webkit-order: 1;
    order: 1
  }
}

.mobile .deposit .content-form {
  margin: 0 -15px
}

@media screen and (max-width:992px) {
  .deposit .content-txt {
    -webkit-order: 1;
    order: 1
  }
}

@media screen and (min-width:992px) {
  .deposit .content-txt {
    -webkit-order: 2;
    order: 2
  }
}

.methods_form #lbl-pls-select {
  text-transform: uppercase;
  font-size: .7rem
}

.methods_form .pg_sec .pg_method {
  border: 1px solid #1b1a28;
  width: 48%;
  margin: 10px 5px 0;
  position: relative
}

.methods_form .pg_sec .pg_method:last-of-type {
  margin: 10px 5px
}

.methods_form .pg_sec .pg_method.bg-um-sm {
  opacity: .9
}

.methods_form .pg_sec .pg_method.bg-um-sm:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://files.sitestatic.net/sprites/pc_um.png);
  background-repeat: no-repeat;
  -webkit-transform: none;
  transform: none;
  background-position: 0 0
}

.methods_form .pg_sec .pg_bank_logs_sec {
  background-color: #fff
}

.methods_form .pg_sec .provider_logo {
  width: auto;
  padding: 0 15px;
  height: 30px;
  margin: 4px 0
}

.methods_form .pg_sec .pg_title {
  background: #1b1a28;
  text-align: center
}

.methods_form .pg_sec .pg_bank_logo {
  width: auto;
  padding: 0 15px;
  height: 15px;
  margin: 10px 0
}

#depositForm .btn-secondary {
  color: #fff
}

#depositForm .info-lst {
  margin-top: -15px
}

#depositForm .form-check {
  padding-left: 0
}

#depositForm .radio_2 label {
  padding: 0 10px
}

#depositForm .bankInfo-box {
  padding: 5px 8px;
  background: #fff;
  color: #181733;
  border-radius: 5px;
  box-shadow: 0 3px 6px hsla(0, 0%, 100%, .19), 0 3px 6px hsla(0, 0%, 100%, .23);
  border: none;
  position: relative
}

@media screen and (max-width:992px) {
  #depositForm .bankInfo-box {
    margin: 15px 0 10px
  }
}

@media screen and (min-width:992px) {
  #depositForm .bankInfo-box {
    margin: 25px 20px 10px
  }
}

#depositForm .bankInfo-box .copy-input {
  height: 0;
  color: transparent;
  position: absolute;
  left: 0;
  z-index: -10
}

#depositForm .bankInfo-box .btn-copy {
  float: right
}

#depositForm .bankInfo-box .i-invoice {
  color: inherit
}

#depositForm .bankInfo-box .box-title {
  margin-bottom: 3px
}

.bank-link {
  position: relative;
  display: block;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 10px
}

.bank-link:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: .5
}

.bank-link:hover:before {
  opacity: 0
}

.banks {
  margin: auto;
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

table.info-box--001 {
  border-radius: 5px;
  -moz-border-radius: 5px;
  border-collapse: separate;
  margin-bottom: 0;
  font-size: 14px;
  padding: 0 5px 10px
}

table.info-box--001 small {
  font-size: 11px;
  font-weight: 700
}

table.info-box--001 .lbl {
  padding: 3px 5px;
  background-color: #fdbb2c;
  color: #fff;
  border-radius: 3px
}

table.info-box--001 a.lbl {
  padding: 0 5px
}

table.info-box--001 i {
  color: #ed1c24
}

table.info-box--001 tr.first td {
  padding-top: 3px
}

table.info-box--001 tr.tr_type2 td {
  padding-top: 7px;
  padding-bottom: 7px
}

table.info-box--001 input, table.info-box--001 textarea {
  text-align: right;
  border: none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  outline: none;
  resize: none
}

table.info-box--001 b {
  font-style: italic
}

table.info-box--001 td:first-child, table.info-box--001 th:first-child {
  border-left: none
}

table.info-box--001 tbody>tr>td, table.info-box--001 tbody>tr>th {
  color: #181733;
  padding: 0;
  line-height: 1
}

.mobile .user_bank .mob_add_btn {
  margin-top: 0 !important;
  padding: 0
}

.mobile .user_bank #bank_user_id-error {
  width: 160px
}

.mobile .user_bank .col-xs-8 {
  padding: 0
}

.mobile .user_bank #btn_add_ubank__depo {
  height: 30px;
  padding: 0 15px
}

.mobile .methods_form .pg_sec .pg_method {
  width: 100%
}

.user_bank .bank_add_btn_sec {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 15px
}

.steps {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 10px
}

.steps .step__bar {
  counter-reset: step;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  width: 50%;
  margin: 0
}

.steps .step__bar li {
  list-style-type: none;
  position: relative;
  text-align: center;
  font-weight: 600;
  z-index: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto
}

.steps .step__bar li.line__wrapper {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: relative;
  min-height: 100%;
  -webkit-align-self: stretch;
  align-self: stretch
}

.steps .step__bar li.line__wrapper .line {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  height: 2px;
  background-color: #fdbb2c
}

.steps .step__bar li .step {
  z-index: 2;
  height: 60px;
  width: 60px;
  line-height: 60px
}

.steps .step__bar li .step, .steps .step__bar li .step__inner {
  display: inline-block;
  text-align: center;
  background: transparent;
  border-radius: 50%;
  border: 1px solid #fdbb2c
}

.steps .step__bar li .step__inner {
  margin: 3px auto;
  line-height: 52px;
  height: 52px;
  width: 52px;
  color: #fff;
  transition: all .3s
}

.steps .step__bar li .step.active .step__inner {
  color: #fff;
  background: linear-gradient(270deg, #871737, #fdbb2c 93.58%)
}

.steps .step__bar li:last-child:after {
  content: none
}

.deposit-notice-content {
  padding: 15px
}

.deposit-notice-content li {
  margin-bottom: 10px
}

.deposit-notice-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.deposit-notice-menu a {
  padding-right: 0
}

.depositinfo-modal .md-body {
  padding: 15px;
  background-color: #871737
}

.history-table .debit-amt {
  color: #c70022 !important
}

.history-table .failed-amt {
  text-decoration: line-through
}

.history-table .label-danger {
  background-color: #c70022;
  color: #fff;
  padding: 1px 3px;
  border-radius: 5px
}

.history-table .label-info {
  background-color: #de812e;
  color: #fff;
  padding: 1px 3px;
  border-radius: 5px
}

.history-table .label-success {
  background-color: #28a745;
  color: #fff;
  padding: 1px 3px;
  border-radius: 5px
}

.history-table .h-result.row {
  padding: 15px 5px
}

.history-table .h-result.row:nth-of-type(odd) {
  background-color: #fdbb2c
}

.history-table .row-head {
  font-weight: 700
}

.history-table .total-data {
  background-color: #fdbb2c;
  padding-top: 10px;
  padding-bottom: 10px
}

.games-category .title {
  text-transform: uppercase
}

.games-category .pgsoft_video {
  float: left
}

.games-category .row {
  margin-right: -10.5px;
  margin-left: -7.5px
}

.games-category .row .image-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.games-category .row .image-grid .box {
  width: 100%
}

.games-category .box {
  padding-right: 7.5px;
  padding-left: 7.5px
}

.games-category .box.col-xs-4 {
  padding-right: 2px;
  padding-left: 2px
}

.games-category .game-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden
}

.games-category .game {
  display: block;
  cursor: pointer;
  margin-bottom: .625rem;
  overflow: hidden
}

.games-category .game, .games-category .game img {
  border-radius: 8px;
  width: 100%
}

.games-category .g-title {
  display: none;
  white-space: nowrap;
  font-size: 12px
}

.games-category .rng img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.games-category .rng .g-title {
  display: block;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, .7);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  text-transform: uppercase
}

.downloadapk-modal.nifty-modal {
  background-color: #1f4181;
  border: 2px solid #871737;
  border-radius: 10px;
  overflow: hidden;
  top: 50%;
  z-index: 999
}

.downloadapk-modal .modal-header {
  padding: 10px;
  background-color: #1f4181;
  background: linear-gradient(#1f4181, #871737)
}

.downloadapk-modal .modal-header .md-close {
  margin-top: 5px
}

.downloadapk-modal .modal-header .md-close, .downloadapk-modal .modal-header .md-close:focus, .downloadapk-modal .modal-header .md-close:hover {
  background-color: hsla(0, 0%, 100%, .3);
  border: 0;
  border-radius: 50%;
  outline: 0
}

.downloadapk-modal .md-body {
  background-color: #471525;
  padding: 15px
}

.downloadapk-modal .download-caption {
  font-size: 13px;
  color: #cbcbcc;
  line-height: 1.2;
  margin: 8px 0
}

.downloadapk-modal .modal-header h3 {
  margin: 0;
  padding: 10px 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 1px 0 #000
}

.downloadapk-modal .url-link {
  display: inline-block;
  padding: 5px;
  max-width: 120px
}

.tw_transfer_form {
  padding: 10px 15px;
  background-color: hsla(0, 0%, 41.2%, .35);
  border-radius: 5px;
  margin-bottom: 15px
}

.tw_transfer_form .vertical {
  display: inline-block;
  font-size: 14px;
  padding: 5px;
  width: 28px;
  height: 28px;
  text-align: center;
  background-color: hsla(0, 0%, 100%, .3);
  margin-bottom: 8px;
  border-radius: 50%
}

.tw_transfer_form .vertical i {
  display: inline-block;
  -webkit-transform: rotate(90deg) translateY(2px);
  transform: rotate(90deg) translateY(2px);
  -webkit-transform-origin: center;
  transform-origin: center
}

.tw_transfer_form .form-group {
  position: relative
}

.tw_transfer_form .form-group .form-control-feedback {
  right: 0
}

.tw_transfer_form .form-control[readonly] {
  font-weight: 600;
  font-size: 15px
}

.tw_transfer_form .customrange-slider {
  margin: 15px auto;
  max-width: 70%
}

.tw_transfer_form .customrange-slider .ui-widget-content {
  background: #b8b8b8;
  box-shadow: inset 1px 1px 4px 0 #747474;
  border: none
}

.tw_transfer_form .customrange-slider .ui-slider .ui-slider-handle {
  width: .8em;
  height: 2em
}

.tw_transfer_form .customrange-slider .ui-slider-horizontal .ui-slider-handle {
  top: -.6em;
  margin-left: -.6em;
  border: 1px solid #871737;
  background: #871737
}

.tw_transfer_form .customrange-slider .ui-slider-horizontal .ui-slider-range-min {
  background: #1f4181
}

.tw_transfer_form .customrange-slider .decrease-btn, .tw_transfer_form .customrange-slider .increase-btn {
  position: absolute;
  top: -10px;
  width: 20%;
  line-height: 1.2;
  font-size: 10px;
  text-align: center
}

.tw_transfer_form .customrange-slider .decrease-btn {
  left: -15px
}

.tw_transfer_form .customrange-slider .increase-btn {
  right: -8px
}

.tw_transfer_form .customrange-slider .custom-icon {
  display: inline-block;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ebe3f6;
  font-size: 16px;
  line-height: 31px;
  font-weight: 600;
  color: #000;
  box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .35);
  margin-bottom: 5px;
  text-align: center
}

.tw_transfer_form .customrange-slider .minmax-label {
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  width: 100%
}

.tw_transfer_form .customrange-slider .minmax-value {
  color: #1f4181;
  font-weight: 600
}

.gListSection {
  padding: 0 15px;
  overflow-y: auto;
  overflow-x: hidden
}

.gListSection .mobile-border {
  border-width: 1px !important
}

.enlarge i {
  color: red;
  position: relative;
  top: 5px;
  line-height: 38px;
  display: inline !important
}

.scroll-wrapper[_home] {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-flex;
  display: flex
}

.scroll-wrapper[_home] .btn-box {
  width: 100%;
  display: block;
  text-align: center;
  min-width: 80px;
  padding: 10px;
  color: inherit;
  font-weight: 100;
  height: 80px;
  position: relative
}

.scroll-wrapper[_home] .btn-box .hot {
  position: absolute;
  right: 0;
  top: 5px;
  display: inline-block;
  padding: 1px 2px;
  background-color: red;
  color: #fff;
  border-radius: 5px
}

.scroll-wrapper[_home] .btn-box .hot.new {
  background: linear-gradient(1deg, #fbd629, #ff0);
  color: #000
}

.scroll-wrapper[_home] .btn-box.enlarge i {
  font-size: 40px
}

.scroll-wrapper[_home] .btn-box div {
  text-transform: uppercase
}

.scroll-wrapper[_home] .col {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 100%
}

.scroll-wrapper[_home] .slider-content {
  width: 100%;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap !important;
  overflow: auto;
  white-space: nowrap;
  background: #243169;
  color: #fff
}

.scroll-wrapper[_home] .slider-content i {
  font-size: 28px;
  height: 1.2em;
  display: inline-block;
  position: relative;
  margin-top: 5px
}

.scroll-wrapper[_home] .slider-content i~h4 {
  margin-bottom: 0
}

.scroll-wrapper[_home] .slider-content i.icon-km_gaming_dark {
  color: #ffe024
}

.scroll-wrapper[_home] .next-btn, .scroll-wrapper[_home] .prev-btn {
  width: 100%;
  background-color: #1f4181;
  padding: 0;
  color: #fff;
  height: 80px;
  border-radius: 5px
}

.scroll-wrapper[_home] .left {
  -webkit-flex-basis: 15px;
  flex-basis: 15px
}

.scroll-wrapper[_home] .scroller {
  overflow: hidden;
  -webkit-flex-basis: 100%;
  flex-basis: 100%
}

.scroll-wrapper[_home] .right {
  -webkit-flex-basis: 15px;
  flex-basis: 15px
}

.profile-head .container-box .title {
  padding: .7em 1.2em
}

@media screen and (max-width:992px) {
  .profile-head .container-box .title {
    background-color: inherit
  }
}

@media screen and (min-width:992px) {
  .profile-head .container-box .title {
    background-color: #040e38
  }
}

@media screen and (max-width:992px) {
  .profile-head .container-box .title {
    color: #fdc54c
  }
}

@media screen and (min-width:992px) {
  .profile-head .container-box .title {
    color: #fff !important
  }
}

.profile-head .outlet {
  padding: 15px
}

.profile-head .circle {
  border: 1px solid;
  padding: .15em .5em
}

@media screen and (max-width:992px) {
  .profile-head .circle {
    display: inline-block
  }
}

@media screen and (min-width:992px) {
  .profile-head .circle {
    display: none
  }
}

@media screen and (max-width:992px) {
  .profile-head .container-wrapper {
    background-color: inherit
  }
}

@media screen and (min-width:992px) {
  .profile-head .container-wrapper {
    background-color: transparent
  }
}

.profile-head .container {
  top: 2em;
  position: relative
}

@media screen and (max-width:992px) {
  .profile-head .container {
    background-color: inherit
  }
}

@media screen and (min-width:992px) {
  .profile-head .container {
    background-color: #1e1d40
  }
}

.profile-head .container .head-content {
  padding: 10px;
  margin-top: .7em
}

.profile-head .icon-shield {
  font-size: 4rem;
  color: #fecf6b
}

.profile-head .acc_safety_info .info-2 {
  padding-top: .3em;
  font-size: 1.8rem
}

.profile-head .acc_safety_info i {
  padding-right: .4em;
  color: #fecf6b
}

.profile-head .icon_menu {
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly
}

.profile-head .icon_menu .icon-single {
  padding: 0;
  margin-top: -20px;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly
}

.profile-head .icon_menu .icon-single i {
  font-size: 18px;
  padding: 0
}

.profile-head .icon_menu .icon-single .mail_icon {
  top: -10px;
  right: -10px
}

.profile-head ul.nav {
  margin-right: 20px;
  margin-left: 20px
}

.profile-head .bal-box {
  margin: 0 25px;
  font-size: 1rem;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .7)
}

.profile-head .bal-box .row {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}

.profile-head .bal-box .icon-wallet {
  font-size: 21.882px;
  font-weight: 1000
}

.profile-head .bal-box .bal-txt {
  vertical-align: top
}

.profile-head .bal-box .i-refresh {
  font-size: 21.882px;
  vertical-align: top
}

.profile-head .bal-box .btn {
  cursor: pointer;
  padding: 0;
  font-weight: 1000;
  outline: none;
  box-shadow: none
}

.mobile .profile-head .container {
  top: 0
}

.mobile .profile-head .container .ref_down {
  display: none
}

.profile-head .btn-logout {
  float: right;
  font-size: 25.2px
}

.profile-head form:not(#chgPwdForm) .form-group {
  margin-bottom: 0
}

@media screen and (max-width:992px) {
  .profile-head .msg {
    font-size: 11.9994px
  }
}

@media screen and (min-width:992px) {
  .profile-head .msg {
    font-size: 14px
  }
}

.profile-head .nav-tabs {
  padding-bottom: 5px;
  border-bottom: none
}

.profile-head .nav-tabs a.nav-btn {
  color: #fff
}

.profile-head .nav-tabs .nav-btn {
  padding: .5rem 1rem 5px;
  display: inline-block;
  border-bottom: 1.5px solid transparent
}

@media screen and (max-width:992px) {
  .profile-head .nav-tabs .nav-btn {
    font-size: 11.9994px
  }
}

@media screen and (min-width:992px) {
  .profile-head .nav-tabs .nav-btn {
    font-size: 14px
  }
}

.profile-head .nav-tabs .nav-btn.active {
  color: #fecf6b;
  border-bottom-color: #fdbb2c
}

@media screen and (max-width:992px) {
  .profile-edit p {
    font-size: 11.9994px
  }
}

@media screen and (min-width:992px) {
  .profile-edit p {
    font-size: 14px
  }
}

.profile-edit .i-star {
  vertical-align: top;
  display: inline-block
}

@media screen and (max-width:992px) {
  .my-promo p {
    font-size: 11.9994px
  }
}

@media screen and (min-width:992px) {
  .my-promo p {
    font-size: 14px
  }
}

.my-promo p.lbl {
  color: #fecf6b;
  margin-bottom: .2em
}

.mobile .switch input:checked+.slider {
  background-color: #243169
}

.mobile #btn-reset2ndpin {
  margin-left: 0;
  margin-top: 10px
}

.app-info>div {
  padding: 15px
}

@media screen and (max-width:992px) {
  .app-info>div {
    height: auto
  }
}

@media screen and (min-width:992px) {
  .app-info>div {
    height: 350px
  }
}

.app-info a {
  color: #fecf6b
}

.app-info .promo-title {
  font-size: 6rem;
  color: #5b80e7;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  display: inline-block;
  -webkit-transform: scaleX(1.5);
  transform: scaleX(1.5)
}

.app-info .promo-title span {
  position: relative
}

.app-info .promo-title span:after {
  position: absolute;
  top: 1.55em;
  right: .45em;
  font-size: .3em;
  content: "%";
  color: #5b80e7;
  z-index: 50;
  display: inline-block;
  -webkit-transform: scale(.6, 1.4);
  transform: scale(.6, 1.4)
}

.app-info .fs-md {
  font-weight: 500;
  text-transform: uppercase
}

.app-info .progressNumber {
  font-weight: 500;
  font-size: 42.728px
}

.app-info .row.center {
  -webkit-align-items: center;
  align-items: center
}

.app-info .pointer i {
  color: #fdbb2c
}

@media screen and (max-width:992px) {
  .app-info .i-stop {
    font-size: 8.96px
  }
}

@media screen and (min-width:992px) {
  .app-info .i-stop {
    font-size: inherit
  }
}

.app-info .sub-title {
  color: #fdbb2c
}

.app-info .carousel-fixed-height>div {
  padding-bottom: 20px
}

@media screen and (max-width:992px) {
  .app-info .carousel-fixed-height>div {
    height: auto
  }
}

@media screen and (min-width:992px) {
  .app-info .carousel-fixed-height>div {
    height: 100%
  }
}

.app-info .carousel-fixed-height>div .carousel-indicators {
  bottom: 0
}

.app-info .carousel-fixed-height>div .carousel-inner {
  min-height: 300px
}

.app-info .carousel-fixed-height>div#pagination-info .carousel-indicators {
  bottom: 0
}

.app-info .mobile-border .title {
  text-transform: uppercase
}

.mobile .app-info .carousel-inner {
  min-height: auto !important
}

.float-menu {
  position: fixed;
  top: 62%;
  right: -140px;
  width: 180px;
  height: 60px;
  border-radius: 80px;
  background: #2d3033;
  border: 1px solid rgba(133, 147, 165, .1);
  opacity: .8;
  transition: all .25s ease-in-out;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 255, .4);
  box-shadow: 1px 1px 10px 1px hsla(0, 0%, 100%, .4)
}

.float-menu.visible {
  right: -20px
}

.float-menu .logo-wrap {
  display: inline-block;
  height: 3rem;
  width: 2rem;
  position: relative;
  top: 12px;
  right: -10px
}

.float-menu .logo-wrap>div {
  position: absolute
}

.float-menu a {
  color: #fff;
  padding-left: 10px
}

.mobile .floating-btn {
  position: fixed;
  left: 0;
  bottom: 50px;
  z-index: 999
}

.mobile .floating-btn .wrapper {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  background: #25d366;
  margin: 10px;
  position: relative
}

.mobile .floating-btn .wrapper a {
  position: absolute;
  left: 7px;
  font-size: 30px;
  color: #fff
}

.float-left {
  float: left
}

.float-right {
  float: right
}

.flex-space-btw {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.flex-space-btw, .flex-start {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.flex-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}

.center-text {
  place-content: space-between;
  -webkit-flex-direction: column;
  flex-direction: column
}

.mobile .center-position {
  text-align: center
}

.right-text {
  text-align: right
}

.mobile .right-text {
  text-align: center
}

.flex-display {
  display: -webkit-flex;
  display: flex
}

.LW-font {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
  line-height: 1;
  width: 120px;
  overflow: hidden
}

.LW-date-font {
  color: #fdf3e7;
  font-size: 10px;
  min-width: 132px
}

.LW-date-fontWithdraw, .LW-secondary-color {
  color: #fff
}

.lw-loop-content {
  overflow: hidden;
  position: relative;
  height: 290px;
  border-radius: 15px
}

@media (max-width:768px) {
  .lw-loop-content {
    height: 300px
  }
}

.lw-horizontal-slider .common-title {
  text-align: left;
  font-weight: 800;
  font-family: Poppins, sans-serif;
  background: linear-gradient(180deg, #a5a3a1, #fefefe 37.29%, #adaba9 70.1%, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.lw-horizontal-slider.lates-deposit-section .g-slider-wrapper .lw-loop-content li {
  background: linear-gradient(180deg, #353535, #292a2d)
}

.lw-horizontal-slider.lates-deposit-section .g-slider-wrapper .lw-loop-content li .LW-font {
  color: #fff
}

.mobile .lw-horizontal-slider {
  margin: 30px 0
}

.desktop .lw-horizontal-slider .g-slider-wrapper {
  padding: 15px 15px 0
}

.desktop .lw-horizontal-slider .g-slider-wrapper .content-wrapper.round {
  height: 80px
}

.desktop .lw-horizontal-slider .g-slider-wrapper .content-wrapper.round ul li {
  padding: 10px;
  border-radius: 40px;
  background: linear-gradient(180deg, #a62760, #ffbd36);
  margin: 0 5px;
  min-width: 265px;
  max-width: 265px
}

.desktop .lw-horizontal-slider .g-slider-wrapper .content-wrapper.round ul li .flex-space-btw {
  padding-left: 5px
}

.desktop .lw-horizontal-slider .g-slider-wrapper .content-wrapper.round ul li .LW-btn {
  margin-left: 8px;
  color: #fff
}

.desktop .lw-horizontal-slider .g-slider-wrapper .content-wrapper.round ul li .LW-date-fontCurrency {
  color: #fff502
}

.desktop .lw-horizontal-slider .g-slider-wrapper img {
  width: 35px !important
}

.desktop .lw-horizontal-slider.lates-deposit-section .g-slider-wrapper .content-wrapper ul li {
  background: linear-gradient(180deg, #d00000, #ff504b)
}

.desktop .lw-horizontal-slider.lates-deposit-section .g-slider-wrapper .content-wrapper ul li .LW-font {
  color: #fff
}

.desktop .lw-horizontal-slider .gradient-bg {
  background: linear-gradient(180deg, #3f1535, #270414);
  border-radius: 40px;
  margin-bottom: 25px
}

.mobile .lw-horizontal-slider .common-title {
  text-align: center
}

.mobile .g-slider-wrapper {
  padding: 8epx;
}

.mobile .g-slider-wrapper .lw-loop-content {
  padding: 15px;
  position: relative;
  height: 275px
}

.mobile .g-slider-wrapper .lw-loop-content ul {
  width: 100%;
  left: 0
}

.mobile .g-slider-wrapper .lw-loop-content ul li {
  display: block;
  padding: 20px;
  background: linear-gradient(180deg, #353535, #292a2d);
  margin: 10px 8px;
  border-radius: 53px
}

.mobile .g-slider-wrapper .lw-loop-content ul li .LW-btn {
  color: #fff;
  font-weight: 700
}

.mobile .g-slider-wrapper .lw-loop-content ul li .LW-div .wd-item__avatar {
  width: 45px;
  margin-right: 10px
}

@media (max-width:768px) {
  .mobile .g-slider-wrapper .lw-loop-content ul li .LW-div .wd-item__avatar {
    padding-right: 5px
  }
}

.mobile .gradient-bg {
  background: linear-gradient(180deg, #353535, #000000)
  border-radius: 13px
}

.contact-us .bg-1 {
  background-color: #1e1d40
}

.contact-us .icon-txt {
  line-height: 100%;
  vertical-align: middle;
  color: #fff
}

.contact-us .icon-txt~span {
  font-weight: 900
}

.contact-us a {
  font-size: inherit !important
}

.contact-us a:hover>* {
  color: #3f62c6
}

.contact-us .bg-1 {
  padding: 15px 6px;
  background: #040e38
}

.contact-us .bg-1 .btn {
  margin-bottom: 10px;
  border-radius: 5px !important;
  width: 100%;
  text-align: left;
  color: #fff;
  background: #1f4181
}

.contact-us .bg-1 .btn i {
  color: #fff
}

.contact-us .bg-1 .btn.rm_padding {
  padding: 0 !important
}

.contact-us .bg-1 .dis_flex {
  display: -webkit-flex;
  display: flex
}

.contact-us .bg-1 .dis_flex.add_padding {
  padding: 5px 15px
}

.contact-us .bg-1 .dis_flex .icon-txt {
  font-size: 1.5rem;
  min-width: 40px
}

.contact-us .bg-1 .qr_img_sec {
  width: 100%;
  background: #040e38;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px 0
}

.contact-us .bg-1 .qr_image {
  width: 50%;
  max-width: 120px
}

.promo-view .panel {
  border: none;
  border-radius: 5px !important;
  overflow: hidden;
  background-color: #8382b3;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  margin: 16px 0 !important
}

.promo-view .panel-body {
  padding: 15px !important;
  background-color: #030b30 !important;
  color: #fff !important;
  overflow-x: auto
}

.promo-view .panel-heading {
  padding: 0 !important;
  transition: all .4s ease
}

.promo-view .panel-heading>a {
  display: block
}

.promo-list {
  margin-top: 1rem
}

.promo-list .title {
  font-weight: 700;
  color: #fdc54c !important
}

.promo-list .img-wrapper .img-fluid {
  width: 100%
}

.promo-list .side-toggle {
  color: #fdbb2c;
  text-align: center;
  width: 100%;
  background-color: #020621
}

.promotion-group {
  padding: 30px 0
}

.m-t-10 {
  margin-top: 10px;
  margin-bottom: 10px
}

.promotion-single {
  margin-bottom: 15px;
  background: rgba(0, 0, 0, .3);
  color: textColor
}

.promotion-modal.nifty-modal.modal-lg {
  min-width: 1170px;
  max-width: 90%
}

.promotion-modal .md-body {
  padding: 30px
}

.promotion-modal .md-body table {
  max-width: 100%;
  width: 100% !important
}

.promotion-modal .md-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-weight: 600;
  opacity: .65;
  cursor: pointer
}

.promotionmodal_content {
  overflow-y: scroll;
  max-height: 75vh;
  min-height: 75vh;
  background-color: #040e38
}

.promotion-single .img-fluid {
  height: 160px;
  width: 100%
}

.promobanner_img .img-fluid {
  width: 100%
}

.promotion-page .g_category-nav.nav.fixed {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.promotion-page .g_category-nav {
  background-color: #040e38;
  text-align: center
}

.promotion-page .g_category-nav .nav-item {
  background: #040e38;
  color: #fff;
  -webkit-flex-basis: 16.66%;
  flex-basis: 16.66%;
  max-width: 16.66%;
  float: left;
  min-width: 16.66%
}

.promotion-page .g_category-nav .nav-item .navlink {
  display: block;
  padding: .7em;
  width: 100%;
  color: #fff;
  text-transform: uppercase
}

.promotion-page .g_category-nav .nav-item.active .navlink, .sub-games .g_category-nav .nav-item:hover .navlink {
  background: #8382b3;
  color: #181733
}

.mobile .promotion-single .btn {
  width: 49%
}

.mobile .promotion-single .row.d-flex {
  display: block
}

.mobile .promotion-page .g_category-nav .nav-item .navlink {
  padding: 15px 3px;
  font-size: 11px
}

.mobile .promotion-modal .panel-body {
  padding: 0 !important
}

.mobile .promotion-modal .md-body {
  padding: 15px
}

.mobile .promotion-modal .md-close {
  top: -2px;
  right: 10px
}

.mobile .nifty-modal.modal-lg.promotion-modal {
  min-width: 95%;
  max-width: 95%;
  top: 50%
}

.mobile .time-remaining-wraper {
  display: none
}

.mobile .promotionmodal_content img {
  width: 100% !important
}

.referral ul {
  color: #fff
}

.referral ul li {
  margin-bottom: 5px
}

.register .p-title {
  background-color: #fff;
  padding: 0;
  border-radius: 0;
  font-size: 17.5px;
  margin-bottom: 20px;
  overflow: hidden
}

.register span.skew {
  display: inline-block;
  padding: .1em 40px .1em 15px;
  color: #fff;
  position: relative
}

.register span.skew:before {
  content: "";
  position: absolute;
  background-color: #fdc54c;
  width: 100%;
  height: 100%;
  left: -20px;
  top: 0;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg)
}

.register span.skew>span {
  position: relative;
  z-index: 2
}

.register .form-group {
  padding-left: 15px;
  padding-right: 15px
}

.register small {
  display: inline-block;
  width: 100%
}

@media screen and (max-width:992px) {
  .register small {
    margin-right: 0
  }
}

@media screen and (min-width:992px) {
  .register small {
    margin-right: -50px
  }
}

.register .promo-box {
  padding: 1.5em 1em;
  border: 1px solid #040e38;
  max-width: 271px;
  background-color: rgba(210, 54, 78, .9);
  color: #181733
}

.register .promo-box h4 {
  font-weight: 900;
  color: #fdc54c
}

.register sup {
  background-color: #040e38;
  padding: 3px 4px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer
}

.register.container {
  background-color: inherit;
  top: 2em;
  position: relative
}

.register-form .txt-refCode {
  display: inline-block;
  padding: 2px 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: #fc9610;
  color: #fff
}

.register-form .sub-title {
  font-weight: 800;
  font-size: 16px;
  color: #fdc54c
}

@media screen and (max-width:992px) {
  .register-form .sub-title {
    padding-left: 0
  }
}

@media screen and (min-width:992px) {
  .register-form .sub-title {
    padding-left: 15px
  }
}

.register-form .sub-title:before {
  content: "";
  padding-left: 10px;
  border-left: 4px solid #fdc54c
}

.register-form .form-group label {
  padding-top: 5px
}

.register-form .form-group .radio_2 label {
  padding-top: 0
}

.register-form button[type=submit] {
  padding-left: 30px;
  padding-right: 30px
}

.register-form .submit-box {
  padding-bottom: 15px;
  background-color: rgba(210, 54, 78, .9);
  color: #181733
}

@media screen and (max-width:992px) {
  .register-form .submit-box {
    margin: 0
  }
}

@media screen and (min-width:992px) {
  .register-form .submit-box {
    margin: 0 15px
  }
}

.register-form .submit-box .checkbox label {
  font-weight: 700
}

.register-form .btn-refresh {
  vertical-align: middle;
  padding-top: 0;
  margin-top: 0;
  border: 0;
  background-color: transparent;
  position: relative;
  text-align: left
}

.register-form .btn-refresh i {
  position: relative;
  top: 2px;
  font-size: 1.5em;
  padding-left: 10px
}

.register-form .captcha_img {
  padding: 0;
  vertical-align: top;
  top: 0
}

/* .register-form .prev_btn, .register_form_three, .register_form_two {
  display: none
} */

@media screen and (max-width:992px) {
  .reg-success.container-wrapper {
    background-color: inherit
  }
}

@media screen and (min-width:992px) {
  .reg-success.container-wrapper {
    background-color: inherit
  }
}

.reg-success .container-box .title {
  padding: .7em 28px
}

@media screen and (max-width:992px) {
  .reg-success .container-box .title {
    background-color: #040e38
  }
}

@media screen and (min-width:992px) {
  .reg-success .container-box .title {
    background-color: #040e38
  }
}

.reg-success .content {
  padding: 15px 28px;
  height: auto;
  min-height: auto;
  margin-bottom: 20px
}

.reg-success .container {
  position: relative
}

@media screen and (max-width:992px) {
  .reg-success .container {
    background-color: inherit
  }
}

@media screen and (min-width:992px) {
  .reg-success .container {
    background-color: #1e1d40
  }
}

@media screen and (max-width:992px) {
  .reg-success .container {
    top: 0
  }
}

@media screen and (min-width:992px) {
  .reg-success .container {
    top: 2em
  }
}

.mobile #registerBAForm .d-flex {
  -webkit-flex-direction: column;
  flex-direction: column
}

#registerBAForm .sub-title {
  margin-left: 10px;
  margin-top: 5px;
  font-weight: 800;
  font-size: 16px;
  display: inline-block;
  border-bottom: 3px solid;
  padding: 0 5px 5px 0
}

#registerBAForm .sub-title i {
  font-weight: 100
}

#registerBAForm .sub-title sub {
  font-size: 11px;
  background-color: #fff;
  padding: 2px 4px;
  color: #471525;
  border-radius: 5px
}

.wallet-bal {
  color: #f03e45
}

.wallet-bal .row {
  font-weight: 900;
  font-size: 13px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #72134d;
  padding: .4em 0
}

.wallet-bal i, .wallet-bal span {
  vertical-align: middle
}

.wallet-bal .i-refresh {
  text-align: right;
  font-weight: 900;
  color: #fff
}

.wallet-bal .i-refresh i {
  font-size: 1.4rem
}

.wallet-bal .btn.btn-clear {
  text-align: left
}

.wallet-bal .btn-refresh-wallet.pull-right, .wallet-bal .btn-refresh-wallet.refresh_icon {
  border-radius: 50%;
  background-color: #fdbb2c;
  margin-right: 2px;
  line-height: 1.2
}

.wallet-bal .btn-refresh-wallet.refresh_icon {
  margin-left: 5px;
  width: 25px;
  height: 25px;
  text-align: center
}

.wallet-bal .btn-refresh-wallet.refresh_icon i {
  font-size: 20px;
  text-align: center
}

.wallet-bal .btn-collapse-balances {
  border-radius: 8px;
  background-color: #fdbb2c;
  line-height: 1.2;
  padding: 0 3px
}

.wallet-bal .notification_drop {
  float: right;
  font-size: 22px;
  border-radius: 50px;
  height: 25px;
  width: 25px;
  text-align: center;
  color: #fdbb2c;
  line-height: 1;
  margin-left: 10px
}

.wallet-bal .notification_drop .dropdownNoti_content {
  width: 250px;
  height: auto;
  background-color: #50b08b
}

.wallet-bal .notification_drop .dropdownNoti_content:after {
  content: " ";
  position: absolute;
  right: 0;
  top: -10px;
  border: 10px solid transparent;
  border-top: none;
  border-bottom: 10px solid #50b08b
}

.wallet-bal .notification_drop .dropdownNoti_content ul {
  list-style: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  max-height: 100px;
  overflow-y: auto
}

.wallet-bal .notification_drop .dropdownNoti_content ul li {
  margin-top: 5px;
  padding: 2px 10px
}

.wallet-bal .notification_drop .dropdownNoti_content ul li:hover {
  background-color: #33373a;
  color: #fff
}

.wallet-bal .notification_drop .dropdownNoti_content ul li p {
  margin: 0
}

.wallet-bal .notification_drop .dropdownNoti_content .noti_footer {
  padding: 15px;
  display: inline-block;
  width: 100%;
  text-align: center
}

.wallet-bal .notification_drop .dropdownNoti_content .noti_footer p {
  color: #fff;
  font-size: 14px;
  font-weight: 600
}

.wallet-bal .notification_drop .dropdownNoti_content .noti_footer .submit_btn {
  width: 100%;
  background-color: #383838;
  color: #fff
}

.info.container-wrapper {
  height: 100% !important
}

.info .container-box .title {
  padding: .7em 1.2em
}

.info .info-nav.nav-icon {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center
}

.info .info-nav.nav-icon a {
  text-decoration: none;
  transition: all .4s ease;
  display: inline-block;
  color: #fff;
  background-color: #040e38;
  padding: 7px;
  border-radius: 50%;
  width: 8.5em;
  height: 8.5em;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  line-height: normal
}

@media screen and (max-width:992px) {
  .info .info-nav.nav-icon a {
    font-size: 8.96px
  }
}

@media screen and (min-width:992px) {
  .info .info-nav.nav-icon a {
    font-size: 14px
  }
}

.info .info-nav.nav-icon a i {
  font-size: 35px
}

@media screen and (max-width:992px) {
  .info .info-nav.nav-icon a i {
    font-size: 25px
  }
}

@media screen and (min-width:992px) {
  .info .info-nav.nav-icon a i {
    font-size: 35px
  }
}

.info .info-nav.nav-icon a div {
  margin-bottom: .1rem
}

.info .info-nav.nav-icon a.active, .info .info-nav.nav-icon a:hover {
  color: #fdbb2c !important;
  background-color: #040e38
}

.info .info.panel {
  border: 0
}

.info .info.panel-default {
  border-color: #424242;
  border-radius: 5px
}

.info .info.panel-heading {
  background: #424242 !important
}

.info .info.panel-heading:hover {
  background: #333 !important;
  cursor: pointer
}

.info .panel-title.info {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #fdc54c !important;
  position: relative;
  font-size: 1.09375rem
}

.info .panel-title.info:after {
  content: "+";
  top: -2px;
  right: 0;
  position: absolute;
  font-size: 30px;
  color: #fff !important
}

.info .info.panel-heading[aria-expanded=true] .panel-title.info:after {
  content: "-"
}

.info .info.panel-body {
  background-color: #333 !important;
  color: #fff !important;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: visible;
  padding: 0 24px 16px;
  border: 0 !important
}

#referral-table_wrapper .dataTables_filter, #referral-table_wrapper .dataTables_info, #referral-table_wrapper .dataTables_length {
  color: #fff
}

#referral-table_wrapper .dataTables_filter {
  float: right;
  background-color: transparent;
  position: relative
}

#referral-table_wrapper .dataTables_filter input {
  background-color: transparent;
  border: 1px solid #fff
}

#referral-table_wrapper .dataTables_filter .search_icon {
  position: absolute;
  right: 10px;
  top: 4px;
  color: #fff
}

#referral-table_wrapper .dataTables_info {
  display: none
}

#referral-table_wrapper .dataTables_paginate {
  float: right
}

#referral-table_wrapper .dataTables_paginate .paginate_button {
  color: #fff !important;
  border: 1px solid #fff;
  padding: 5px;
  margin-right: 5px;
  background: transparent
}

#referral-table_wrapper #referral-table tr {
  background-color: transparent
}

#referral-table_wrapper #referral-table thead {
  background-color: #871737;
  color: #fff
}

#referral-table_wrapper #referral-table_length {
  display: none
}

.content_memo_width {
  width: 100%
}

.memo_page {
  padding-top: 15px
}

.memo_page iframe body {
  color: #fff !important
}

.memo_page .nav-tabs {
  margin-left: 0;
  border: none;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding-bottom: 0 !important
}

.memo_page .nav-tabs li {
  width: 100% !important;
  height: auto
}

.memo_page .nav-tabs li a {
  font-weight: 600;
  padding: 15px 9px;
  margin-right: 0;
  letter-spacing: 0;
  line-height: 19px
}

.memo_page .nav-tabs li a, .memo_page .nav-tabs li a:focus, .memo_page .nav-tabs li a:hover {
  text-transform: uppercase;
  text-align: center;
  font-size: 13px;
  border: none;
  border-radius: 0;
  color: #fff
}

.memo_page .nav-tabs li a span {
  line-height: 1;
  padding-right: 0
}

.memo_page .nav-tabs li.active a, .memo_page .nav-tabs li.active a:focus, .memo_page .nav-tabs li.active a:hover {
  text-transform: uppercase;
  background-color: #1e1d40;
  text-align: center;
  font-size: 13px;
  border: none;
  border-radius: 0;
  color: #fdbb2c
}

.memo_page .nav-tabs li.active a span:before {
  color: #e9dbb6
}

.memo_page .memo_page_title {
  margin-bottom: 20px;
  font-size: 18px
}

.memo_page .memo_tab {
  padding: 0
}

.memo_page .memo_tab .btn_top_memo {
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  width: auto;
  height: auto;
  border-radius: 5px;
  text-transform: uppercase;
  margin-bottom: 15px;
  float: right
}

.memo_page .memo_tab .btn_memo {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 19px;
  color: #fff;
  text-transform: uppercase;
  padding: 5px;
  text-align: left;
  float: right
}

.memo_page .memo_tab .btn_memo i {
  margin-right: 5px
}

.memo_page .memo_tab .tab-content {
  font-size: 12px;
  padding: 10px
}

.memo_page .memo_tab .tab-content .date_input_wrap, .memo_page .memo_tab .tab-content .date_input_wrap label {
  padding-top: 7.5px
}

.memo_page .memo_tab .tab-content .date_input_wrap.form-group {
  margin-bottom: 0
}

.memo_page .memo_tab .tab-content .date_input_wrap .form-control {
  padding: 4px 13px;
  height: inherit;
  border-radius: 4px
}

.memo_page .memo_tab .tab-content .date_input_wrap .submit_btn {
  width: auto;
  padding: 0 5px
}

.memo_page .memo_tab .tab-content .button_table {
  display: inline-block;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 63px;
  z-index: 9
}

.memo_page .memo_tab .tab-content table.dataTable tbody td, .memo_page .memo_tab .tab-content table.dataTable thead th {
  padding: 5px 0 10px
}

.memo_page .memo_tab .tab-content table {
  border: none;
  margin: 0;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0 5px
}

.memo_page .memo_tab .tab-content table .selectall-checkbox {
  vertical-align: top
}

.memo_page .memo_tab .tab-content table .blurrey {
  opacity: .5
}

.memo_page .memo_tab .tab-content table .blurrey:hover {
  opacity: 1
}

.memo_page .memo_tab .tab-content table .ind_status {
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #0175f6;
  background: #0175f6;
  width: 10px;
  height: 10px;
  margin-left: 5px
}

.memo_page .memo_tab .tab-content table .blurrey .ind_status {
  background: transparent;
  border-color: #a9a9a9
}

.memo_page .memo_tab .tab-content table tr {
  background-color: transparent;
  font-size: 10px;
  border: none
}

.memo_page .memo_tab .tab-content table tr td.selectall-checkbox .checkmarking {
  left: 0
}

.memo_page .memo_tab .tab-content table tr.even, .memo_page .memo_tab .tab-content table tr.even.selected, .memo_page .memo_tab .tab-content table tr.odd, .memo_page .memo_tab .tab-content table tr.odd.selected {
  background-color: transparent
}

.memo_page .memo_tab .tab-content table tr:hover.selected {
  background-color: #1e1d40
}

.memo_page .memo_tab .tab-content table th {
  border-bottom: 0;
  cursor: pointer;
  font-size: 10px;
  font-weight: 500
}

.memo_page .memo_tab .tab-content table th .memo_select {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  vertical-align: top;
  text-transform: uppercase
}

.memo_page .memo_tab .tab-content table td.table_check {
  -webkit-text-decoration: uppercase;
  -moz-text-decoration: uppercase;
  text-decoration: uppercase;
  box-shadow: none !important
}

.memo_page .memo_tab .tab-content table td {
  font-size: 10px;
  border: none;
  cursor: pointer
}

.memo_page .memo_tab .tab-content table td:last-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, .4)
}

.memo_page .memo_tab .tab-content table td h3 {
  display: inline-block;
  width: 100%
}

.memo_page .memo_tab .tab-content table td.sorting_1 {
  background-color: #1e1d40 !important;
  font-size: 10px
}

.memo_page .memo_tab .tab-content table td .box_row_1 {
  opacity: .8
}

.memo_page .memo_tab .tab-content table td .box_row_1.clearfix:after, .memo_page .memo_tab .tab-content table td .box_row_1.clearfix:before {
  font-size: 0;
  display: block;
  height: 0
}

.memo_page .memo_tab .tab-content table td span.memo_table_header {
  font-size: 10px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 5px;
  text-transform: uppercase;
  text-decoration: underline
}

.memo_page .memo_tab .tab-content table td .memo_attachments {
  margin: 15px 0 5px;
  font-size: 12px;
  border: 1px solid #243169;
  padding: 5px;
  border-radius: 5px
}

.memo_page .memo_tab .tab-content table td .memo_attachments .file_lnk {
  display: inline-block;
  color: #fff
}

.memo_page .memo_tab .tab-content table td .memo_attachments .file_lnk+.file_lnk {
  margin-left: 20px
}

.memo_page .memo_tab .tab-content table td span.memo_table_date {
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 0;
  text-align: right;
  float: right
}

.memo_page .memo_tab .tab-content table td .memo_table_title {
  font-size: 12px;
  line-height: 23px;
  font-weight: 600;
  margin-bottom: 0;
  display: inline-block;
  text-transform: uppercase;
  overflow: hidden;
  word-break: break-word
}

.memo_page .memo_tab .tab-content table td .memo_top_paragraph {
  word-break: break-all;
  width: 100%;
  overflow-y: hidden;
  line-height: 1.4em;
  position: relative
}

.memo_page .memo_tab .tab-content table td .memo_top_paragraph.add_hide {
  height: 2.8em
}

.memo_page .memo_tab .tab-content table td .memo_top_paragraph.rm_hide {
  height: auto
}

.memo_page .memo_tab .tab-content table td .memo_top_paragraph.rm_hide:after {
  content: none
}

.memo_page .memo_tab .tab-content table td .memo_top_paragraph * {
  margin-bottom: .4em
}

.memo_page .memo_tab .tab-content table td .memo_top_paragraph:after {
  content: ". . .";
  position: absolute;
  bottom: 0;
  right: 5%;
  font-weight: 900;
  font-size: 14px
}

.memo_page .memo_tab .tab-content table td .memo_table_para {
  word-break: break-word;
  width: 90%;
  overflow: hidden
}

.memo_page .memo_tab .tab-content table td .memo_table_para>*, .memo_page .memo_tab .tab-content table td .memo_table_para>*>* {
  width: auto !important
}

.memo_page .memo_tab .tab-content table td p.memo_table_paravalue {
  font-size: 12px;
  line-height: 23px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: uppercase
}

.memo_page .memo_tab .tab-content table td .overlay {
  display: inline-block
}

.memo_page .memo_tab .tab-content table td .overlay ul {
  margin: 20px 0 0 15px;
  line-height: 23px;
  font-weight: 600
}

.memo_page .memo_tab .tab-content table td .overlay ul li {
  font-size: 10px
}

.memo_page .memo_tab .tab-content table td .overlay.hidden {
  display: none
}

.memo_page .memo_tab .tab-content table td .button_table_inner {
  margin-top: 15px;
  margin-bottom: 20px
}

.memo_page .memo_tab .tab-content table td .button_table_inner .btn_memo_inner {
  font-size: 10px;
  color: #fff;
  font-weight: 500;
  width: 96px;
  height: 24px;
  padding: 0 5px;
  margin-right: 10px;
  text-transform: uppercase
}

.memo_page .memo_tab .tab-content table td .button_table_inner .btn_memo_inner i {
  margin-right: 5px
}

.memo_page .memo_tab .tab-content .dataTables_wrapper {
  width: 100%;
  margin: 0 auto
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_paginate {
  width: 100%;
  text-align: center !important;
  padding-bottom: 40px !important;
  padding-left: 10px
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_paginate .paginate_button {
  text-transform: uppercase !important;
  margin: 0 3px !important;
  padding: 2px 6px !important;
  height: 20px !important;
  background-color: #fdbb2c !important;
  border: 1px solid #fdbb2c !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  color: #13162f !important;
  font-weight: 700;
  box-shadow: none !important
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #13162f;
  border: 1px solid #fdbb2c;
  background: #fdbb2c !important
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_scroll {
  padding: 0 15px 15px
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_filter {
  right: 35px;
  top: 18px;
  width: 100% !important;
  margin: 5px 0 0 auto !important;
  float: right;
  display: inline-block
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_filter label {
  width: 100%
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_filter label input {
  width: 100%;
  border: none;
  margin-left: 0 !important
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_filter input {
  height: 31px;
  padding: 10px;
  background-color: transparent !important;
  border: 1px solid #fff !important;
  float: right
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder {
  color: #fff
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_filter input::-moz-placeholder {
  color: #fff
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_filter input::-ms-input-placeholder {
  color: #fff
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_filter input::placeholder {
  color: #fff
}

.memo_page .memo_tab .tab-content .dataTables_wrapper .dataTables_filter i.icon-search {
  position: absolute;
  right: 12px;
  top: 12px;
  color: #fff
}

.memo_page .memo_tab .tab-content #memo .memo_content_title {
  font-size: 12px;
  color: #fff;
  line-height: 19px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 20px 30px;
  display: inline-block;
  width: 100%;
  background-color: #1e1d40
}

.memo_page .memo_tab .tab-content #memo .memo_div {
  padding: 25px 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .4)
}

.memo_page .memo_tab .tab-content #memo .memo_div h3 {
  display: inline-block;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 34px;
  font-weight: 500
}

.memo_page .memo_tab .tab-content #memo .memo_div button {
  float: right;
  width: auto;
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  padding: 5px 30px
}

.memo_page .memo_tab .tab-content #memo .card-wrapper {
  box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, .31), 1px 1px 2px 0 rgba(0, 0, 0, .22), 1px 1px 12px -2px rgba(0, 0, 0, .05), inset 0 0 3px 2px #020621;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 15px
}

.memo_page .memo_tab .tab-content #memo .card-wrapper:first-child {
  margin-top: 15px
}

.memo_page .memo_tab .tab-content #memo .card {
  background-color: #fff;
  color: #000;
  position: relative;
  border-left: 8px solid #ed1c24;
  overflow: hidden;
  margin: 3px 3px 3px 0;
  border-radius: 3px
}

.memo_page .memo_tab .tab-content #memo .card.read {
  opacity: .6
}

.memo_page .memo_tab .tab-content #memo .sysmail_type_icon {
  font-size: 18px;
  line-height: 1;
  width: 6%
}

.memo_page .memo_tab .tab-content #memo .sysmail_type_icon+div {
  line-height: 1;
  width: 90%;
  font-size: 9px
}

.memo_page .memo_tab .tab-content #memo .card-link {
  text-transform: uppercase;
  padding: 10px 5px 10px 2px;
  display: block;
  color: #020621
}

.memo_page .memo_tab .tab-content #memo .card-link .fs-lg {
  font-weight: 900;
  font-size: 12px !important
}

.memo_page .memo_tab .tab-content #memo .card-link .fs-lg.date {
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  line-height: 9px;
  max-width: 10em;
  font-size: 9px !important
}

.memo_page .memo_tab .tab-content #memo .card-link .p_sysmail_subj {
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1em
}

.memo_page .memo_tab .tab-content #memo .card-link .p_sys_topic {
  padding-top: 3px
}

.memo_page .memo_tab .tab-content #memo .card-body {
  margin-bottom: 15px;
  margin-left: 3px;
  background-color: #471525;
  padding: 10px;
  width: 97%;
  border-radius: 5px
}

.memo_page .memo_tab .tab-content #memo .card-body p {
  margin-bottom: 5px
}

.memo_page .memo_tab .tab-content #memo .card-body .memo_attachments {
  margin: 5px 0;
  font-size: 12px;
  border: 1px solid #243169;
  padding: 5px;
  border-radius: 5px
}

.memo_page .memo_tab .tab-content #memo .card-body .memo_attachments a {
  color: #fff
}

.memo_page .memo_tab .mdc-tab-bar a .hot {
  color: #ed1c24
}

.memo_page .tulis_memo {
  display: none
}

.memo_page .tulis_memo.active {
  display: block
}

.tulis_memo .tulis_memo_bg {
  background-color: #1e1d40;
  width: 100%;
  float: left
}

.tulis_memo .tulis_memo_bg .form_button {
  text-align: center
}

.tulis_memo .tulis_memo_bg h3.memo_content_title {
  font-size: 14px;
  line-height: 19px;
  color: #fdbb2c;
  font-weight: 700;
  text-transform: uppercase;
  padding: 20px 25px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #33393c !important;
  margin-bottom: 20px
}

.tulis_memo .tulis_memo_bg label {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  margin-bottom: 15px
}

.tulis_memo .tulis_memo_bg .options {
  float: right;
  width: 100%;
  text-align: right
}

.tulis_memo .tulis_memo_bg .options button {
  color: #a2a2a2;
  border: none;
  background: no-repeat
}

.tulis_memo .tulis_memo_bg .options .editor_font {
  background-color: #13162f;
  float: left
}

.tulis_memo .tulis_memo_bg #editor {
  width: 100%;
  height: 190px;
  border: 2px solid #fff;
  margin-bottom: 20px;
  margin-top: 35px;
  background-color: #13162f;
  overflow-y: auto;
  overflow-x: hidden
}

.tulis_memo .tulis_memo_bg input, .tulis_memo .tulis_memo_bg select {
  background-color: #13162f;
  color: #fff !important;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-weight: 600
}

.tulis_memo .tulis_memo_bg .fileUpload {
  margin-bottom: 35px;
  float: left;
  width: 100%
}

.tulis_memo .tulis_memo_bg .fileUpload label {
  cursor: pointer;
  width: auto;
  height: 43px;
  background-color: #13162f;
  padding: 11px;
  text-align: center;
  float: left;
  color: #fff
}

.tulis_memo .tulis_memo_bg .fileUpload label input#file-upload {
  font-size: 0;
  opacity: 0
}

.tulis_memo .tulis_memo_bg .fileUpload #filename {
  padding: 10px;
  float: left;
  width: 200px !important;
  white-space: nowrap;
  overflow: hidden;
  width: 251px;
  height: 43px;
  background-color: #13162f;
  border: 2px solid #fff
}

.tulis_memo .tulis_memo_bg .wrapper {
  margin-top: 15px
}

.tulis_memo .tulis_memo_bg .wrapper iframe#editor {
  width: 100%;
  height: 190px;
  border: 2px solid #f7e3a9;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #fff !important;
  overflow-y: auto;
  overflow-x: hidden
}

.tulis_memo .tulis_memo_bg .wrapper iframe#editor body {
  color: #fff !important
}

.checkmarking {
  position: absolute;
  left: 18%;
  background-color: transparent;
  border: 1px solid #fff
}

.checkmarking:after {
  top: -5px !important
}

.check_container {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.check_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.check_container input:checked~.checkmark:after {
  display: block
}

.check_container .checkmark:after {
  left: 4px;
  top: -1px !important;
  width: 6px;
  height: 12px;
  border: solid #f93;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.form_checkbox {
  margin-bottom: 0
}

.navbar-fixed-bottom .mail_icon, .side-bar-content .mail_icon {
  position: absolute;
  top: .3em;
  color: #fff;
  font-size: 10px;
  right: .7em;
  width: 1.6em;
  height: 1.6em;
  line-height: 1em;
  border-radius: 50%;
  -webkit-animation: blinking 1.2s linear .5s infinite;
  animation: blinking 1.2s linear .5s infinite;
  background-color: #ed1c24;
  text-align: center;
  padding: .2em
}

.navbar-fixed-bottom .mail_icon {
  right: 15px
}

#live-draw-modal .md-content {
  background-color: #1e1d40;
  border-radius: 5px
}

#live-draw-modal.modal-wrapper {
  max-width: 750px;
  margin: 0 auto
}

#live-draw-modal .modal-header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 5px
}

#live-draw-modal .modal-header:after, #live-draw-modal .modal-header:before {
  content: unset
}

#live-draw-modal .md-body {
  padding: 10px
}

#live-draw-modal .live-draw--table thead {
  background-color: #040e38
}

.mobile #live-draw-modal .live-draw--table tbody {
  font-size: 11px
}

.mobile #live-draw-modal .modal-body {
  margin-bottom: -15px
}

#live-draw-modal #img_details {
  position: relative;
  display: none
}

#live-draw-modal #img_details #draw_img {
  width: 100%;
  height: auto
}

#live-draw-modal #img_details .details {
  position: absolute;
  z-index: 1;
  float: left;
  height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 15px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  background-color: rgba(0, 0, 0, .8);
  top: 0
}

#live-draw-modal #img_details .details .tickte_id {
  margin-bottom: 0
}

.mobile #live-draw-modal #img_details .details .tickte_id {
  font-size: 11px
}

#live-draw-modal #img_details .close_btn_section {
  margin-top: 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: end;
  justify-content: end;
  border-top: 1px solid;
  padding-top: 15px
}

#live-draw-modal #img_details .close_btn_section .btn-close {
  min-width: 120px;
  width: auto;
  background-color: #040e38;
  color: #fff
}

.open-history .searchform {
  margin-top: 15px
}

.open-history .searchform .field_section {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.desktop .open-history .searchform .flex-gap {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px
}

.desktop .open-history .searchform .date_filter_sec {
  line-height: 35px
}

.mobile .open-history .searchform .date_filter_sec {
  text-align: center
}

.mobile .open-history .searchform .date_filter_sec .form-group {
  margin-bottom: 0
}

.open-history .searchform .btn.btn-round {
  background-color: #040e38;
  color: #fff;
  border-radius: 50%;
  padding: 5px;
  margin-bottom: 15px;
  font-weight: 600
}

.mobile .open-history .searchform .btn.btn-round {
  border-radius: 4px;
  padding: 5px 15px;
  margin-top: 7px
}

.open-history .dataTable tbody tr {
  background-color: transparent;
  text-align: center
}

.open-history .dataTable tbody tr td:nth-child(2) {
  color: #ffdc00
}

.open-history .dataTable thead {
  background-color: #040e38
}

.open-history .dataTable thead th {
  text-align: center
}

.open-history .dataTables_wrapper .footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: end;
  justify-content: end
}

.mobile .open-history .dataTables_wrapper .footer {
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.open-history .dataTables_wrapper .footer .record_per_page {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center
}

.open-history .dataTables_wrapper .footer .record_per_page label {
  margin-bottom: 0;
  color: #fff
}

.mobile .open-history .dataTables_wrapper .footer .paginate {
  white-space: nowrap
}

.open-history .dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: transparent !important;
  color: #fff !important;
  padding: 5px
}

.open-history .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #040e38 !important;
  color: #fff !important;
  padding: 5px
}

.open-history .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important
}

.open-history .dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 !important;
  color: #fff !important
}

.open-history #racing_car .result_val {
  padding: 5px;
  font-size: 18.6px;
  color: #fff;
  border-radius: 5px;
  text-align: center
}

.open-history #racing_car .result_val.bg-navy {
  background-color: #2816b6
}

.open-history #racing_car .result_val.bg-orange {
  background-color: #ff851b
}

.open-history #racing_car .result_val.bg-gray {
  background-color: #aaa
}

.open-history #racing_car .result_val.bg-red {
  background-color: #b60217
}

.open-history #racing_car .result_val.bg-fuchsia {
  background-color: #f012be
}

.open-history #racing_car .result_val.bg-purple {
  background-color: #b10dc9
}

.open-history #racing_car .result_val.bg-yellow {
  background-color: #d3bd30
}

.open-history #racing_car .result_val.bg-aqua {
  background-color: #7fdbff
}

.open-history #racing_car .result_val.bg-olive {
  background-color: #79c8c1
}

.open-history #racing_car .result_val.bg-green {
  background-color: #2ecc40
}

.open-history #live_virtual .result_val {
  font-weight: 600;
  font-size: 15px
}

.open-history #live_virtual .pinkColor {
  color: #ff836e
}

.open-history #live_virtual .blueColor {
  color: #009dff
}

.open-history #live_virtual .greenColor {
  color: #00f370
}

.open-history #number_games .result_val {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px
}

.open-history #number_games .result_val .img {
  height: 25px;
  width: 25px
}

.open-history #number_games .result_val .round {
  border-radius: 100%
}

.open-history #number_games .result_val .round, .open-history #number_games .result_val .square {
  padding: 3px;
  width: 30px;
  height: 30px;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 15px
}

.open-history #number_games .result_val .blue_ball {
  background: radial-gradient(circle at 50% 120%, #06152f, #024cd0 80%, #cef 100%)
}

.open-history #number_games .result_val .green_ball {
  background: radial-gradient(circle at 50% 120%, #071b02, #008c11 80%, #ccff8b 100%)
}

.open-history #number_games .result_val .red_ball {
  background: radial-gradient(circle at 50% 120%, #270c0c, #bf0101 80%, #ffc3c3 100%)
}

.open-history #number_games .result_val .bg-red {
  background-color: #b60217
}

.open-history #number_games .result_val .bg-black {
  background-color: #1a1a1a
}

.open-history #number_games .result_val .bg-green {
  background-color: #2ecc40
}

.buku_mimpi {
  margin-top: 10px
}

.mobile .buku_mimpi .top_head {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.mobile .buku_mimpi .top_head .btn-search {
  background-color: #1f4181;
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 5px;
  color: #fff
}

.buku_mimpi .box_wrap {
  padding: 10px;
  background-color: #871737
}

.b4-login .buku_mimpi .box_wrap {
  background-color: transparent
}

.buku_mimpi .box {
  background-color: #1f4181;
  box-shadow: 0 0 10px -1px #871737
}

.b4-login .buku_mimpi .box {
  background-color: transparent;
  box-shadow: none
}

.buku_mimpi .box_head {
  color: #fff;
  text-align: center;
  background: #871737;
  padding: 5px
}

.buku_mimpi .box_head h5 {
  margin: 5px 0;
  font-size: 12px
}

.buku_mimpi .paraselected {
  background: red
}

.mobile .buku_mimpi .after_login table {
  font-size: 11px
}

.buku_mimpi .form-group {
  position: relative
}

.buku_mimpi .form-group #bm_search_btn {
  position: absolute;
  top: 4px;
  right: 10px
}

.buku_mimpi .form-group #bm_search_btn:focus {
  text-decoration: none;
  background-color: transparent
}

.buku_mimpi .border_bottom {
  border-bottom: 1px solid #fff;
  margin-bottom: 10px
}

.buku_mimpi .p-title {
  text-align: left
}

.buku_mimpi .nav-tabs {
  border-bottom: none !important;
  margin: 0 0 15px
}

.buku_mimpi .nav-tabs .tab {
  color: #fff;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px;
  position: relative;
  display: block;
  padding: 5px
}

.buku_mimpi .nav-tabs .tab:focus, .buku_mimpi .nav-tabs .tab:hover {
  text-decoration: none;
  border: 1px solid #fff;
  background-color: transparent
}

.buku_mimpi .nav-tabs .active .tab {
  cursor: default;
  background-color: #1f4181;
  border: 1px solid #fff;
  color: #fff
}

.buku_mimpi .nav-tabs .search_section {
  position: absolute;
  right: 0
}

.mobile .buku_mimpi .nav-tabs .search_section {
  position: relative;
  text-align: center;
  top: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}

.buku_mimpi .nav-tabs .search_section input[type=text] {
  border: none;
  border-radius: 0;
  background: #fff;
  padding: 5px;
  color: #181733;
  font-weight: 700;
  outline: none
}

.buku_mimpi .nav-tabs .search_section input[type=submit] {
  padding: 5px 10px;
  background-color: #871737;
  border: 0;
  transition: background-color .3s linear 0s;
  border-radius: 3px;
  font-size: 16px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer;
  display: inline-block;
  outline: none
}

.buku_mimpi .div_scroll {
  font-weight: 100;
  font-size: .9em;
  text-align: left
}

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

#regbank_popup__depo {
  top: 50%
}

.add_bank_modal {
  padding: 10px;
  background-color: #471525
}

.add_bank_modal .md_title {
  background-color: #1e1d40;
  padding: 3px;
  text-align: center;
  color: #fdc54c;
  margin-bottom: 10px
}

.add_bank_modal #bank_register_popup .form-group {
  position: relative
}

.add_bank_modal #bank_register_popup .form-group .pass_lock {
  float: right;
  position: absolute;
  top: 26px;
  right: 0;
  width: 33px;
  height: 30px
}

.add_bank_modal #bank_register_popup .form-group .form-control-feedback {
  top: 26px;
  width: 12px
}

.add_bank_modal table {
  margin: 15px auto
}

.add_bank_modal .circle-id {
  margin: 0 auto
}

.add_bank_modal .i {
  padding: 0 15px 15px
}

.add_bank_modal tr {
  margin-bottom: .2em
}

.add_bank_modal .b-line {
  border-left: 1px solid #fff
}

.add_bank_modal .country {
  font-size: .8em;
  text-align: center
}

.add_bank_modal .flag-wrap {
  padding: 0 15px 15px
}

.today-lottery-results .top-title {
  text-align: center;
  padding-bottom: 15px;
  font-size: 16px
}

.today-lottery-results .today-lottery .u-section-box--bg {
  background: #13162f
}

.today-lottery-results .today-lottery .today-lottery-logo {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  width: 50px;
  height: 50px
}

.today-lottery-results .today-lottery .today-lottery-name {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0
}

.today-lottery-results .today-lottery .today-lottery-subname {
  color: #fff;
  padding-top: 5px
}

.today-lottery-results .today-lottery .today-lottery-prize {
  font-weight: 600;
  font-size: 30px;
  color: #fff
}

.today-lottery-results .today-lottery .column-row-lottery {
  margin: 10px;
  min-width: 350px;
  border-radius: 5px
}

.today-lottery-results .today-lottery .info {
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 10px
}

.today-lottery-results .today-lottery .info .title {
  padding-left: 10px
}

.today-lottery-results .today-lottery .game-info {
  position: relative
}

.today-lottery-results .today-lottery .game-info .prize_val {
  position: absolute;
  right: 10px;
  bottom: 10px
}

.mobile .today-lottery-results .today-lottery .game-panal {
  padding: 12px 0 8px
}

.mobile .today-lottery-results .today-lottery .game-panal .today-lottery-subname {
  font-size: 11.2px !important;
  padding-top: 5px
}

.mobile .today-lottery-results .today-lottery .game-panal .today-lottery-prize {
  font-size: 22.4px !important
}