/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    background: url(https://www.sdccd.edu/offline/IHRPD/images/login-background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 200px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 1.5;
}

.dropdown .dropdown-menu::before {
    text-align: center;
}

.panel-default {
    opacity: 0.9;
    margin-top: 150px;
    color: #009999
}

.form-group.last {
    margin-bottom: 0px;
}

#wrap {
    min-height: 100%;
}
#main {
    overflow: hidden;
    padding-bottom: 30px;
    /* this needs to be bigger than footer height*/
}
#topbar {
    background-color: #009999;
    width: 100%;
}
.modal-header {
    background-color: #009999;
    color: #fff;
}
.footer {
    background-color: #000000;
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;
    /* Set the fixed height of the footer here */

    height: 100px;
}

/* Temporary CSS to hide emergency and alert messages */

#emergency {
	border-color:red; 
	border-width: thick;
	display:none;
}

#emergency * {
	color: black;
}

#system-alert {
	border-color: orange; 
	border-width: thick;
	display:none;
}

#system-alert * {
	color: black;
}