﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /*padding-top: 50px;
    padding-bottom: 20px;*/
}


/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}



/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {

}

table {
    padding: 10px;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.sidenav {
    height: 100%; /* Full-height: remove this if you want "auto" height */
    width: 115px; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #0e769d; /* Black */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 20px;
    margin-top: 100px;
}

    /* The navigation menu links */
    .sidenav a {
        /*padding: 6px 8px 6px 16px;*/
        text-decoration: none;
        font-size: medium;
        color: white;
        display: block;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin-left: 15px;
    }

        /* When you mouse over the navigation links, change their color */
        .sidenav a:hover {
            color: #f1f1f1;
        }

.main {
    margin-left: 120px; /* Same as the width of the sidebar */
    padding: 0px 10px;
    margin-top: 120px;
}

table {
    padding: 20px;
    background-color: #FFFFFF;
    /*text-align: center;*/
    border-collapse: collapse;
}

td, th {
    border: 0px solid #AAAAAA;
    padding: 10px 10px;
}

.Topper {
    height: 100px;
    /*margin-bottom: 80%;*/
    background-color: #0e769d;
    margin-top: 0px;
    padding-top: 0px;
    /*position:fixed;*/
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

    .Topper img {
        height: 70px;
        width: 250px;
        margin-top: 10px;
        margin-left: 15px;
    }

    .Topper ul {
        margin-right: 10px;
        font-size: medium;
        margin-top: 25px;
    }

    .Topper li a {
        color: white;
    }
.auto-style1 {
    width: 373px;
    height: 100px;
}

.auto-style2 {
    height: 150px;
    width: 375px;
}
.smalltraffic {
    Height: 75px;
    Width: 45px;
}

#Centred {
    position: absolute;
    width: 500px;
    height: 200px;
    z-index: 15;
    top: 40%;
    left: 40%;
    margin: -250px 0 0 -0px;
}

.checkbox-main-block {
    width: 95.5%;    
    justify-content: end;
    margin-bottom: 10px;        
    display:none;
}

.checkbox-select-main {
    display: flex;
    align-items: end;    
}


.checkbox-main-block.checkbox-survey-sizer {
    width: 97%;
    margin-left: 6px;
}

#MainContent_gvadminwq {
    width: 100%;
}

#MainContent_GridView1 {
    width: 100%;
}