@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap");
@font-face {
  font-family: "Gotham";
  src: url("../fonts/gotham/GothaProReg.otf");
  format: "otf"; }
@font-face {
  font-family: "Gotham Light";
  src: url("../fonts/gotham/GothaProLig.otf");
  format: "otf"; }
@font-face {
  font-family: "Gotham Bold";
  src: url("../fonts/gotham/GothaProBol.otf");
  format: "otf"; }
* {
  font-family: "Roboto", sans-serif; }

html {
  scroll-behavior: smooth; }

html, body {
  height: 100%;
  background-color: #000; }

a {
  color: #004271; }

a, a:hover, a:focus {
  color: #002a48;
  text-decoration: none;
  outline: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

p {
  color: #6f6f6f;
  margin-bottom: 1.5em; }

.img {
  display: block;
  width: 100%; }

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

.ul-inline li {
  display: inline-block; }

.help-block {
  font-size: 13px; }

.cursor-pointer {
  cursor: pointer !important; }

body > [id^="beacon_"],
body > [id*=" beacon_"] {
  display: none; }

.error-form {
  display: block;
  margin-top: 5px; }
  .error-form p {
    margin-bottom: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #F00; }

.alert {
  padding: 10px 15px;
  font-size: 13px;
  border-radius: 2px; }
  .alert.alert-danger a {
    color: #721c24;
    font-weight: bold; }

.alert-mini {
  padding: 7px 15px !important; }

.alert .close {
  margin-top: -4px; }

.icon-facebook {
  color: #295396 !important; }

.icon-twitter {
  color: #28aae1 !important; }

.icon-instagram {
  color: #d6249f !important; }

.tbl-trans-info td {
  color: rgba(0, 0, 0, 0.56); }
  .tbl-trans-info td strong {
    color: rgba(0, 0, 0, 0.8); }

.btn-copy {
  font-size: 0.8125rem;
  color: #004271;
  cursor: pointer; }
  .btn-copy:hover {
    color: rgba(0, 0, 0, 0.7); }

.toolbar {
  float: left; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome, Opera and Firefox */ }

.small-gutters {
  margin-right: -10px;
  margin-left: -10px; }
  .small-gutters > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px; }

.mb-pro {
  margin-bottom: 30px; }

#ifrm {
  display: none; }

.btn-main {
  padding: 8px 25px;
  font-size: 0.875rem;
  color: #FFF;
  background: #004271; }

.btn-table {
  font-size: 0.875rem; }

.btn-action {
  padding: 3px 10px;
  font-size: 0.75rem; }

.badge-konf {
  font-size: 0.75rem; }

.modal-kecil .modal-header, .modal-kecil .modal-footer {
  padding: 13px; }

.modal-konf .modal-footer {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

#alert-konf {
  display: none; }

.next-page {
  text-align: center; }
  .next-page a {
    display: inline-block;
    padding: 10px 20px;
    font-size: 0.8125rem;
    background-color: transparent;
    border: 1px solid #004271;
    border-radius: 30px;
    transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s; }
    .next-page a:hover {
      color: #fff;
      background-color: #004271;
      transition: 0.2s;
      -o-transition: 0.2s;
      -moz-transition: 0.2s;
      -webkit-transition: 0.2s; }
    .next-page a .fa {
      margin-left: 5px;
      font-size: 1rem; }

.modal-content .modal-title, .modal-content label, .modal-content .form-control, .modal-content .help-block {
  font-family: "Open Sans", sans-serif; }
.modal-content label {
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.54); }
.modal-content .form-control {
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.54);
  border-radius: 3px; }
.modal-content .help-block {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.4); }

.modal-footer .btn {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8125rem; }

.table-modal th, .table-modal td {
  padding: 5px 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.54); }

/*
 * Component: 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: 8px 12px;
  height: 37px; }

.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;
  font-size: 14px;
  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-selection__rendered {
  font-size: 14px; }

.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;
  border: 1px solid #3c8dbc; }

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

/*Custom sweetalert*/
.swal2-modal {
  width: 400px !important; }

.swal2-title {
  font-size: 21px !important; }

.swal2-content {
  font-size: 14px !important;
  color: #787878 !important; }

hr.swal2-spacer {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.swal2-styled {
  padding: 10px 20px !important;
  font-size: 14px !important; }

#athome {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  overflow: hidden; }
  #athome .height100 {
    height: auto; }
  #athome .frameimage img {
    width: 100%;
    /*height: 100vh;*/ 
    height: 100%;  
  }

@media only screen and (max-width: 991.98px) {
  #athome .height100 {
    height: 100vh; }
  #athome .frameimage img {
    width: auto;
    height: auto; } }

/*# sourceMappingURL=lwd.style.css.map */