@extends('layouts.main_without_top_button')
@section('title')
    Dashboard
@stop
@section('navigation')
    <ul class="breadcrumb">
        <h2 style="color: #a0a0a0" class="active">Dashboard</h2>
    </ul>
@stop

<link rel="stylesheet" href="https://derm.epmtz.com/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://derm.epmtz.com/plugins/dataTables/dataTables.bootstrap.css">
<!-- Theme style -->
<link rel="stylesheet" href="https://derm.epmtz.com/css/AdminLTE.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://derm.epmtz.com/css/ionicons.css">

<link rel="stylesheet" href="https://derm.epmtz.com/css/epm.css">

<style>

    /** {*/
    /*    box-sizing:border-box;*/
    /*}*/

    table {
        border-spacing:0;
        border-collapse: collapse;
    }

    tr:nth-child(odd) {
        cursor:pointer;
    }

    tr:first-child {
        background:silver;
    }

    tr:nth-child(4n+4) td {
        /*background: #ccc;*/
    }

    td {
        /*border:1px solid #3E3E3E;*/
        padding:5px;
    }

    .expandable div {
        transition: height, padding .3s ease;
        padding:0 10px;
    }

    .expandable:not(.expand) td {
        padding:0;
        border-bottom-color:transparent;
    }

    .expandable:not(.expand) div {
        height:0;
        overflow:hidden;
    }

    .expandable.expand div {
        padding:10px;
    }
</style>
<style>
    #maincontent {
        background-color: #a0a0a0;
        padding-top: 1% !important;
        padding-left: 1% !important;
        height: 100% !important;
        min-width: 1129px !important;

    }
    .mainwrapper{
        background-color: #a0a0a0 !important;
    }
    .breadcrumbwidget{
        background-color: #a0a0a0 !important;
    }

    /* Class or Id doesn't matter */
    .dynamic-badge {position: relative;}
    .enquiry-badge {position: relative;}
    .nomination-badge {position: relative;}
    .pipeline-badge {position: relative;}
    .amendment-badge {position: relative;}
    .diversion-badge {position: relative;}
    .cancellation-badge {position: relative;}

    .dynamic-badge[data-badge]:after {
        content: attr(data-badge);

        position: absolute;
        top: -50%;
        right:44%;

        font-size: 11px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 600;

        text-align: center;
        line-height: 23px;

        background: #ff4081;
        color: white;

        width: 22px;
        height: 22px;

        border-radius: 50%;
        /* box-shadow:1px 2px 5px #888; */
    }
    .enquiry-badge[data-badge]:after {
        content: attr(data-badge);

        position: absolute;
        top: -50%;
        right:44%;

        font-size: 11px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 600;

        text-align: center;
        line-height: 23px;

        background: red;
        color: white;

        width: 22px;
        height: 22px;

        border-radius: 50%;
        /* box-shadow:1px 2px 5px #888; */
    }
    .nomination-badge[data-badge]:after {
        content: attr(data-badge);

        position: absolute;
        top: -50%;
        right:44%;

        font-size: 11px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 600;

        text-align: center;
        line-height: 23px;

        background: green;
        color: white;

        width: 22px;
        height: 22px;

        border-radius: 50%;
        /* box-shadow:1px 2px 5px #888; */
    }
    .pipeline-badge[data-badge]:after {
        content: attr(data-badge);

        position: absolute;
        top: -50%;
        right:44%;

        font-size: 11px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 600;

        text-align: center;
        line-height: 23px;

        background: blue;
        color: white;

        width: 22px;
        height: 22px;

        border-radius: 50%;
        /* box-shadow:1px 2px 5px #888; */
    }
    .amendment-badge[data-badge]:after {
        content: attr(data-badge);

        position: absolute;
        top: -50%;
        right:44%;

        font-size: 11px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 600;

        text-align: center;
        line-height: 23px;

        background: darkviolet;
        color: white;

        width: 22px;
        height: 22px;

        border-radius: 50%;
        /* box-shadow:1px 2px 5px #888; */
    }
    .diversion-badge[data-badge]:after {
        content: attr(data-badge);

        position: absolute;
        top: -50%;
        right:44%;

        font-size: 11px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 600;

        text-align: center;
        line-height: 23px;

        background: black;
        color: white;

        width: 22px;
        height: 22px;

        border-radius: 50%;
        /* box-shadow:1px 2px 5px #888; */
    }
    .cancellation-badge[data-badge]:after {
        content: attr(data-badge);

        position: absolute;
        top: -50%;
        right:44%;

        font-size: 11px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 600;

        text-align: center;
        line-height: 23px;

        background: deeppink;
        color: white;

        width: 22px;
        height: 22px;

        border-radius: 50%;
        /* box-shadow:1px 2px 5px #888; */
    }
</style>
@section('contentinner')

@stop