#contentLogin_contentMain_DL_DP { margin:8px;
        }
        .graphData {
            background: #fff;
            position: relative;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
            box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
            border: 1px solid rgba(0,0,0,.07);
            margin: 5px 0px 8px 0px;
        } 
        .col-md-12 {
            text-align: center;
        }
        .graphHeader {
            border-bottom: solid thin #e2e2e2;
        }
            .graphHeader h3 {
                font-size: 16px;
                color: #18AACC;
                font-weight: bold; /*padding:10px 8px 8px 15px;*/
                margin: 8px;
            }
                .graphHeader h3:before {
                    position: absolute;
                    width: 3px;
                    height: 22px;
                    left: 0px;
                    top: 8px;
                    content: '';
                    background: #18AACC;
                }

        .parameter {
            padding: 8px;
        }

        .form-group {
            margin-bottom: 10px;
        }
            .form-group label {
                font-weight: bold;
                color: #0485a3;
            }
        .form-control {
            display: block;
            min-height: 25px;
            width: 100%;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }
        .graphFooter {
            border-top: solid thin #e2e2e2;
            padding: 8px;
        }
                    .graphFooter p {
                margin: 0px;
                text-align: center;
            }
        .maxheightTable {
            max-height: 400px;
        } 
        .colorSet {
            width: 10px;
            height: 10px;
            margin: auto;
        }
        .paramaterDetails {
            background-image: none;
            box-shadow: none;
            text-shadow: none;
            padding: 9px 19px 9px 15px;
            border-radius: 3px;
            font-size: 13px;
            border-width: 0;
            -webkit-transition: all 0.2s linear 0s;
            transition: all 0.2s linear 0s;
            background-color: #daeffd !important;
            color: #2b6a94 !important;
            border-color: #2b6a94 !important;
            font-weight: bold;
            margin: 8px;
        }
        .headerErrormessage, .innergrapgerror {
            background-image: none;
            box-shadow: none;
            text-shadow: none;
            padding: 9px 19px 9px 15px;
            border-radius: 3px;
            font-size: 13px;
            border-width: 0;
            -webkit-transition: all 0.2s linear 0s;
            transition: all 0.2s linear 0s;
            background-color: #fddddd !important;
            color: #933432 !important;
            border-color: #933432 !important;
            margin-top: 5px;
            font-weight: bold;
        }  
        .innergrapgerrorbg {
            min-height: 300px;
            margin: 8px;
        }
        /*==============
     loader
 ===============*/
        #loader {
            position: fixed;
            width: 100%;
            height: 100vh;
            background: rgba(255, 255, 255, 0.9);
            z-index: 999999;
        }

        .loader2 {
            position: relative;
            width: 75px;
            height: 100px;
            left: 48%;
            top: 50%;
            transform: translateY(-100%);
        }

        .loader__bar {
            position: absolute;
            bottom: 0;
            width: 10px;
            height: 50%;
            background: #16a2b5;
            transform-origin: center bottom;
            box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
        }

            .loader__bar:nth-child(1) {
                left: 0px;
                transform: scale(1, 0.2);
                animation: barUp1 4s infinite;
            }

            .loader__bar:nth-child(2) {
                left: 15px;
                transform: scale(1, 0.4);
                animation: barUp2 4s infinite;
            }

            .loader__bar:nth-child(3) {
                left: 30px;
                transform: scale(1, 0.6);
                animation: barUp3 4s infinite;
            }

            .loader__bar:nth-child(4) {
                left: 45px;
                transform: scale(1, 0.8);
                animation: barUp4 4s infinite;
            }

            .loader__bar:nth-child(5) {
                left: 60px;
                transform: scale(1, 1);
                animation: barUp5 4s infinite;
            }

        .loader__ball {
            position: absolute;
            bottom: 10px;
            left: 0;
            width: 10px;
            height: 10px;
            background: #2087ae;
            border-radius: 50%;
            animation: ball 4s infinite;
            z-index: 9999;
        }

        @keyframes ball {
            0% {
                transform: translate(0, 0);
            }

            5% {
                transform: translate(8px, -14px);
            }

            10% {
                transform: translate(15px, -10px);
            }

            17% {
                transform: translate(23px, -24px);
            }

            20% {
                transform: translate(30px, -20px);
            }

            27% {
                transform: translate(38px, -34px);
            }

            30% {
                transform: translate(45px, -30px);
            }

            37% {
                transform: translate(53px, -44px);
            }

            40% {
                transform: translate(60px, -40px);
            }

            50% {
                transform: translate(60px, 0);
            }

            57% {
                transform: translate(53px, -14px);
            }

            60% {
                transform: translate(45px, -10px);
            }

            67% {
                transform: translate(37px, -24px);
            }

            70% {
                transform: translate(30px, -20px);
            }

            77% {
                transform: translate(22px, -34px);
            }

            80% {
                transform: translate(15px, -30px);
            }

            87% {
                transform: translate(7px, -44px);
            }

            90% {
                transform: translate(0, -40px);
            }

            100% {
                transform: translate(0, 0);
            }
        }

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

            40% {
                transform: scale(1, 0.2);
            }

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

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

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

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

            40% {
                transform: scale(1, 0.4);
            }

            50% {
                transform: scale(1, 0.8);
            }

            90% {
                transform: scale(1, 0.8);
            }

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

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

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

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

            40% {
                transform: scale(1, 0.8);
            }

            50% {
                transform: scale(1, 0.4);
            }

            90% {
                transform: scale(1, 0.4);
            }

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

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

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

            50% {
                transform: scale(1, 0.2);
            }

            90% {
                transform: scale(1, 0.2);
            }

            100% {
                transform: scale(1, 1);
            }
        }
        /*==============
    end loader
 ===============*/
        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
    text-align: left;
}
        .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
            padding: 6px 4px;
            max-width: 200px;
    text-overflow: unset;
    overflow: unset;
    white-space: normal;
        }