/*
.mud-typography-h5 {

    font-size: 36px !important;
}
.tab-custom-background {
    background: rgb(120 18 18) !important;
}
.header-icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff970e !important;
    color: var(--white) !important;
    margin: auto;
}*/
.padding-l-0 {
    padding: 0px 25px 20px 25px !important;
}
.menu-sec .header-title {
    font-size: 14px !important;
}
.menu-sec .mud-button-filled.mud-button-filled-primary {
    background-color: rgb(31 174 181) !important;
    font-size: 14px !important;
    padding: 8px 15px !important;
    border: 2px solid rgb(31 174 181) !important;
    box-shadow: none !important;
}
.app-title-bg {
    background: linear-gradient(145deg, #124f78 0%, #124f78 50%, #124f78 100%);
}
.dgs-dashboard h5 {
    color: #fff !important;
}
.dgs-dashboard .tile-content {
    border-top: 5px solid #124f78;
}
    .dgs-dashboard .tile-content:nth-child(2) {
        border-top: 5px solid #000 !important;
    }
.dgs-dashboard .tile-content {
    border-top: 5px solid #124f78;
}
.dgs-dashboard .tile-card:hover {
    transform: translateY(0px);
    box-shadow: none;
}
/*.dgs-dashboard .water-level {
    background: #124f78 !important;
}*/
.dgs-app-main .tile-content {
    border-top: 5px solid #124f78;
}

.dgs-app-main .tile-card:hover {
    transform: translateY(0px);
    box-shadow: none;
}
.tile-card:hover {
    color: #000 !important;
}
/*.dgs-app-main .water-level {
    background: #124f78 !important;
}*/
.muddialog-width.mud-dialog-container {
    width: 80% !important;
    margin: auto !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    left: unset !important;
    position: static !important;
    height: 95% !important;
    margin-top: 10px !important;
}
.dgs-app-main h5 {
    color: #112f43 !important;
}
.txt-righ{
    text-align:right;
}
@media (max-width: 1299px) {
    .menu-sec .mud-button-filled.mud-button-filled-primary {
        font-size: 12px !important;
        padding: 8px 8px !important;
    }

    .menu-sec .btn-login {
        font-size: 12px !important;
        padding: 8px 18px !important;
    }

    .menu-sec .btn-home-page {
        font-size: 12px !important;
    }
}

@media (max-width: 1200px) {
    .menu-sec .mud-button-filled.mud-button-filled-primary {
        font-size: 11px !important;
        padding: 8px 8px !important;
    }

    .menu-sec .btn-login {
        font-size: 11px !important;
        padding: 6\8px 18px !important;
    }

    .menu-sec .btn-home-page {
        font-size: 11px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .menu-sec .header-title {
        font-size: 11px !important;
    }

    .mud-toolbar.mud-toolbar-dense.mud-toolbar-gutters.mud-toolbar-appbar img {
        height: 27px !important;
    }

    .mud-toolbar.mud-toolbar-dense.mud-toolbar-gutters.mud-toolbar-appbar img {
        height: 27px !important;
    }
}

@media (max-width: 1050px) {
    .menu-sec .mud-button-filled.mud-button-filled-primary {
        font-size: 10px !important;
        padding: 8px 8px !important;
    }

    .menu-sec .btn-login {
        font-size: 10px !important;
        padding: 8px 18px !important;
    }

    .menu-sec .btn-home-page {
        font-size: 10px !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .menu-sec .header-title {
        font-size: 10px !important;
    }
}

.menu-sec .header-title {
    font-size: 14px;
}

.queries-main {
    padding: 40px !important;
    background: #f2f2f2;
}

    .queries-main .mud-paper.mud-elevation-0 {
        padding: 40px;
    }

    .queries-main .mud-timeline-item-content {
        border: none !important;
    }

    .queries-main .mud-paper.mud-elevation-1.pa-4 {
        background: #fafafa;
        box-shadow: none;
        border-right: 1px solid #eeeeee;
        border-left: 1px solid #eeeeee;
        border-top: 1px solid #eeeeee;
        border-bottom: 5px solid #112f43;
    }

    .queries-main button.mud-button-root.mud-icon-button.mud-ripple.mud-ripple-icon.ms-auto {
        width: 40px !important;
        height: 40px !important;
    }

.queries-close-btn {
    width: 40px;
    height: 40px;
    top: 7px;
}

.right-qu {
    float: right;
}

.right-qu1 {
    float: right;
}

.queries-downloan-1 {
    display: flex;
    flex-wrap: wrap;
}

.queries-downloan-innar {
    width: 31.5%;
    margin-right: 6px;
}

    .queries-downloan-innar span.mr-1 {
        font-size: 12px;
    }

.reg-txt {
    padding-left: 0px !important;
    margin-left: -16px;
}

.dailog1-btn {
    padding: 8px 20px;
}

.margin-r-1 {
    margin-right: 10px !important;
}

.cus-accordian {
    margin-top: 30px;
}

.margin-ty .c-card {
    padding: 40px 40px !important;
}

.mud-toolbar.mud-toolbar-dense.mud-toolbar-gutters.mud-toolbar-appbar img {
    height: 30px;
}

@media (max-width: 459px) {
    .banner-img {
        height: 82px !important;
        margin-top: 59px !important;
    }

        .banner-img img {
            height: 82px !important;
        }

    .menu-sec .mud-toolbar.mud-toolbar-dense.mud-toolbar-gutters.mud-toolbar-appbar {
        padding: 25px 20px !important;
    }

    .margin-t {
        margin-top: 20px !important;
    }

    .padding-l-0 {
        padding: 0px 5px 9px 5px !important;
    }

    .margin-t p {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .statics-bg h2 {
        font-size: 18px !important;
    }

    .statics-bg h4 {
        font-size: 14px !important;
    }

    .margin-t h5 {
        font-size: 18px !important;
    }

    .statisties-padding {
        padding: 0 15px 20px 15px !important;
    }

    .margin-ty {
        margin-top: 70px !important;
        margin-bottom: 10px !important;
    }

        .margin-ty .c-card {
            max-width: 320px !important;
            padding: 20px 20px !important;
        }

    .margin-te .divCaptcha {
        gap: 10px !important;
    }

    .margin-contact {
        margin-top: 82px !important;
        max-width: 320px !important;
        margin-bottom: 20px !important;
    }
    .txt-righ {
        text-align:center;
    }
}