body{
                font-family: 'Roboto', sans-serif;
                padding: 0;
                margin: 0;
                background-color: #f2f2f2;
            }
            .top-bar{
                background-color: #272727;
                color: #e8e8e8;
                padding: 10px 0;
                font-size: .9em;
                box-shadow: 0px 2px 3px #999;
            }
            .top-bar ul.inline{
                padding: 0;
                margin: 0;
                list-style: none;
            }
            .top-bar ul.inline li{
                display: inline;
            }
            .top-bar a{
                color: #e2e2e2;
                text-decoration: none;
            }
            .container{
                min-width: 320px;
                max-width: 984px;
                width: auto;
                padding: 0 20px;
                text-align: left;
            }


            /**
            Helper Classes
            **/
            .inline{
                display: inline;
            }
            .block{
                display: block;
            }
            .inline-block{
                display: inline-block;
            }
            .left{
                float: left;
            }
            .right{
                float: right;
            }
            .clear{
                clear: both;
            }
            .tp-bg{
                background-color: rgba(0,0,0,.5) !important;
            }
            .bg-orange{
                background-color: #f36e21 !important;
            }
            .bg-grey{
                background-color: #dadada !important;
            }

            .white-text{
                color: #fff !important;
            }

            .padding-5{
                padding: 5px;
            }
            .padding-10{
                padding: 10px;
            }
            .padding-15{
                padding: 15px;
            }
            .padding-20{
                padding: 20px;
            }
            .padding-25{
                padding: 25px;
            }
            .padding-30{
                padding: 30px;
            }
            .no-padding{
                padding: 0;
            }
            .no-margin{
                margin: 0;
            }

            .gap-type-default{
                height: .75em;
            }
            .gap-type-1{
                height: 5px;
            }
            .gap-type-2{
                height: 10px;
            }
            .gap-type-3{
                height: 15px;
            }
            .gap-type-4{
                height: 20px;
            }

            .modal-title
            {
                color:#F00;
                font-size:26px;
                text-align:center;
                font-weight:bold;
            }
            p
            {
                text-align:justify;
            }
            .well
            {
                border-radius:15px;
                background:#4c4c8e;
                color:#fff;
                font-size:14px;
                margin:3% 0;
            }
            .close {
                color:#009;
                opacity:1;
            }
            .nsp2
            {
                text-align:right;
                color:#000;
                font-size:20px;
                font-weight:bold;
            }


            /* The Modal (background) */
            .modal {
                display: none; /* Hidden by default */
                position: fixed; /* Stay in place */
                z-index: 1; /* Sit on top */
                padding-top: 70px; /* Location of the box */
                left: 0;
                top: 0;
                width: 100%; /* Full width */
                height: 100%; /* Full height */
                overflow: auto; /* Enable scroll if needed */
                background-color: rgb(0,0,0); /* Fallback color */
                background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
            }

            /* Modal Content */
            .modal-content {
                background-color: #fefefe;
                margin: auto;
                padding: 20px;
                border: 1px solid #888;
                width: 55%;
            }

            /* The Close Button */
            .close {
                color: #aaaaaa;
                float: right;
                font-size: 28px;
                font-weight: bold;
            }

            .close:hover,
            .close:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }

            .modal-title
            {
                color:#F00;
                font-size:26px;
                text-align:center;
                font-weight:bold;
            }
            p
            {
                text-align:justify;
            }
            .well
            {
                padding:20px;
                border-radius:15px;
                background:#4c4c8e;
                color:#fff;
                font-size:14px;
                margin:3% 0;
            }
            .close {
                color:#009;
                opacity:1;
            }
            .nsp2
            {
                text-align:right;
                color:#000;
                font-size:20px;
                font-weight:bold;
            }


    a:hover {
        text-decoration: none;
    }


    [data-tooltip] {
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

    /* Hide the tooltip content by default */
    [data-tooltip]:before,
    [data-tooltip]:after {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
    }

    /* Position tooltip above the element */
    [data-tooltip]:before {
        position: absolute;
        bottom: 150%;
        left: 50%;
        margin-bottom: 5px;
        margin-left: -80px;
        padding: 7px;
        width: 160px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #000;
        background-color: hsla(0, 0%, 20%, 0.9);
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 14px;
        line-height: 1.2;
    }

    /* Triangle hack to make tooltip look like a speech bubble 
    [data-tooltip]:after {
      position: absolute;
      bottom: 150%;
      left: 50%;
      margin-left: -5px;
      width: 0;
      border-top: 5px solid #000;
      border-top: 5px solid hsla(0, 0%, 20%, 0.9);
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      content: " ";
      font-size: 0;
      line-height: 0;
    }
    */
    /* Show tooltip content on hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

        nav{
            background-color: teal;
        }
        nav ul{
            list-style: none;
            padding: 0;
            margin: 0;
        }
        nav ul li{
            float: left;
        }
        nav ul li a{
            display: inline-block;
            color: #e8e8e8;
            text-decoration: none;
            padding: 10px 20px;
        }
        nav ul li a:hover{
            background-color: #004892;
        }
        nav ul li:nth-child(1) a{
            background-color: rgba(162, 49, 44, 0.7);
        }
        .hide-on-large-only{
            display: none !important;
        }


        /**
        Sub Menu CSS
        **/
        nav ul li.has-sub-menu ul{
            display: none;
            position: absolute;
            box-shadow: 0px 2px 2px #444;
            z-index: 9;
        }
        nav ul li.has-sub-menu ul li{
            float: none;
        }
        nav ul li.has-sub-menu ul li a{
            background-color: #4866af;
            border-bottom: 1px solid #607ABE;
            display: block;

        }
        nav ul li.has-sub-menu ul li a:hover{
            background-color: #004892;
        }
        nav ul li.has-sub-menu:hover > ul{
            display: block;
        }
        nav ul li.has-sub-menu:hover > ul.sub-menu-l1{
            right: -100px;
            bottom: 0px;
        }
        nav ul li.has-sub-menu:hover > ul.sub-menu-l2{
            right: -150px;
            bottom: 0px;
        }
        nav ul li.has-sub-menu:hover > ul.sub-menu-l3{
            right: -200px;
            bottom: 0px;
        }
        nav ul li.has-sub-menu:hover > ul.sub-menu-l4{
            right: -100px;
            bottom: -10px;
        }
        nav ul li.has-sub-menu:hover > ul.sub-menu-l5{
            right: -150px;
            bottom: -10px; 
        }
        nav ul li.has-sub-menu:hover > ul.sub-menu-l6{
            right: -200px;
            bottom: -10px;
        }
        nav ul li.has-sub-menu:hover > ul.sub-menu-l7{
            right: -80px;
            bottom: -30px;
        }
        nav ul li.has-sub-menu:hover > ul.sub-menu-l8{
            right: -150px;
            bottom: 50px;
        }
        nav ul li.has-sub-menu:hover > ul.sub-menu-l9{
            right: -80px;
            bottom: -10px;
        }
        /********/

        @media only screen and (max-width : 480px) {
            .hide-on-small, .hide-on-mid-and-down{
                display: none !important;
            }
            .show-on-mid-and-up, .hide-on-large-only{
                display: inline-block !important;
            }
            nav ul li{
                float: none;
            }
            nav ul li a{
                display: block;
                border-bottom: 1px solid #607ABE;
            }
            nav .container{
                padding: 0;
            }
            nav ul li.has-sub-menu ul{
                box-shadow: 0px 2px 5px #444;
            }
            ul.top-menu{
                display: none;
            }
            .top-menu{
                background: green;
            }
            table.logo tr td:nth-child(2){
                text-align: center;
                padding: 20px 0;
            }

        }

        @media only screen and (min-width : 480px) and (max-width: 768px) {
            .hide-on-mid, .hide-on-mid-and-up{
                display: none !important;
            }
            .hide-on-large-only{
                display: inline-block !important;
            }

            nav ul li{
                float: none;
            }
            nav ul li a{
                display: block;
                border-bottom: 1px solid #607ABE;
            }
            nav .container{
                padding: 0;
            }
            nav ul li.has-sub-menu ul{
                box-shadow: 0px 2px 5px #444;
            }
            ul.top-menu{
                display: none;
            }
            table.logo tr td:nth-child(2){
                text-align: center;
                padding: 20px 0;
            }
            table.logo{
                width: 100%;
            }
            .branding .left:first-child{
                width: 100%;
            }
        }

        .top-bar-1{
            background-color: #fff;
            box-shadow: 0px 2px 3px #999;
            padding: 10px 0;
            z-index: 1;
            border-bottom: 1px solid #dadada;

        }
        .top-bar-1 ul{
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .top-bar-1 ul li{
            display: inline-block;
            margin-right: 20px;
        }
        .top-bar-1 ul li a{
            text-decoration: none;
            color: #444;
            font-size: 14px;
        }
        .top-bar-1 ul li i{
            margin-right: 5px;
        }


        .blink_text { 

            -webkit-animation-name: blinker;
            -webkit-animation-duration: 1s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;

            -moz-animation-name: blinker;
            -moz-animation-duration: 1s;
            -moz-animation-timing-function: linear;
            -moz-animation-iteration-count: infinite;
            animation-name: blinker;
            animation-duration: 1s;
            animation-timing-function: linear; 
            animation-iteration-count: infinite; color: red; 
        } 

        @-moz-keyframes blinker {
            0% { opacity: 1.0; }

            50% { opacity: 0.0; }

            100% { opacity: 1.0; } 
        }

        @-webkit-keyframes blinker {  
            0% { opacity: 1.0; }

            50% { opacity: 0.0; }

            100% { opacity: 1.0; } 
        } 

        @keyframes blinker {  
            0% { opacity: 1.0; } 

            50% { opacity: 0.0; }      

            100% { opacity: 1.0; } 
        } 

                .cards-container{
                    background-color: #fff;
                    padding: 5px 0;
                    border-bottom: 1px solid #dadada;
                }
                .cards-container ul{
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }
                .cards-container ul li{
                    width: 25%;
                    float: left;
                    height: 150px;
                }
                .cards-container ul li .card{
                    background-color: #fff;
                    box-shadow: 0px 2px 3px #ccc;
                    height: 117px;
                    margin: 0 5px;
                    text-align: center;
                    padding-top: 30px;
                    color: #fff;
                    position: relative;
                }
                .cards-container ul li:first-child .card{
                    margin-left: 0;
                }
                .cards-container ul li:last-child .card{
                    margin-right: 0;
                }
                .cards-container ul li .card h2, .cards-container ul li .card h5{
                    text-shadow:0px 3px 4px #444;
                }
                .cards-container ul li .card .counter{
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    padding: 5px 10px;
                    width: 92%
                }

                .dashboard-container .left-panel{
                    width: 30%;
                }
                .dashboard-container .right-panel{
                    width: 70%;
                }
                .dashboard-container .panel .title{
                    padding: 10px;
                    background-color: teal;
                    color: #fff;
                    font-size: 1.1em;
                }
                .mywidth .title
                {
                    width:24.5%;
                    font-size: 1em;
                }
                .myfirstbtn
                {
                    background: #4866af !important;
                }
                .mywidth .title:focus,  .mywidth .title:active
                {
                    background: #004d4d;
                }
                .dashboard-container .panel .content{
                    padding: 10px;
                    background-color: #dadada;
                    font-size: .9em;
                }
                .dashboard-container .panel .content ul{
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }
                .dashboard-container .panel .content ul li{
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                    border-bottom: 1px solid #ccc;
                }
                .dashboard-container .panel .content ul li:last-child{
                    margin-bottom: 0;
                    border:none;
                    padding: 0;
                }
                .arrow_box {
                    position: relative;
                    background: #f36e21;
                }
                .arrow_box:after {
                    top: 100%;
                    left: 10%;
                    border: solid transparent;
                    content: " ";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                    border-color: rgba(243, 110, 33, 0);
                    border-top-color: teal;
                    border-width: 10px;
                    margin-left: -10px;
                }
                @media only screen and (max-width : 480px) {
                    .dashboard-container .left-panel, .left-panel{
                        width: auto;
                    }
                    .dashboard-container .right-panel, .right-panel{
                        width: auto;
                    }
                    .cards-container ul li{
                        width: 50%;
                        float: left;
                        height: 150px;
                    }
                    .cards-container ul li:nth-child(2) .card{
                        margin-right: 0;
                    }
                    .cards-container ul li:nth-child(3) .card{
                        margin-top: 10px;
                        margin-left: 0;
                    }
                    .cards-container ul li:nth-child(4) .card{
                        margin-top: 10px;
                        margin-right: 0;
                    }
                    .dashboard-container .container{
                        padding: 5px;
                    }
                }
                @media only screen and (min-width : 480px) and (max-width: 768px) {
                    .dashboard-container .left-panel, .left-panel{
                        width: auto;
                    }
                    .dashboard-container .right-panel, .right-panel{
                        width: auto;
                    }
                    .cards-container ul li{
                        width: 50%;
                        float: left;
                        height: 150px;
                    }

                    .w3-red,.w3-hover-red:hover{
                        color:#fff!important;background-color:#f44336!important
                    }

                }

                                        table.schemes{
                                            width: 100%;
                                            border-collapse: collapse;
                                            border: 1px solid #dadada;
                                            border-top-color: #f36e21;
                                        }
                                        table.schemes thead tr th{
                                            color: #fff;
                                            padding: 5px 10px;
                                            background-color: #4866af;
                                        }
                                        table.schemes thead tr th:first-child{
                                            width: 30px;
                                            text-align: center;
                                        }
                                        @media only screen and (max-width : 480px) {
                                            table.schemes thead tr th:first-child, table.schemes tbody tr td:first-child{
                                                display: none;
                                            }
                                        }
                                        table.schemes thead tr th:last-child{
                                            width: 100px;
                                            text-align: center;
                                        }
                                        table.schemes tbody tr td{
                                            text-align: center;
                                            padding: 5px 10px;
                                            text-align: left;
                                            border: 1px solid #dadada;
                                            color: #444;
                                            font-size: .9em;
                                        }
                                        table.schemes tbody tr:nth-child(even){
                                            background-color: #f2f2f2;
                                        }
                                        table.schemes tbody tr:hover td:nth-child(2){
                                            background-color: #faffb4;
                                        }
                                        table.schemes tbody tr td:nth-child(3), table.schemes tbody tr td:first-child{
                                            border: none;
                                        }
                                        table.schemes tbody tr td:first-child, table.schemes tbody tr td:last-child{
                                            text-align: center;
                                        }
                                        table.schemes tbody tr td.open{
                                            background-color: teal;
                                            color: #ffffff;
                                            font-size: .7em;
                                        }
                                        table.schemes tbody tr td.closed{
                                            background-color: #fae3e4;
                                            color: #d51319;
                                            font-size: .7em;
                                        }
                                        table.schemes tbody tr td.header.type-2{
                                            background-color: #a3a2a2;
                                            color: #fff;
                                            text-align: left;
                                            padding: 10px;
                                            font-size: 1em;
                                        }
                                        table.schemes tbody tr td.header.type-2 i{
                                            margin-left: 5px;
                                        }
                                        .click-more {
                                            padding: 10px;
                                        }
                        
                                        .button {
                                            background-color: #4CAF50; /* Green */
                                            border: none;
                                            color: white;
                                            padding: 6px 20px;
                                            text-align: center;
                                            text-decoration: none;
                                            display: inline-block;
                                            font-size: 14px;
                                            cursor: pointer;
                                        }

                                        .button3 {background-color: #f44336;} /* Red */ 
                                        footer{
        background-color: #272727;
        color: #f2f2f2;
        font-size: .8em;
    }