/* 
 * - Web css
 *   Costum css web antrian
 */
.dataTables_length {
    margin: 15px !important;
}

.dataTables_filter {
    margin: 15px !important;
}

.dataTables_info {
    margin: 15px !important;
}

#DataTables_Table_0_paginate {
    margin: 15px !important;
}

.flatpickr-months .flatpickr-month {
    position: unset !important;
}

.navbar .navbar-nav .nav-link {
    justify-content:flex-start !important;
}

.alert p {
    margin: 0px !important;
}

/* p.alert {
    margin: 0px !important;
} */

.web-jumbo-title {
    position: relative;
    bottom: 100px;
    color: #fff;
}
.web-booking-title-icon {
    display: none;
}

.web-avatar {
    width: 3.75rem;
    height: 3.75rem;
}

.web-card-rounded {
    border-radius: 100%;
    height: 150px !important;
    width: 150px !important;
}

.web-brand-name {
    display: block;
}
.web-brand-image {
    display: none;
}

@media only screen and (max-width: 915px) {
    .web-quick-sub-title {
        display: none;
    }
    .web-booking-menu {
        text-align: initial;
    }
    .web-booking-icon {
        display: none;
    }
    .web-booking-title-icon {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .web-avatar {
        width: 35px;
        height: 35px;
    }
    .web-booking-description {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .web-quick-sub-title {
        display: block;
    }
    .web-booking-icon {
        display: none;
    }
    .web-booking-title-icon {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .web-booking-description {
        display: block;
    }

    .web-dokter-view {
        display: none;
    }
}

@media only screen and (max-width: 465px) {
    .web-brand-name {
        display: none;
    }
    .web-brand-image {
        display: block;
    }
    
    .web-quick-sub-title {
        display: none;
    }

    .web-booking-menu {
        text-align: center;
    }

    .web-booking-title-icon {
        display: block;
        position: relative;
        right: auto;
        top: auto;
    }

    .web-avatar {
        width: 3.75rem;
        height: 3.75rem;
    }
    
    .web-booking-description {
        display: none;
    }

    .web-dokter-view {
        display: none;
    }
}

@media only screen and (max-width: 356px) {
    .web-quick-title {
        display: none;
        content: "links"; 
    }

    .web-dokter-view {
        display: none;
    }
}

.footer {
    background-color: #f4f6fa;
}