/*@font-face {
  font-family: 'Oswald';
  src: url('../../fonts/Oswald/Oswald-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Oswald';
  font-weight: bold;
  src: url('../../fonts/Oswald/Oswald-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Oswald';
  font-weight: medium;
  src: url('../../fonts/Oswald/Oswald-Medium.ttf') format('truetype');
}*/

@font-face {
  font-family: 'Pangram';
  src: url('../../fonts/Pangram/Pangram-Regular.otf') format('truetype');
}

@font-face {
  font-family: 'Pangram';
  font-weight: bold;
  src: url('../../fonts/Pangram/Pangram-Bold.otf') format('truetype');
}

/*@font-face {
  font-family: 'Cinzel';
  src: url('../../fonts/Cinzel/Cinzel-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Cinzel';
  font-weight: bold;
  src: url('../../fonts/Cinzel/Cinzel-Bold.ttf') format('truetype');
}*/

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  /*background: #ffffff;*/
  /*border-top: 3px solid #d2d6de;*/
  /*margin-bottom: 20px;*/
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.35);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #444!important;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}


/*
 * Component: Sidebar
 * ------------------
 */
.main-sidebar {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*padding-top: 50px;*/
  /*min-height: 100%;*/
  /*width: 230px;*/
  /*z-index: 810;*/
  -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .main-sidebar {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .main-sidebar {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}
@media (min-width: 768px) {
  .sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}
@media (max-width: 767px) {
  .sidebar-open .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.sidebar {
  padding-bottom: 10px;
}
.sidebar-form input:focus {
  border-color: transparent;
}
.user-panel {
  position: relative;
  width: 100%;
  padding: 10px;
  overflow: hidden;
}
.user-panel:before,
.user-panel:after {
  content: " ";
  display: table;
}
.user-panel:after {
  clear: both;
}
.user-panel > .image > img {
  width: 100%;
  max-width: 45px;
  height: auto;
}
.user-panel > .info {
  padding: 5px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 55px;
}
.user-panel > .info > p {
  font-weight: 600;
  margin-bottom: 9px;
}
.user-panel > .info > a {
  text-decoration: none;
  padding-right: 5px;
  margin-top: 3px;
  font-size: 11px;
}
.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
  margin-right: 3px;
}
.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
}
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  width: 20px;
}
.sidebar-menu > li .label,
.sidebar-menu > li .badge {
  margin-right: 5px;
}
.sidebar-menu > li .badge {
  margin-top: 3px;
}
.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}
.sidebar-menu li > a > .fa-angle-left,
.sidebar-menu li > a > .pull-right-container > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
.sidebar-menu li > a > .fa-angle-left {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}
.sidebar-menu .menu-open > a > .fa-angle-left,
.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.sidebar-menu .active > .treeview-menu {
  display: block;
}
/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .right-side,
  .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 50px !important;
    z-index: 840;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    margin-right: 0;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    border-top-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
  .sidebar-mini.sidebar-collapse .sidebar-form,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none !important;
    -webkit-transform: translateZ(0);
  }
  .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 50px;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    display: none;
  }
  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px;
  }
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  display: block !important;
  position: absolute;
  width: 180px;
  left: 50px;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
  top: 0;
  margin-left: -3px;
  padding: 12px 5px 12px 20px;
  background-color: inherit;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
  position: relative !important;
  float: right;
  width: auto !important;
  left: 180px !important;
  top: -22px !important;
  z-index: 900;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
  display: none;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  top: 44px;
  margin-left: 0;
}
.sidebar-expanded-on-hover .main-footer,
.sidebar-expanded-on-hover .content-wrapper {
  margin-left: 50px;
}
.sidebar-expanded-on-hover .main-sidebar {
  box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125);
}
.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
  white-space: nowrap;
  overflow: hidden;
}
.sidebar-menu:hover {
  overflow: visible;
}
.sidebar-form,
.sidebar-menu > li.header {
  overflow: hidden;
  text-overflow: clip;
}
.sidebar-menu li > a {
  position: relative;
}
.sidebar-menu li > a > .pull-right-container {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}


/*
 * Component: Social Widgets
 * -------------------------
 */
.box-widget {
  border: none;
  position: relative;
}
.widget-user .widget-user-header {
  padding: 20px;
  height: 120px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user .widget-user-username {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.widget-user .widget-user-desc {
  margin-top: 0;
}
.widget-user .widget-user-image {
  position: absolute;
  top: 65px;
  left: 50%;
  margin-left: -45px;
}
.widget-user .widget-user-image > img {
  width: 90px;
  height: auto;
  border: 3px solid #fff;
}
.widget-user .box-footer {
  padding-top: 30px;
}
.widget-user-2 .widget-user-header {
  padding: 20px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user-2 .widget-user-username {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
}
.widget-user-2 .widget-user-desc {
  margin-top: 0;
}
.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
  margin-left: 75px;
}
.widget-user-2 .widget-user-image > img {
  width: 65px;
  height: auto;
  float: left;
}
.treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}
.treeview-menu .treeview-menu {
  padding-left: 20px;
}
.treeview-menu > li {
  margin: 0;
}
.treeview-menu > li > a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px;
}
.treeview-menu > li > a > .fa,
.treeview-menu > li > a > .glyphicon,
.treeview-menu > li > a > .ion {
  width: 20px;
}
.treeview-menu > li > a > .pull-right-container > .fa-angle-left,
.treeview-menu > li > a > .pull-right-container > .fa-angle-down,
.treeview-menu > li > a > .fa-angle-left,
.treeview-menu > li > a > .fa-angle-down {
  width: auto;
}


/*
 * Plugin: Select2
 * ---------------
 */
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
  outline: none;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0;
  padding: 6px 12px;
  height: 34px;
}
.select2-container--default.select2-container--open {
  border-color: #3c8dbc;
}
.select2-dropdown {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3c8dbc;
  color: white;
}
.select2-results__option {
  padding: 6px 12px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  right: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0;
}
.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
  border: 1px solid #d2d6de;
}
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
  outline: none;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #3c8dbc !important;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  color: #444;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-selection--multiple:focus {
  border-color: #3c8dbc;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #d2d6de;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc;
  border-color: #367fa9;
  padding: 1px 10px;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px;
}
.select2 {
  width: 100% !important;
}



html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
  padding-top: 60px;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: #6f42c1; }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }


/* Custom CSS */
body {
  /*padding-top: 100px;*/
  padding-top: 0;
}
#main-header {
  background-image: url('../images/header-bg.png');
  background-size: cover;
  height: 122px;
  color: white;
}
#main-header .navbar {
  /*height: 66px;*/
  padding-top: 0;
  padding-bottom: 0;
  background: inherit;
  /*background-image: url('../images/header-bg.png');*/
  height: 100px;
}
#main-header .navbar-brand img {
  width: 268px;
  height: 80px;
}
.offcanvas-collapse {
  /*top: 66px;*/
}
body {
  /*padding-top: 66px;*/
  /*background: url('../images/bg.jpg') repeat fixed;*/
  background-repeat: round;
  background-size: contain;
}

.btn.btn-flat {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}

.show_hide_password .input-group-prepend {
  /*width: 50px;*/
  /*text-align: center;*/
  /*width: 0;*/
}

.show_hide_password .input-group-text {
  background-color: transparent;
  color: black;
  margin-left: -42px;
  z-index: 3;
  border: 0;
  /*font-weight: 400px;*/
  /*margin-left: -30px;*/
}
input[type="submit"], #mobi-loginModal button[type="submit"] {
  text-transform: uppercase;
}

#main-loginForm {
  /*float: right;*/
  flex-flow: unset;
}

#main-loginForm input[type="text"], #main-loginForm input[type="password"] {
  /*background-color: black;*/
  /*color: white;*/
  border-radius: 0;
  width: 135px;
  padding: 4px;
  /*font-family: 'Oswald', sans-serif;*/
  font-family: 'Pangram', sans-serif;
}

#main-loginForm input::placeholder {
  text-transform: uppercase;
  font-size: .9rem;
}

#main-loginForm input:focus {
  /*background-color: white;*/
  /*color: black;*/
}

#main-loginForm .show_hide_password .input-group-text {
  background-color: transparent;
  color: white;
  margin-left: -42px;
  z-index: 3;
  border: 0;
}

#main-loginForm #main-forgotPopup {
  font-size: small;
  color: #ffc20e;
  text-align: left;
  padding: 0;
  font-weight: 600;
  /*font-style: italic;*/
}

#main-loginForm #main-forgotPopup {
  position: absolute;
  top: 36px;
}

#main-loginForm .captcha {
  /*width: 100px;*/
}

#main-navbars {
  border-top: .1rem solid #ffc20e;
  border-bottom: .1rem solid white;
  /*background-color: #003510;*/
  background: linear-gradient(#005826, #003510);
}

#main-navbars .nav-scroller, #main-navbars .navbar {
  background: transparent;
}

#main-navbars .nav-underline, #main-navbars .navbar {
  padding-bottom: 0;
}

#main-navbars .nav-underline .nav-link, #main-navbars .navbar .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;

  color: white;
  font-weight: 600;
  text-transform: uppercase;
  width: -moz-available;
  text-align: center;
}

#main-navbars .nav-underline .nav-link:hover, #main-navbars .navbar .nav-link:hover {
  color: #ffc20e;
  background: -webkit-linear-gradient(#003510, #005826);
}

#main-navbars .navbar {
  padding-top: 0;
  padding-bottom: 0;
  padding: 0;
}

#main-navbars .navbar-nav {
  width: 100%;
}

#main-navbars .navbar-nav .nav-item {
  width: -moz-available;
  width: -webkit-fill-available;
}

#main-navbars .navbar-nav .nav-item.active {
  background: linear-gradient(#003510, #005826);
}

#main-navbars .navbar-nav .nav-item.active .nav-link {
  color: #ffc20e;
  text-decoration: underline;
}

#main-navbars .navbar .nav-link.logout {
  color: #dc3545;
}

#main-navbars .navbar .nav-link.logout:hover {
  background: #dc3545!important;
  color: white;
  text-decoration: underline;
}

#main-navbars .dropdown-menu {
  /*min-width: unset;*/
  /*width: 100%;*/
}

#main-navbars .nav-item.slider .menu-slider {
  /*display: block;*/
  /*width: 100%;*/
  padding: .25rem 1.5rem;
  /*clear: both;*/
  /*font-weight: 400;*/
  /*color: #212529;*/
  /*text-align: inherit;*/
  /*white-space: nowrap;*/
  /*background-color: transparent;*/
  /*border: 0;*/

  /*position: initial;*/
  /*height: auto;*/
}
#main-navbars .nav-item.slider {
  /*position: relative;*/
  position: static;
}
#main-navbars .nav-item.slider .nav-link {
  /*position: absolute;*/
}

#main-navbars .nav-item.slider .dropdown-menu {
  /*position: static;*/
  left: 0;
  right: 0;
  /*width: 100%;*/
  text-align: center;
}

#main-navbars .dropdown-menu li {
  /*float: left;*/
  /*width: 100%;*/
}

#main-navbars .nav-item.dropdown .dropdown-menu {
  background: linear-gradient(#005826, #003510);
  color: white;
  border-bottom: 1px solid white;
}

#main-navbars .nav-item.dropdown .dropdown-item:focus, #main-navbars .nav-item.dropdown .dropdown-item:hover {
  background: -webkit-linear-gradient(#003510, #005826);
  color: #ffc20e!important;
}
#main-navbars .nav-item.dropdown .dropdown-item {
  color: white;
}

#main-navbars .slickSlider {
  text-align: center;
  line-height: 1.2;
  color: white;
  /*margin-bottom: .5rem;*/
  /*margin-top: 0.25rem;*/
  /*margin-bottom: 0.25rem;*/
  /*min-width: 1110px;*/
}
#main-navbars .slick-list {
  /*width: 100%;*/
  width: 1110px;
}
#main-navbars .slickSlider img {
  margin: auto;
}

#main-navbars .slickSlider .result {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
#main-navbars .logo {
  height: 46px;
}
#main-navbars .title {
  font-weight: bold;
  font-size: smaller;
  text-transform: uppercase;
}
#main-navbars .date {
  /*font-weight: bold;*/
  font-size: smaller;
}
#main-navbars .slickSlider .number {
  /*font-weight: bold;*/
  /*font-size: smaller;*/
  font-weight: bold;
  /*background: -webkit-linear-gradient(#f2e683, #a27031);*/
  /*background-clip: border-box;*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  /*text-shadow: 2px 2px 5px rgba(0,0,0,0.2);*/
  text-transform: uppercase;

  /*padding-top: 0.25rem;*/
  /*padding-bottom: 0.25rem;*/
}

#main-navbars .slick-custom-prev, #main-navbars .slick-custom-next {
  font-size: x-large;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  /*color: transparent;*/
  color: white;
  border: none;
  outline: none;
  background: transparent;
  z-index: 99;
}

#main-navbars .slick-custom-prev {
  left: 0;
  height: 100%;
  /*left: -20px;*/
}
#main-navbars .slick-custom-next {
  right: 0;
  height: 100%;
  /*right: -20px;*/
}
#main-navbars .slick-custom-prev::before, #main-navbars .slick-custom-next::before {
  /*content: none;*/
}

#main-navbars .slick-custom-prev:hover, #main-navbars .slick-custom-next:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.5);
}

#dropdownMenuUser, #dropdownMenuBalance {
  color: #ffc20e;
  /*text-transform: uppercase;*/
  font-weight: 600;
  padding-left: .375rem;
  padding-right: .375rem;
}

#dropdownMenuUser[aria-expanded="true"], #dropdownMenuBalance[aria-expanded="true"] {
  color: #212529;
}

#dropdownMenuUser:hover, #dropdownMenuBalance:hover {
  color: #ffe75a;
  /*color: white!important;*/
  color: #212529;
}

.dropdown-menu[aria-labelledby="dropdownMenuUser"] .dropdown-item:hover, .dropdown-menu[aria-labelledby="dropdownMenuBalance"] .dropdown-item:hover {
  color: #ffc20e;
}

.dropdown-menu[aria-labelledby="dropdownMenuBalance"] dd {
  /*text-transform: uppercase;*/
}

#main-footer {
  position: sticky;
}


#main-homeCarousel {
  margin-bottom: .5rem;
  /*height: 300px;*/
  /*overflow-y: none;*/
  /*height: 300px;*/
  /*overflow: hidden;*/
}
#main-homeCarousel img {
  /*margin-bottom: .5rem;*/
  /*height: 300px;*/
  /*overflow-y: none;*/
  overflow: hidden;
  background-repeat: round;
  background-size: contain;
}

#main-news {
  /*font-size: smaller;*/
  background-color: black;
  background-color: transparent;
  /*padding-top: 61px;*/
}
#main-news .colMarquee {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  height: 22px;
}
#main-news .labelMarquee {
  background: -webkit-linear-gradient(#005826, #003510);
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 15;
  text-align: center;
  padding: .25rem .75rem;
  padding-top: .05rem;
  padding-bottom: .05rem;
  font-size: smaller;
  position: absolute;
  height: 22px;
}
#main-news .textMarquee {
  font-size: smaller;
  /*background: black;*/
  color: #c2c2c2;
  -moz-animation: marquee 25s linear infinite;
  -webkit-animation: marquee 25s linear infinite;
  animation: marquee 25s linear infinite;
  padding: .25rem .75rem;
  padding-top: .05rem;
  padding-bottom: .05rem;
  /*width: 100%;*/
}
#main-news .textMarquee * {
  margin: 0;
}
@-moz-keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@-webkit-keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@keyframes marquee {
  0% { 
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%) }
  100% { 
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
}
#main-news .textMarquee:hover {
  animation-play-state: paused;
  cursor: pointer;
}
#main-news .textMarquee > p { display: ruby;white-space: nowrap; }
#main-news .bg-marquee {
  background: -webkit-linear-gradient(#071309, #003510);
}

#main-resultLottery {
  margin-bottom: .5rem;
}

#main-resultLottery .box {
  background: none;
}

#main-resultLottery .box-title {
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  /*font-size: small;*/
  margin-bottom: .25rem;
  /*background-color: #003510;*/
  /*background: -webkit-linear-gradient(#005826, #003510);*/
  background-color: #ffc20e;
  background-image: linear-gradient(#fff200, #ffc20e);
}

#main-resultLottery .box-body {
  /*padding: 10px 5px;*/
  text-align: center;
  padding: 0;
}

#main-resultLottery .item {
  /*padding: 5px;*/
  padding-left: .25rem;
  padding-bottom: .25rem;
}

#main-resultLottery .result {
  /*line-height: 1;*/
  color: white;
  height: 168px;
  border-radius: 25px;
  color: #ffc20e;
  background: linear-gradient(#005826, #003510);
  border: .2rem solid;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

#main-resultLottery .logo {
  height: 46px;
}

#main-resultLottery .logo img {
  margin: auto;
}

#main-resultLottery .title {
  text-transform: uppercase;
  font-size: large;
  font-weight: bold;
  /*font-family: 'Oswald', sans-serif;*/
  font-family: 'Pangram', sans-serif;
  color: white;
}

#main-resultLottery .date {
  color: white;
}

#main-resultLottery .periode {
  /*color: #a6a6a6;*/
  color: white;
}

#main-resultLottery .number {
  font-size: large;
  font-weight: bold;
  color: white;
}

#main-resultLottery .slick-custom-prev, #main-resultLottery .slick-custom-next {
  font-size: x-large;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 25px;
  height: 25px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  /*color: transparent;*/
  color: white;
  border: none;
  outline: none;
  background: transparent;
  z-index: 99;
}

#main-resultLottery .slick-custom-prev {
  left: 0;
  height: 100%;
}
#main-resultLottery .slick-custom-next {
  right: 0;
  height: 100%;
}
#main-resultLottery .slick-custom-prev::before, #main-resultLottery .slick-custom-next::before {
  /*content: none;*/
}

#main-resultLottery .slick-custom-prev:hover, #main-resultLottery .slick-custom-next:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.5);
}

/* start header to result number */

#main-resultLottery .box {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.15);
}

#main-resultLottery .box-body {
  padding: 0;
}

#main-resultLottery .box-header, #main-bank .box-header {
  text-align: center;
  padding: .25rem .75rem;
}

#main-resultLottery .box-title, #main-bank .box-title {
  font-weight: bold;
  font-size: small;
  color: white;
  text-transform: uppercase;
  color: black;
  font-size: large;
}

#main-resultLottery .box-body, #main-bank .box-body {
}

#main-resultLottery .box-yellow {
  /*border-radius: 0;*/
}

#main-resultLottery .item {
  margin-top: .5rem;
  /*margin-bottom: .5rem;*/
  padding-left: .25rem;
  padding-right: .25rem;
}

/* end header to result number */

#main-bank {
  margin-bottom: .5rem;
}

#main-bank .box {
  background-color: rgba(255, 255, 255, 1);
}

#main-bank .box-body {
  padding: 0;
}

#main-bank .bank {
  display: flex;
  height: 46px;
  /*height: auto;*/
}

#main-bank .bank-logo {
  padding: .25rem .5rem;
  text-align: center;
  width: 50%;
  padding-left: 1rem;
  margin: auto;
}

#main-bank .bank-status {
  padding: 0;
  text-align: center;
  width: 49%;
  margin: auto;
}

#main-bank .divider {
  background: #ffc20e;
  height: 30px;
  width: 1px;
  margin: auto;
  /*height: 100%;*/
}

#main-bank .bank-status img {
  margin: auto;
  padding-top: .5rem;
}
#main-connectUs {
  background-color: black;
  color: white;
  text-align: center;
  padding: .25rem .75rem;
}

#main-socialMedia {
  background-color: #ffc20e;
  /*background-image: linear-gradient(#fff200, #ffc20e);*/
  color: white;
  text-align: center;
  padding: .25rem .75rem;
  padding-top: 0;
  padding-bottom: 0;
}

#main-socialMedia a {
  color: white;
  font-weight: 600;
}

#main-socialMedia a:hover {
  color: black;
}

#main-socialMedia .col {
  padding: .25rem .75rem;
}

#main-socialMedia .col:hover {
  background-image: linear-gradient(#ffc20e, #fff200);
}

#main-socialMedia .col:hover a {
  color: black;
}

#main-connectUs {
  font-size: small;
}

#main-copyright {
  background-color: black;
  color: white;
  text-align: center;
  padding: .25rem .75rem;
  font-size: small;
}

#main-welcome {
  /*background-color: rgba(255, 255, 255, 0.15);*/
  margin-bottom: .5rem;
}

#main-welcome .box-header {
  text-align: center;
  font-size: large;
}

#main-welcome .box-title {
  font-size: xx-large;
}

#main-welcome .box-body {
  text-align: center;
}

main.container {
  /*margin-top: .5rem;*/
  margin-bottom: .5rem;
}

#main-breadcrumb .breadcrumb {
  background: none;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0;
  font-family: 'Pangram', sans-serif;
  padding: .75rem .75rem;
}
#main-breadcrumb .breadcrumb-item {
  /*font-size: 1.25rem;*/
  /*float: none;*/
  /*position: initial;*/
  /*top: unset;*/
  /*right: unset;*/
}
#main-breadcrumb .breadcrumb-item.active {
}

#main-breadcrumb .breadcrumb-item a {
  color: white;
  text-decoration: none;
}

#main-breadcrumb .breadcrumb-item.active, #main-breadcrumb .breadcrumb-item a:hover {
  color: #ffc20e;
}

/*
 * Component: Custom Box
 * --------------
 */
.box.box-nobg {
  background: unset;
}
.box.box-nobg .box-body{
  padding: 0;
}
.box-header.box-yellow {
  /*background-color: #ffc20e;*/
  /*background-image: linear-gradient(#fff200, #ffc20e);*/
  /*border-top-left-radius: 5px;*/
  /*border-top-right-radius: 5px;*/
  background-image: linear-gradient(#fff200, #ffc20e) !important;
  /*color: black !important;*/
  text-align: center !important;
  text-transform: uppercase;
}
.box-header.box-yellow .box-title{
  color: black;
  /*text-align: center;*/
}

.box {
  border-radius: 0;
}
.box-body {
  border-radius: 0;
}

.box input, .box select {
  /*border-radius: 0;*/
}

.box-header {
  padding: .25rem;
}

.box-header .box-title {
  /*font-size: initial;*/
}

.box-footer {
  background: unset;
}

.page-box, .form-box, .tbl-box {
  color: white;
  margin-bottom: 1.25rem;
  background-color: rgba(255, 255, 255, 0.15);
  margin-bottom: .5rem;
}

.page-box .box-header, .form-box .box-header, .tbl-box .box-header {
  /*padding-bottom: 0;*/
  color: white;
  text-align: center;
}

.page-box .box-title, .form-box .box-title, .tbl-box .box-title {
  /*padding-bottom: 0;*/
  font-weight: bold;
  color: white;
  text-transform: uppercase;
}

.page-box .box-body, .form-box .box-body, .tbl-box .box-body {
  /*padding-top: 0;*/
  /*padding-bottom: 0;*/
  color: white;
}

.page-box .box-header hr, .form-box .box-header hr, .tbl-box .box-header hr {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
  margin: 0.5rem;
}

.page-box .form-group, .form-box .form-group, .tbl-box .form-group {
  margin-bottom: .5rem;
}

.page-box * {
  font-family:Roboto, sans-serif;
  /*font-size:12pt;*/
  /*text-align: justify;*/
  /*margin: initial;*/
}

.page-box h1, .page-box h2, .page-box h3, .page-box h4, .page-box h5, .page-box h6,  {
  font-family:Roboto, sans-serif;
  /*font-size:24pt;*/
}
.page-box .text_yellow {
  color: #ffc20e;
}

.form-box {
  /*margin-bottom: 0;*/
}
.form-box a {
  color: yellow;
}

.full-box .box-body {
  padding: 0;
}

.page-box label {
  white-space: nowrap;
}

.page-box .form-control-plaintext {
  color: white;
  font-weight: bold;
}

.page-box .form-control-plaintext:before {
  content: ':';
}

.page-box .form-group.row {
  margin-bottom: 0;
}

.page-box .form-text {
  /*margin-bottom: .25rem;*/
  margin-bottom: .375rem;
}

.input-group-text, .form-control {
  border-radius: 0 !important;
}

/*.form-control {
  height: 34px;
}*/
.control-label {
  margin-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
}
.box.filter button[type="submit"] {
  /*height: 34px;*/
}

#formRegister {
  /*margin-bottom: 1.25rem;*/
  margin-bottom: .75rem;
}

/*#formRegister .box {
  margin-bottom: 0;
}*/

/*#formRegister .box-title {
  color: white;
  text-transform: uppercase;  
}*/

/*#formRegister {
  color: white;
}*/

/*#formRegister input[type="submit"], #formRegister button[type="submit"] {
  text-transform: uppercase !important;
}*/

.form-check.tos {
  /*display: inline-block;*/
  padding-left: 0;
  color: white;
  /*padding-left: 1.75rem;*/
  /*margin-top: .5rem;*/
  margin-bottom: .5rem;
}

.form-check.tos a {
  color: #ffc20e;
  text-decoration: underline;
}

.form-check.tos a:hover {
  color: #ffe75a;
}

#formRegister .form-check.tos {
  /*padding-left: 1.75rem;*/
}

.icheckbox_square-yellow {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.75rem;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
  height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
}

#main-help {
  margin-bottom: .5rem;
}

#accordionMainHelp > .nav-item > .nav-link {
  /*text-align: center;*/
  text-transform: uppercase;
  font-weight: 600;
  background: linear-gradient(#005826, #003510);
  color: white;
  margin-bottom: .15rem;
  border-radius: 5px;
  border: .15rem solid white;
}

#accordionMainHelp .nav-link {
  color: white;
}

/*#main-help .myAccordion > .nav-item > .nav-link[aria-expanded=true], #mobi-help #myAccordion > .nav-item > .nav-link[aria-expanded=true] {
  background: linear-gradient(#003510, #005826);
  color: #ffc20e;
  border: .15rem solid #ffc20e;
  text-decoration: underline;
}

#main-help #myAccordion > .nav-item > .nav-link[aria-expanded=true] i, #mobi-help #myAccordion > .nav-item > .nav-link[aria-expanded=true] i {
  color: #ffc20e;
}*/

#main-help .nav-item i, #mobi-help .nav-item i {
  float: right;
  padding-top: .25rem;
}

#accordionMainHelp > .nav-item .collapse {
  margin-bottom: .15rem;
}

#accordionMainHelp > .nav-item .card {
  margin-bottom: 0;
}

#accordionMainHelp > .nav-item .collapse .collapse {
  margin-bottom: 0;
}

#accordionMainHelp .collapse .card {
  padding-top: 0;
  padding-bottom: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.15);
  color: white;
}

#accordionMainHelp > .nav-item .collapse .collapse .nav-item {
  /*padding-left: 1.25rem;*/
}

#accordionMainHelp > .nav-item .collapse .collapse .nav-item .nav-link {
  padding-left: 2rem;
}

#main-help {
  margin-bottom: .5rem;
}

#main-help .card {
  border: 0;
  background-color: unset;
  color: white;
  margin-bottom: .25rem;
}

#main-help .card .card-header {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  background: linear-gradient(#005826, #003510);
  color: white;
  margin: .15rem;
  border-radius: 5px;
  /*border: .15rem solid white;*/
  margin: 0;
  padding: .25rem .75rem;
  padding: 0;
}

#main-help .card .card-header * {
  color: white;
  text-transform: uppercase;
}

#main-help .card-header.active {
  background: linear-gradient(#003510, #005826);
  color: #ffc20e;
  border: .15rem solid #ffc20e;
  text-decoration: underline;
  /*background-color: white;*/
}

#main-help .card-header.active * {
  color: #ffc20e;
}



  #main-help {
    margin-bottom: .5rem;
  }

  #main-help .card {
    border: 0;
    background-color: unset;
    color: white;
    margin-bottom: .25rem;
  }

  #main-help .card .card-header {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background: linear-gradient(#005826, #003510);
    color: white;
    margin: .15rem;
    border-radius: 5px;
    /*border: .15rem solid white;*/
    margin: 0;
    padding: .25rem .75rem;
    padding: 0;
  }

  #main-help .card .card-header * {
    color: white;
    text-transform: uppercase;
  }

  #main-help .card-header.active {
    background: linear-gradient(#003510, #005826);
    color: #ffc20e;
    border: .15rem solid #ffc20e;
    text-decoration: underline;
    /*background-color: white;*/
  }

  #main-help .card-header.active * {
    color: #ffc20e;
  }

  #main-help .card-header button {
    text-align: left;
    /*padding-top: .5rem;*/
    /*padding-bottom: .5rem;*/
    border: .15rem solid white;
  }

  #main-help .card-header button i {
    float: right;
    padding-top: .25rem;
  }

  #main-help .card .card-body {
    background-color: rgba(255, 255, 255, 0.15);
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  #main-help .collapse {
    display: none;
  }

  #main-help .collapse.show {
    display: block;
  }

  #main-help .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
  }

  #main-accordion .col-3 .btn[data-toggle="collapse"][aria-expanded="true"] {
    color: #ffc20e;
  }

/*#main-help .card-header button {
  text-align: left;
  border: .15rem solid white;
}
*/
/*#main-help .card-header button i {
  float: right;
  padding-top: .25rem;
}*/

/*#main-help .card .card-body {
  background-color: rgba(255, 255, 255, 0.15);
  padding-top: .5rem;
  padding-bottom: .5rem;
}*/

/*.collapse .card-body {
  padding-left: 0;
  padding-right: 0;
}*/

/*.collapse .btn {
  text-align: left;
  padding: 0;
  padding-left: .5rem!important;
}

.collapse .collapse {
  padding: 0;
}*/

.accordion .sub-accordion {
}

#main-help .tab-content {
  
}

#main-help .tab-content .box {
  color: white;
}

#main-help .tab-content .box-header {
  text-align: center;
  color: white;
  text-transform: uppercase;
  background-color: #ffc20e;
}

#main-help .tab-content .box-title {
  font-weight: bold;
}

#main-help .tab-content .box-body {

}

#main-help dt, #mobi-help dt {
}

.faq-question {
  font-size: larger;
  color: #ffc20e;
}

.faq-answer {

}

.lottery-box {

}

.lottery-box .box-body {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.lottery-card {
  background-color: unset;
  border: none;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.lottery-card img {
  /*padding-left: 1.25rem;*/
  /*padding-right: 1.25rem;*/
  margin: auto;
}

.lottery-card .card-body {
  /*text-align: center;*/
  text-transform: uppercase;
  padding: 0 0 1rem;
  padding: 0;
}

.lottery-card .card-title {
  font-weight: bold;
  white-space: nowrap;
}

.lottery-card .card-body .btn-link {
  color: #ffc20e;
  font-weight: 600;
}
.lottery-card .card-body .btn-link:hover {
  /*color: #0056b3;*/
}

.lottery-box {

}

.text-amber {
  color: #ffc20e;
}

.larger {
  font-size: larger;
}

table.tbllist {
  margin: 0!important;
  line-height: 1.2;
}

table.tbllist thead tr th, table.tbllist tbody tr td {
  text-align: center;
  vertical-align: middle;
}

table.tbllist thead tr th {
  text-align: center !important;
  text-transform: uppercase;
  background-image: linear-gradient(#fff200, #ffc20e);
  color: black;
}

table.tbllist tbody tr td, table.tbllist tfoot tr td {
  color: white;
}

table.tbllist tbody tr td select {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  height: 30px !important;
  border-radius: 0;
}

table.tbllist tbody a:not(.btn) {
  color: #ffc20e;
  text-decoration: none;
}

table.tbllist tbody a:not(.btn):hover {
  color: #d39e00;
}

table.tbllist tfoot tr td {
  text-transform: uppercase;
  background-color: transparent;
  font-weight: bolder;
  font-size: large;
}

table.tbllist thead tr {
}

table.tbllist tbody tr:nth-of-type(2n+1) {
  background: rgb(0, 0, 0, 0.2);
}

table.tbllist tbody tr:nth-of-type(2n) {
  background: rgb(255, 255, 255, 0.15);
}

table.tbllist tfoot tr td {
  text-align: center;
}

#tbllist_paginate {
  /*color: white;*/
  /*margin-top: .5rem;*/
  /*margin-right: .5rem;*/
  /*margin-bottom: .5rem;*/
}

#tbllist_paginate .select2 {
  width: 50px !important;
}

table.tblgame1 {
  white-space: nowrap;
  color: white;
  width: 100%;
}

table.tblgame1 th, table.tblgame1 td {
  padding: 5px;
  border: none;
  vertical-align: middle;
  text-align: center;
}

table.tblgame1 thead tr th {
  border-top: 2px solid #ffc20e !important;
  border-bottom: 2px solid #ffc20e !important;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2px;
  background-color: #003510;
}

table.tblgame1 thead tr th.no-border-top {
  border-top: 0 !important;
}

table.tblgame1 thead tr th.no-border-bottom {
  border-bottom: 0 !important;
}

table.tblgame1 tfoot tr {
  border-bottom: 4px solid #ffc20e !important;
  background-color: #005826 !important;
}
table.tblgame1 tfoot tr td {
  text-transform: uppercase;
  /*font-size: 24px;*/
  font-weight: 700;
  font-size: large;
}

table.tblgame1 tbody tr td input {
  /*width: 55px;*/
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

table.tblgame1 tbody tr:nth-of-type(2n+1) {
  background-color: #197b30 !important;
}

table.tblgame1 tbody tr:nth-of-type(2n) {
  background-color: #005826 !important;
}

table.tblgame1 tbody tr:first td{
  margin-top: 2px;
}

table.tblgame1 .button_bet {
  border: 1px solid #ffc20e;
  background-image: linear-gradient(to bottom, #558327, #056021);
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
}

table.tblgame1 .button_bet_click {
  border: 1px solid #ffc20e;
  background-image: linear-gradient(to bottom, #f80000, #810000);
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
}

.gamestopdesc {
  color: white;
  display: none;
}

.gamestopdesc a {
  color: #ffc20e;
  text-decoration: underline;
}

.gamestopdesc a:hover {
  /*color: #ffc107;*/
  /*color: gold;*/
  color: #ffe75a;
}

.game-title {
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  font-size: 32px;
}

.pools-periode {
  font-weight: 600;
  text-transform: uppercase;
  color: #ffc20e;
  font-size: 20px;
}

.rule-title {
  color: #ffc20e;
  font-weight: 600;
  text-transform: uppercase;
}

.inputfieldbet {
  /*width: 1%;*/
}

.inputfieldbet[maxlength='1'] {
  width: 32px;
}

.inputfieldbet[maxlength='4'] {
  width: 64px;
}

.inputfieldbet[maxlength='7'] {
  width: 72px;
}

.inputfieldbet[maxlength='10'] {
  width: 115px;
}

#guessForm {
  
}

#guessForm .guess-packet {
  /*padding: 0;*/
  padding-top: 0;
  padding-right: 0;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}

.accordion.accordion[data-toggle="collapse"]::before {
    content: '\e845';
    display: block;
    /*font-family: feather;*/
    font-size: 20px;
    color: #313a46;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-poolsLottery {
  margin-bottom: .5rem;
}

#main-poolsLottery #nav-gamesLottery .nav-link {
  padding-left: 1rem;
  padding-right: 1rem;

  /*border-left: 1px solid black;*/
  /*border-right: 1px solid black;*/
}

#nav-poolsLottery {
  line-height: 1;
}

#nav-poolsLottery .nav-link {
  /*padding-top: 0;*/
  /*padding-bottom: 0;*/
  color: white;
  text-transform: uppercase;
  border-width: 2px;
  /*padding-left: 8px;*/
  /*padding-right: 8px;*/
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

#nav-poolsLottery .nav-link img {
  height: 32px;
}

#nav-poolsLottery .nav-link:focus, #nav-poolsLottery .nav-link:hover {
  border-color: #ffc20e;
}

#nav-poolsLottery .pools-logo {
  
}

#nav-poolsLottery .pools-header {
  color: #ffc20e;
  font-weight: 700;
}

#nav-poolsLottery .pools-title {
  color: white;
  font-weight: 600;
}

#nav-poolsLottery .nav-link.active {
  background: unset;
  border-color: #ffc20e;
  background-color: rgba(255, 255, 255, 0.35);
}

#nav-gamesLottery .nav-link {
  color: white;
  text-transform: uppercase;
  border-width: 2px;
  /*padding-left: .25rem;*/
  padding: .25rem;
  border-radius: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

#nav-gamesLottery .nav-link:focus, #nav-gamesLottery .nav-link:hover {
  border-color: #ffc20e;
}

#nav-gamesLottery .nav-link.active {
  background: unset;
  border-color: #ffc20e;
  background-color: rgba(255, 255, 255, 0.35);
}


.left-box .box-header {
  text-align: initial;
}

.left-box .box-title {
  font-size: small;
}

.sidebar-menu {
}

.sidebar-menu ul {
}

.sidebar-menu ul li{
}

.sidebar-menu li{
}

.sidebar-menu a{
  color: white !important;
}

.sidebar .btn-group-vertical {
  width: 100%;
}

.sidebar .btn-group-vertical .btn {
  text-align: left;
  text-transform: none;
  font-weight: normal;
  color: white;
}

.sidebar .btn-group-vertical .btn.active {
  background-color: #003510;
  border: 4px solid #ffc20e;
}

.sidebar .btn-group-vertical .btn.active:before {
  background-image: url('../images/i8-min.png');
  background-size: 20px 20px;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
}

.sidebar .btn-group-vertical .display-list-item:before {
  content: ' \2022 ';
  font-weight: bold;
  padding-right: 4px;
  vertical-align: middle;
}

.sidebar .btn-group-vertical, .sidebar .btn-group-vertical .btn, .sidebar .btn-group-vertical .dropdown-menu {
  background-color: #005826;
  border: 4px solid transparent;
}

.sidebar .btn-group-vertical .btn-group.show {
  background-color: #197b30;
}

.sidebar .btn-group-vertical .btn.hover, .sidebar .btn-group-vertical .btn:hover, .sidebar .btn-group-vertical .btn-group.show .btn {
  background-color: #003510;
  border: 4px solid #ffc20e;
}

.sidebar .dropdown-item:focus, .sidebar .dropdown-item:hover {
  background-color: #197b30 !important;
  color: white !important;
}

.dropright .dropdown-toggle::after {
  float: right;
  margin-top: 10px;
}

.bg-green-active {
  background-color: #001007 !important;
  font-size: 1.25rem;
}
.bg-green {
  background-color: #002911 !important;
}

.bg-green-active > a {
  text-decoration: none;
}

.bg-green-active > a:hover {
  cursor: unset;
}

.treeview-menu > li:hover > a, .treeview-menu > li > a.active{
  color: #ffc20e !important;
  text-decoration: none;
}

.game-title {
  font-size: 1.25rem;
  /*line-height: 1;*/
}

.gamestopdesc {
  display: none;
}
.pools-periode {
  font-size: 1rem;
  /*line-height: 1;*/
}

.form-check-input {
  margin-top: 0.4rem;
}

.optionfield {
  height: 28px;
}

/* popup lottery modal */
#popupLottery-modal {
  color: white;
}
#popupLottery-modal .modal-body {
  background-image: url('../images/bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  /*color: #ffc20e;*/
  border: 4px solid white;
  /*font-family: 'Pangram', sans-serif;*/
}
#popupLottery-modal tfoot {
  text-transform: uppercase;
  font-weight: bold;
  color: #ffc20e;
}
#popupLottery-modal .close {
  position: absolute;
  right: -15px;
  top: -15px;
  opacity: 1;
}

#popupLottery-modal .pools-title {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffc20e;
  white-space: nowrap;
}

.g4dtitle {
  color: #ffc20e;
  font-weight: bold;
}

.alltotal {
  font-weight: bold;
  text-transform: uppercase;
}

.tblgame1-total {
  color: #ffc20e;
  font-weight: bold;
}

/* start header to page lottery */

#box-pageLottery {
  margin-bottom: .5rem;
}

#box-pageLottery.box {
  /*background: none;*/
}

#box-pageLottery .box-title {
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  /*font-size: small;*/
  margin-bottom: .25rem;
  /*background-color: #003510;*/
  /*background: -webkit-linear-gradient(#005826, #003510);*/
  background-color: #ffc20e;
  background-image: linear-gradient(#fff200, #ffc20e);
}

#box-pageLottery .box-body {
  /*padding: 10px 5px;*/
  text-align: center;
  padding: 0;
}

#box-pageLottery .item {
  /*padding: 5px;*/
  /*padding-left: .25rem;*/
  padding-bottom: .25rem;
}

#box-pageLottery .result {
  /*line-height: 1;*/
  color: white;
  min-height: 145px;
  border-radius: 15px;
  color: #ffc20e;
  background: linear-gradient(#005826, #003510);
  border: .2rem solid;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

#box-pageLottery .logo {
  height: 46px;
}

#box-pageLottery .logo img {
  margin: auto;
}

#box-pageLottery .title {
  text-transform: uppercase;
  /*font-size: larger;*/
  font-weight: 600;
  /*font-family: 'Oswald', sans-serif;*/
  font-family: 'Pangram', sans-serif;
  color: white;
  /*padding-top: .5rem;*/
  font-size: 1.5rem;
  /*line-height: 1rem;*/
  color: #ffc20e;
}

#box-pageLottery .date {
  color: white;
}

#box-pageLottery .periode {
  /*color: #a6a6a6;*/
  color: white;
}

#box-pageLottery .number {
  /*font-size: larger;*/
  font-weight: bold;
  color: white;
  font-size: 1.5rem;
}

#box-pageLottery.box {
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
  /*background-color: rgba(255, 255, 255, 0.15);*/
}

#box-pageLottery .box-body {
  padding: 0;
}

#box-pageLottery .box-header, #main-bank .box-header {
  text-align: center;
  padding: .25rem .75rem;
}

#box-pageLottery .box-title, #main-bank .box-title {
  font-weight: bold;
  font-size: small;
  color: white;
  text-transform: uppercase;
}

#box-pageLottery .box-body, #main-bank .box-body {
}

#box-pageLottery .box-yellow {
  /*border-radius: 0;*/
}

#box-pageLottery .item {
  margin-top: .5rem;
  margin-bottom: .5rem;
  /*margin-bottom: .5rem;*/
  padding-left: .25rem;
  padding-right: .25rem;
}

#box-pageLottery .allresult a {
  font-size: large;
  text-transform: uppercase;
  line-height: 1;
  /*color: #ffc20e;*/
  font-weight: bold;
}

/* end header to page lottery */

.resultnumber {
  color: #ffc20e;
  font-weight: 600;
}

#dropdownMenuUser:hover, #dropdownMenuBalance:hover, 
.form-check.tos a:hover, .resultnumber:hover, 
#main-loginForm #main-forgotPopup:hover, #mobi-loginModal #mobi-forgotPopup:hover {
  color: #0056b3;
  color: #212529 !important;
}

.link {
  /*color: #ffc20e;*/
  text-decoration: underline;
}

table.tblgame1 tbody tr td:nth-child(2) {
  min-width: 16px;
}

table.tblgame1 {
  margin-bottom: .5rem;
}

table.tblgame1 caption {
  font-weight: bold;
  color: white;
  caption-side: initial;
  padding-bottom: 0;
  text-align: center;
}

table.tblgame1 .betwarning {
  min-width: 16px;
  display: inline-block;
}

table.tblgame1 .betwarning2 {
  border: 2px solid red;
}

table.tblgame1 tfoot .tblgametotal1 {
  display: revert;
}

table.tblgame1 tfoot .tblgametotal2 {
  display: none;
}

table.tblgame1 tfoot .lbltotal {
  color: #ffc20e;
  /*text-align: center;*/
  font-weight: bold;
}

table.tblgame1 tfoot .tblgametotal1 .lbltotal {
  padding-right: 25px !important;
}

table.tblgame1 tfoot .tblgametotal2 .lbltotal {
  float: right;
  /*padding-top: .2rem;*/
  font-size: initial !important;
  padding-top: .2rem;
  margin-right: .5rem;
}

table.tblgame1 tfoot .tblgametotal2 *:not(.btn) {
  font-size: initial;
}

table.tblgame1 tfoot .tblgametotal2 .btn {
  /*font-size: smaller !important;*/
  padding-right: 2px;
  padding-left: 2px;
}

table.tblgame1 tfoot #total_all2 {
  /*margin-right: 20px;*/
  font-size: initial !important;
}

form {
  color: white;
}

.form-group {
  margin-bottom: .5rem;
}

.betdetail {
  font-family: 'Pangram', sans-serif;
  font-weight: bold;
  color: white;
  font-size: 1.5rem;
  text-transform: uppercase;
}

.detailref {
  font-family: 'Pangram', sans-serif;
  font-weight: bold;
  color: #ffc20e;
  font-size: 1.25rem;
  text-transform: uppercase;
}

.gamedetail {
  font-family: 'Pangram', sans-serif;
  font-weight: bold;
  color: #ffc20e;
  font-size: 1.25rem;
  text-transform: uppercase;
}

#main-breadcrumb {
  /*position: relative;*/
  /*white-space: nowrap;*/
}

#main-breadcrumb .breadcrumb {
  flex-wrap: unset;
}

#main-breadcrumb .breadcrumb-item {
  white-space: nowrap;
}

#main-datetime {
  float: right;
  /*background: transparent;*/
  /*margin-top: 0;*/
  /*margin-bottom: 0;*/
  /*font-size: 12px;*/
  /*padding: 7px 5px;*/
  /*position: absolute;*/
  /*top: 15px;*/
  /*right: 10px;*/
  /*border-radius: 2px;*/
  color: white;
  padding: .75rem .75rem;
}

.ball {
  display: inline-block;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 31px;
  margin: 0;
  border-radius: 50%;
  border: 1px solid #e71818;
  border: none;
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #e71818);
  box-shadow: 2px 2px 10px rgba(0,0,0,0.6);
  margin-left: 2px;
  margin-right: 2px;
  background: radial-gradient(circle at top left , #fff200, #ffc20e);
  color: black;
}

/*.ball0 {
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #a30662);  
}

.ball1 {
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #007ca9);  
}

.ball2 {
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #670a64);  
}

.ball3 {
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #f26722);  
}

.ball4 {
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #a31013);  
}

.ball5 {
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #633c16);  
}

.ball6 {
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #5c882a);  
}

.ball7 {
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #005d28);  
}

.ball8 {
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #afa404);  
}

.ball9 {
  background: radial-gradient(circle at top left , rgb(238, 93, 93), #00245b);  
}*/

.table thead th {
  border-bottom: 1px solid #dee2e6;
}

.paging_listbox {
  /*color: white;*/
  margin-top: .5rem !important;
}

#main-datetime {
  padding: .75rem 0;
}

.d-preview {
  /*text-align: center;*/
}

.d-preview img {
  margin: auto;
}

.d-bet {
  padding-right: 21px !important;
}

.lottery-card {
    line-height: 1;
    color: white;
    height: 118px;
    border-radius: 10px;
    color: #ffc20e;
    background: linear-gradient(#005826, #003510);
    border: .2rem solid;
    padding-top: .25rem;
    padding-bottom: .25rem;
    /*position: relative;*/
    /*margin-bottom: 0;*/
}

.lottery-card .card-body {
  top: 50px;
  position: static;
  /*bottom: 0;*/
}

.lottery-card img {
  /*margin: auto;*/
  /*margin-top: .5rem;*/
}

.lottery-card .card-body .btn {
  white-space: nowrap;
  font-weight: bold;
  /*border-bottom-left-radius: 7px;*/
  /*border-bottom-right-radius: 7px;*/
}

#more2donelinebb .select2-container .select2-selection--single .select2-selection__rendered {
  white-space: normal !important;
  /*line-height: normal;*/
  /*padding-right: 0;*/
}

#more2donelinebb .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
  height: initial;
  /*min-height: 30px;*/
  padding: .1rem .5rem;
}

#more2donelinebb .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 20px;
}

#morecombine .select2.select2-container.select2-container--default {
  width: 75px !important;
}

table.tblpreview tfoot .tblpreviewtotal1 {
  display: revert;
}

table.tblpreview tfoot .tblpreviewtotal2 {
  display: none;
}

table.tblpreview td {
  vertical-align: top !important;
}
.d-previewType {
  white-space: nowrap;
}
table.tblgame1 input[type="text"]:disabled {
  background-color: #003510;
}

/*#accordion .card-header h5 button .fa-chevron-up {
  transform: rotate(0deg);
  transition: all .5s ease 0s;
}

#accordion .card-header h5 button.collapsed .fa-chevron-up {
  transform: rotate(180deg);
  transition: all .5s ease 0s;
}*/

#main2-accordion .card-header h2 button .fa-angle-down {
  transform: rotate(180deg);
  transition: all .5s ease 0s;
  margin-top: .25rem;
}

#main2-accordion .card-header h2 button.collapsed .fa-angle-down {
  transform: rotate(0deg);
  transition: all .5s ease 0s;
  margin-top: 0;
}

.lottery-card {
  padding-bottom: 0;
}

.lottery-card:hover {
  color: #e0a800;
}

.lottery-card .stretched-link {
  font-weight: bold;
  text-transform: uppercase;
}

#frmdeposit .page-box .box-body a {
  color: #ffc20e;
}
#frmdeposit .page-box .box-body a:hover {
  color: #0056b3;
}

.pagination .page-link {
  /*border-radius: 0 !important;*/
}

#main-resultLottery .result {
  height: 200px;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

#main-resultLottery .logo, #main-resultLottery .title, #main-resultLottery .date, #main-resultLottery .periode, #main-resultLottery .number {
  padding-bottom: .25rem;
}

#main-resultLottery .periode {
  padding-bottom: .5rem;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

#main-loginForm .captcha {
  width: 50px!important;
}
#modalForgot {
  padding-right: 0 !important;
}
.modal-open {
  padding-right: 0 !important;
}

#modalBanner {

}

#modalBanner .modal-header {
  padding: .5rem 1rem;
  /*padding-right: .25rem;*/
  border-bottom: 0;
}

#modalBanner .modal-body {
  padding-top: 0;
}

#modalBanner .modal-content {
  /*background-image: url('../images/bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border: 4px solid white;
  color: white;*/
}

div.dataTables_wrapper div.dataTables_paginate{
  margin-bottom: 0;
}

#main-help .card .card-body, #mobi-help .card .card-body {
  /*padding: .5em;*/
}

.playnow {
  text-transform: uppercase;
  font-weight: 600;
  /*border-color: white;*/
  /*border-width: 2px !important;*/
}

#contact-sidebar {
  position: fixed;
  top: 180px;
  right: 95px;
  z-index: 100;
}

#contact-sidebar div#contact-sidebar-tab {
  position: absolute;
  font-size: 20px;
  border-radius: 0 5px 5px 0;
  left: 25px;
  transition: 0.3s;
}
#contact-sidebar div#contact-sidebar-tab:hover {
  left: -170px;
}

.contact-content {
  /*font-family: 'PT Sans', sans-serif;*/
  font-family: 'Pangram', sans-serif;
  width: 200px;
  position: absolute;
  margin-left:60px;
  margin-top: -287px;
  font-size: 13px;
}

#contact-title {
  width: 189px;
  margin-top: -7px;
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 4px 4px 0px 0px;
  padding-top: 22px;
  text-align: center;
  /*height: 50px;*/
  height: 83px;
  line-height: 18px;
}

#contact-title {
  background: #000;
  border-top: 2px #6a6762 solid;
  border-right: 2px #6a6762 solid;
  border-left: 2px #6a6762 solid;

  color: #FFF;
}

#contact-body {
  width: 190px;
  margin-top: -10px;
  padding: 5px 10px 8px 10px;
  font-size: 15px;
  margin-left: 10px;
  border-radius: 0px 0px 4px 4px;
}

#contact-body {
  background-color: #FFF;
  color: #000;

  /*font-family: 'Abel';*/
  font-family: 'Pangram', sans-serif;
  font-size: 15px;
}

#contact-sidebar .signup-now {
  text-transform: uppercase;
  /*width: 172px;*/
  /*margin-top: 2px;*/
  /*height: 42px;*/
  /*padding: 2px;*/
  /*border-radius: 5px;*/
  /*border: 1px #66c4ef solid;*/
  /*font-size: 15px;*/
}

.contact-item {
  border-bottom: 1px #959595 solid;
  margin-bottom: 5px;
  padding: 0px 0px 5px 0px;
}

.contact-item img {
  margin-right: 5px;
}

.contact-item span {
  margin-top: 7px;
}

#whatsapp-widget {
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  z-index: 16000160 !important;
  /*bottom: 0 !important;*/
  text-align: center !important;
  /*height: 90px;*/
  /*width: 60px;*/
  visibility: visible;
  transition: none !important;

  left: 10px;
  width: 48px;
  height: 48px;
  bottom: 60px;
}


body {
  background-color: #3a3a3a;
  background-image: url('../images/bg-content-black.jpg');
}

#main-header {
  background-image: url('../images/bg-header-black.jpg');
  color: black;
}

#dropdownMenuUser, #dropdownMenuBalance {
  /*color: #ffc20e;
  text-transform: uppercase;
  font-weight: 600;
  padding-left: .375rem;
  padding-right: .375rem;*/

  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
  border-color: white;
}

#dropdownMenuUser[aria-expanded="true"], #dropdownMenuBalance[aria-expanded="true"] {
  /*color: #212529;*/
}

#dropdownMenuUser:hover, #dropdownMenuBalance:hover {
  /*color: #ffe75a;*/
  /*color: white!important;*/
  /*color: #212529;*/
}
.font-weight-boldest {
  font-weight: 1000;
}

#main-accordion #menu-accordion .nav-link {
  text-transform: uppercase;
  font-weight: 600;
  background: linear-gradient(#005826, #003510);
  margin-bottom: .25rem;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  text-align: left;
  border: .15rem solid white;
}
#main-accordion #menu-accordion .nav-link i {
  float: right;
  padding-top: .25rem;
}

#main-accordion #menu-accordion .nav-link.active {
  color: #ffc20e;
}

/* start parlay styling */
.parlay-search-box {
  text-align: center;
  text-transform: uppercase;
  background: transparent;
  border-top: 0;
  color: white;
}

.parlay-search-box h1 {
  font-family: 'Cinzel', serif;
  font-size: 4.75rem;
  font-weight: bold;
  line-height: 0.85;
}

.parlay-search-box h1 small{
  font-size: 60%;
}

.parlay-search-box label{
  margin-bottom: 0.25rem;
  color: #ffc20e;
  font-family: 'Cinzel', serif;
  font-size: 1.45rem;
  font-weight: bold;
}

.btn-outline-success, .btn-outline-danger {
  min-width: 85px;
  /*font-weight: bold;*/
  letter-spacing: 2px;
}
.parlay-search-box .form-group{
  margin-bottom: 0.5rem;
}

.parlay-search-box .input-search {
  border: 1px solid #d2d6de;
  color: #777;
  width: 100%;
  background-color: black;
  min-width: 360px;
}
.parlay-search-box .input-search .btn {
  border: 0;
  width: 38px;
  border-radius: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: transparent;
}
.parlay-search-box .input-search .select2 {
  border: 0;
}
.parlay-search-box .select2-container--default .select2-selection--single,.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0;
  padding: 9px 12px;
  height: 38px;
}
.parlay-search-box .select2-container--default .select2-selection__rendered {
  text-align: center;
}

.parlay-search-box .select2-container--default:not(.select2-container--open) .select2-selection--single {
  border: 0;
  background-color: black;
}
.parlay-search-box .select2-container--default:not(.select2-container--open) .select2-selection__rendered {
  color: #28a745;
  text-transform: uppercase;
  text-align: center;
}

.parlay-search-box .select2-selection__arrow {
  display: none;
}

.bet-room-more-box {
  /*padding-top: 5px;*/
  /*padding-bottom: 5px;*/
  border-top: 0;
  color: white;
  /*background-color: rgba(0, 0, 0, 0.78);*/
  background-color: unset;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.bet-room-more-box h3 {
  /*font-family: 'Oswald', sans-serif;*/
  font-weight: bold;
  color: white;
  margin-bottom: 0;
  text-transform: uppercase;
}
.bet-room-more-box hr {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 194, 14, 0.75), rgba(0, 0, 0, 0));
  max-width: 600px;
}
.bet-room-more-box a {
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-weight: bold;
  color: #28a745;
}
.bet-room-more-box span {
  /*font-family: 'Oswald', sans-serif;*/
  font-weight: bold;
  /*color: #28a745;*/
  font-size: 2rem;
}
.bet-room-more-box img {
  background-color: white;
  border-radius: 50%;
  padding: 10px;
}


.bet-size-box, .bet-packet-box {
  text-align: center;
  text-transform: uppercase;
  /*font-weight: bold;*/

  border: 3px solid #f39c12;
  background-color: black;
  color: white;
  border-radius: 10px;
  margin-bottom: 10px;
}
.bet-size-box h3, .bet-packet-box h3 {
  /*font-family: 'Oswald', sans-serif;*/
  font-weight: bold;
  color: white;
  margin-bottom: 0;
}
.bet-size-box .slot, .bet-packet-box .slot {
  font-size: 0.95rem;
  /*font-family: Arial, Helvetica, sans-serif;*/
}
.bet-size-box a, .bet-packet-box a {
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-weight: bold;
}

.bet-room-search-box.bg-red {
  background-color: rgba(32, 0, 0, 0.78) !important;
}
.bet-room-search-box.bg-green {
  background-color: rgba(0, 16, 7, 0.78) !important;
}
.bet-room-search-box.bg-light-blue {
  background-color: rgba(0, 9, 35, 0.78) !important;
}
.bet-room-search-box.bg-purple {
  background-color: rgba(47, 0, 40, 0.78) !important;
}

.bet-room-search-box {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.78);
}
.bet-room-search-box h3 {
  /*font-family: 'Oswald', sans-serif;*/
  font-weight: bold;
  color: white;
  margin-bottom: 0;
}
.bet-room-search-box a {
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-weight: bold;
  color: #d09f36;
}

.period-info {
  font-weight: bold;
  font-size: 36px;
  line-height: normal;
}
/* end parlay styling */

/* START API GAMING */
#nav-categorygame-tab {
  background-image: linear-gradient(#fff200, #ffc20e) !important;
  text-align: center !important;
  text-transform: uppercase;
}
#nav-categorygame-tab .nav-link {
  color: black;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1;
  /*text-align: center;*/
  border-color: #dee2e6 #dee2e6 #fff;
}
#nav-categorygame-tab .nav-link.active {
  /*background-image: linear-gradient(#ffc20e, #fff200) !important;*/
  /*color: white;*/
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.box-green {
  /*background-image: linear-gradient(#fff200, #ffc20e) !important;*/
  /*color: black !important;*/
  text-align: center !important;
  text-transform: uppercase;
  color: #ffc20e;
  background: linear-gradient(#005826, #003510);
}
.nav-apigame-tab .nav-link {
  color: #ffc20e;
  /*color: white;*/
  font-weight: bold;
  /*height: 64px;*/
  /*vertical-align: middle;*/
  display: flex;
  align-items: center;
}
.nav-apigame-tab .nav-link img {
  /*height: 20px;*/
}
.nav-apigame-tab .nav-link.active {
  color: #ffc20e;
  background: linear-gradient(#003510, #005826);
  color: white;
}

.nav-slotgames .nav-tab-title, .nav-livegames .nav-tab-title, .nav-fishgames .nav-tab-title, .nav-bingogames .nav-tab-title {
  color: white;
  font-size: 24px;
  padding-top: 0;
  padding-bottom: 0;
}
.section-games {
  /*color: white;*/
  /*font-size: 21px;*/
  /*text-transform: uppercase;*/
  /*font-weight: bold;*/
  /*text-align: left;*/
}
.section-games hr {
  border-color: white;
}
.section-games .card {
  background: unset;
}
.section-games .card-body {
  padding: 0;
}
.section-games h5 {
  margin-bottom: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.section-slotgames h3, .section-livegames h3, .section-fishgames h3, .section-bingogames h3 {
  color: white;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  /*padding-left: 10px;*/
}
.section-slotgames hr, .section-livegames hr, .section-fishgames hr, .section-bingogames hr {
  /*margin-top: 5px;*/
  /*height: 2px;*/
  border-color: white;
  /*margin-bottom: 0;*/
}
.section-slotgames hr, .section-livegames hr, .section-fishgames hr, .section-bingogames hr {
  /*margin-bottom: 0;*/
}
.section-slotgames nav, .section-livegames nav, .section-fishgames nav, .section-bingogames nav {
}
/*.section-slotgames .nav-link, .section-livegames .nav-link, .section-fishgames .nav-link, .section-bingogames .nav-link {
  color: white;
  font-weight: bold;
}*/
/*.section-slotgames .nav-link.active, .section-livegames .nav-link.active, .section-fishgames .nav-link.active, .section-bingogames .nav-link.active {
  color: black;
}*/
#nav-categorygame-tabContent .game-detail {
  /*padding: .5rem;*/
  background-color: #ffc107;
  background: linear-gradient(#005826, #003510);

  color: #ffc20e;
  background: linear-gradient(#005826, #003510);
  border: .2rem solid;
  border: .1.5rem solid;
}
#nav-categorygame-tabContent .game-detail a {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  /*border: 0;*/
}
#nav-categorygame-tabContent .game-detail .card-body {
  background-color: #ffc107;
  border-color: #ffc107;

}
#nav-categorygame-tabContent .game-title {
  margin-bottom: .25rem;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  /*color: black;*/
  /*color: #ffc20e;*/
  color: #212529;
  font-weight: 500;
  color: #ffc107;
  color: white;
  /*border-color: #ffc107;*/

  background-color: #ffc107;
  border-color: #ffc107;
  /*margin-bottom: 0;*/

  /*font-size: 1rem;*/
  line-height: 1.5;
  color: #212529;
  margin-top: .25rem;
  /*color: white;*/
  font-weight: 700;
}
.nav-apigame-tab {
  /*background-color: #dee2e6;*/
  /*background-color: white;*/
}
.nav-apigame-tab .nav-link {
  border-radius: 0;
  white-space: nowrap;
  /*border-top: 0;*/
  /*padding: .5rem;*/
  /*border-top: 1px solid #dee2e6;*/
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-apigame-tab .nav-link.active {
  /*border-top: 0;*/
  font-weight: bold;
  background-color: white;
}

.section-slotgames .card, .section-livegames .card, .section-fishgames .card, .section-bingogames .card {
  background-color: unset;
}
.section-slotgames .card-body, .section-livegames .card-body, .section-fishgames .card-body, .section-bingogames .card-body {
  padding: 0;
}
.section-slotgames h5, .section-livegames h5, .section-fishgames h5, .section-bingogames h5 {
  margin-bottom: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
#nav-categorygame-tabContent h3 {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
#nav-categorygame-tabContent .game-detail {
  height: 100%;
}
#nav-categorygame-tabContent .game-detail .game-title {
  margin-bottom: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
}
#nav-categorygame-tabContent .searchGame {
  margin-top: 0;
  margin-bottom: 1rem;
}
.section-slotgames h5 {
  /*margin-bottom: 0;*/
}
.section-slotgames .nav-pills .nav-link {
  border: 2px solid #ffc20e !important;
  background-color: #197b30 !important;
  border-radius: 0;
  color: #ffc20e;
  font-weight: bold;
  text-transform: uppercase;
}
.section-slotgames .nav-pills .nav-link.active {
  background-color: #005826 !important;
  color:  white;
}
#nav-categorygame-tabContent .lazy {
  /*background-image: url('../images/loading.gif');*/
  /*background-repeat: no-repeat;*/
  /*background-position: 50% 50%;*/
}
/* END API GAMING */


/* START FRONTEND 2022 */
#main-header {
  height: auto;
  background-image: none;
  /*background-color: #003510;*/
  /*background: -webkit-linear-gradient(#005826, #003510);*/
  background-color: black;
}
#main-header .navbar {
  height: 80px;
}
#main-news {
  /*background: -webkit-linear-gradient(#005826, #003510);*/
  /*background-color: rgba(0, 0, 0, 0.5);*/
  background-color: #005826;
}
#main-news .colMarquee {
  height: 30px;
  background: none;
}
#main-news .labelMarquee {
  height: inherit;
  padding: .25rem .75rem;
  font-size: small!important;
  background: none;
  background-color: #005826;
  color: white;
  font-weight: normal;
}
#main-news .textMarquee {
  height: inherit;
  padding: .25rem .75rem;
  font-size: small!important;
  color: white;
}
#main-navbars {
  /*height: 30px;*/
}
#main-navbars .nav-underline .nav-link, #main-navbars .navbar .nav-link {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
#main-resultLottery .item {
  margin-top: 0;
  margin-bottom: 0;
}
#main-resultLottery .result {
  line-height: 1;
  color: white;
  height: 118px;
  border-radius: 10px;
  color: #ffc20e;
  background: linear-gradient(#005826, #003510);
  border: .2rem solid;
  padding-top: .25rem;
  padding-bottom: .25rem;
  position: relative;
  margin-bottom: 0;

  border-radius: 10px;
  height: 110px;
}
#main-resultLottery .title {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  height: 24px;
  margin-top: 3px;
  border-bottom: 2px #ffc107 solid;
}
#main-resultLottery .number {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: -3px;
  margin-bottom: 10px;
  /*font-family: 'Oswald', sans-serif;*/
  /*font-family: 'Pangram', sans-serif;*/
  line-height: normal;
  height: 48px;
  text-align: center;
  margin-bottom: 0;
}
#main-resultLottery .date {
  /*background-color: black;*/
  /*bottom: 0;*/
}
#main-resultLottery .date .btn {
  font-weight: bold;
}
#main-bank .bank {
  height: 40px;
}
#main-footer-game {
  background-color: white;
  color: black;
  margin-bottom: .5rem;
}
#main-footer-game .card {
  border-radius: 0;
}
#main-footer-game .card-img-top {
  border-radius: 0;
}
#main-footer-game .card-title {
  margin-bottom: 0;
  line-height: 1;
}
#main-footer-game .card-body {
  padding: .75rem;
}
#main-footer-game .card-body {
  padding: .75rem;
  line-height: 1;
  vertical-align: bottom;
}
.footer-col-game {
  background-color: white;
  color: black;
}
.box-bw {
  background-color: #005826!important;
  /*color: black!important;*/
}
.box-bw * {
  /*background-color: white!important;*/
  color: white!important;
}

#modalForgot .modal-dialog, #modalBanner .modal-dialog, #announcementModal .modal-dialog {
  margin-top: 180px;
}

#modalBanner {
}
#modalBanner .modal-content {
  background-color: unset;
}
#modalBanner .modal-dialog {
  /*margin-top: 125px;*/
  max-width: max-content;
}
#modalBanner .modal-header .close {
  background-color: white;
  padding: .5rem;
  z-index: 99;
}
#modalBanner .modal-body {
  max-height: 300px;
  max-width: 600px;
}

#main-navbars .dropdown-menu .item {
  /*width: 139px;*/
  display: none;
}

#main-navbars .dropdown-menu .item.slick-slide {
  display: block;
}


/*#main-navbars .dropdown-menu {
  width: 100%;
}*/

#main-navbars .dropdown-menu[aria-labelledby="navbarLotteryDropdown"] .item {
  /*width: 100px;*/
}

#main-navbars .item .logo {
  text-align: center;
}

#main-bank .item {
  width: 278px;
}
#main-bank .item:not(:first-child) {
/*#main-bank .item::nth-child(2){*/
  /*display: none;*/
}
#main-bank .item.slick-slide {
  display: block;
}

#main-resultLottery .item {
  width: 111px;
}
/* END FRONTEND 2022 */

/* START FRONTEND Juni 2022 */
.modal-content {
  border: 2px solid #ffc20e!important;
}
.modal {
  color: white;
  padding-right: 0;
}
.modal-header, .modal-footer {
  background-color: black;
}
.modal-body {
  background-color: #005826;
  color: white;
  padding: 1rem!important;
}
.modal-header {
  display: block;
  text-align: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.modal-header .modal-title {
  width: 100%;
  text-transform: uppercase;
}
.modal-header .close {
  color: white;
  opacity: 1;
  position: absolute;
  right: 16px;
}
.modal-footer {
}
.modal-footer .btn {
  text-transform: uppercase;
  margin: auto;
  min-width: 85px;
}

#modalBanner {
}
#modalBanner .modal-header {
  padding: 0;
  border-bottom: 0;
  background-color: transparent;
}
#modalBanner .modal-header .close {
  font-size: xx-large;
  padding-top: 1rem;
  background-color: transparent;
}
#modalBanner .modal-body {
  background-color: transparent;
  padding: 0!important;
}
/*#modalBanner .modal-body hr {
  border-top: 1px solid white!important;
  border-color: white;
}*/
#modalBanner .modal-content {
}
/* END FRONTEND Juni 2022 */

/* START ANGPAO 2022 */
#modalAngpao {
  padding-right: 0;
}
#modalAngpao .modal-content {
  border-color: yellow !important;
}
#modalAngpao .modal-header, #modalAngpao .modal-footer {
  /*background-color: #90EE90;*/
  background-color: yellow;
}
.flip-angpao, .flip-angpao-click {
  display: inline-block;
  background-color: transparent;
  width: 150px;
  height: 300px;
  margin-right: 12px;
  margin-bottom: 12px;
  /*border: 1px solid #f1f1f1;*/
  perspective: 1000px;
}
.flip-angpao-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-angpao:hover .flip-angpao-inner,
.flip-angpao:focus .flip-angpao-inner,
.flip-angpao:focus-within .flip-angpao-inner,
.flip-angpao:active .flip-angpao-inner,
.flip-angpao-click:focus .flip-angpao-inner,
.flip-angpao-click:active .flip-angpao-inner,
.flip-angpao-click.flipped .flip-angpao-inner {
  transform: rotateY(180deg);
}
.flip-angpao-inner:focus {
  outline: 5px solid #03c23c;
  cursor: pointer;
}
.flip-angpao-inner:hover {
  outline: 5px solid #03c23c;
  cursor: pointer;
}
.flip-angpao-front, .flip-angpao-back {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  border: 1px solid #90EE90;
  /*box-shadow: 0 0 6px 6px rgba(144, 238, 144, 1);*/
  box-shadow: 0 0 6px 6px rgba(0, 255, 0, 1);
}
.flip-angpao-front {
  background-image: url('../images/angpao-front-belegendbet.jpg');
  background-size: cover;
}
.flip-angpao-back {
  background-image: url('../images/angpao-back-belegendbet.jpg');
  background-size: cover;
}
.flip-angpao-front h2 {
  font-size: 16pt;
  font-weight: 500;
  padding: 10px;
  text-transform: uppercase;
  color: black;
  font-weight: 700;
}
.flip-angpao-front p, .flip-angpao-back p {
  padding: 10px;
  font-size: 20pt;
  color: black;
  font-weight: 600;
}
.flip-angpao-front {
  background-color: red;
}
.flip-angpao-back {
  background-color: #6c757d;
  transform: rotateY(180deg);
}
.flip-angpao-click.lucky-angpao .flip-angpao-back {
  background-color: #ffc107;
}
.flip-angpao-back p {
  font-weight: 900;
  font-size: 2.25rem;
  /*font-size: x-large;*/
  font-family: Arial, Helvetica, sans-serif;
  background: -webkit-linear-gradient(black, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
  /*padding: 10px 10px;*/
  /*font-size: calc(1.5rem + 1vw);*/
  /*font-size: calc(1vmin + 0.75vmax);*/
}
.flip-angpao-click.lucky-angpao .flip-angpao-back p {
  background: -webkit-linear-gradient(#FFA700, #FFF59E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* END ANGPAO 2022 */