/*================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.navbar-container {
    background-color: #fff;
}

.card-dashboard {
    background: linear-gradient(118deg, #3867d6, rgba(#fff, 0.1));
}

html[dir] [data-col="1-column"].horizontal-layout .app-content,
html[dir] [data-col="1-column"].horizontal-layout.footer-fixed .app-content {
    padding: calc(2rem + 4.5rem) 2rem 0 2rem !important;
}

.main-menu ul.navigation-main {
    padding-top: 20px;
}

.navbar-brand.mobile {
    margin: 0;
}

.navbar-brand.mobile .brand-logo {
    height: 30px;
}

.vue-fab-material-icons {
    font-size: 1.2em !important;
}

.fab-size-big {
    height: 60px !important;
    width: 60px !important;
}

// .fab-size-big .fab-item:nth-child(1) {
//     top: 0px !important;
// }

// .fab-size-big .fab-item:nth-child(2) {
//     top: -30px !important;
// }

// .fab-size-big .fab-item.add-polis {
//     top: 0px !important;
// }

// .fab-size-big .fab-item.add-claim {
//     top: -30px !important;
// }

// .fab-size-big .fab-item.add-pemrek {
//     top: -60px !important;
// }

// .fab-size-big .fab-item:nth-child(3) {
//     top: -90px !important;
// }

.fab-size-big .fab-item .fab-item-title {
    right: 4rem !important;
}

.fab-main-container {
    bottom: 80px !important;
    right: 80px !important;
}

// @media (max-width: 1199.98px) {
//     .fab-main-container {
//         right: 10% !important;
//     }
// }

// @media (max-width: 991.98px) {

// }

// @media (max-width: 767.98px) {
//     .fab-main-container {
//         right: 15% !important;
//     }
// }

// @media (max-width: 575.98px) {
//     .fab-main-container {
//         right: 20% !important;
//     }
// }

.auth-inner .brand-logo img {
    height: 30px;
    width: 30px;
}

.form-control[readonly] {
    background-color: #fff !important;
}

.content-body {
    padding-bottom: 2em;
}

.bg-orange {
    background-color: #ffcc00;
}

.picture-preview {
    z-index: 1 !important;
}

.btn.custom-file-label::after {
    content: none !important;
}

.custom-input-file {
    cursor: pointer;
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,
        box-shadow .15s ease-in-out;
    margin: 0;
    font-family: inherit;
    align-items: baseline;
    text-overflow: ellipsis;
    white-space: pre;
    text-align: start !important;
}