/* this is custom style sheet*/

html
{
    height: 100%;
}
body
{
    height: 600px;
    background-image: url("../images/bg-image.jpg");
}

#background {

    margin: 0;
    width: 100%;
    height: 100%;


}

/* Large desktops and laptops */
/*====================================================================================================================*/
@media (min-width: 1200px)
{

    #header_top
    {

        /*height: 5px;*/
        /*background: #395C82;*/
        /*background: #00ff00;*/
    }

    #main_header
    {
        margin-bottom: 0;
    }

    #main_heading
    {
        color: #000000;
        margin-bottom: 5px;
    }


    #main_heading h1
    {
        font-size: 1.6em; font-weight: bold; text-align: center; margin-top: 40px; margin-bottom: 5px; color: #00923F;text-transform: uppercase;
    }

    #gop_logo img
    {
        float: right;
    }
    #cm_logo img
    {
        float: right;
    }

    #main_heading h3
    {
        font-size: 1.6em; text-align: center; margin-top: 5px; margin-bottom: 5px; color: #158CBA;
    }

    #content
    {
        margin: 0 10px;
        height: 100%;
    }

    #div_for_map,#div_for_map1

    {
        height: 800px;
        /*height: 100%;*/
    }

    #leftPanel1
    {
        height:979px;
        overflow-y: auto;
    }

    #leftPanel2
    {
        height:800px;
        overflow-y: auto;
    }

    #rightPanel1,#rightPanel2
    {
        height:800px;
        overflow-y: auto;
    }


    #left_barChart,#right_barChart
    {
        height:180px;
    }

    .remove_row_margin
    {
        margin-left: -25px;
        margin-right: -25px;
    }

    .remove_right_padding
    {
        padding-right: 0;
    }

    .remove_left_padding
    {
        padding-left: 0;
    }

}

/* Portrait tablets and medium desktops */
/*====================================================================================================================*/
@media (min-width: 992px) and (max-width: 1199px)
{

    #header_top
    {
        /*height: 5px;*/
        /*background: #395C82;*/
        /*background: #00ff00;*/
    }

    #main_header
    {
        margin-bottom: 5px;
    }

    #main_heading
    {
        color: #000000;
    }


    #main_heading h1
    {
        /*font-size: 1.5em; font-weight: bold; text-align: center; margin-top: 5px; margin-bottom: 5px; color: #ff0000;*/
        font-size: 1.5em; font-weight: bold; text-align: center; margin-top: 40px; margin-bottom: 20px; color: #00923F;text-transform: uppercase;
    }
    #gop_logo img
    {
        float: right;
    }

    #cm_logo img
    {
        float: right;
    }

    #main_heading h3
    {
        font-size: 1.5em; text-align: center; margin-top: 5px; margin-bottom: 5px; color: #158CBA;
    }

    #content
    {
        margin: 0 10px;
        height: 100%;
    }

    #div_for_map,#div_for_map1
    {
        height: 800px;
        /*height: 100%;*/
    }

    #leftPanel1
    {
        height:6840px;
        overflow-y: auto;
    }

    #leftPanel2
    {
        height:220px;
        overflow-y: auto;
    }

    #rightPanel1,#rightPanel2
    {
        height:800px;
        overflow-y: auto;
    }

    #left_barChart,#right_barChart
    {
        height:230px;
    }

    .remove_row_margin
    {
        margin-left: -25px;
        margin-right: -25px;
    }

    .remove_right_padding
    {
        padding-right: 0;
    }

    .remove_left_padding
    {
        padding-left: 0;
    }


}


/* Portrait tablets and small desktops */
/*====================================================================================================================*/
@media (min-width: 768px) and (max-width: 991px)
{

    #header_top
    {
        /*height: 5px;*/
        /*background: #395C82;*/
        /*background: #00ff00;*/
    }

    #main_header
    {
        margin-bottom: 5px;
    }

    #main_heading
    {
        color: #000000;
    }


    #main_heading h1
    {
        /*font-size: 1.4em; font-weight: bold; text-align: center; margin-top: 5px; margin-bottom: 5px; color: #00ff00;*/
        font-size: 1.4em; font-weight: bold; text-align: center; margin-top: 40px; margin-bottom: 20px; color: #00923F;text-transform: uppercase;
    }

    #gop_logo
    {
        text-align: center;
    }

    #cm_logo
    {
        text-align: center;
    }

    #main_heading h3
    {
        font-size: 1.4em; text-align: center; margin-top: 5px; margin-bottom: 5px; color: #158CBA;
    }

    #content
    {
        margin: 0 10px;
        height: 100%;
    }

    #div_for_map,#div_for_map1
    {
        height: 800px;
        /*height: 100%;*/
    }

    #leftPanel1,#leftPanel2
    {
        height:800px;
        overflow-y: auto;
    }

    #rightPanel1,#rightPanel2
    {
        height:350px;
        overflow-y: auto;
    }

    #left_barChart,#right_barChart
    {
        background: #00ff00;
        height:800px;
    }


    .remove_row_margin
    {
        margin-left: -25px;
        margin-right: -25px;
    }


}


/* Landscape phones and portrait tablets */
/*====================================================================================================================*/
@media (max-width: 767px)
{

    #header_top
    {
        /*height: 5px;*/
        /*background: #395C82;*/
        /*background: #00ff00;*/
    }

    #main_header
    {
        margin-bottom: 5px;
    }

    #main_heading
    {
        color: #000000;
    }


    #main_heading h1
    {
        font-size: 1.3em; font-weight: bold; text-align: center; margin-top: 40px; margin-bottom: 20px; color: #00923F;text-transform: uppercase;
    }

    #gop_logo
    {
        text-align: center;
    }

    #cm_logo
    {
        text-align: center;
    }

    #main_heading h3
    {
        font-size: 1.3em; text-align: center; margin-top: 5px; margin-bottom: 5px; color: #158CBA;
    }

    #content
    {
        margin: 0 10px;
        height: 100%;
    }

    #div_for_map,#div_for_map1
    {
        height: 600px;
        /*height: 100%;*/
    }

    #leftPanel1,#leftPanel2
    {
        height:220px;
        overflow-y: auto;
    }

    #rightPanel1,#rightPanel2
    {
        height:250px;
        overflow-y: auto;
    }

    #left_barChart,#right_barChart
    {
        background: #0000ff;
        height: 300px;
    }


    .remove_row_margin
    {
        margin-left: -25px;
        margin-right: -25px;
    }


}


/* Landscape phones and smaller */
/*====================================================================================================================*/

@media (max-width: 480px)
{

    #header_top
    {
        /*height: 5px;*/
        /*background: #395C82;*/
        /*background: #00ff00;*/
    }

    #main_header
    {
        margin-bottom: 5px;
    }

    #main_heading
    {
        color: #000000;
    }


    #main_heading h1
    {
        font-size: 1.2em; font-weight: bold; text-align: center; margin-top: 40px; margin-bottom: 20px; color: #00923F;text-transform: uppercase;
    }

    #gop_logo
    {
        text-align: center;
    }

    #cm_logo
    {
        text-align: center;
    }

    #main_heading h3
    {
        font-size: 1.2em; text-align: center; margin-top: 5px; margin-bottom: 5px; color: #158CBA;
    }

    #content
    {
        margin: 0 10px;
        height: 100%;
    }

    #div_for_map,#div_for_map1
    {
        height: 400px;
        /*height: 100%;*/
    }

    #leftPanel1,#leftPanel2
    {
        height:220px;
        overflow-y: auto;
    }

    #rightPanel1,#rightPanel2
    {
        height:250px;
        overflow-y: auto;
    }

    #left_barChart,#right_barChart
    {
        background: #ff0000;
        height: 300px;
    }

}

#dept_pic tr:first-child th:first-child {
    background-color: #475e9b;
    color: #ffffff;
}
#consult_pic tr:first-child th:first-child {
    background-color: #475e9b;
    color: #ffffff;
}
#engr_pic tr:first-child th:first-child {
    background-color: #475e9b;
    color: #ffffff;
}
#vist_pic tr:first-child th:first-child {
    background-color: #475e9b;
    color: #ffffff;
}