/*new 13/4/2022*/

:root {
    --bg-color: #f5faff;
    --gradient-color1: rgb(236,236,254);
    --gradient-color1-liner: linear-gradient(180deg, rgb(232 241 255) 0%, rgb(227 239 255) 54%, rgb(184 209 255) 100%);
    --headding-color: #941E2D;
    --table-head: rgb(209, 228, 255);
    --table-head-gradient: linear-gradient(180deg, rgb(230 240 255) 0%, rgb(171 200 241) 64%, rgb(135 164 217) 100%);
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.hiddencol {
    display: none;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.d-flex {
    display: flex !important;
}

.w-100 {
    width: 100% !important;
}

body {
    background: var(--bg-color) !important;
    /*background:#F1F7F5 !important;*/
}

.main-container {
    overflow: auto;
    margin-bottom: 145px;
}

.TrendBarStatus {
    background: none !important;
}

.ManualDataBar {
    background: none !important;
}

.Trends_box, .Trends_boxTitle {
    background: none;
    overflow: visible;
    color: #000;
}


.Trends_box {
    display: flex;
    justify-content: space-around;
    column-gap: 5px;
}

    .Trends_box .Union_bord_title {
        /*background: rgb(186,221,220);
background: linear-gradient(0deg, rgba(186,221,220,1) 0%, rgba(213,239,235,1) 35%, rgba(237,239,238,1) 100%);*/
        /*background: var(--gradient-color1);*/
        background: var(--gradient-color1-liner);
        color: #000;
        width: 100%;
        border-right: none;
        padding: 10px;
        border-radius: 8px;
        font-weight: 400;
        font-size: 12px;
        transition: 0.7s;
        -webkit-transition: 0.7s;
        -moz-transition: 0.7s;
    }

        .Trends_box .Union_bord_title:hover {
            /*background: var(--table-head-gradient);*/
            background: #caddff;
            box-shadow: 0px 5px 5px -2px #d6e6ff70;
            animation: zoominoutbox 1s ease-in-out;
        }

@keyframes zoominoutbox {
    0% {
        transform: scale(1,1);
    }

    50% {
        transform: scale(1.1,1.1);
    }

    100% {
        transform: scale(1,1);
    }
}

.box-title-txt {
    background: none;
    color: var(--headding-color);
    font-weight: 600;
    margin-bottom: 10px;
}

.Analysis-At-Glance .box-title, .Milk-Production-Summary .box-title, .bmcsummary-info .box-title, .GradeSummary-info .box-title, .Milk-production-statistics-section .box-title, .BankAndContact-info .box-title, .Live-Collection .box-title, .LPD-DashBoard .box-title, .FiveDaysSummary-info .box-title {
    background: none !important;
    border-bottom: none !important;
}

.Union_bord_ti.Society-main.data-box .data-box-content {
    border: solid 1px #8facde;
    padding: 6px 10px;
    height: 100%;
    border-radius: 5px;
    background: #fff;
    transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
}

    .Union_bord_ti.Society-main.data-box .data-box-content:hover {
        background: #EBF3FF;
        box-shadow: 0px 5px 5px -2px #8facde47;
        transform: scale(1.1);
        z-index: 9;
        position: relative;
    }

    .Union_bord_ti.Society-main.data-box .data-box-content h5 {
        color: #6D6E70;
        margin-top: 0;
        padding-bottom: 4px;
    }

    .Union_bord_ti.Society-main.data-box .data-box-content h3 {
        color: #231F20;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 0;
    }

.Union_bord_ti.Society-main.data-box .col-sm-3 {
    padding: 0 3px;
}

.Union_bord_ti.Society-main.data-box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
}

.Union_bord_ti {
    background: none;
}

.Trends_box .Union_bord_title .union-box-data, .Trends_box.prvs_trends .Previous_txt {
    justify-content: center;
    display: flex;
}

.prvs_trends_parent {
    height: auto !important;
}

.Trends_box .Union_bord_title p, .Trends_box .Union_bord_title span {
    font-weight: 600;
    font-size: 13px;
}

.btn.lpd-dash {
    background: #fff;
    color: #000;
}

    .btn.lpd-dash:hover {
        background: var(--table-head);
        color: #000;
    }

.new-navbar.navbar-inverse .navbar-toggle-always {
    background: none;
    border-color: transparent;
    width: 52px;
    height: auto;
    padding: 6px 5px;
}

.new-navbar.navbar-inverse ul.navbar-ul {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}

    .new-navbar.navbar-inverse ul.navbar-ul li {
        list-style: none;
        display: inline-block;
        padding: 8px 10px;
        border-right: solid 1px #ccc;
    }

        .new-navbar.navbar-inverse ul.navbar-ul li .logo-name {
            padding: 5px 5px !important;
        }

        .new-navbar.navbar-inverse ul.navbar-ul li:last-child {
            border-right: 0;
        }

        .new-navbar.navbar-inverse ul.navbar-ul li .title_cmp img {
            height: auto;
        }

.new-navbar .title_cmp {
    background: none;
}

    .new-navbar .title_cmp.navbar-brand {
        color: #033A70;
        font-size: 22px;
        line-height: 33px;
    }

.new-navbar.navbar-inverse .navbar-toggle-always .icon-bar {
    background: #231F20;
    width: 100%;
    margin-bottom: 6px;
    height: 3px;
}

    .new-navbar.navbar-inverse .navbar-toggle-always .icon-bar.bar-1 {
        background: #231F20;
        width: 60%;
    }

    .new-navbar.navbar-inverse .navbar-toggle-always .icon-bar.bar-2 {
        background: #941E2D;
    }

    .new-navbar.navbar-inverse .navbar-toggle-always .icon-bar.bar-3 {
        background: #231F20;
        width: 70%;
    }

    .new-navbar.navbar-inverse .navbar-toggle-always .icon-bar.bar-4 {
        background: #231F20;
        margin-bottom: 0;
    }

.new-navbar.navbar-inverse ul.navbar-ul li .navbar-brand {
    padding: 0;
    height: auto;
    margin-left: 0;
}

    .new-navbar.navbar-inverse ul.navbar-ul li .navbar-brand img {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

.navbar.navbar-inverse.navbar-fixed-top.new-navbar {
    padding: 0px 0;
    background: #fff;
}

    .navbar.navbar-inverse.navbar-fixed-top.new-navbar .btn-top-nav-h4 {
        border-right: 1px solid #B4B6B8;
    }

.navbar-fixed-top.new-navbar ul.navbar-nav {
    position: relative;
}

    .navbar-fixed-top.new-navbar ul.navbar-nav li {
        width: 116px;
        text-align: center;
    }

.navbar.navbar-inverse.navbar-fixed-top.new-navbar ul.navbar-nav li.sliderli {
    width: 116px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: left .4s, background-color .4s;
}

.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:hover span img {
    animation: zoominoutsinglefeatured 1s ease-in-out;
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }

    50% {
        transform: scale(1.3,1.3);
    }

    100% {
        transform: scale(1,1);
    }
}


.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(2):hover ~ .sliderli,
.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(2):focus ~ .sliderli,
.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(2):active ~ .sliderli {
    left: 0;
    background-color: #EBF3FF;
}



.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(3):hover ~ .sliderli,
.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(3):focus ~ .sliderli,
.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(3):active ~ .sliderli {
    left: 115px;
    background-color: #EBF3FF;
}


.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(4):hover ~ .sliderli,
.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(4):focus ~ .sliderli,
.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(4):active ~ .sliderli {
    left: 231px;
    background-color: #EBF3FF;
}


.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(5):hover ~ .sliderli,
.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(5):focus ~ .sliderli,
.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(5):active ~ .sliderli {
    left: 348px;
    background-color: #EBF3FF;
}


.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(6):hover ~ .sliderli,
.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(6):focus ~ .sliderli,
.navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(6):active ~ .sliderli {
    left: 464px;
    background-color: #EBF3FF;
}


.mainKaBaap {
    margin-top: 72px;
}

.right-side-nav .dropdown a span img, .right-side-nav .dropdown a.btn-profile-img span img {
    width: 27px !important;
    display: block;
    margin: 0 auto;
    height: auto;
}

.right-side-nav .dropdown a p {
    margin-bottom: 0px;
    color: #231F20;
}

.right-side-nav .dropdown a, .right-side-nav .dropdown a.btn-profile-img {
    padding: 8px 10px !important;
}

    .right-side-nav .dropdown a:hover, .right-side-nav .dropdown a:focus {
        background: none !important;
    }

.navbar.navbar-inverse.navbar-fixed-top.new-navbar .MainCompanyName {
    height: 32px;
    width: 82px;
}

.icon-analysis.icon-analysis-content {
    background: var(--table-head-gradient);
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

    .icon-analysis.icon-analysis-content .label_color_dtl_btn {
        position: relative;
        text-align: center;
        color: #000;
        padding: 10px;
        margin-top: 10px;
        border-right: none;
        transition: 0.5s ease;
    }

        .icon-analysis.icon-analysis-content .label_color_dtl_btn p {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 0;
        }

            .icon-analysis.icon-analysis-content .label_color_dtl_btn p span.icon-span img {
                width: 100%;
            }

        .icon-analysis.icon-analysis-content .label_color_dtl_btn span.icon-span {
            display: block;
            width: 25px;
            margin-right: 6px;
        }

        .icon-analysis.icon-analysis-content .label_color_dtl_btn span {
            color: #000;
            z-index: 9;
            position: relative;
            display: block;
            width: auto;
            font-size: 15px;
        }

        .icon-analysis.icon-analysis-content .label_color_dtl_btn.active {
            background: none;
            /*background-image: url('../Image/tab-design.png');
        background-repeat:no-repeat;
        background-position:center;
        background-size: cove*/;
            /*border-top-left-radius: 40px;
        border-top-right-radius: 40px;*/
            /*height: 100px;*/
            transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -webkit-transition: 0.5s ease;
            overflow: hidden;
        }

        .icon-analysis.icon-analysis-content .label_color_dtl_btn:before {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            left: -100%;
            transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -webkit-transition: 0.5s ease;
        }

        .icon-analysis.icon-analysis-content .label_color_dtl_btn.active:before {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            left: 0;
            border: none;
            transform: none;
            background-image: url('../Image/tab-design-3.png');
            background-repeat: no-repeat;
            background-position: 0 55px;
            background-size: 100% 100%;
            height: 200%;
            transition: 0.5s ease;
            -moz-transition: 0.5s ease;
            -webkit-transition: 0.5s ease;
        }

        .icon-analysis.icon-analysis-content .label_color_dtl_btn.active:hover::before {
            background-position: 0 0px;
        }

        .icon-analysis.icon-analysis-content .label_color_dtl_btn:first-child:before {
            left: unset;
            right: -100%;
        }

        .icon-analysis.icon-analysis-content .label_color_dtl_btn.active:first-child:before {
            left: unset;
            right: 0;
        }

        .icon-analysis.icon-analysis-content .label_color_dtl_btn.active:after {
            display: none;
        }

    .icon-analysis.icon-analysis-content.society-glance-icon .label_color_dtl_btn:before {
        display: none;
    }

    .icon-analysis.icon-analysis-content.society-glance-icon .label_color_dtl_btn {
        border-top-left-radius: 45px;
        border-top-right-radius: 45px;
        background: #ebf3ff;
    }

        .icon-analysis.icon-analysis-content.society-glance-icon .label_color_dtl_btn.active {
            background: #fff;
        }


        .icon-analysis.icon-analysis-content.society-glance-icon .label_color_dtl_btn span.icon-span {
            margin: 0 auto;
        }

            .icon-analysis.icon-analysis-content.society-glance-icon .label_color_dtl_btn span.icon-span img {
                width: 100%;
            }

.analysis-table table thead tr th, .analysis-table-2 table thead tr th {
    background: #d1e4ff;
    font-size: 16px;
    border-left: solid 1px #fff !important;
    border-bottom: none;
}

    .analysis-table table thead tr th:first-child, .analysis-table-2 table thead tr th:first-child {
        border-left-color: #ebf3ff !important;
        width: 170px !important;
    }

    .analysis-table-2 table thead tr th:first-child {
        width: auto !important;
    }

    .analysis-table table thead tr th:nth-child(4) {
        border-left-color: #ebf3ff !important;
        width: 170px !important;
    }

.analysis-table table tbody tr td:first-child, .analysis-table-2 table tbody tr td:first-child {
    background: #ebf3ff;
    font-size: 14px;
    border-left: solid 1px #B8B9F3;
}

.analysis-table table tbody tr td {
    width: 25%;
}

    .analysis-table table tbody tr td:nth-child(3) {
        background: #ebf3ff;
        font-size: 14px;
        border-left: solid 1px #B8B9F3;
    }

.analysis-table table tbody tr td, .analysis-table-2 table tbody tr td {
    background: #fff;
}


.milk-summary-table table thead tr th {
    background: var(--table-head-gradient);
    text-align: center;
}

.milk-summary-table table tbody tr td {
    background: #fff;
    text-align: center;
}

    .milk-summary-table table tbody tr td.dt-right, .milk-summary-table table thead tr th.dt-right {
        text-align: center;
    }

    .milk-summary-table table tbody tr td.cow_section_bg {
        background: #ebf3ff;
    }

    .milk-summary-table table tbody tr td.Buffalo_section_bg {
        background: #d1e4ff;
    }

    .milk-summary-table table thead tr th.Manualtd, .milk-summary-table table tbody tr td.Manualtd {
        background: #a9c6f0;
    }

    .milk-summary-table table tbody tr td .DayImage_M, .milk-summary-table table tbody tr td .DayImage_E {
        margin: 0 auto;
        width: 28px;
        height: 28px;
        background-size: 100%;
    }

    .milk-summary-table table tbody tr td .DayImage_M, .milk-summary-table table tbody tr td .iframeUnionWiseSocietyData img, .milk-summary-table table tbody tr td .iframeFarmerData img {
        width: 25px;
    }

.navbar-nav.navbar-right .dropdown-menu.dropdown-menu-right li a:hover {
    color: #941E2D;
}


.milk-summary-table table thead tr th {
    border-bottom: none;
}

.milk-summary-table table thead tr th {
    border-left: solid 1px #fff !important;
}

    .milk-summary-table table thead tr th:first-child {
        border-left-color: #C9CBCC !important;
    }

.analysis-table table tbody tr td {
    background: #fff;
}

.milk-summary-table table tbody tr td:first-child {
    border-left: solid 1px #C9CBCC;
}

.milk-summary-table table tfoot {
    background: #fff;
}

    .milk-summary-table table tfoot th, .milk-summary-table table tfoot td {
        border-top-color: #C9CBCC;
    }

    .milk-summary-table table tfoot tr th.BorderTotal, .milk-summary-table table tfoot tr th.borderTotal {
        background: #d1e4ff;
        border-bottom: none;
        border-right: solid 1px #fff;
    }

.section-icon {
    margin-right: 0px;
}

    .section-icon .DayImage_M, .section-icon .DayImage_E {
        background-size: 100% 100%;
        width: 35px;
        height: 35px;
    }

    .section-icon .sun-img {
        background: none;
        margin-bottom: 0;
        padding: 4px !important;
        margin-top: 0px;
    }

.date_formate {
    background: none;
    color: #000;
    font-size: 16px;
    border-right: solid 2px #B4B6B8;
    border-radius: 0;
}

.timer-main .time-icon {
    background: url(../Image/time-icon.png) no-repeat center;
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
    animation: wiggle 2s linear infinite;
}

/* Keyframes */
@keyframes wiggle {
    0%, 7% {
        transform: rotateZ(0);
    }

    15% {
        transform: rotateZ(-15deg);
    }

    20% {
        transform: rotateZ(10deg);
    }

    25% {
        transform: rotateZ(-10deg);
    }

    30% {
        transform: rotateZ(6deg);
    }

    35% {
        transform: rotateZ(-4deg);
    }

    40%, 100% {
        transform: rotateZ(0);
    }
}


.timer-main {
    background: none;
}

    .timer-main .timer {
        color: #000;
        font-size: 16px;
    }

.MilkStatsAll_New.milk-summary-table .title-text {
    background: #d1e4ff;
}

.MilkStatsAll_New.milk-summary-table .cow {
    background: #e0ebfd;
}

.milk-summary-table table thead tr th.sorting_asc, .milk-summary-table table thead tr th.sorting {
    background: var(--table-head-gradient);
    text-align: center;
}

.favouritepanel-section h4.title {
    background: var(--table-head-gradient) !important;
    color: #000;
}

favouritepanel-box .center-block a {
    border-bottom: 1px solid #88C8BE;
    color: #000;
}

.favourit-side-panel #myULfavouritepanel li:hover {
    background: #9AC4FF !important;
}

.sidebar {
    top: 82px !important;
    background: #C2E8E7 !important;
}

.MenuGroupActive {
    background: #388E3C !important;
    background: var(--table-head-gradient) !important;
    border-bottom: solid 1px #73b6b0;
    color: #000;
}

    .MenuGroupActive a {
        color: #000;
    }

.Menu-display {
    background: #EBF3FF !important;
    border-bottom: 1px solid #A3C4F2;
}


    .Menu-display a {
        color: #000;
    }

.nav-sidebar .Menu-display:hover, .nav-sidebar .Menu-display a:hover {
    background: #9AC4FF !important;
}

.nav-sidebar .MenuGroupActive:hover, .nav-sidebar .MenuGroupActive a:hover {
    background: #9AC4FF !important;
    border-right: 5px solid #9AC4FF;
}

.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
    background: #9AC4FF !important;
    border-right: none;
}

.navbar-inverse.new-navbar .navbar-toggle-always:hover, .navbar-inverse.new-navbar .navbar-toggle-always:focus {
    background: none;
}

.client-drop-selection select::-ms-expand {
    display: none;
}


.client-drop-selection select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    height: 48px;
}

.client-drop-selection .select-drop:after {
    content: '\f078';
    font: normal normal normal 17px/1 FontAwesome;
    color: var(--headding-color);
    right: 17px;
    top: 0px;
    height: 34px;
    padding: 15px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}

.milk-summary-table .dataTables_filter {
    padding: 10px;
}

    .milk-summary-table .dataTables_filter label input {
        padding: 10px;
        width: 300px;
        border: solid 1px #ccc;
    }

.new-live-collection-btn .collection-dropdown .btn {
    background: #fff;
    width: 250px;
    box-shadow: 0px 2px 8px -2px #00000012;
}

    .new-live-collection-btn .collection-dropdown .btn:hover, .new-live-collection-btn .collection-dropdown .btn:focus, .new-live-collection-btn .collection-dropdown .btn:hover .caret {
        background: #d1e4ff !important;
        color: #000 !important;
    }

    .new-live-collection-btn .collection-dropdown .btn .caret {
        margin-left: 10px;
    }

.member-society-summary-data .dataTables_paginate, .member-society-summary-data .dataTables_scroll, .member-society-summary-data .dataTables_info, .member-society-summary-data .Tolerance-group-main, .LastUnionSaleInfo .dataTables_scrollBody, .LastUnionSaleInfo .dataTables_scrollFoot, .LastUnionSaleInfo .dataTables_scrollHead, .MilkSummaryInfo .dataTables_scroll, .LastlocalSalesInfo .dataTables_scroll, .SocViewTypeSummaryDbrd .dataTables_scroll, .label_color_dtl_btn_main, .MainDash-summery .dataTables_scroll, .modifyInfo .table_decoration, .modifyInfo .dataTables_info, .modifyInfo .dataTables_paginate, .RateMasterInfo .dataTables_scroll, .MemberModificationInfoDetail, .equ-status, .FarmerMilkNotSubmittingInfo .dataTables_paginate, .FarmerMilkNotSubmittingInfo .table_decoration, .FarmerMilkNotSubmittingInfo .dataTables_info, .GradeSummaryInfo .table_decoration, .BankAndContactsInfo .table_decoration, .AngelReplicationDialerInfoStatus .table_decoration, .LastFiveDaysSummaryInfo .table_decoration, .ManualDataBar .table_decoration {
    border-right: none !important;
    border-left: none !important;
}


.milk-summary-table .dataTables_info {
    float: left;
    width: 50%;
    background: #d1e4ff;
    height: 50px;
    padding: 12px 10px;
}

.milk-summary-table .dataTables_paginate {
    float: right;
    width: 100%;
    background: #d1e4ff;
    height: 50px;
    padding: 10px;
}

    .milk-summary-table .dataTables_paginate .paginate_button {
        background: #fff !important;
        padding: 3px 10px;
        margin-left: 0;
        border: solid 1px #941E2D !important;
        color: #000;
        transition: 0.5s ease;
    }



    .milk-summary-table .dataTables_paginate span .paginate_button, .milk-summary-table .dataTables_paginate span .paginate_button.current {
        color: #941E2D !important;
        border-left: none !important;
        border-right: none !important;
    }

.milk-summary-table .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #941E2D !important;
    color: #fff !important;
}

.effective-trnd .Union_bord_title {
    display: flex;
    justify-content: center;
}

.favouritepanel-section.favourit-side-panel {
    background: #EBF3FF;
}

.favourit-side-panel .favouritepanel-box .center-block a {
    border-bottom: 1px solid #97B4E3;
    color: #000;
}

.milk-summary-table .iframeSocietyData img {
    width: 25px;
}

.Union_bord .radio-inline-check, .Union_bord_small .radio-inline-check-small {
    background: url("../image/radio-inline-check.png") no-repeat #85C5BB;
    background-position: 50% 25%;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: unset;
}

/*footer section animation*/

.navbar.navbar-fixed-bottom {
    height: 50px;
    width: 100%;
    padding: 0;
    background: var(--bg-color);
    /*background:var(--table-head-gradient);*/
    box-shadow: none;
}

.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

.vbar-text.footer-content {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #000;
    z-index: 99;
    bottom: 2px;
    left: 0;
    right: 0;
}

/* Animation */

.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}

    .parallax > use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 7s;
    }

    .parallax > use:nth-child(2) {
        animation-delay: -3s;
        animation-duration: 10s;
    }

    .parallax > use:nth-child(3) {
        animation-delay: -4s;
        animation-duration: 13s;
    }

    .parallax > use:nth-child(4) {
        animation-delay: -5s;
        animation-duration: 20s;
    }

@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0);
    }

    100% {
        transform: translate3d(85px,0,0);
    }
}

.navbar-fixed-top.new-navbar .profile-drop {
    padding: 10px;
}

    .navbar-fixed-top.new-navbar .profile-drop li {
        width: 100% !important;
        text-align: left !important;
    }


.navbar-fixed-top.new-navbar li.logout-btn a {
    font-size: 16px;
    text-align: center !important;
    background: #f0f0f0;
}

    .navbar-fixed-top.new-navbar li.logout-btn a:hover {
        background: #941E2D !important;
        color: #fff !important;
    }
/*.navbar-fixed-top.new-navbar li.logout-btn:hover a{
     color:#fff;
    }*/

.akashganga-login .login-modal {
    width: 500px;
    margin: 0 auto;
    height: auto;
    margin-top: 100px;
    background: #F5F9FF;
    border-radius: 15px;
    box-shadow: 0px 2px 32px -2px #00000029;
    padding: 60px 50px;
}


    .akashganga-login .login-modal:before, .akashganga-login .login-modal:after {
        display: none;
    }


    .akashganga-login .login-modal .login-modal-body {
        top: 0;
        transform: translate(0, 0);
        width: 85%;
    }

        .akashganga-login .login-modal .login-modal-body .login-head h2 {
            margin-bottom: 5px;
        }


        .akashganga-login .login-modal .login-modal-body .remember-check label {
            margin-left: 6px;
        }

        .akashganga-login .login-modal .login-modal-body .forgot-pass {
            margin-top: 0px;
        }

    .akashganga-login .login-modal::after, .akashganga-login .login-modal::before {
        height: 170px;
    }


    .akashganga-login .login-modal .login-btn .btn {
        background: #80AAF4;
        margin-top: 27px;
    }

        .akashganga-login .login-modal .login-btn .btn:hover {
            background: none;
            color: #80AAF4;
            border: solid 1px #80AAF4;
        }

.logo-image-log.akashganga-logo {
    padding: 12px;
}

    .logo-image-log.akashganga-logo img {
        margin-top: 6px;
    }

.login-wrapper {
    background: url(../Image/akashganga-bg.jpg) no-repeat top;
    background-size: 100% 100%;
    background-attachment: fixed;
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }

    .content {
        height: 30vh;
    }

    h1 {
        font-size: 24px;
    }

    .navbar-fixed-top.new-navbar .profile-drop {
        padding: 10px;
        display: block;
        position: relative;
        box-shadow: none;
        border: 0;
        width: 100%;
        float: none;
        top: 0;
    }


    .navbar-fixed-top .navbar-collapse.right-side-nav {
        max-height: unset;
    }

    .navbar-fixed-top.new-navbar .profile-drop li a {
        color: #000;
    }

        .navbar-fixed-top.new-navbar .profile-drop li a span {
            margin-left: 6px;
        }
}

/*emergency number*/

.emergency-number {
    position: fixed;
    bottom: 50px;
    z-index: 9999;
    left: unset;
    right: 30px;
}

    .emergency-number .btn {
        width: 65px;
        height: 65px;
        border-radius: 50%;
        background: #24BC50;
        border: none;
        color: #fff;
        font-size: 35px;
        padding: 2px;
        box-shadow: -2px 2px 10px -1px #0000005e;
    }

    .emergency-number .dropdown-toggle:hover, .emergency-number .dropdown-toggle:focus, .emergency-number .dropdown-toggle:active {
        background: #0F8832 !important;
    }


    .emergency-number .dropdown-menu {
        width: 273px;
        border-radius: 10px;
        box-shadow: 0px 2px 8px -2px #000;
        padding: 10px;
        right: 0;
        left: unset;
        bottom: 112%;
    }

        .emergency-number .dropdown-menu h3 {
            margin-bottom: 2px;
            text-align: center;
            color: #941e2d;
            border-bottom: solid 1px #ccc;
            padding-bottom: 10px;
        }

        .emergency-number .dropdown-menu li {
            list-style: none;
            width: 100%;
            display: block;
            padding: 6px 10px;
            font-size: 14px;
        }

            .emergency-number .dropdown-menu li span {
                font-size: 16px;
                font-weight: 600;
                color: #000;
            }


/*helpline bar*/

.slider-strip {
    margin: 0 auto;
    float: none;
}

    .slider-strip table {
        width: 100%;
    }

.helpLine-bar {
    float: left;
    width: 100%;
}

.dateTime-right {
    float: right;
}

.select-drop {
    position: relative;
    margin-right: 10px;
    width: 100%;
}

.simple-marquee-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.simple-marquee-container {
    width: 100%;
    background: #fff;
    float: left;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 36px;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    border-right: solid 4px #729ad5;
}

    .simple-marquee-container .marquee-sibling {
        padding: 5px;
        background: #729ad5;
        width: 36px;
        height: 36px;
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        float: left;
        left: 0;
        z-index: 99;
    }

        .simple-marquee-container .marquee-sibling img {
            width: 100%;
        }

    .simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
        display: inline-block;
        white-space: nowrap;
        position: absolute;
    }

    .simple-marquee-container .marquee {
        margin-left: 25%;
    }

    .simple-marquee-container .marquee-content-items {
        display: inline-block;
        padding: 5px;
        margin: 0;
        height: 36px;
        position: relative;
        white-space: nowrap;
        animation-name: marqueeLine;
        animation-duration: 20s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }

    .simple-marquee-container:hover .marquee-content-items {
        /*left: -97px !important;
        animation-iteration-count: unset;
        animation-name: marqueeLine2;*/
        animation-play-state: paused;
    }

    .simple-marquee-container .marquee-content-items li {
        display: inline-block;
        line-height: 23px;
        color: #000;
    }

        .simple-marquee-container .marquee-content-items li:after {
            content: "|";
            margin: 0 1em;
        }

.helpline-section-box {
    display: flex;
    width: 100%;
}

.client-drop-selection {
    display: flex;
}

@keyframes marqueeLine {
    from {
        transform: translateX(70%);
    }

    to {
        transform: translateX(-218%);
    }
}

.timer-main .timer_click:hover {
    color: #C62439;
}

.dataTables_wrapper {
    overflow: auto;
}

    .dataTables_wrapper table tbody tr td, .table_decoration table.dataTable tbody tr td {
        transition: 0.7s ease;
    }

    .dataTables_wrapper table tbody tr:hover td, .table_decoration table.dataTable tbody tr:hover td {
        background: #EBF3FF;
    }

    .dataTables_wrapper table tbody td:hover, .table_decoration table.dataTable tbody td:hover {
        font-weight: bold;
        font-size: 14px;
        color: #941E2D;
    }

.table_decoration table.dataTable {
    overflow: hidden;
}

/*.table_decoration table.dataTable tbody tr td:hover::after { 
    background-color: #ffa;
    content: '';  
    height: 100%;    
    left: 0;
    position: absolute;  
    top: -5000px;
    width: 100%;
    bottom:0;
    top:0;
    z-index: 1;        
}*/

.table-milkstats tr td {
    position: relative;
}

.highlighted {
    background-color: #EBF3FF !important;
    /*position:absolute;
      z-index:9;*/
}

.Union_bord_ti {
    overflow: visible;
}

.DayImage_M {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}


@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.DayImage_E {
    -webkit-animation: spin2 1s linear infinite;
    -moz-animation: spin2 1s linear infinite;
    animation: spin2 1s linear infinite;
}

@-moz-keyframes spin2 {
    50% {
        -moz-transform: rotate(30deg);
    }
}

@-webkit-keyframes spin2 {
    50% {
        -webkit-transform: rotate(30deg);
    }
}

@keyframes spin2 {
    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

.milk-summary-table table tbody tr td .DayImage_M, .milk-summary-table table tbody tr td .iframeUnionWiseSocietyData img {
    width: 30px;
}

.modal.refresh-time-modal .modal-dialog {
    width: 450px;
    height: 250px;
}

    .modal.refresh-time-modal .modal-dialog .modal-content {
        height: 100%;
    }

    .modal.refresh-time-modal .modal-dialog .modal-body {
        overflow: auto;
        padding: 45px 52px;
    }

.btn_refresh {
    background: var(--table-head-gradient);
    border: none;
    width: 100px;
    color: #000;
    font-size: 16px;
}

.modal.refresh-time-modal .modal-dialog .modal-header h4 {
    color: var(--headding-color);
    font-weight: 600;
}

.modal.refresh-time-modal .modal-dialog .modal-header .close {
    margin-top: -12px;
    font-size: 36px;
}


.drop-filter .dropdown-menu li a:hover {
    color: #000;
    background-color: #d5efeb;
}


.drop-filter .dropdown-toggle img {
    width: 35px;
}

.drop-filter a.dropdown-toggle img {
    transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
}

.drop-filter a.dropdown-toggle:hover {
    background: none !important;
}

    .drop-filter a.dropdown-toggle:hover img {
        animation: zoominoutbox2 1s ease-in-out;
    }

.modifyInfo {
    border: none;
}


@keyframes zoominoutbox2 {
    0% {
        transform: scale(1,1);
    }

    50% {
        transform: scale(1.2,1.2);
    }

    100% {
        transform: scale(1,1);
    }
}

.tooltip-new .tooltiptext, .tooltip-new .tooltipRatingHover {
    background-color: #7393cc;
}


.societyinfoheader-section {
    background: #d1e4ff;
    margin-bottom: 10px;
    width: 100%;
}

.hplSocGraph {
    line-height: 30px;
}

    .hplSocGraph img {
        width: 25px;
        float: left;
        margin-right: 6px;
    }

.dashboard_table_2.milk-summary-table {
    margin-top: 20px;
}

    .dashboard_table_2.milk-summary-table table thead tr th {
        color: #000;
    }

    .dashboard_table_2.milk-summary-table table tbody tr:nth-child(even) td {
        background: #d1e4ff !important;
    }

    .dashboard_table_2.milk-summary-table table tbody tr:nth-child(odd) td {
        background: #fff !important;
    }

.morning-evening-toggle .btn {
    border: none;
}

    .morning-evening-toggle .btn.active {
        background: var(--table-head-gradient);
    }


.morning-evening-toggle .apply_btn {
    background: var(--headding-color);
    border: none;
    color: #fff;
}

@media(max-width:1550px) {
    .Trends_box {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width:1300px) {
    .helpLine-bar {
        width: 75%;
    }

    .Trends_box .Union_bord_title p, .Trends_box .Union_bord_title span {
        font-weight: 400;
        font-size: 12px;
    }

    .Trends_box {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width:1200px) {


    .Trends_box.effective-trnd {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width:1080px) {
    .helpLine-bar {
        width: 72%;
    }
}

@media(max-width:991px) {
    .Trends_box {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

        .Trends_box.effective-trnd {
            grid-template-columns: repeat(3, 1fr);
        }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-header {
        float: none;
    }

    .new-navbar.navbar-inverse ul.navbar-ul {
        display: flex;
        justify-content: left;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #941e2d;
    }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #404040;
        }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #231f20;
        }

            .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
                background-color: #fff;
            }

    .helpLine-bar {
        width: 100%;
    }

    /*.login-bg-box {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
    }*/

}

@media(max-width:768px) {
    .set-btn-left {
        position: relative;
    }

    .new-navbar.navbar-inverse ul.navbar-ul ellipse {
        padding: 5px 6px;
    }

    .new-navbar.navbar-inverse ul.navbar-ul li .logo-name {
        padding: 5px 0px !important;
    }

    .new-navbar.navbar-inverse ul.navbar-ul li {
        padding: 5px 6px;
    }

    .navbar.navbar-inverse.navbar-fixed-top.new-navbar .MainCompanyName {
        height: 30px;
        width: 84px;
    }

    .new-navbar.navbar-inverse .navbar-toggle-always {
        width: 43px;
    }

    .navbar.navbar-inverse.navbar-fixed-top.new-navbar .btn-top-nav-h4, .right-side-nav .dropdown a, .right-side-nav .dropdown a.btn-profile-img {
        border-right: none;
        position: relative;
        display: flex;
        justify-content: start;
        align-items: center;
    }

        .navbar.navbar-inverse.navbar-fixed-top.new-navbar .btn-top-nav-h4 span {
            margin-right: 10px;
        }

        .right-side-nav .dropdown a, .right-side-nav .dropdown a.btn-profile-img span {
            margin-right: 10px;
        }

    .navbar-fixed-top.new-navbar ul.navbar-nav li {
        width: 100%;
    }

    .navbar.navbar-inverse.navbar-fixed-top.new-navbar ul.navbar-nav li.sliderli {
        width: 100%;
        height: 20%;
        position: absolute;
    }

    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(2):hover ~ .sliderli,
    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(2):focus ~ .sliderli,
    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(2):active ~ .sliderli {
        left: 0;
    }



    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(3):hover ~ .sliderli,
    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(3):focus ~ .sliderli,
    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(3):active ~ .sliderli {
        top: 20%;
        left: 0;
    }


    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(4):hover ~ .sliderli,
    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(4):focus ~ .sliderli,
    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(4):active ~ .sliderli {
        top: 40%;
        left: 0;
    }


    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(5):hover ~ .sliderli,
    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(5):focus ~ .sliderli,
    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(5):active ~ .sliderli {
        top: 60%;
        left: 0;
    }


    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(6):hover ~ .sliderli,
    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(6):focus ~ .sliderli,
    .navbar-fixed-top.new-navbar ul.navbar-nav li.dropdown:nth-child(6):active ~ .sliderli {
        top: 80%;
        left: 0;
    }

    .Trends_box {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
}

.confirm-modal-dialog-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh; /* Full screen height */
}

.confirm-modal-header {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.confirm-modal-dialog {
    margin: 0 auto;
    max-width: 540px; /* Adjust modal width */
}

.confirm-modal-body {
    max-height: 100%; /* Ensure content doesn't force scroll */
    overflow: hidden; /* Disable scrolling inside the body */
}

.confirm-modal-content {
    border-radius: 10px;
    overflow: hidden;
}

@media(max-width:550px) {
    .Trends_box {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}



/*end helpline bar*/