/*     Card States    */
.card-dark, .card-black, .card-primary, .card-secondary, .card-info, .card-success, .card-warning, .card-danger {
  color: #ffffff;
  border: 0px !important; }

.card-dark .card-header, .card-black .card-header, .card-primary .card-header, .card-secondary .card-header, .card-info .card-header, .card-success .card-header, .card-warning .card-header, .card-danger .card-header {
  border-bottom: transparent !important; }

.card-dark .card-category, .card-black .card-category, .card-primary .card-category, .card-secondary .card-category, .card-info .card-category, .card-success .card-category, .card-warning .card-category, .card-danger .card-category, .card-dark .card-title, .card-black .card-title, .card-primary .card-title, .card-secondary .card-title, .card-info .card-title, .card-success .card-title, .card-warning .card-title, .card-danger .card-title, .card-dark label, .card-black label, .card-primary label, .card-info label, .card-success label, .card-warning label, .card-danger label {
  color: #ffffff; }

.card-dark .icon-big > i, .card-black .icon-big > i, .card-primary .icon-big > i, .card-secondary .icon-big > i, .card-info .icon-big > i, .card-success .icon-big > i, .card-warning .icon-big > i, .card-danger .icon-big > i {
  color: #ffffff !important; }

.card-dark .card-footer, .card-black .card-footer, .card-primary .card-footer, .card-secondary .card-footer, .card-info .card-footer, .card-success .card-footer, .card-warning .card-footer, .card-danger .card-footer {
  border-top: transparent !important; }

.card-black {
  background: #1a2035 !important; }

.card-primary {
  background: #1572E8 !important; }

.card-secondary {
  background: #6861CE !important; }

.card-info {
  background: #48ABF7 !important; }

.card-success {
  background: #31CE36 !important;
  background-color:rgba(39,148,35,0.75) !important; }

.card-warning {
  background: #FFAD46 !important; }

.card-danger {
  background: #F25961 !important; }

.card-round {
  border-radius: 5px; }

/*   Background   */
.bg-transparent {
  background: transparent !important; }

.bg-black {
  background-color: #1a2035 !important; }

.bg-black2 {
  background-color: #1f283e !important; }

.bg-primary {
  background-color: #1572E8 !important; }

.bg-primary2 {
  background-color: #1269DB !important; }

.bg-secondary {
  background-color: #6861CE !important; }

.bg-secondary2 {
  background-color: #5C55BF !important; }

.bg-info {
  background-color: #48ABF7 !important; }

.bg-info2 {
  background-color: #3697E1 !important; }

.bg-success {
  background-color: #31CE36 !important; }

.bg-success2 {
  background-color: #2BB930 !important; }

.bg-warning {
  background-color: #FFAD46 !important; }

.bg-warning2 {
  background-color: #FF9E27 !important; }

.bg-danger {
  background-color: #F25961 !important; }

.bg-danger2 {
  background-color: #EA4d56 !important; }

.bg-grey1 {
  background: #f9fbfd !important; }

.bg-grey2 {
  background: #f1f1f1 !important; }

.bg-green3 {
  background-image: url("../img/batik2.jpg");
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; 
}

.bg-black-gradient {
  background: #1f283e !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #0A0B11, #1f283e) !important;
  background: linear-gradient(-45deg, #0A0B11, #1f283e) !important; }

.bg-primary-gradient {
  background: #1572E8 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #06418E, #1572E8) !important;
  background: linear-gradient(-45deg, #06418E, #1572E8) !important; }

.bg-secondary-gradient {
  background: #6861CE !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #2A20AC, #6861CE) !important;
  background: linear-gradient(-45deg, #2A20AC, #6861CE) !important; }

.bg-info-gradient {
  background: #48ABF7 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #0A5A97, #48ABF7) !important;
  background: linear-gradient(-45deg, #0A5A97, #48ABF7) !important; }

.bg-success-gradient {
  background: #31CE36 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #179D08, #31CE36) !important;
  background: linear-gradient(-45deg, #179D08, #31CE36) !important; }

.bg-warning-gradient {
  background: #FFAD46 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #E1810B, #FFAD46) !important;
  background: linear-gradient(-45deg, #E1810B, #FFAD46) !important; }

.bg-danger-gradient {
  background: #F25961 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #E80A15, #F25961) !important;
  background: linear-gradient(-45deg, #E80A15, #F25961) !important; }

/*# sourceMappingURL=atlantis.css.map */ 

#hero {
  width: 100%;
  height: 150vh;
  background-image: url("../img/batik4.jpg");
  position: relative;
}

.teks_nomor_antrian {
  color: white;
  font-size: 6.125rem; 
}