#page header h1 {

    float: left;

}



#page header h2 {

position: absolute;

    right: 50px;

    top: 15px;

}



.logout {

    margin-top: 15px;

}



#page header {

border-bottom:none;

background: #4394e7;

margin-bottom: 30px;

}



.dashboard ul li, .dashboard ul li a {

color:#404040;

}



.circle {

color: #4394e7 !important;

}



.tbl-head2 th {

    background: #4394e7;

}

.head-bg {

background: #4394e7;

}



.profilepic {

    width: auto !Important;

    height:auto !Important;

    overflow: auto !Important;

    padding: 10px;

    margin-bottom: 15px;

    border: 6px solid #ddd;

}



.profilepic img {

    max-width: 100%;

    max-height: 100%;

    width: 100%;

    height: auto;

    border: none !important;

}



nav li a {

    color: #404040;

    

}

.tbl .links {

color: #000;

}



input[type="submit"], .button {

background:#4394e7 !important;

border:none;

}

input[type="submit"]:hover, .button:hover,

input[type="submit"]:focus, .button:focus {

background:#1c7adb !important;

border:none;

}



body {

	background-color:#f8f8f8;

}



#page {

	background-image:none;

}



#main {

	border-top:none;

}
.sitenote {
    color: white;
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    width: 500px;
    margin: 0 auto;
    text-align: center;
}
@media only screen and (max-width: 1200px) {
    .sitenote {
        display: none;
    }
}
@media only screen and (max-width:767px) {
    #page header {
        padding: 15px 0;
    }
    #sidebar {
    width: 100%;
    float: none;
    }
    
    #content {
        width: 100%;
        float: none;
        overflow: auto;
    }
    input.col4, select.col4, textarea.col4 {
        width: 100% !important;
    }
}
@media only screen and (max-width: 479px) {
    #page header h1 {
        float: none;
        width: 100%;
    }
    #page header h2 {
    position: static;
    margin-top: 15px;
    }
    .dashboard > li {
        margin-bottom: 20px;
    }
}