html {
    font-size: 0.85rem !important;
}

.horvercenter {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    text-align: center;
    min-height: 80vh;
}

/* #dashboard_menu a .card {
    opacity: 90%;
} */

.opacity_90 {
    opacity: 95% !important;
}

/* #dashboard_menu a .card :hover {
    background-color: red;
} */

#dashboard_menu .card img {
    height: 25vh;
}

#dashboard_menu h5 {
    margin-bottom: 0;
}

.card-title {
    text-align: center;
}

#volume input {
    width: 12vh;
}

label {
    text-transform: capitalize;
}

#tambah_tujuan {
    text-align: right;
    /* width: 100%; */
}

#apix_logo {
    max-height: 3rem;
}

#modal_cek_ongkir_pesanan_kendaraan,
#modal_cek_ongkir_pesanan_kendaraan h1 {
    color: ivory;
}

.dashboard_page {
    background-image: url("../img/backgrounds/forwarder.jpeg") !important;
    background-size: cover;
}

.lcl_page {
    background-image: url("../img/backgrounds/lcl.jpg") !important;
    background-size: cover;
}

.fcl_page {
    background-image: url("../img/backgrounds/container_blue.jpg") !important;
    background-size: cover;
}

.trucking_page {
    background-image: url("../img/backgrounds/cargo.jpg") !important;
    background-size: cover;
}

#card_cek_ongkir {
    /* background-color: rgba(255, 255, 255, 0.9); */
    opacity: 95%;
}

#card_cek_ongkir .judul {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2rem;
}

#layout-menu {
    background: linear-gradient(
        135deg,
        hsla(0, 0%, 100%, 1) 0%,
        hsla(220, 78%, 29%, 1) 100%
    );
}

#layout-menu a {
    color: rgb(46, 46, 46);
    font-weight: bold;
}

#layout-menu .active a {
    color: red !important;
    font-weight: bolder;
}

#pengiriman_via_modal img {
    max-height: 10rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* width: 40%; */
}

#pengiriman_via_modal h4 {
    text-align: center;
    font-weight: bold;
    color: #ccff33;
}

#pengiriman_via_modal h5 {
    text-align: center;
    font-weight: bold;
    color: #99582a;
}

#modal_cek_ongkir_pengiriman_LCL {
    background-color: rgba(0, 0, 0, 0.733) !;
}

.modal-content {
    background: linear-gradient(
        0deg,
        hsla(190, 79%, 59%, 1) 0%,
        hsla(226, 50%, 65%, 1) 100%
    );
}

#exampleModalLabel,
#modal_cek_ongkir_pengiriman_LCL .modal-content table td {
    color: white;
}

#pilihan_kendaraan img {
    max-height: 6rem;
}

#img_vehicle_modal {
    display: block;
    margin: auto;
}

#logo_separator_kota_modal {
    display: block;
    margin: auto;
    max-height: 3rem;
}