.section {
    padding: 0 20px;
    .sec-head {
        margin: 10px 0;
    }
    .m0{
        margin: 0;
    }
    .w100 {
        width: 100%;
        .back {
            display: inline-block;
            cursor: pointer;
            margin: 0;
            img {
                width: 14px;
                padding-right: 5px;
            }
        }
        .back:hover,
        .back:focus,
        .back:active {
            outline: none;
        }
    }
    .dealer-header {
        background: #003d58;
        padding: 8px 0;
        border-radius: 3px;
        margin: 15px 0 0 0;
        width: 100%;
        .custom-list {
            label {
                color: #fff;
                text-align: left;
            }
            .form-control {
                width: 100%;
                display: inline-block;
                padding: 5px;
                font-size: 14px;
            }
        }
    }
    .dealer-sub {
        background: #fff;
        padding: 0;
        border-radius: 3px;
        margin: 15px 0 0 0;
        width: 100%;
        .custom-list {
            label {
                color: #000;
                text-align: left;
                font-size: 14px;
            }
            .form-control {
                width: 100%;
                display: inline-block;
                font-size: 14px;
                padding: 5px;
            }
            .go-btn {
                font-weight: bold;
                font-size: 14px;
                background: #003d58;
                color: #fff !important;
                padding: 10px;
                width: auto;
                border-color: #003d58;
                border-radius: 3px;
                margin: 6px 0 6px 10px;
                height: 35px;
            }
        }
        .custom-list.split {
            .form-group{
                padding: 0;
                label{
                    width: 40%;
                    padding-right: 10px;
                }
                .form-control {
                    width: 60%;
                }
            }
        }
        .custom-list.search {
            width: 200px;
            position: relative;
            display: inline-block;
            input {
                padding-right: 40px;
            }
            .go-btn {
                position: absolute;
                right: 0;
                top: 0;
                width: 35px;
                border-radius: 0 3px 3px 0;
            }
        }
        .checks {
            width: 180px;
            display: inline-block;
            label {
                font-size: 14px;
                color: #333;
            }
        }
        .btn {
            margin: 0;
            padding: 0;
            height: auto;
            line-height: 1;
            font-size: 13px;
            border: none;
            background: none;
            text-align: center !important;
            color: #000 !important;
            width: 100px;
            img {
                width: 25px;
                margin-bottom: 3px;
            }
            span {
                display: block;
            }
        }
    }
    .dealer-body {
        background: #F0F0F0;
        padding: 10px 0;
        border-radius: 3px;
        margin: 15px 0 0 0;
        width: 100%;
        overflow: auto;
        height: calc(100vh - 245px);
        .dealer-inn {
            background: #28a8e0;
            padding: 12px;
            color: #fff;
            margin-bottom: 16px;
            font-size: 14px;
            p {
                display: inline-block;
                margin: 0;
            }
            b {
                float: right;
                font-size: 18px;
            }
        }
        .dealer-inn.type {
            p {
                display: block;
            }
        }
        .dealer-inn.type1 {
            background: #30596D;
        }
        .dealer-inn.type2 {
            background: #486C7D;
        }
        .dealer-inn.type3 {
            background: #607F8E;
        }
        .dealer-inn.type4 {
            background: #78929E;
        }
        .lead {
            background: #fff;
            padding: 12px;
            color: #7F7F7F;
            margin: 0;
            margin-bottom: 10px;
            font-size: 14px;
            h5 {
                color: #000;
                font-size: 14px;
            }
        }
        .dealer-right {
            background: #fff;
            padding: 5px;
            color: #7F7F7F;
            margin-bottom: 10px;
            font-size: 14px;
            .center-txt{
                position: relative;
                span{
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    margin-top: -11px;
                    margin-left: -30px;
                    width: 60px;
                    text-align: center;
                    color: #000;
                    font-weight: 600;
                }
            }
        }
    }
    .enq-status {
        p {
            color: #969696;
            font-size: 13px;
            font-weight: 500;
            margin-bottom: 5px;
            b {
                width: 10px;
                height: 10px;
                display: inline-block;
            }
            b.hot {
                background: #005826;
            }
            b.warm {
                background: #00A652;
            }
            b.cold {
                background: #F7941D;
            }
            b.post {
                background: #ffc107;
            }
            b.lost {
                background: #C00000;
            }
            span {
                float: right;
            }
        }
    }
    .chart-row {
        p {
            color: #969696;
            text-align: center;
            margin: 10px 0 0 0;
        }
        h5 {
            color: #000;
            font-size: 14px;
            display: none;
        }
    }
    .converted-sales {
        p {
            color: #969696;
            font-size: 13px;
            font-weight: 500;
            text-align: center;
            b {
                width: 10px;
                height: 10px;
                display: inline-block;
                margin: 0 10px 0 20px;
            }
            b.one {
                background: #92D050;
            }
            b.two {
                background: #FBBD00;
            }
        }
    }
    .productivity {
        p {
            color: #969696;
            font-size: 13px;
            font-weight: 500;
            display: block;
            margin: 0;
            b {
                width: 10px;
                height: 10px;
                display: inline-block;
                margin-right: 5px;
            }
            b.one {
                background: #92D050;
            }
            b.two {
                background: #F15D22;
            }
        }
    }
}