.btn-yes {
  background-color: #34bfa3;
  color: #ffffff; }

.btn-yes:hover {
  background-color: #1ca189;
  color: #ffffff; }

.btn-no {
  background-color: #f4516c;
  color: #ffffff; }

.btn-no:hover {
  background-color: #bb4359;
  color: #ffffff; }

.btn-netral {
  background-color: #37474f;
  color: #ffffff; }

.btn-netral {
  background-color: #606060;
  color: #ffffff !important; }

.btn-info {
  background-color: #34bfa3 !important;
  border: 1px solid #34bfa3;
  color: #ffffff; }

.btn-info:hover, .login-btn:hover {
  background-color: #1ca189 !important; }

.btn-info:active, .login-btn:active {
  background-color: #34bfa3 !important;
  border: #34bfa3 !important; }

.btn-info:focus, .login-btn:focus {
  background-color: #34bfa3 !important;
  border: #34bfa3 !important; }

* {
  margin: 0;
  padding: 0; }

.login-page {
  background-color: #ffffff !important;
  color: #34bfa3;
  /*background: url(<?=$path_background.$img_background?>) no-repeat center center fixed; */
  /*background: url(../../media/img/newsimrs_image/bg.png) no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top; }

.bg-img {
  background-image: none;
  position: absolute;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1; }

section {
  display: flex; }

.section-left {
  width: 65vw;
  position: relative; }

.section-right {
  width: 35vw;
  height: 96vh; }

.login-form-section {
  width: 100%;
  min-height: 500px;
  /* padding: 5%; */
  background: #ffffff;
  border-radius: 3px;
  margin: 44% 0% 0% 0%; }

.logo-img {
  margin: 8% auto;
  max-width: 250px;
  width: 26%; }

#ext-cw {
  padding-right: 17%;
  display: block !important; }

.form-input {
  margin-top: 5%;
  margin-left: 30px;
  margin-right: 30px;
  color: #000000; }

.login-btn {
  width: 50%;
  margin: 10% auto; }

.forgot-pass {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif; }
  .forgot-pass a {
    color: #34bfa3; }

.forgot-pass > a:hover {
  color: #1ca189 !important; }

.forgot-pass > a:active {
  color: #36a3f7 !important; }

.forgot-pass > a:visited {
  color: #34bfa3 !important; }

.forgot-pass > a:focus {
  color: #34bfa3 !important; }

.forgot-form-section {
  width: 70%;
  min-height: 500px;
  padding: 5%;
  background: #ffffff;
  border-radius: 3px;
  margin: 10% auto; }

.forgot-btn {
  margin-top: 10px;
  margin-bottom: 10px; }

.padding-5-left {
  padding: 0px 0px 0px 5px !important; }

.padding-5-right {
  padding: 0px 5px 0px 0px !important; }

/*mobile styling & tablet potrait mode styling*/
@media only screen and (max-width: 715px) {
  .bg {
    width: 100vw; }
  .section-left {
    display: none; }
  .section-right {
    width: 100vw;
    height: 100vh; }
  .logo-img {
    width: 24%; }
  #ext-cw {
    padding-right: 0%; }
  .form-section {
    height: 20%;
    padding: 5%;
    min-height: auto;
    margin-top: 25%; } }

/*
.newsimrs-login-a {
    // background-color: #006699 !important;
    border-color: #49ce8e;
    color: #006699;
    //background: url(<?=$path_background.$img_background?>) no-repeat center center fixed; 
    background: url(../../media/img/newsimrs_image/bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}

//codes below are not necessary
.newsimrs-login-b {
    background-color: #006699 !important;
    border-color: #49ce8e;
    color: #006699;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    //background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.newsimrs-login-form{
    min-height: 500px;
    padding-top: 60px;
}

#newsimrs-center {
    top: 18%;
    width: 100%;
    position: fixed;
}

.newsimrs-graph {
    margin-left: 125px;
    margin-top: 49px;
    padding-top: 15px;
}

.newsimrs-logo {
    padding-bottom: 65px;
}

.form-group {
    margin-bottom: 20px;
}

.login-options {
    padding-top: 20px;
    font-weight: bold;
    color: black;
}

.newsimrs-responsive-form {
    padding-right: 150px;
}

@media only screen and (max-width: 1310px)  {
    .newsimrs-graph {
        width: 66%;
    }

    .login-container .page-container .login-form {
        width: 350px;
    }

    .newsimrs-login-form {
        min-height: 410px;
        padding-top: 25px;
    }
}

@media only screen and (max-width: 1152px)  {
    .newsimrs-graph {
        width: 66%;
    }

    .login-container .page-container .login-form {
        width: 350px;
    }

    .newsimrs-login-form {
        min-height: 410px;
        padding-top: 25px;
    }
    .newsimrs-logo {
        padding-bottom: 35px;
    }
}

@media only screen and (max-width: 960px)  {
    .newsimrs-responsive-graph {
        display: none;
    }
    .newsimrs-responsive-form {
        padding-right: 0px;
    }
}*/

body.core {
  /*background: url(../media/img/background/bg-login.png) no-repeat center center fixed !important; */
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important; }

/*.panel {
  margin-top: 95px;
}*/
.panel ul.breadcrumb {
  padding-top: 0;
  padding-bottom: 0; }

/* ---- responsive header div ---- */
@media screen and (max-width: 699px) and (min-width: 520px) {
  .panel {
    margin: 0; } }

/* ---- grid ---- */
.grid {
  /*background: #DDD;*/
  max-width: 100%; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item {
  float: left;
  min-width: 60px;
  min-height: 60px;
  background: rgba(53, 221, 0, 0.611765);
  border: 2px solid #333;
  border-color: rgba(0, 0, 0, 0.43);
  text-align: center;
  padding: 10px;
  cursor: pointer;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.grid-item p {
  font-weight: bolder; }

.grid-item a {
  color: #000; }

.grid-item:hover {
  background: rgba(206, 221, 0, 0.611765);
  -webkit-box-shadow: 0 0 10px 1px #0A0A0A;
  box-shadow: 0 0 10px 1px #0A0A0A; }

.grid-item--width2 {
  width: 200px; }

.grid-item--height2 {
  height: 200px; }

div.required label.control-label:after {
  content: " *";
  color: red; }

.panel .panel-toolbar {
  padding: 6px 10px 6px 14px;
  border-bottom: 1px solid #cccccc;
  background-color: #f5f5f5; }

.panel .panel-toolbars {
  padding: 6px 10px 6px 14px;
  border-bottom: 1px solid #cccccc;
  background-color: #f5f5f5; }

.dataTables_info, .dataTables_paginate {
  margin-top: 15px; }

.dataTables_wrapper .dataTables_processing {
  z-index: 99; }

.bg-inverse {
  background-color: #606060;
  border-color: #606060;
  color: #ffffff;
  font-size: 12px; }

.btn-xs-new, .btn-group-xs > .btn {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 4px 8px;
  padding-left: 33px !important;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  min-width: 80px;
  margin: 2px 1px; }

.btn-igroup {
  padding: 5px 8px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

/* datatable fixed column */
table.DTFC_Cloned thead, table.DTFC_Cloned tfoot {
  background-color: white; }

div.DTFC_Blocker {
  background-color: white; }

div.DTFC_LeftWrapper table.dataTable, div.DTFC_RightWrapper table.dataTable {
  margin-bottom: 0;
  z-index: 2; }

div.DTFC_LeftWrapper table.dataTable.no-footer, div.DTFC_RightWrapper table.dataTable.no-footer {
  border-bottom: none; }

/* Table borderless */
.borderless td, .borderless th {
  border: none !important; }

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px; }

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px; }

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px; }

.data-module {
  /*margin-top: 50px;*/
  text-align: center; }

.data-module h6 {
  font-weight: bold;
  /* font-size:  */ }

.data-module p {
  font-weight: bold;
  font-size: 12px; }

.list-antrian div:hover {
  box-shadow: 5px 5px 0px 0px #d5d5d5;
  background: #58de9e;
  color: #ffffff;
  cursor: pointer; }

.isi-module {
  padding: 20px 4px 15px 4px;
  min-height: 140px; }

.isi-module i {
  font-size: 40px; }

.list-module-not div:hover {
  box-shadow: 5px 5px #d5d5d5;
  cursor: pointer; }

.isi-module-not {
  padding: 20px 4px 15px 4px;
  background: #d5d5d5;
  min-height: 140px; }

.isi-module-not i {
  font-size: 40px; }

/* Switcher Mini */
.bootstrap-switch-mini .bootstrap-switch-container span {
  height: 23px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important; }

.dataTables_wrapper td .bootstrap-switch-mini .bootstrap-switch-container span {
  margin-top: 8px !important; }

.has-error .select2-selection {
  border-color: #F95454 !important; }

.help-block.error {
  color: #F95454 !important; }

#modal_backdrop {
  z-index: 1065 !important; }

.room {
  padding: 70px 53px; }

.list-room {
  width: 150px; }

.list-room img {
  width: 85px; }

.list-room a, a:hover {
  color: #37474f; }

.list-room div:hover {
  box-shadow: 3px 3px #d5d5d5;
  cursor: pointer; }

.list-room-min {
  padding: 5px 10px 5px 10px !important;
  border: 2px solid #d5d5d5;
  min-height: 140px; }

.list-room-min h8 {
  font-size: 12px;
  font-weight: bold; }

legend {
  font-weight: bold !important; }

.tabbable {
  padding: 10px;
  padding-right: 0px; }

.listaction {
  padding: 6px 10px 6px 14px; }

.no-padding {
  padding: 0;
  padding-left: 1em; }

.panel-body {
  /*min-height: 550px;*/
  padding: 5px 13px 5px 13px !important; }

.panel-body-not {
  padding: 45px 20px 5px 20px !important; }

.panel-heading {
  padding: 8px 20px !important; }

/* Chrome 29+ */
.page-container {
  margin-top: 80px !important; }

.input-group {
  margin-bottom: 7px !important; }

.select2-selection__arrow {
  border-left: none !important;
  position: none !important;
  height: 30px !important;
  background-color: rgba(189, 241, 188, 0.5) !important; }

.select2-selection {
  font-size: 12px !important; }

.select2-selection:focus {
  font-size: 12px !important;
  background-color: rgba(189, 241, 188, 0.5) !important; }

.select2-container .select2-selection--single {
  height: 28px !important; }

.pace .pace-progress {
  background: #54be8b !important; }

/* .form-control {
    height: 36px !important;
} */
.form-group {
  margin-bottom: 0px !important; }

.advancedFilter .form-group {
  margin-bottom: 0px !important; }

.btn-toolbar {
  margin-left: 1px; }

.square {
  background: #ffffff;
  border: 1px solid #333;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  float: left;
  margin-right: 5px; }

h6 {
  font-weight: bold; }

.square.red {
  background-color: #cc0000; }

.square.green {
  background-color: #009e0f; }

.square.black {
  background-color: #000; }

.square.orange {
  background-color: #ff9900; }

.square.grey {
  background-color: #999999; }

.square.purple {
  background-color: #ff00ff; }

.bg-light {
  background-color: #f8f9fa !important; }

.site-index {
  margin: auto;
  width: 86%;
  padding: 10px; }

.list-module-hide {
  display: none; }

.room-title b {
  font-size: 16px;
  font-weight: bold; }

.position-relative {
  position: relative; }

.cr-inner {
  max-width: 660px;
  height: 380px;
  background: #ffffff;
  width: 100%;
  z-index: 3; }

.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.cr-control {
  display: none;
  font-size: 36px;
  position: fixed;
  top: 50%;
  margin-top: -35px;
  height: 110px;
  width: 110px;
  background: #959595; }

.cr-control-antrian {
  display: block;
  font-size: 36px;
  position: fixed;
  top: 50%;
  margin-top: -35px;
  height: 110px;
  width: 110px;
  background: #959595; }

.flex-container {
  display: flex;
  flex: 1; }

.cr-con-item {
  margin-top: 28px;
  /*font-size: 12px;*/
  /*font-weight: bold;*/ }

.cr-main {
  padding: 10px 0; }

.cr-main-loket {
  display: flex;
  justify-content: center;
  padding: 10px 40px 40px 40px; }

#newsimrsCaraousel {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 10; }

.close-carousel {
  float: right;
  margin: 15px; }

.carousel-control {
  z-index: 10; }

@media screen and (max-width: 1294px) {
  .site-index {
    width: 75%; }
  .carousel-control {
    height: 85px;
    width: 85px;
    background: #c1c1c1;
    display: none;
    z-index: 10; } }

@media screen and (max-width: 1394px) {
  .site-index {
    width: 80%; }
  .carousel-control {
    height: 95px;
    width: 95px;
    background: #c1c1c1;
    display: none;
    z-index: 10; }
  .newsimrs-responsive-form {
    padding-right: 30px; } }

.spinner_init {
  margin: 25px;
  font-size: 35px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px; }

.column-1 {
  float: left;
  width: 5%; }

.column-1 img {
  width: 90%; }

.column-2 {
  float: left;
  width: 90%;
  padding-top: 5px; }

.row:after {
  content: "";
  display: table;
  clear: both; }

/*data tables*/
.dataTables_length {
  float: right;
  display: inline-block;
  margin: 0 0 8px 20px; }

.dataTables_paginate .paginate_button {
  display: inline-block;
  padding: 3px;
  min-width: 27px;
  margin-left: 2px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color: #909090;
  border: 1px solid #909090;
  border-radius: 3px;
  margin: 0px 3px 0px 3px; }

.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:focus, .dataTables_paginate .paginate_button.current:hover {
  color: #ffffff;
  background-color: #606060; }

.paginate_button.previous {
  visibility: hidden; }

.paginate_button.previous:after {
  visibility: visible;
  display: inline-block;
  padding: 3px;
  min-width: 27px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #909090;
  border-radius: 3px;
  margin: 0px 3px 0px 3px;
  content: "<"; }

.paginate_button.next {
  visibility: hidden; }

.paginate_button.next:after {
  visibility: visible;
  display: inline-block;
  padding: 3px;
  min-width: 27px;
  margin-left: -25px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color: #909090;
  border: 1px solid #909090;
  border-radius: 3px;
  /*margin: 0px 3px 0px 3px;*/
  content: ">"; }

.table-condensed > table {
  max-height: 100px;
  overflow: scroll;
  background-color: #34bfa3; }

.dataTable tbody .select-checkbox:before {
  content: '';
  background-color: #ffffff;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
  border: 2px solid #606060;
  border-radius: 2px; }

.dataTable tbody .select-checkbox:after, .dataTable tbody .select-checkbox:before {
  display: inline-block;
  color: #606060;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer; }

.dataTables_length select {
  height: 28px;
  padding: 0px 10px;
  font-size: 12px;
  line-height: 1.5384616;
  color: #606060;
  background-color: #ffffff;
  border: 1px solid #606060;
  outline: 0;
  border-radius: 5px; }

.advancedFilter label {
  padding: 2px 0px 2px 6px; }

table {
  border-collapse: collapse;
  empty-cells: show; }

td {
  position: relative; }

/* Strikeout */
tr.strikeout td:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #111;
  width: 100%; }

tr.strikeout td:after {
  content: "\B7";
  font-size: 1px; }

.pd-20 {
  padding-top: 20px; }

#scrollmenu {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto; }

#scrollmenu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5; }

#scrollmenu::-webkit-scrollbar {
  width: 4px;
  background-color: #F5F5F5; }

#scrollmenu::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #606060; }

.l-25 {
  position: relative;
  left: -25px; }

.jenis-antrian {
  padding: 12%; }

.list-loket {
  /*width: 330px;
  min-height: 180px;*/ }

.list-loket a, a:hover {
  color: #37474f; }

.list-loket div:hover {
  box-shadow: 5px 5px #d5d5d5;
  cursor: pointer; }

.isi-loket {
  padding: 20px 4px 15px 4px;
  min-height: 140px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 3px;
  border: 2px solid #58de9e; }

.isi-loket i {
  font-size: 40px; }

.login-loket {
  padding: 20px 4px 15px 4px;
  min-height: 140px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 3px;
  border: 2px solid #e44f4f; }

.login-loket i {
  font-size: 40px; }

.dis-panel-right-img {
  position: absolute;
  bottom: 30px;
  right: 30px;
  opacity: 0.3; }

.dis-panel-right-loket {
  font-size: 50px;
  font-weight: bold; }

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #54be8b; }

input:focus + .slider {
  box-shadow: 0 0 1px #54be8b; }

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px); }

/* Rounded sliders */
.slider.round {
  border-radius: 17px; }

.slider.round:before {
  border-radius: 50%; }

.slider-bg-none {
  top: 6px; }

.dis-footer {
  height: 12vh;
  background: #54be8b;
  margin-bottom: -5px;
  /*overflow:auto;*/ }

.marq-footer {
  font-size: 3.5vh;
  font-weight: bold;
  color: #3c3c3c;
  padding: 5px;
  line-height: 1.3; }

.header-ant-farmasi {
  margin: 20px 10px 10px 20px;
  font-size: 18px;
  font-weight: bold; }

.header-dis-farmasi {
  margin: 8px;
  font-size: 18px;
  text-align: center;
  font-weight: bold; }

.table-antrian > tbody > tr > td, .table-antrian > tfoot > tr > td {
  padding: 1px 10px; }

.select2-container--default.select2-container--focus {
  box-shadow: none !important;
  border: 1px solid green !important;
  background-color: rgba(189, 241, 188, 0.5) !important; }

.select2-container--krajee.select2-container--focus {
  box-shadow: none !important;
  border: 1px solid green !important;
  background-color: rgba(189, 241, 188, 0.5) !important; }

.form-control:focus {
  border: 1px solid green !important;
  background-color: rgba(189, 241, 188, 0.5) !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #337ab7 !important;
  color: white; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: inherit;
  color: inherit; }

input[type='radio']:hover {
  box-shadow: 0 0 5px 0px blue inset; }

input[type='radio']:focus {
  box-shadow: 0 0 5px 0px blue inset; }

input[type='radio']:checked:before {
  background: blue;
  box-shadow: 0 0 5px 0px blue inset; }

input[type='checkbox']:hover {
  box-shadow: 0 0 5px 0px blue inset; }

input[type='checkbox']:focus {
  box-shadow: 0 0 5px 0px blue inset; }

input[type='checkbox']:checked:before {
  background: blue;
  box-shadow: 0 0 5px 0px blue inset; }

.text-left > a {
  color: #34bfa3; }

.text-right > a {
  color: #34bfa3; }

.header-data {
  margin: 10px; }

[data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible; }

[data-title]:after {
  content: attr(data-title);
  position: absolute;
  /*bottom: -1.6em;*/
  top: -1.6em;
  left: 100%;
  padding: 4px 4px 4px 8px;
  color: #222;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #cccccc);
  background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);
  background-image: -ms-linear-gradient(top, #f8f8f8, #cccccc);
  background-image: -o-linear-gradient(top, #f8f8f8, #cccccc);
  opacity: 0;
  z-index: 99999;
  visibility: hidden; }

[data-title] {
  position: relative; }

.header-checkbox {
  text-align: center; }

.button-search-section {
  margin-top: 12px; }

.table-scroll {
  max-height: 180px;
  min-height: 180px;
  overflow-x: scroll; }

.blockUI .blockOverlay {
  z-index: 2000; }

.table-row-clickable tbody tr {
  cursor: pointer; }

.table-row-clickable .selected-row {
  background-color: #26A69A !important;
  color: white; }

.table-row-clickable .row-registered {
  background-color: #2d3436 !important;
  color: #fff;
  cursor: not-allowed; }

.inline-datepicker > .picker {
  width: 25vw !important; }

.input-group-addon {
  cursor: pointer; }

.checker.focus, .choice.focus, .input-group-btn > button:focus {
  -moz-box-shadow: inset 0 0 8px #26A69A;
  -webkit-box-shadow: inset 0 0 8px #26A69A;
  box-shadow: inset 0 0 8px #26A69A; }

.actions a[role='menuitem']:focus {
  animation: glow 1s infinite alternate; }

@keyframes glow {
  from {
    box-shadow: 0 0 4px -4px #34BFA3; }
  to {
    box-shadow: 0 0 4px 4px #34BFA3; } }

.form-detail {
  margin: 12px 0px; }

.btn-delete-row {
  padding: 4px 8px !important; }

.help-block.error > i {
  margin-right: 8px; }

.header-checkbox {
  text-align: center; }

.header-checkbox .checker {
  display: contents !important; }

.sticky {
  position: fixed;
  top: 95px;
  left: 0px;
  width: 100%;
  padding: 0px 2%;
  z-index: 1000; }

.hint-block {
  color: grey;
  font-style: italic; }

.form-with-space .form-group {
  margin-bottom: 14px !important; }

.line {
  margin: 0px !important; }

.label-value {
  padding-top: 8px;
  font-weight: bold; }

.form-vertical .form-group {
  margin-bottom: 8px !important; }

.label-form {
  margin-top: 8px; }

.label-value-form {
  padding-left: 4px;
  font-size: 16px;
  font-weight: bold; }

.plat-nomor {
  text-align: center;
  border-radius: 8px;
  background-color: #54be8b;
  padding: 8px;
  font-weight: bold;
  color: #fff; }

.notifications-menu .dropdown-menu {
  width: 300px;
  padding: 0px; }
  .notifications-menu .dropdown-menu .notification-list {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden; }
  .notifications-menu .dropdown-menu .menu {
    padding: 0px; }
    .notifications-menu .dropdown-menu .menu li {
      list-style: none;
      padding: 8px;
      border-bottom: 1px solid #d5d5d5;
      cursor: pointer; }
      .notifications-menu .dropdown-menu .menu li i {
        margin-right: 4px; }
      .notifications-menu .dropdown-menu .menu li .notification-title {
        margin: 0px;
        font-size: 16px;
        font-weight: 900; }
      .notifications-menu .dropdown-menu .menu li .notification-message {
        margin: 0px; }
      .notifications-menu .dropdown-menu .menu li .notification-date {
        color: #929191;
        font-size: 10px; }
    .notifications-menu .dropdown-menu .menu li:hover {
      background-color: #d5d5d5; }
    .notifications-menu .dropdown-menu .menu li:last-child {
      border: 0px solid; }
    .notifications-menu .dropdown-menu .menu .notification--unread {
      background-color: #DBFFF6; }
      .notifications-menu .dropdown-menu .menu .notification--unread .notification-message {
        font-weight: bold; }
    .notifications-menu .dropdown-menu .menu .notification__unprocessed {
      -webkit-animation: glowBox 1s ease-in-out infinite alternate;
      -moz-animation: glowBox 1s ease-in-out infinite alternate;
      animation: glowBox 1s ease-in-out infinite alternate; }
  .notifications-menu .dropdown-menu .footer {
    text-align: center;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #d5d5d5;
    left: 0px;
    right: 0px;
    padding-right: 0px;
    margin: auto; }
  .notifications-menu .dropdown-menu .header {
    border-bottom: 1px solid #d5d5d5;
    display: flex;
    padding: 8px 16px; }
    .notifications-menu .dropdown-menu .header div {
      width: 50%;
      font-weight: bold;
      font-size: 20px; }
      .notifications-menu .dropdown-menu .header div i {
        cursor: pointer; }
    .notifications-menu .dropdown-menu .header div:last-child {
      text-align: right; }

@-webkit-keyframes glowBox {
  from {
    background-color: #5f5f5f;
    color: #fff; }
  to {
    background-color: #fff;
    color: #5f5f5f; } }

@-webkit-keyframes glowBoxHover {
  from {
    background-color: #fff;
    color: #5f5f5f; }
  to {
    background-color: #5f5f5f;
    color: #fff; } }

.select2-md span.select2-selection.select2-selection--single {
  height: 34px !important; }

.datetimepicker tr > .switch {
  display: table-cell !important; }

.overlay-preview {
  width: 100%;
  height: 50px;
  position: absolute;
  background-color: white;
  z-index: 1; }

.ml-8 {
  margin-left: 8px; }

.ml-12 {
  margin-left: 12px; }

.ml-16 {
  margin-left: 16px; }

.text-label {
  padding: 0px; }

.form-row {
  margin-bottom: 12px; }

.sub-header-form {
  font-size: 21px;
  font-weight: bold;
  margin: 0px; }

.header-form {
  font-size: 16px;
  font-weight: bold; }

.form-vertical {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.box-scale {
  padding: 32px;
  border: 1px solid #d6d6d6;
  border-radius: 8px; }
  .box-scale .box-scale-header {
    margin-bottom: 60px; }
    .box-scale .box-scale-header img {
      width: 100%;
      padding: 0px 21px; }
  .box-scale .box-scale-info {
    margin: 16px; }
  .box-scale .box-scale-line {
    display: flex;
    font-size: 16px; }
    .box-scale .box-scale-line .box-scale-line__point {
      width: 10%;
      text-align: center; }
      .box-scale .box-scale-line .box-scale-line__point div {
        cursor: pointer;
        border: 1px solid #d6d6d6;
        border-radius: 24px;
        width: 40px;
        margin: auto;
        height: 40px;
        display: flex;
        justify-content: center;
        flex-direction: column; }
    .box-scale .box-scale-line .box-scale-line__point:last-child {
      margin-right: 0px !important; }
    .box-scale .box-scale-line .box-scale-line__point:first-child {
      margin-right: 0px !important; }
    .box-scale .box-scale-line .box-scale-line__0:hover {
      border: 1px solid #04C86B;
      background-color: #04C86B;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line__1:hover {
      border: 1px solid #4FC354;
      background-color: #4FC354;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line__2:hover {
      border: 1px solid #8DBD33;
      background-color: #8DBD33;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line__3:hover {
      border: 1px solid #C5DA2C;
      background-color: #C5DA2C;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line__4:hover {
      border: 1px solid #F0F221;
      background-color: #F0F221;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line__5:hover {
      border: 1px solid #F2D51A;
      background-color: #F2D51A;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line__6:hover {
      border: 1px solid #F2B610;
      background-color: #F2B610;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line__7:hover {
      border: 1px solid #F09409;
      background-color: #F09409;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line__8:hover {
      border: 1px solid #EF7800;
      background-color: #EF7800;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line__9:hover {
      border: 1px solid #E54209;
      background-color: #E54209;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line__10:hover {
      border: 1px solid #D61F01;
      background-color: #D61F01;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__0 {
      border: 1px solid #04C86B;
      background-color: #04C86B;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__1 {
      border: 1px solid #4FC354;
      background-color: #4FC354;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__2 {
      border: 1px solid #8DBD33;
      background-color: #8DBD33;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__3 {
      border: 1px solid #C5DA2C;
      background-color: #C5DA2C;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__4 {
      border: 1px solid #F0F221;
      background-color: #F0F221;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__5 {
      border: 1px solid #F2D51A;
      background-color: #F2D51A;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__6 {
      border: 1px solid #F2B610;
      background-color: #F2B610;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__7 {
      border: 1px solid #F09409;
      background-color: #F09409;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__8 {
      border: 1px solid #EF7800;
      background-color: #EF7800;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__9 {
      border: 1px solid #E54209;
      background-color: #E54209;
      color: #fff; }
    .box-scale .box-scale-line .box-scale-line--selected .box-scale-line__10 {
      border: 1px solid #D61F01;
      background-color: #D61F01;
      color: #fff; }
  .box-scale .box-scale-line__separator {
    position: relative;
    background: linear-gradient(to right, #03c86c 0%, #8bbc34 20%, #f2f321 40%, #f1b20f 60%, #f17200 80%, #d30100 101%);
    margin: 8px 21px;
    height: 12px; }
    .box-scale .box-scale-line__separator .box-scale-line__hidePercentage {
      position: absolute;
      top: 0px;
      right: 0px;
      background-color: #fff;
      width: 100%;
      height: 12px; }
  .box-scale .box-scale-footer {
    margin-top: 48px; }
    .box-scale .box-scale-footer span {
      margin-right: 32px; }
    .box-scale .box-scale-footer span:last-child {
      margin: 0px !important; }

.table-nutrition {
  width: 50%; }
  .table-nutrition td:first-child {
    padding-left: 24px;
    width: 80%; }
  .table-nutrition td:last-child {
    width: 20%;
    text-align: center; }
  .table-nutrition tfoot {
    border-top: 1px solid #d6d6d6;
    font-weight: bold; }

.btn-action {
  padding: 8px 12px !important;
  min-width: unset; }

.teeth-svg {
  display: inline-flex;
  position: relative;
  width: 40px; }
  .teeth-svg path {
    cursor: pointer; }
  .teeth-svg path:hover {
    fill: #34bfa3; }
  .teeth-svg .right-sign {
    position: absolute;
    width: 10px;
    top: 50%;
    right: 0px;
    transform: translate(0%, -50%); }
  .teeth-svg .bottom-sign {
    position: absolute;
    width: 10px;
    bottom: 22%;
    left: 50%;
    transform: translate(-50%, 0%); }
  .teeth-svg .left-sign {
    position: absolute;
    width: 10px;
    top: 50%;
    left: 0px;
    transform: translate(0%, -50%); }
  .teeth-svg .top-sign {
    position: absolute;
    width: 10px;
    top: 22%;
    left: 50%;
    transform: translate(-50%, 0%); }
  .teeth-svg .center-sign {
    position: absolute;
    width: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.btn-odontogram {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 10px 12px;
  border: 1px solid #d6d6d6;
  margin-bottom: 12px; }
  .btn-odontogram img {
    width: 16px; }

.btn-odontogram:hover, .btn-odontogram--active {
  background-color: #d8ffed;
  border-color: #d8ffed; }

.odontogram-wrapper {
  display: inline-grid;
  width: 20%;
  position: relative;
  margin: 0px 8px; }

.odontogram-level {
  text-align: center; }

.odontogram-section {
  display: inline-block;
  margin: 12px;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  padding: 32px; }
  .odontogram-section .odontogram-section-btn {
    text-align: center;
    margin-top: 60px; }

.datetimepicker tr > .switch {
  display: table-cell !important; }

.select2-md span.select2-selection.select2-selection--single {
  height: 34px !important; }

.odontogram-section--screenshot {
  border: 0px !important; }
  .odontogram-section--screenshot .btn-odontogram--active {
    background-color: #ffffff;
    border-color: #d6d6d6; }

.rajal-form > form {
  padding: 12px; }

.indent-form {
  padding-left: 12px; }

.long-form .panel-body {
  padding-top: 12px !important; }

.long-form .choice, .long-form .checker {
  margin-bottom: 8px !important; }

.long-form table tbody tr .form-column {
  padding: 20px !important; }

.nav-tab-worklist, .nav-tab-cppt {
  border-bottom: 1px solid #dee2e6;
  margin-top: 16px;
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  font-size: 12px;
  align-items: center; }
  .nav-tab-worklist .nav-item, .nav-tab-cppt .nav-item {
    padding: 8px;
    margin-bottom: -1px; }
  .nav-tab-worklist .nav-link, .nav-tab-cppt .nav-link {
    color: #606060;
    border: 1px solid transparent;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  .nav-tab-worklist .nav-link:focus, .nav-tab-worklist .nav-link:hover, .nav-tab-cppt .nav-link:focus, .nav-tab-cppt .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6; }
  .nav-tab-worklist .nav-link.disabled, .nav-tab-cppt .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent; }
  .nav-tab-worklist .nav-link.active, .nav-tab-worklist .nav-item.show .nav-link, .nav-tab-cppt .nav-link.active, .nav-tab-cppt .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #389D86;
    border-color: #dee2e6 #dee2e6 #389D86; }
  .nav-tab-worklist .dropdown-menu, .nav-tab-cppt .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.filter-label-btn .flex-filter {
  width: 80%; }

.filter-label-btn .flex-1 {
  width: 20%;
  padding-top: 20px; }

.filter-label-btn .reset-filter {
  max-width: 50%; }

.filter-label-btn .more-filter {
  max-width: 100%;
  font-size: 12px;
  background-color: #ffffff;
  border-color: #dddddd;
  margin: 0px; }
  .filter-label-btn .more-filter > p {
    color: #606060;
    text-align: left; }
    .filter-label-btn .more-filter > p > i.fa {
      float: right; }

.btn-triage button {
  min-width: 100px;
  border-radius: 16px; }

.btn-triage .btn-success {
  background-color: #ffffff;
  border-color: #359445;
  color: #359445; }

.btn-triage .btn-success.btn-triage--active {
  background-color: #359445;
  border-color: #359445;
  color: #ffffff; }

.btn-triage .btn-danger {
  background-color: #ffffff;
  border-color: #d62d54;
  color: #d62d54; }

.btn-triage .btn-danger.btn-triage--active {
  background-color: #d62d54;
  border-color: #d62d54;
  color: #ffffff; }

.btn-triage .btn-warning {
  background-color: #ffffff;
  border-color: #e5d92c;
  color: #e5d92c; }

.btn-triage .btn-warning.btn-triage--active {
  background-color: #e5d92c;
  border-color: #e5d92c;
  color: #606060; }

.btn-triage .btn-black {
  background-color: #ffffff;
  border-color: #606060;
  color: #606060; }

.btn-triage .btn-black.btn-triage--active {
  background-color: #606060;
  border-color: #606060;
  color: #ffffff; }

.box-scale {
  margin-top: 24px; }

.badge-flagging {
  padding: 8px 12px;
  border-radius: 8px;
  color: #ffffff;
  width: fit-content;
  margin: 0px; }

.badge--dokter {
  background-color: #0066A6; }

.badge--perawat {
  background-color: #1FA345; }

.draft-soap-modal .modal-body {
  padding: 8px;
  max-height: 80vh; }

.draft-soap-modal .table-wrapper {
  margin-top: 12px;
  overflow-y: scroll;
  max-height: 50vh;
  padding: 8px; }

.draft-soap-modal hr {
  margin: 8px 0px; }

.draft-soap-modal .draft-soap--wrapper {
  display: flex; }
  .draft-soap-modal .draft-soap--wrapper .draft-soap {
    width: 35%;
    text-align: center;
    border: 1px solid;
    padding: 8px;
    margin: 8px;
    border-radius: 12px;
    cursor: pointer; }
    .draft-soap-modal .draft-soap--wrapper .draft-soap .draft-soap--header {
      font-size: 21px;
      font-weight: bold; }
    .draft-soap-modal .draft-soap--wrapper .draft-soap .draft-soap--text {
      margin: 0px;
      font-size: 16px; }
  .draft-soap-modal .draft-soap--wrapper .draft-soap:hover, .draft-soap-modal .draft-soap--wrapper .draft-soap--active {
    background-color: #54be8b;
    color: #ffffff;
    border-color: #ffffff; }

.btn-group-section {
  background-color: #606060;
  border-color: #606060; }

.btn-group-section--active, .btn-group-section:hover {
  background-color: #359445;
  border-color: #359445; }

.strike-text, .strike-text table, .strike-text td {
  text-decoration: line-through; }

.edited-row {
  background-color: #E8F5E9 !important; }

.not-verified-cppt {
  background-color: #fdfd96; }

.expired-cppt {
  background-color: #990011;
  color: #fff !important; }

.nav-sticky-wrapper {
  position: relative; }

.nav-tabs__sticky {
  position: fixed;
  top: 178px;
  left: 0px;
  width: 100%;
  padding: 0px 2%;
  z-index: 11;
  box-shadow: 0 0px 12px -6px #000;
  background-color: white;
  padding-top: 12px;
  padding-bottom: 0px; }
  .nav-tabs__sticky .nav {
    margin-bottom: 0px; }

.datatable-custom .dataTable thead .sorting, .datatable-custom .dataTable thead .sorting_asc, .datatable-custom .dataTable thead .sorting_asc_disabled, .datatable-custom .dataTable thead .sorting_desc, .datatable-custom .dataTable thead .sorting_desc_disabled {
  padding: 8px !important; }

.btn-primary-color, .btn-primary-color:hover {
  background-color: #389D86;
  color: #ffffff; }

.row__hidden {
  display: none;
  margin-top: 8px; }

.btn-xs.btn-only {
  padding: 4px 8px !important;
  min-width: auto; }

.btn-transparent {
  background-color: transparent;
  border-color: transparent;
  color: #389D86;
  font-weight: bold;
  border-radius: 16px !important; }

.btn-action-column {
  min-width: 100px !important;
  padding: 4px !important; }

.legend-index {
  margin: 8px 0px; }
  .legend-index .legend-wrapper {
    display: flex;
    flex-flow: wrap; }
    .legend-index .legend-wrapper .legend-information {
      padding: 8px;
      margin-right: 8px;
      margin-top: 8px;
      border: 1px solid #dddddd;
      border-radius: 4px;
      display: flex; }
      .legend-index .legend-wrapper .legend-information .legend-information__color {
        min-width: 16px;
        min-height: 16px;
        height: 16px;
        width: 16px;
        border-radius: 16px;
        margin-right: 8px;
        border: 1px solid #dddddd; }

.label-information label {
  color: #777777;
  margin-bottom: 4px;
  padding: 0px; }

.label-information p {
  margin: 0px;
  font-weight: bold; }

.label-information .row {
  margin-bottom: 12px; }

.modal-xl {
  width: 95%; }
  .modal-xl .modal-header {
    padding-bottom: 8px;
    border-bottom: 1px solid #eee; }
    .modal-xl .modal-header .close {
      top: unset; }

.btn-xs {
  font-size: 11px;
  padding: 4px 6px; }

.unavailable-stock {
  background-color: #fdb7b7; }

.select2-selection__clear {
  margin-top: unset !important;
  margin-right: 20px; }

.select2-search--dropdown {
  padding: 12px !important; }
  .select2-search--dropdown .select2-search__field {
    padding-left: 28px !important; }

.nav-tab-cppt .nav-link {
  padding: 8px 16px;
  font-size: 13px;
  max-width: 150px;
  text-align: center; }

.nav-sticky-cppt.nav-tabs__sticky {
  top: 178px; }
  .nav-sticky-cppt.nav-tabs__sticky .nav-link {
    border-radius: 0px; }

.btn-flat-warning {
  background-color: #FC8338 !important;
  border: #FC8338;
  color: #ffffff; }

.btn-flat-warning:hover {
  background-color: #FC8338 !important;
  border: #FC8338;
  color: #ffffff; }

.scrolled-div > .row {
  overflow-x: auto;
  white-space: nowrap;
  margin-top: 10px; }

.scrolled-div > .row > .col-xs-3 {
  display: inline-block;
  float: none;
  margin-bottom: 10px; }

.bg-gray {
  background-color: #fdfdfd; }

.m-h-500 {
  min-height: 500px; }

.btn-black {
  background-color: #000 !important;
  border: #000;
  color: #fff; }

.btn-black:hover {
  background-color: #000 !important;
  border: #000;
  color: #fff; }

.btn-black:focus {
  background-color: #000 !important;
  border: #000;
  color: #fff; }

.scrolled-div > .row {
  overflow-x: auto;
  white-space: nowrap;
  margin-top: 10px; }

.scrolled-div > .row > .col-xs-3 {
  display: inline-block;
  float: none;
  margin-bottom: 10px; }

.bg-gray {
  background-color: #fdfdfd; }

.m-h-500 {
  min-height: 500px; }

.select2 .select2-selection {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  height: 29.5px; }

.doco-table-wrap-text {
  word-break: break-word;
  white-space: normal !important; }

html {
  scroll-behavior: smooth; }

a {
  color: #000000; }

.site-index p {
  font-weight: bold;
  font-size: 12px; }

.site-index {
  margin: auto;
  width: 85%;
  text-align: center;
  padding: 0; }

.content-wrapper {
  padding: 2%;
  display: block !important; }

.page-container {
  margin-top: 0px !important; }

.module-section {
  padding: 2% 3%; }

.list-module {
  width: 165px;
  min-height: 170px; }

.list-module a, a:hover {
  color: #37474f; }

.list-module div {
  box-shadow: 2px 2px 3px #d5d5d5;
  border: 2px solid #d5d5d5;
  transition: 0.4s; }

.list-module div:hover {
  border: 3px solid #34bfa3;
  cursor: pointer; }

.list-module div:focus {
  border: 3px solid #34bfa3 !important;
  cursor: pointer; }

.list-module div:active {
  border: 3px solid #34bfa3 !important;
  cursor: pointer; }

.list-module div:visited {
  border: 3px solid #34bfa3 !important;
  cursor: pointer; }

.list-module-not {
  width: 180px;
  min-height: 170px; }

.list-module-not div:hover {
  box-shadow: 5px 5px #d5d5d5;
  cursor: pointer; }

.list-module-hide {
  display: none; }

.isi-module {
  margin: auto;
  min-height: 140px; }

.isi-module i {
  font-size: 40px; }

.isi-module-not {
  padding: 20px 4px 15px 4px;
  background: #d5d5d5;
  min-height: 140px; }

.isi-module-not i {
  font-size: 40px; }

.isi-module > h6 {
  font-size: 1.1em; }

.row-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.btn-more {
  color: #ffffff;
  background-color: #34bfa3;
  box-shadow: 2px 2px #34bfa3; }

.btn-more:hover {
  color: #ffffff !important;
  background-color: #1ca189 !important;
  box-shadow: 2px 2px #1ca189; }

.btn-less {
  color: #ffffff !important;
  background-color: #f4516c;
  box-shadow: 2px 2px #f4516c; }

.btn-less:hover {
  color: #ffffff !important;
  background-color: #bb4359 !important;
  box-shadow: 2px 2px #bb4359; }

/*tablet landscape*/
@media only screen and (max-width: 1176px) {
  .site-index {
    margin: auto;
    width: 90%;
    text-align: center;
    padding: 0; }
  .module-section {
    padding: 2% 3%; }
  .list-module {
    width: 150px; }
  .isi-module {
    margin: auto;
    min-height: 145px; }
  .isi-module > h6 {
    font-size: 1.2em; }
  .isi-module > img {
    width: 85px;
    height: 85px; } }

/*tablet potrait*/
@media only screen and (max-width: 768px) {
  .content-wrapper {
    width: 100%; }
  .page-container {
    width: 100vw; }
  /* .cr-inner{
        width: 70%;
        left: 15%;
        top: 30%;
        height: 40%
    }*/ }

@media screen and (min-width: 1400px) {
  .list-module {
    width: 180px;
    min-height: 170px; }
  .list-module-not {
    width: 180px;
    min-height: 170px; } }

.navbar-fixed-top {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  position: fixed !important;
  background-color: #ffffff;
  color: #000000; }

.navbar-position {
  position: relative;
  height: 100px; }

.navbar-header {
  display: flex;
  width: 100%;
  margin: 0; }

.navbar-logo {
  width: 10vw;
  position: relative; }

.navbar-title {
  width: 40vw; }

.navbar-list {
  width: 50vw; }

.logo-rs {
  width: 100%;
  max-width: 70px;
  height: auto;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1; }

.logo-rs-antrian {
  width: 100%;
  max-width: 40px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1; }

.rs-title {
  color: #000000;
  padding-left: 15px;
  pointer-events: none; }

.profile-icon {
  width: 10px;
  height: 10px; }

.second-navbar {
  display: flex; }

.left-navbar {
  width: 58vw; }

.navbar-left {
  transition: 0.2s; }
  .navbar-left a:hover {
    background-color: #ffffff !important;
    color: #34bfa3; }

.right-navbar {
  width: 32vw; }

.navbar-right {
  display: flex;
  justify-content: flex-end;
  line-height: 28px; }
  .navbar-right a {
    transition: 0.3s; }
  .navbar-right a:hover {
    color: #34bfa3 !important;
    background-color: transparent !important; }

.dropdown-menu::after .wrapper:after {
  overflow: scroll;
  max-height: 400px; }

.side-button {
  display: none; }

@media only screen and (max-width: 975px) {
  .navbar-fixed-top {
    position: fixed !important; }
  .left-navbar {
    width: 20vw; }
  .right-navbar {
    width: 70vw; }
  .side-button {
    display: block;
    background-color: #ffffff;
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 2px 8px;
    border-radius: 15%;
    border: 1px solid #d5d5d5; }
  .side-button:after, .side-button:active {
    background-color: #ffffff !important; }
  .side-button:hover {
    background-color: #d5d5d5 !important; }
  .dropdown-menu::after .wrapper:after {
    overflow: hidden;
    max-height: 100vh !important; }
  .navbar-left {
    display: none; } }

@media only screen and (max-width: 712px) {
  .logo-rs {
    left: 65%; }
  /*
    .navbar-logo{
        width: 12vw;
    }
    .navbar-title{
        width: 35vw;
    }
    .navbar-list{
        width: 45vw;
    }
    */
  .navbar-left {
    display: block; } }

@media only screen and (max-width: 415px) {
  /*.navbar-logo{
        width: 45vw;
        position: relative;
    }
    .navbar-title{
        width: 0;
        h5{
            display: none;
        }
    }
    .navbar-list{
        width: 55vw;
    }*/ }

.farmasi-notif-unread {
  background-color: lightgreen; }

.wrapper-header ul {
  width: 200px;
  max-height: 350px;
  padding: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none; }

.wrapper-header ul::-webkit-scrollbar {
  width: 10px !important; }

.wrapper-header ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #606060; }

.wrapper-header ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

.wrapper-header .dropdown-submenu > a:after {
  content: '\E9C7';
  font-family: 'icomoon';
  position: absolute;
  right: 15px;
  font-size: 16px;
  font-weight: 800;
  /* line-height: 1; */
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.8;
  filter: alpha(opacity=80);
  top: 50%;
  /* bottom: 50%; */
  /* margin: 0 auto; */
  transform: translate(-50%, -50%); }

.wrapper-header li {
  position: static !important; }
  .wrapper-header li a {
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    text-decoration-color: #606060 !important;
    color: #606060 !important;
    background-color: #fff !important;
    display: block;
    padding: 8px 16px;
    position: relative; }
  .wrapper-header li a:hover,
  .wrapper-header li a:active,
  .wrapper-header li a:has(+ div.wrapper-header a:hover) {
    background-color: #f5f5f5 !important;
    color: #34bfa3 !important; }
  .wrapper-header li .wrapper-header {
    position: absolute;
    z-index: 2000;
    display: none; }
  .wrapper-header li:hover > .wrapper-header {
    display: block; }

@media (max-width: 768px) {
  .wrapper-header ul {
    max-height: 100%;
    width: 100%;
    overflow-x: visible;
    overflow-y: visible; }
  .wrapper-header li {
    position: static !important;
    padding-left: 20px; } }

html {
  overflow-x: hidden; }

.content-group {
  font-weight: bolder; }

.bg-inverse {
  background-color: #37474f;
  border-color: #37474f;
  color: #ffffff; }

.modal {
  text-align: center;
  padding: 0 !important; }

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 90% !important;
  font-weight: bold;
  color: inherit !important; }

#menu_antrian .row {
  margin-bottom: 10px; }

#menu_antrian .row :last-child {
  margin-bottom: 0 !important; }

.col-centered {
  float: none;
  margin: 0 auto; }

h1.title-antrian {
  font-size: 50px; }

h1.no-antrian {
  font-size: 70px; }

.login-container .page-container {
  padding-top: 25px; }

.page-container {
  padding: 0; }

#info-antrian {
  font-size: 16px;
  font-weight: 600; }

.jqclock {
  font-size: 16px;
  font-weight: 600; }

.clockdate {
  padding-right: 10px; }

.box-content {
  height: 450px;
  overflow: auto; }

.check {
  opacity: 0.5;
  color: #996; }

.box {
  margin-bottom: 20px; }

.btn3d {
  position: relative;
  top: -6px;
  border: 0;
  transition: all 40ms linear;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 2px;
  margin-right: 2px;
  width: 100%; }

.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
  -moz-outline-style: none;
  outline: medium none; }

.btn3d:active, .btn3d.active {
  top: 2px; }

.btn3d.btn-white {
  color: #666666;
  box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0, 0, 0, 0.2);
  background-color: #fff; }

.btn3d.btn-white:active, .btn3d.btn-white.active {
  color: #666666;
  box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.1);
  background-color: #fff; }

.btn3d.btn-default {
  color: #666666;
  box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0, 0, 0, 0.2);
  background-color: #f9f9f9; }

.btn3d.btn-default:active, .btn3d.btn-default.active {
  color: #666666;
  box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.1);
  background-color: #f9f9f9; }

.btn3d.btn-primary {
  box-shadow: 0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
  background-color: #4274D7; }

.btn3d.btn-primary:active, .btn3d.btn-primary.active {
  box-shadow: 0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  background-color: #4274D7; }

.btn3d.btn-success {
  box-shadow: 0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
  background-color: #78d739; }

.btn3d.btn-success:active, .btn3d.btn-success.active {
  box-shadow: 0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  background-color: #78d739; }

.btn3d.btn-info {
  box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
  background-color: #39B3D7; }

.btn3d.btn-info:active, .btn3d.btn-info.active {
  box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  background-color: #39B3D7; }

.btn3d.btn-warning {
  box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
  background-color: #FEAF20; }

.btn3d.btn-warning:active, .btn3d.btn-warning.active {
  box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  background-color: #FEAF20; }

.btn3d.btn-danger {
  box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
  background-color: #D73814; }

.btn3d.btn-danger:active, .btn3d.btn-danger.active {
  box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  background-color: #D73814; }

.btn3d.btn-magick {
  color: #fff;
  box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
  background-color: #bb39d7; }

.btn3d.btn-magick:active, .btn3d.btn-magick.active {
  box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
  background-color: #bb39d7; }

.blink_me {
  animation: blinker 3s linear infinite; }

@keyframes blinker {
  50% {
    opacity: 0; } }

/* WXGA, HD, FHD (16:9) */
@media (max-width: 3839px) and (max-height: 2159px) {
  .img-responsive {
    position: relative;
    width: 100%;
    height: auto; }
  .navbar-brand {
    position: absolute;
    top: 0.5vw;
    left: 5vw; }
  .header-logo-img-responsive {
    position: absolute;
    min-width: 7vw;
    min-height: 7vw;
    top: -1vw; }
  .header-title {
    font-family: HelveticaNeueHv;
    font-size: 2vw;
    position: absolute;
    text-align: center;
    letter-spacing: 0.40vw;
    top: 1vw;
    left: 50vw;
    transform: translate(-50%, -50%); }
  .header-subtitle {
    font-family: HelveticaNeueLt;
    font-size: 1.1vw;
    position: absolute;
    text-align: center;
    letter-spacing: 0.40vw;
    top: 3vw;
    left: 50vw;
    transform: translate(-50%, -50%); } }

/* 4K 3840x2160 (16:9) */
@media (min-width: 3840px) and (max-height: 2160px) {
  .img-responsive {
    position: relative;
    width: 100%;
    height: auto; }
  .navbar-brand {
    position: absolute;
    top: 0.9vw;
    left: 5vw; }
  .header-logo-img-responsive {
    position: absolute;
    min-width: 10vw;
    min-height: 10vw;
    top: -110px; }
  .header-title {
    font-family: HelveticaNeueHv;
    font-size: 2vw;
    position: absolute;
    text-align: center;
    letter-spacing: 0.40vw;
    top: 1.75vw;
    left: 50vw;
    transform: translate(-50%, -50%); }
  .header-subtitle {
    font-family: HelveticaNeueLt;
    font-size: 1.1vw;
    position: absolute;
    text-align: center;
    letter-spacing: 0.40vw;
    top: 3.75vw;
    left: 50vw;
    transform: translate(-50%, -50%); } }

.dataTables_scroll {
  max-height: 330px;
  overflow: auto;
  position: relative; }

.dataTables_scroll > tr {
  height: 40px !important; }

.dataTables_scrollHead {
  overflow: visible !important;
  position: sticky !important;
  top: 0;
  border: 0px;
  width: 100%;
  z-index: 10; }

.dataTables_scrollBody {
  overflow: visible !important; }

.DTFC_LeftBodyLiner {
  overflow-y: hidden !important; }

td {
  padding-top: 8px !important;
  padding-bottom: 0 !important; }

td.select-checkbox {
  position: sticky !important;
  left: 0;
  background-color: #ffffff;
  z-index: 5; }

.odd > td.select-checkbox {
  background-color: #fcfcfc; }

.more-filter {
  margin: 20px 0px;
  font-size: 1.2em;
  background-color: #37474f;
  padding: 0px;
  display: inline-block;
  max-width: 50px;
  width: 100%;
  cursor: pointer;
  border: 1px solid #37474f;
  border-radius: 3px; }
  .more-filter p {
    color: #ffffff;
    padding: 5px; }

.more-filter:hover {
  transition-duration: 0.3s;
  background-color: #d5d5d5;
  border: 1px solid #d5d5d5; }
  .more-filter:hover p {
    color: #000000; }

.dataTables_length {
  float: right !important; }

.advancedFilter {
  margin-bottom: 5px; }
  .advancedFilter .select2-selection--single {
    padding: 4px 0px !important; }
  .advancedFilter .form-control {
    height: 28px;
    font-size: 12px;
    padding: 0px 8px; }

.collapse-filter-click {
  display: none; }

.filter-form {
  margin-bottom: 8px; }

.select2-container {
  width: 100% !important; }

.select2-selection {
  height: 28px; }

.select2-selection__rendered {
  padding: 0px 8px !important; }

.flex-1 {
  width: 4%;
  margin: 0px auto; }

.flex-filter {
  width: 95%; }

.input-group-addon {
  padding-bottom: 0px;
  padding-top: 0px;
  height: 28px; }

.selection--multiple:not([class*=bg-]):not([class*=border-]) {
  height: auto !important; }

.select2-selection--multiple {
  height: auto !important; }

@media only screen and (max-width: 768px) {
  .dataTables_info {
    float: left; }
  .dataTables_paginate {
    float: right; }
  .flex-1 {
    width: 8%;
    margin: 0px auto; }
  .flex-filter {
    width: 90%; } }

.row-jingga {
  background-color: #ff7f00 !important;
  color: #ffffff;
  font-weight: bold; }

/*
* Dialog
*/
#confirm-dialog-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: black;
  opacity: 0.7;
  z-index: 1070; }

#confirm-dialog {
  position: fixed;
  color: #000000;
  z-index: 1070;
  width: 500px;
  height: 250px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  display: flex;
  flex-direction: column; }

.confirm-message-text {
  display: grid;
  padding: 10px 10px;
  align-content: center;
  text-align: center;
  font-size: 1.2em;
  height: 100%; }

.warning-confirm-message {
  align-content: center;
  background-color: #c4c4c4;
  color: #455a64;
  text-align: center;
  padding: 10px; }

.warning-confirm-message .checker {
  margin-right: 10px; }

#confirm-dialog button {
  padding: 10px;
  border: 0px;
  border-radius: 2px; }

.button-place {
  width: 100%;
  bottom: 0;
  margin: 0 !important;
  padding: 0 !important;
  display: flex; }

.button-yes {
  background-color: #34bfa3;
  color: #ffffff;
  flex: 1; }

.button-yes:hover {
  background-color: #1ca189;
  color: #ffffff; }

.button-no {
  background-color: #f4516c;
  color: #ffffff;
  flex: 1; }

.button-no:hover {
  background-color: #bb4359;
  color: #ffffff; }

#confirm-dialog button.alert {
  background: #f4516c; }

#confirm-dialog button.save {
  background: #34bfa3; }

.delete-confirm-custom {
  margin-top: 10px; }

.loader-section {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000;
  top: 0; }

.loader-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.7;
  z-index: 9991;
  top: 0;
  left: 0;
  cursor: progress; }

.indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(3);
  z-index: 9999;
  display: flex; }
  .indicator svg polyline {
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round; }
    .indicator svg polyline#back {
      stroke: rgba(59, 211, 171, 0.3); }
    .indicator svg polyline#front {
      stroke: #3BD3AB;
      stroke-dasharray: 12, 36;
      stroke-dashoffset: 48;
      animation: dash 1s linear infinite; }
  .indicator span {
    color: white; }

@keyframes dash {
  62.5% {
    opacity: 0; }
  to {
    stroke-dashoffset: 0; } }

.cta {
  position: fixed;
  bottom: 20px;
  right: 30px;
  color: #222;
  font-weight: bold; }

.module-selection {
  width: 450px;
  display: flex;
  overflow-x: auto;
  z-index: 100; }

.cr-inner {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .cr-inner ::-webkit-scrollbar {
    width: 5px;
    height: 11px; }
  .cr-inner ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px; }
  .cr-inner ::-webkit-scrollbar-thumb {
    background: #34bfa3;
    border-radius: 10px; }
  .cr-inner ::-webkit-scrollbar-thumb:hover {
    background: #1ca189; }

.list-room {
  height: 100%;
  min-width: 150px;
  scroll-behavior: smooth; }

.back-antrian {
  font-size: 1em; }

.stepy-header {
  padding: 0 !important; }
  .stepy-header span {
    font-size: 0.9em; }

.margintop {
  margin-top: 40px; }

.reload-antrian {
  font-size: 1.1em !important; }

.reload-antrian, .back-step {
  font-size: 1.2em !important; }

.margintop > a {
  padding: 13px !important; }

.pd-20 a {
  font-size: 1.2em; }

.cara-bayar {
  height: 300px;
  background-color: #ffffff;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #d5d5d5;
  padding: 3%; }

@media only screen and (max-width: 1176px) {
  .back-antrian {
    font-size: 0.8em; }
  .list-antrian panel {
    max-height: 350px; }
  .margintop {
    margin-top: 10px; } }

@media only screen and (max-width: 712px) {
  .carousel-item {
    display: flex;
    flex-wrap: nowrap; }
    .carousel-item .list-antrian {
      min-width: 200px;
      margin-bottom: 40px; }
      .carousel-item .list-antrian .img {
        max-width: 75px;
        max-height: 75px; }
      .carousel-item .list-antrian h6 {
        font-size: 1.1em; }
      .carousel-item .list-antrian a {
        margin: 2%;
        font-size: 1.2em; }
  .pd-20 {
    display: flex;
    justify-content: space-between; }
  .stepy-header {
    display: flex; }
  .margintop {
    margin-top: 50px; }
  .reload-antrian {
    font-size: 1.2em !important; }
  .reload-antrian, .back-step {
    font-size: 1.2em !important; }
  .plan {
    width: 160px; }
    .plan h3 {
      font-size: 1.1em; }
    .plan h4 {
      font-size: 1.2em; }
    .plan h5 > b {
      font-size: 0.8em; }
  .plan span {
    font-size: 4.0em !important; } }

.flex-container {
  justify-content: space-between;
  flex-wrap: wrap; }

.flex-info {
  width: 70%; }

.flex-photo-pasien {
  width: 14%; }

.border-img {
  margin-top: 5px;
  width: 100%;
  max-width: 116px;
  height: auto;
  max-height: 116px;
  overflow: hidden;
  border: 1px solid #d5d5d5;
  padding: 2px; }

.icon-list li {
  margin-top: 50%; }

.flex-info-pasien {
  width: 43%;
  margin-top: 5px; }
  .flex-info-pasien p {
    font-size: 1.2em; }

.flex-detail {
  flex: 30%; }
  .flex-detail p {
    font-size: 1.2em; }

.flex-detail-info {
  width: 50%; }

.column-info {
  min-height: 150px; }

.column-detail {
  height: 150px; }

.flex-60 {
  width: 60%; }

.flex-40 {
  width: 40%; }

.no-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.flex-asesbar {
  width: 20%; }

.flex-asesmen {
  width: 78%; }

.border-bar {
  border: 1px solid #d5d5d5; }

.panel-shadow {
  box-shadow: 1px 1px 1px #d5d5d5; }

.font-design {
  font-family: Arial, Helvetica, sans-serif;
  color: #34bfa3;
  font-size: 1.1em; }

.nav-tabs-highlight > li {
  width: 100%; }

.panel-heading {
  color: #606060;
  background-color: #fcfcfc;
  border-color: #ddd;
  border-top-color: #dddddd;
  border-right-color: #dddddd;
  border-bottom-color: #dddddd;
  border-left-color: #dddddd; }

.table-container {
  overflow: auto; }

@media only screen and (max-width: 768px) {
  .flex-info-pasien p {
    font-size: 1em; }
  .flex-detail p {
    font-size: 1em; }
  .flex-detail-info {
    width: 100%; }
  .font-design b {
    font-size: 0.9em; }
  .panel-heading .panel-title {
    font-size: 1.1em; }
  .column-info {
    height: 220px; }
  .column-detail {
    height: 220px; }
  .flex-60 {
    width: 100%; }
  .flex-40 {
    width: 100%; } }

@media only screen and (max-width: 415px) {
  .flex-info {
    width: 100%; }
  .flex-detail {
    width: 100px; }
  .column-info {
    height: 380px; }
  .column-detail {
    height: 225px; } }

.footer {
  margin: 0px auto 30px auto;
  position: relative;
  bottom: 0px;
  padding-top: 20px;
  z-index: 0;
  padding-right: 40px; }

.footer > p {
  text-align: center; }

.dhealth-logo {
  max-width: 110px;
  width: 100%;
  height: auto; }

.footer:hover {
  transition-duration: 2s; }

.side-margin {
  margin-left: 5px;
  margin-right: 5px; }

.flex-personal {
  width: 70%; }

.flex-pasien {
  width: 29%; }

.flex-50 {
  width: 50%;
  padding: 5px; }

.flex-30 {
  width: 33%;
  padding: 5px; }

.font {
  color: #34bfa3; }

.p-data {
  margin: 0px;
  font-size: 1.1em; }

.radio-inline {
  margin-left: 5px !important; }

@media only screen and (max-width: 768px) {
  .p-data {
    max-width: 284px;
    overflow: hidden; }
  .hide-xs {
    display: none; } }

.flex-wrap-div {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: center;
  justify-content: space-between; }

.col-antrian {
  width: 180px;
  max-height: 150px;
  height: 100%;
  box-shadow: 3px 8px 1px #d5d5d5;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative; }

.antrian-text {
  font-size: 1.2em;
  font-weight: bold; }

.antrian-img {
  min-height: 220px;
  margin: 10px auto;
  border-radius: 7px; }

/*antrian*/
.dis-left {
  height: 75vh; }

.dis-panel-left {
  background: #54be8b;
  color: #3c3c3c; }

.dis-panel-left-isi {
  font-size: 2.5em;
  font-weight: bold;
  margin-top: 1px;
  margin-bottom: 1px; }

.dis-panel-left-footer {
  background: #50a27b;
  color: #3c3c3c;
  font-size: 2em;
  font-weight: bold; }

.dis-right {
  background: white;
  padding: 20px;
  text-align: center;
  font-size: 20px;
  height: 36vh; }

.dis-panel-right-isi {
  font-size: 65px;
  font-weight: bold;
  color: #54be8b; }

.jumlah-pasien {
  height: 75vh; }
  .jumlah-pasien h1 {
    font-size: 2em !important;
    font-weight: bold; }
  .jumlah-pasien th {
    font-size: 1.5em; }
  .jumlah-pasien td {
    font-size: 1.5em; }

.click:hover {
  cursor: pointer; }

@media only screen and (max-width: 768px) {
  .col-antrian {
    max-width: 160px; }
  .flex-wrap-div {
    flex-direction: row;
    margin: 10px auto;
    height: 110px; }
  .dis-panel-right-isi {
    font-size: 50px; }
  .jumlah-pasien {
    margin-bottom: 100px;
    min-height: 500px;
    height: auto; }
  .dis-left {
    height: auto; }
  .dis-right {
    height: auto; }
  .dis-panel-left {
    height: auto; }
  .dis-panel-left-footer {
    height: auto; }
  .dis-footer p {
    font-size: 15px; } }

/* WXGA+ 1440x900 (16:10) */
@media (min-width: 1440px) and (max-height: 900px) {
  .navbar-brand .footer-time {
    font-family: HelveticaNeueHv;
    font-size: 1.8vw;
    position: absolute;
    text-align: center;
    top: 5.5vw;
    right: 2.5vw; }
  .navbar-brand .footer-date {
    font-family: HelveticaNeueHv;
    font-size: 0.8vw;
    width: 120%;
    height: auto;
    position: absolute;
    text-align: center;
    top: 7vw;
    right: 1vw; }
  .navbar-fixed-bottom .marquee {
    font-family: HelveticaNeueHv;
    width: 500%;
    font-size: 2vw;
    width: 82%;
    top: 5.5vw;
    left: 11vw;
    letter-spacing: 0.2vw;
    color: white;
    margin: 0 auto;
    overflow: visible;
    position: absolute; }
  .img-responsive {
    position: relative;
    height: auto;
    width: 100%; }
  .img-responsive-hd {
    position: relative;
    max-height: auto;
    width: 100%; }
  .img-responsive-hd-slider {
    position: relative;
    height: 40vw;
    width: 100%; }
  .img-background {
    position: absolute;
    width: 100%;
    height: auto;
    left: 1px; }
  .prefix-color {
    color: #e69500; }
  .dark-navy {
    color: #001a33; }
  .light-navy {
    color: #00264d; }
  .column-3 {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 22.8vw;
    flex: 25%;
    padding: 0.65vw;
    top: 9vw;
    left: 3vw; }
  .column-3 .title-column-3 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-3 .content-column-3 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 4vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 5vw; }
  .column-3-small {
    position: relative;
    float: left;
    width: 22.8vw;
    height: 8vw;
    padding: 0.65vw;
    top: 6.3vw;
    left: 3vw; }
  .column-3-small .title-column-3-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 1.5vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 1vw; }
  .column-3-small .content-column-3-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 3vw; }
  .column-3-small-main {
    position: relative;
    float: left;
    width: 24vw;
    height: 20vw;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-3-small-main .title-column-3-small-main {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 1.1vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 2vw; }
  .column-3-small-main .content-column-3-small-main {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 14vw; }
  .column-3-small-main .content-column-3-small-title {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.2vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 5.1vw;
    padding-left: 30px;
    padding-right: 30px; }
  .column-3-small-main .content-column-3-small-subtitle {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.5vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 9vw; }
  .column-5 {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 33.3vw;
    flex: 20%;
    padding: 0.65vw;
    top: 7vw;
    left: 3vw; }
  .column-5 .title-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-5 .content-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 9vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 9vw; }
  .column-5 .subcontent-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 22vw; }
  .column-5-small {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 33.3vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-5-small-main {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 33.3vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw; }
  .column-5-small .title-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-5-small .content-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-5-small .subcontent-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-7 {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 57.8vw;
    flex: 20%;
    padding: 0.65vw;
    top: 7vw;
    left: 3vw; }
  .column-7 .title-column-7 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-7 video {
    width: 815px;
    height: 455px;
    object-fit: fill; }
  .column-7-small {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 57.8vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-7-small-main {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 57.8vw;
    flex: 20%;
    padding: 0.65vw;
    top: 3.5vw;
    left: -3vw; }
  .column-7-small .title-column-7-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-7-small video {
    width: 815px;
    height: 455px;
    object-fit: fill; }
  .column-5-small-main video {
    width: 750px;
    height: 800px;
    object-fit: fill;
    margin-left: -1.5vw; }
  .column-12 {
    position: relative;
    display: inline-block;
    float: left;
    width: 39.2vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-12 .title-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-12 .content-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-12 .subcontent-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-12-small {
    position: relative;
    display: inline-block;
    float: left;
    width: 90vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-12-small .title-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-12-small .content-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-12-small .subcontent-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; } }

/* HD 1366x768 (16:9) */
@media (min-width: 1366px) and (max-height: 768px) {
  .navbar-brand .footer-time {
    font-family: HelveticaNeueHv;
    font-size: 1.8vw;
    position: absolute;
    text-align: center;
    top: 5.5vw;
    right: 3.5vw; }
  .navbar-brand .footer-date {
    font-family: HelveticaNeueHv;
    font-size: 1vw;
    width: 140%;
    height: auto;
    position: absolute;
    text-align: center;
    top: 7vw;
    right: 1vw; }
  .navbar-fixed-bottom .marquee {
    font-family: HelveticaNeueHv;
    width: 500%;
    font-size: 2vw;
    width: 82%;
    top: 5.5vw;
    left: 11vw;
    letter-spacing: 0.2vw;
    color: white;
    margin: 0 auto;
    overflow: visible;
    position: absolute; }
  .img-responsive {
    position: relative;
    height: auto;
    width: 100%; }
  .img-responsive-hd {
    position: relative;
    max-height: 390px;
    width: 100%; }
  .img-responsive-hd-slider {
    position: relative;
    height: 40vw;
    width: 100%; }
  .img-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 1px; }
  .prefix-color {
    color: #e69500; }
  .dark-navy {
    color: #001a33; }
  .light-navy {
    color: #00264d; }
  .column-3 {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 22.8vw;
    flex: 25%;
    padding: 0.65vw;
    top: 6.5vw;
    left: 3vw; }
  .column-3 .title-column-3 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-3 .content-column-3 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 4vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 5vw; }
  .column-3-small {
    position: relative;
    float: left;
    width: 22.8vw;
    height: 7.5vw;
    padding: 0.65vw;
    top: 4.2vw;
    left: 3vw; }
  .column-3-small .title-column-3-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 1.5vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 1vw; }
  .column-3-small .content-column-3-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 3vw; }
  .column-3-small-main {
    position: relative;
    float: left;
    width: 24vw;
    height: 20vw;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-3-small-main .title-column-3-small-main {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 1.1vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 2vw; }
  .column-3-small-main .content-column-3-small-main {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.4vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 14vw; }
  .column-3-small-main .content-column-3-small-title {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.2vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 5.1vw;
    padding-left: 30px;
    padding-right: 30px; }
  .column-3-small-main .content-column-3-small-subtitle {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.4vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 9vw; }
  .column-5 {
    position: relative;
    display: inline-block;
    float: left;
    width: 39.2vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-5 .title-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-5 .content-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-5 .subcontent-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-5-small {
    position: relative;
    display: inline-block;
    float: left;
    width: 39.2vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-5-small-main {
    position: relative;
    display: inline-block;
    float: left;
    width: 39.2vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 4.5vw; }
  .column-5-small .title-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-5-small .content-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-5-small .subcontent-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-7 {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 52vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-7 .title-column-7 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-7 video {
    width: 693px;
    height: 390px;
    object-fit: fill; }
  .column-7-small {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 52vw;
    flex: 20%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-7-small-main {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 57vw;
    flex: 20%;
    padding: 0.65vw;
    top: 2.5vw;
    left: -3vw; }
  .column-7-small .title-column-7-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-7-small video {
    width: 693px;
    height: 390px;
    object-fit: fill; }
  .column-5-small-main video {
    width: 750px;
    height: 800px;
    object-fit: fill;
    margin-left: -1.5vw; }
  .column-12 {
    position: relative;
    display: inline-block;
    float: left;
    width: 39.2vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-12 .title-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-12 .content-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-12 .subcontent-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-12-small {
    position: relative;
    display: inline-block;
    float: left;
    width: 90vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-12-small .title-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-12-small .content-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-12-small .subcontent-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; } }

/* FHD 1920x1080 (16:9) */
@media (min-width: 1920px) and (max-height: 1080px) {
  .navbar-brand .footer-time {
    font-family: HelveticaNeueHv;
    font-size: 1.8vw;
    position: absolute;
    text-align: center;
    top: 5.5vw;
    right: 1.5vw; }
  .navbar-brand .footer-date {
    font-family: HelveticaNeueHv;
    font-size: 1vw;
    width: 200%;
    height: auto;
    position: absolute;
    text-align: center;
    top: 7vw;
    left: -75px; }
  .navbar-fixed-bottom .marquee {
    font-family: HelveticaNeueHv;
    width: 500%;
    font-size: 2vw;
    width: 82%;
    top: 5.5vw;
    left: 11vw;
    letter-spacing: 0.2vw;
    color: white;
    margin: 0 auto;
    overflow: visible;
    position: absolute; }
  .img-responsive {
    position: relative;
    height: auto;
    width: 100%; }
  .img-responsive-hd {
    position: relative;
    max-height: 550px;
    width: 100%; }
  .img-responsive-hd-slider {
    position: relative;
    height: 40vw;
    width: 100%; }
  .img-background {
    position: absolute;
    width: 100%;
    height: 96%;
    left: 1px; }
  .prefix-color {
    color: #e69500; }
  .dark-navy {
    color: #001a33; }
  .light-navy {
    color: #00264d; }
  .column-3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 22.75vw;
    flex: 25%;
    padding: 0.65vw;
    bottom: 1vw;
    left: 3vw; }
  .column-3 .title-column-3 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-3 .content-column-3 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 5vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 4.3vw; }
  .column-3-small {
    position: relative;
    float: left;
    width: 22.8vw;
    height: 7vw;
    padding: 0.65vw;
    top: -70px;
    left: 3vw; }
  .column-3-small .title-column-3-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 1.5vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 1vw; }
  .column-3-small .content-column-3-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 3vw; }
  .column-3-small-main {
    position: relative;
    float: left;
    width: 24vw;
    height: 20vw;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-3-small-main .title-column-3-small-main {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 1.1vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 2vw; }
  .column-3-small-main .content-column-3-small-main {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 14vw; }
  .column-3-small-main .content-column-3-small-title {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.2vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 5.1vw;
    padding-left: 30px;
    padding-right: 30px; }
  .column-3-small-main .content-column-3-small-subtitle {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.5vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 9vw; }
  .column-5 {
    position: relative;
    display: inline-block;
    float: left;
    width: 39vw;
    height: 38vw;
    flex: 10%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-5 .title-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-5 .content-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 11vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 6vw; }
  .column-5 .subcontent-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3.5vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 21vw; }
  .column-5-small {
    position: relative;
    display: inline-block;
    float: left;
    width: 39vw;
    height: 38vw;
    flex: 10%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-5-small-main {
    position: relative;
    display: inline-block;
    float: left;
    width: 39vw;
    height: 38vw;
    flex: 10%;
    padding: 0.65vw;
    top: 4.5vw; }
  .column-5-small .title-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-5-small .content-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-5-small .subcontent-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-7 {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 52vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-7 .title-column-7 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-7 video {
    width: 975px;
    height: 550px;
    object-fit: fill; }
  .column-7-small {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 52vw;
    flex: 20%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-7-small-main {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 57vw;
    flex: 20%;
    padding: 0.65vw;
    top: 2.5vw;
    left: -3vw; }
  .column-7-small .title-column-7-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-7-small video {
    width: 975px;
    height: 550px;
    object-fit: fill; }
  .column-5-small-main video {
    width: 750px;
    height: 800px;
    object-fit: fill;
    margin-left: -1.5vw; }
  .column-12 {
    position: relative;
    display: inline-block;
    float: left;
    width: 39.2vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-12 .title-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-12 .content-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-12 .subcontent-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-12-small {
    position: relative;
    display: inline-block;
    float: left;
    width: 90vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-12-small .title-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-12-small .content-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-12-small .subcontent-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; } }

/* 2K 2560x1440 (16:9) */
@media (min-width: 2560px) and (max-height: 1440px) {
  .navbar-brand .footer-time {
    font-family: HelveticaNeueHv;
    font-size: 1.8vw;
    position: absolute;
    text-align: center;
    top: 5.8vw;
    left: -40px; }
  .navbar-brand .footer-date {
    font-family: HelveticaNeueHv;
    font-size: 1vw;
    width: 400%;
    height: auto;
    position: absolute;
    text-align: center;
    top: 7.3vw;
    left: -165px; }
  .navbar-fixed-bottom .marquee {
    font-family: HelveticaNeueHv;
    width: 500%;
    font-size: 2vw;
    width: 82%;
    top: 5.5vw;
    left: 11vw;
    letter-spacing: 0.2vw;
    color: white;
    margin: 0 auto;
    overflow: visible;
    position: absolute; }
  .img-responsive {
    position: relative;
    height: auto;
    width: 100%; }
  .img-responsive-hd {
    position: relative;
    max-height: 700px;
    width: 100%; }
  .img-responsive-hd-slider {
    position: relative;
    height: 40vw;
    width: 100%; }
  .img-background {
    position: absolute;
    width: 100%;
    height: 96%;
    left: 1px; }
  .prefix-color {
    color: #e69500; }
  .dark-navy {
    color: #001a33; }
  .light-navy {
    color: #00264d; }
  .column-3 {
    position: relative;
    float: left;
    width: 22.7vw;
    padding: 0.65vw;
    bottom: 2vw;
    left: 3vw; }
  .column-3 .title-column-3 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-3 .content-column-3 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 5vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 4.3vw; }
  .column-3-small {
    position: relative;
    float: left;
    width: 22.7vw;
    height: 7.1vw;
    padding: 0.65vw;
    bottom: 4.5vw;
    left: 3vw; }
  .column-3-small .title-column-3-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 1.5vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 1vw; }
  .column-3-small .content-column-3-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 3vw; }
  .column-3-small-main {
    position: relative;
    float: left;
    width: 24vw;
    height: 20vw;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-3-small-main .title-column-3-small-main {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 1.1vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 2vw; }
  .column-3-small-main .content-column-3-small-main {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 14vw; }
  .column-3-small-main .content-column-3-small-title {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.2vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 5.1vw;
    padding-left: 30px;
    padding-right: 30px; }
  .column-3-small-main .content-column-3-small-subtitle {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.5vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 9vw; }
  .column-5 {
    position: relative;
    float: left;
    width: 39vw;
    height: 38vw;
    padding: 0.65vw;
    top: 6.25vw;
    left: 3vw; }
  .column-5 .title-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-5 .content-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 11vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 6vw; }
  .column-5 .subcontent-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3.5vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 21vw; }
  .column-5-small {
    position: relative;
    float: left;
    width: 38.8vw;
    height: 38vw;
    padding: 0.65vw;
    top: 5vw;
    left: 3vw; }
  .column-5-small-main {
    position: relative;
    float: left;
    width: 38.8vw;
    height: 38vw;
    padding: 0.65vw;
    top: 5vw; }
  .column-5-small .title-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-5-small .content-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-5-small .subcontent-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-7 {
    position: relative;
    float: left;
    width: 52vw;
    padding: 0.65vw;
    top: 6.25vw;
    left: 3vw; }
  .column-7 .title-column-7 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-7 video {
    width: 1525px;
    height: 730px;
    object-fit: fill; }
  .column-7-small {
    position: relative;
    float: left;
    width: 52vw;
    padding: 0.65vw;
    top: 5vw;
    left: 3vw; }
  .column-7-small-main {
    position: relative;
    float: left;
    width: 57vw;
    padding: 0.65vw;
    top: 3vw;
    left: -3vw; }
  .column-7-small .title-column-7-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-7-small video {
    width: 1525px;
    height: 730px;
    object-fit: fill; }
  .column-5-small-main video {
    width: 40vw;
    height: 41vw;
    object-fit: fill;
    margin-left: -1.5vw; }
  .column-12 {
    position: relative;
    display: inline-block;
    float: left;
    width: 39.2vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-12 .title-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-12 .content-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-12 .subcontent-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-12-small {
    position: relative;
    display: inline-block;
    float: left;
    width: 90vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-12-small .title-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-12-small .content-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-12-small .subcontent-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; } }

/* 4K 3840x2160 (16:9) */
@media (min-width: 3840px) and (max-height: 2160px) {
  .navbar-brand .footer-time {
    font-family: HelveticaNeueHv;
    font-size: 1.8vw;
    position: absolute;
    text-align: center;
    top: 5.5vw;
    left: -25px; }
  .navbar-brand .footer-date {
    font-family: HelveticaNeueHv;
    font-size: 1vw;
    width: 400%;
    height: auto;
    position: absolute;
    text-align: center;
    top: 7vw;
    left: -125px; }
  .navbar-fixed-bottom .marquee {
    font-family: HelveticaNeueHv;
    width: 500%;
    font-size: 2vw;
    width: 82%;
    top: 5.5vw;
    left: 11vw;
    letter-spacing: 0.2vw;
    color: white;
    margin: 0 auto;
    overflow: visible;
    position: absolute; }
  .img-responsive {
    position: relative;
    height: auto;
    width: 100%; }
  .img-responsive-hd {
    position: relative;
    max-height: 1100px;
    width: 100%; }
  .img-responsive-hd-slider {
    position: relative;
    height: 40vw;
    width: 100%; }
  .img-background {
    position: absolute;
    width: 100%;
    height: 96%;
    left: 1px; }
  .prefix-color {
    color: #e69500; }
  .dark-navy {
    color: #001a33; }
  .light-navy {
    color: #00264d; }
  .column-3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 22.7vw;
    flex: 25%;
    padding: 0.65vw;
    bottom: 1vw;
    left: 3vw; }
  .column-3 .title-column-3 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-3 .content-column-3 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 5vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 4.3vw; }
  .column-3-small {
    position: relative;
    float: left;
    width: 22.7vw;
    height: 7.1vw;
    padding: 0.65vw;
    bottom: 3.5vw;
    left: 3vw; }
  .column-3-small-main {
    position: relative;
    float: left;
    width: 24vw;
    height: 20vw;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-3-small-main .title-column-3-small-main {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 1.1vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 2vw; }
  .column-3-small-main .content-column-3-small-main {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 14vw; }
  .column-3-small-main .content-column-3-small-title {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.2vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 5.1vw;
    padding-left: 30px;
    padding-right: 30px; }
  .column-3-small-main .content-column-3-small-subtitle {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 1.5vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 9vw; }
  .column-3-small .title-column-3-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 1.5vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 1vw; }
  .column-3-small .content-column-3-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 3vw; }
  .column-5 {
    position: relative;
    display: inline-block;
    float: left;
    width: 38.8vw;
    height: 38vw;
    flex: 10%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-5 .title-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-5 .content-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 11vw;
    letter-spacing: 0.2vw;
    left: 0;
    right: 0;
    top: 6vw; }
  .column-5 .subcontent-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3.5vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 21vw; }
  .column-5-small {
    position: relative;
    display: inline-block;
    float: left;
    width: 38.8vw;
    height: 38vw;
    flex: 10%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-5-small-main {
    position: relative;
    display: inline-block;
    float: left;
    width: 38.8vw;
    height: 38vw;
    flex: 10%;
    padding: 0.65vw;
    top: 4.5vw; }
  .column-5-small .title-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-5-small .content-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-5-small .subcontent-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-7 {
    position: relative;
    display: inline-block;
    float: left;
    width: 52vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-7 .title-column-7 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-7 video {
    width: 1950px;
    height: 1100px;
    object-fit: fill; }
  .column-7-small {
    position: relative;
    display: inline-block;
    float: left;
    width: 52vw;
    flex: 20%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-7-small-main {
    position: relative;
    float: left;
    width: 57vw;
    padding: 0.65vw;
    top: 3vw;
    left: -3vw; }
  .column-7-small .title-column-7-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.5vw; }
  .column-7-small video {
    width: 1950px;
    height: 1100px;
    object-fit: fill; }
  .column-5-small-main video {
    width: 40vw;
    height: 43vw;
    object-fit: fill;
    margin-left: -1.5vw; }
  .column-12 {
    position: relative;
    display: inline-block;
    float: left;
    width: 39.2vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 5.5vw;
    left: 3vw; }
  .column-12 .title-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-12 .content-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-12 .subcontent-column-5 {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; }
  .column-12-small {
    position: relative;
    display: inline-block;
    float: left;
    width: 90vw;
    max-height: 10vw;
    flex: 20%;
    padding: 0.65vw;
    top: 4.5vw;
    left: 3vw; }
  .column-12-small .title-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 2vw;
    letter-spacing: 0.6vw;
    left: 0;
    right: 0;
    top: 1.8vw; }
  .column-12-small .content-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 10vw;
    letter-spacing: 0.3vw;
    left: 0;
    right: 0;
    top: 7vw; }
  .column-12-small .subcontent-column-5-small {
    font-family: HelveticaNeueHv;
    position: absolute;
    text-align: center;
    color: white;
    z-index: 999;
    font-size: 3vw;
    letter-spacing: 0.1vw;
    left: 0;
    right: 0;
    top: 20vw; } }

.img-slider {
  border: 3px solid #0063a1;
  border-radius: 1%; }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0; }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  left: 0;
  top: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.info-card {
  min-height: 160px; }
  .info-card b {
    font-size: 1.2em; }
  .info-card p {
    font-size: 1.1em; }

#pemakaian-obat-alkes tfoot th {
  border: none; }

#pemakaian-obat-alkes_wrapper {
  overflow: auto;
  border: 1px solid #d5d5d5; }

table#pemakaian-obat-alkes {
  width: 100%; }

.card-payment {
  background-color: #34bfa3;
  height: auto;
  padding: 20px;
  margin: 0 5px;
  color: #37474f;
  border-radius: 3px;
  box-shadow: 2px 2px #d5d5d5; }

.text-kasir {
  font-size: 1.1em;
  line-height: 34px; }

.select2-container--open .select2-dropdown--above {
  min-width: 200px !important; }

#table-margin-khusus .active-margin,
#table-margin-harga-obat .active-margin {
  font-weight: bold;
  color: #37474f; }

#table-margin-khusus,
#table-margin-harga-obat {
  color: #73797d; }

table.t-detail-adjustment {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed;
  word-wrap: break-word; }

.detail-adjustment.bold {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: .5em; }

.detail-adjustment.text-left {
  font-size: 13px;
  margin-bottom: .5em; }

#jenis_penjualan {
  float: left;
  position: relative;
  z-index: 2;
  border-radius: 5px;
  border: 1px solid #D0D0D0;
  margin-bottom: 5px; }

#jenis_penjualan label {
  margin: 0px;
  float: left;
  overflow: auto; }

#jenis_penjualan label span {
  text-align: center;
  font-size: 12px;
  color: #333;
  padding: 8px;
  display: block; }

#jenis_penjualan label input {
  position: absolute;
  display: none; }

#jenis_penjualan input:checked + span {
  background-color: #1ca189;
  color: #F7F7F7; }

#jenis_penjualan .label-jenis-penjualan {
  color: #333;
  padding-left: 0px; }

.bold {
  font-weight: bold; }

.bold.w-10 {
  width: 10%; }

.bold.w-15 {
  width: 15%; }


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