#myNavbar{
    padding-top: 10px;
    font-weight: 700;
    color: #fff;
}

.navbar-periksa {
    background-color: #2e4a70 !important;
    color: #fff !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.nav-link{
  color: #fff;
}

/*--------------------------------------------------------------
# footer-links
--------------------------------------------------------------*/

.full-btn{
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  width: 100%;
}

footer{
  color: #fff;
      font-family: "Montserrat",Sans-serif;
    font-size: 16px;

}
.footer-top{
  background: #277dc1;
  padding: 2% 0 5%;
}
.footer-bottom{
  background: #103b5e;
  padding: 10px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
  color: #fff;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 5px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #47b2e4;
}
.text-yellow{
  color: #feca0a;
}

/*bootstrap additional*/
.btn-search-booking {
  color: #Fff;
  background-color: #F08201;
  border-color: #F08200;
}

.btn-search-booking:hover,
.btn-search-booking:focus,
.btn-search-booking:active,
.btn-search-booking.active,
.open .dropdown-toggle.btn-search-booking {
  color: #Fff;
  background-color: #F08210;
  border-color: #F08200;
}

.btn-search-booking:active,
.btn-search-booking.active,
.open .dropdown-toggle.btn-search-booking {
  background-image: none;
}

.btn-search-booking.disabled,
.btn-search-booking[disabled],
fieldset[disabled] .btn-search-booking,
.btn-search-booking.disabled:hover,
.btn-search-booking[disabled]:hover,
fieldset[disabled] .btn-search-booking:hover,
.btn-search-booking.disabled:focus,
.btn-search-booking[disabled]:focus,
fieldset[disabled] .btn-search-booking:focus,
.btn-search-booking.disabled:active,
.btn-search-booking[disabled]:active,
fieldset[disabled] .btn-search-booking:active,
.btn-search-booking.disabled.active,
.btn-search-booking[disabled].active,
fieldset[disabled] .btn-search-booking.active {
  background-color: #F08201;
  border-color: #F08200;
}

.btn-search-booking .badge {
  color: #F08201;
  background-color: #Fff;
}

.item .item-code{
  font-size: 10px;
  color: #777;
}

.group-item-count{
  display: none !important;
}

.error{
  color:red;
  display: inline-block;
}

.pass_title{
  color: black;
  font-size: 17px;
  font-weight: 400
}

a.card-schedule, a.card-schedule:hover {
  text-decoration: none;
}

div.name > span {
  font-weight: normal;
}

.padding-top-15 {
  padding-top: 15px;
}

.padding-left-15 {
  padding-left: 15px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-left-30 {
  padding-left: 30px;
}

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

.card-arrival div {
  padding-left: 40px !important;
}

.grey-helpblock {
  color: #444444;
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.field-label-search {
  font-size: 21px !important;
}

.center {
  text-align: center;
}

/*force-center*/
.force-center {
  text-align: center !important;
}

@media(min-width: 769px) {
  .md-padding-left-30 {
    padding-left: 30px;
  }
}

.ui-datepicker-week-end a {
  color: red !important;
}

.ui-datepicker td.holiday a, .ui-datepicker td.holiday a:hover {
  color: red !important;
}

.justify-content-center{justify-content:center!important}

.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}

.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}

.card-body{
   flex:1 1 auto;
   padding:1.25rem;
   background-color: #337ab742;
}

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

.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.6}

.text-md-right{text-align:right!important}

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

.pass + .glyphicon {
  cursor: pointer;
  pointer-events: all;
}

.cpass + .glyphicon {
  cursor: pointer;
  pointer-events: all;
}

.text-danger {
  color: #e3342f!important;
}
.tooltiptext {
  display: none
}
/* .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
} */

.info .tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: #a2dfad;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 10;
  /* margin-top: 36px */
}

.info:hover .tooltiptext {
  visibility: visible;
  display: block
}