body{

    font-size: 16px;

}

a:hover{

    opacity: .8;

}

.input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text{

    font-size: 16px;

}

.date_placeholder{

    position: relative;

    min-height: 15.45em;

    background-color: #f6f6f6;

    border-radius: 4px;

}

.ui-datepicker, 

.date_placeholder{

    width: 100%;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{

    border: none;

}

.ft_content,

.ft_content p{

    color:#6c757d;

}

.ft_content .contact li:not(:last-child) a::after{

    content: "|";

    display: inline-block;

    margin-left: 10px;

}



.nav-pills a.active {

    border-bottom: 2px solid black;

}

  

.nav-pills  .nav-link {

    color:rgb(177 172 172);

    font-weight: 500;

}

.nav-pills .nav-link:hover {

    color: black;

  }

  

.nav-pills .nav-link.active {

    color: black;

    background-color: white;

    border-radius: 0.5rem 0.5rem 0 0;

    font-weight: 600;

}

ul.space li span{

    background: #f6f6f6;

    padding: 0 .2rem;

    border-radius: 4px;

    color: #a3a3a3;

    font-size: 11px;

}

.date_placeholder.disabled::before{

    content:'Memuat ...';

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 9999;

    padding: 39%;

    opacity: .9;

    background-color: #f6f6f6;

}

.ui-datepicker-calendar .active_holiday span{

    background-color: red;

    color: #fff;

}

@media (min-width: 992px){

    .ui-datepicker td span, .ui-datepicker td a{

        padding: 10px;

    }

    .date_placeholder{

        min-height: 19.25em;

    }

    .vh-lg-100{

        height: 100vh;

    }

}