/* put your own styles to customize and override the theme */
.custom-tile {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    color: #888c9b;
    font-weight: 600;
    font-size: 1rem;
    background-color: #e6e8ed;
    line-height: 2.8rem;
    text-align: center;
    vertical-align: middle;
    border-radius: .25rem;
    margin-top:6px;
}
.custom-tile-icon {
    padding-top: 18px;
}

.custom-tile-circle {
    border-radius: 4rem;
}

.custom-tile.bg-cyan, .custom-tile.bg-teal, a.custom-tile.bg-cyan:focus, a.custom-tile.bg-cyan:hover, a.custom-tile.bg-teal:focus, a.custom-tile.bg-teal:hover {
    color: #fff;
}
.auth-floated .auth-announcement {
    display: none;
    padding: 6rem 3rem;
    flex: 1;
    text-align: center;
    color: #fff;
    background-color: red;
    background-size: cover
}

@media (min-width:992px) {
    .auth-floated .auth-announcement {
        display: none;
    }
}

.nav-quotation {
    padding-left: 70px !important;
}

.connecting-line-quotation {
    -webkit-appearance: none;
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 18%;
    margin: 0 auto;
    left: 0px;
    right: 0;
    top: 15px;
    z-index: 1;
}
@media (min-width:992px) {
    .connecting-line-quotation {
        -webkit-appearance: none;
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 18%;
        margin: 0 auto;
        left: 0px;
        right: 0;
        top: 15px;
        z-index: 1;
    }
    .nav-quotation {
        padding-left: 310px !important;
    }
}

    /* to customize progress bar */
    #progress::-webkit-progress-value {
        background-color: var(--prm-color);
        transition: 0.5s ease;
    }

    #progress::-webkit-progress-bar {
        background-color: var(--prm-gray);
    }

a {
    background-color: #ffff0047;
}

/*sdfdsfsdf*/