.sales-dashboard .layout-margin {
    margin: 0px !important;
}

.layout-margin>*,
.layout-margin>.flex {
    margin: 4px !important;
}

.blue_boxes {
    margin: 2px !important;
}

.top-palette,
.target_delivered {
    background-color: #009ac8 !important;
    color: #FFFFFF;
    height: 100px;
}

p {
    font-size: 16px;
    margin-top: 0 !important;
    margin-bottom: 0.654em !important;
}

.headingtitle1 {
    background-color: #babd5f !important;
    text-align: center;
    color: #FFFFFF !important;
}

.headingtitle1 .md-title,
.headingtitle2 .md-title {
    font-size: 1.7rem !important;
}

.headingtitle2 {
    background-color: #708e97;
    text-align: center;
    color: #FFFFFF;
}

/* ----------utilitie class----------- */
.m-0 {
    margin: 0 !important;
}

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

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

.ml-0 {
    margin-left: 0 !important;
}

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

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

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

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

/* ----------utilitie class ends here----------- */
.align-item-center {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sales-dashboard .annual_sell_out_chart1,
.sales-dashboard .annual_sell_out_chart2,
.sales-dashboard .annual_sell_out_chart3 {
    height: 120px !important;
    background-color: #fafbe1;
}

.sales-dashboard .annual_sell_out_chart {
    height: 120px !important;
}

.bx-none {
    box-shadow: none !important;
}

.distributor_block {
    height: 290px !important;
}

.bg_yellow {
    background-color: #fafbe1 !important;
}

.time_block {
    height: 130px !important;
}

.block_250 {
    height: 263px !important;
}

.pipeline_gap .status-danger,
.pipeline_gap .status-success1 {
    font-size: 1.386rem;
    font-weight: bold !important;
    padding: 4px 0.364em;
    border-radius: 5px;
}

.ytd_per .status-danger,
.ytd_per .status-warning,
.ytd_per .status-success1 {
    font-size: 1.586rem;
    font-weight: bold !important;
    padding: 4px 0.364em;
    border-radius: 5px;
    min-width: 43px;
}

.sales-dashboard md-card md-card-title {
    padding: 10px 10px 10px 10px !important;
    width: 96%;
}

.space_even {
    display: flex;
    justify-content: space-evenly;
}


.top_5_title {
    font-size: 1.4rem !important;
}

.volume_button:hover,
.growth_button:hover {
    text-decoration: none !important;
}

.volume_button:hover span {
    background-color: #66d5de;
}

.growth_button:hover span {
    background-color: #d1c0b9;
}

.sales-dashboard .plus_button {
    min-width: 22px !important;
    margin-top: -7px;
    margin-right: -8px;
}

.volume_button span {
    background-color: #FFD330;
    cursor: pointer;
    padding: 2px 8px;
    color: #424242;
    border-radius: 5px;
    margin: 0px 4px;

}

.sus_value_to_neg_value,
.neg_value_to_order_value {
    padding: 5px 4px;
    background: #007794;
    color: #fff;
    font-size: 1rem;
}

.cycle_time_wrapper {
    justify-content: space-around;
}

.spancop_stage_label {
    margin-top: 20px;
}


.cycle_time {
    width: 100%
}

.increment_taget_delivered span.ng-binding.ng-scope {
    margin-left: 18px;
}

.pipeline_gap {
    color: #fff;
}

.value_color {
    color: #1a668a;
    font-weight: bold !important;
}

.kpi_charts1 .churn_cust p.md-title,
.kpi_charts1 .churn_val p.md-title,
.retained_cust p.md-title,
.retained_val p.md-title,
.x_sell_heading_data p.md-title,
.new_cus p.md-title,
.new_cus_val p.md-title,
.premium_ratio_val .service_penetration_val p.md-title,
.premium_ratio_val p.md-title,
.service_penetration_val p.md-title {
    color: #1a668a;
    font-weight: bold;
}

.growth_button span {
    background-color: #D9D9D9;
    cursor: pointer;
    padding: 2px 8px;
    text-decoration: none;
    color: #424242;
    border-radius: 5px;
}

.font-15 {
    font-size: 15px;
}

.time_slpit_h {
    height: 150px !important;
}

.cycle_time_graph {
    margin-left: -23px !important;
}

/* Media Query style starts here */
@media only screen and (min-device-width: 600px) and (max-device-width: 1279px) {

    .blue_boxes {
        margin: 4px !important;
    }

    .dash_last_block {
        margin-bottom: 28px !important;
    }

}

/*  mobile (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .md-title {
        font-size: 1.4rem !important;
    }

    .m-flow {
        overflow: auto;
    }

    .m-none {
        display: none;
    }

    .top-5-brands {
        overflow-y: scroll;
        position: relative;
    }

    .time_split_cycle_time:first-child {
        margin-bottom: 6px;
    }

    .distributor_block {
        height: inherit !important;
    }

    .graph_data .kpi_charts2 {
        margin-bottom: 32px !important;
    }

    .kpi_charts2 .time_split {
        margin-bottom: 28px !important;
    }

    .dash_last_block {
        margin-bottom: 28px !important;
    }

    .sales-dashboard .annual_sell_out_chart.sell_out_block {
        height: 96% !important;
    }

    .ytd_per {
        margin: auto !important;
    }
}

/*  tablet (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .md-title {
        font-size: 1.4rem !important;
    }

    .top-5-brands {
        overflow-y: scroll;
        position: relative;
    }

    .graph_data .kpi_charts2 {
        margin-bottom: 32px !important;
    }
}

/* Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {
    .md-title {
        font-size: 1.4rem !important;
    }
}

/* Large screens ----------- */

@media only screen and (min-width: 1824px) {
    .md-title {
        font-size: 1.4rem !important;
    }
}

.sales-dashboard.global_graph_dashboard.ng-scope.layout-column .all_data.layout-margin {
    overflow: hidden;
}

.kpi_charts1,
.kpi_charts2 {
    margin-top: 0 !important;
}