@font-face {
    font-family: OSU;
    src:
        url('../fonts/okstateu/OkStateU.eot?') format('eot'),
        url('../fonts/okstateu/OkStateU.woff') format('woff'),
        url('../fonts/okstateu/OkStateU.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

#footer {
    /*position: absolute;*/
    /*bottom: 0;*/
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body {
    padding-top: 50px;
    padding-bottom: 50px;
    background: url('/asset/backdrop') fixed #ebebeb;
}

body > .container {
    padding: 60px 15px 0;
}

.container .text-muted {
    margin: 20px 0;
}

#footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.bg-image {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/images/background.jpg) no-repeat;
    background-size: cover;
    background-position-y: 66%;
    z-index: -1;
}

.navbar, #footer {
    opacity: .9;
}

.main-container {
    opacity: 1;
}

.navbar {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.navbar-top {
    height: 100px;
    position: relative;
}

.navbar-top h1 {
    float: left;
    margin: 26px 0 30px;
    text-decoration: underline;
    font-family: OSU;
    font-weight: bold;
    font-size: 40px;
    cursor: pointer;
}

.navbar-brand {
    font-family: OSU;
}

.navbar-header {
    position: relative;
}

.navbar-collapse .navbar-nav {
    position: relative;
    transition: left 400ms ease-out 100ms;
    left: 0;
}

.navbar-osu {
	background-color: #ff9900;
	border-color: #ff6600;
}
.navbar-osu .navbar-brand {
	color: #000000;
}
.navbar-osu .navbar-brand:hover, .navbar-osu .navbar-brand:focus {
	color: #ffffff;
}
.navbar-osu .navbar-text {
	color: #000000;
}
.navbar-osu .navbar-nav > li > a {
	color: #000000;
}
.navbar-osu .navbar-nav > li > a:hover, .navbar-osu .navbar-nav > li > a:focus {
	color: #ffffff;
}
.navbar-osu .navbar-nav > .active > a, .navbar-osu .navbar-nav > .active > a:hover, .navbar-osu .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #ff6600;
}
.navbar-osu .navbar-nav > .open > a, .navbar-osu .navbar-nav > .open > a:hover, .navbar-osu .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #ff6600;
}
.navbar-osu .navbar-toggle {
	border-color: #ff6600;
}
.navbar-osu .navbar-toggle:hover, .navbar-osu .navbar-toggle:focus {
	background-color: #ff6600;
}
.navbar-osu .navbar-toggle .icon-bar {
	background-color: #000000;
}
.navbar-osu .navbar-collapse,
.navbar-osu .navbar-form {
	border-color: #000000;
}
.navbar-osu .navbar-link {
	color: #000000;
}
.navbar-osu .navbar-link:hover {
	color: #ffffff;
}

@media (max-width: 767px) {
	.navbar-osu .navbar-nav .open .dropdown-menu > li > a {
		color: #000000;
	}
	.navbar-osu .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-osu .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
	}
	.navbar-osu .navbar-nav .open .dropdown-menu > .active > a, .navbar-osu .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-osu .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ffffff;
		background-color: #ff6600;
	}
}

.panel-dark, .well.dark {
    border-color: #222;
}

.panel-dark>.panel-heading, .well.dark, .dropdown-menu.dark {
    background-image: -webkit-linear-gradient(top, #3c3c3c 0, #222 100%);
    background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
}

.badge.badge-red {
    background-color: #c72026;
}

.dropdown-menu.dark>li>a {
    color: #fff;
}

.dropdown-menu.dark>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #666;
    background-image: -moz-linear-gradient(top, #666, #2f2f2f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#2f2f2f));
    background-image: -webkit-linear-gradient(top, #666, #2f2f2f);
    background-image: -o-linear-gradient(top, #666, #2f2f2f);
    background-image: linear-gradient(to bottom, #666, #2f2f2f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff990066', endColorstr='#ff2f2f2f', GradientType=0)
}

.accordion-group {
    overflow: hidden;
}

/* To prevent tooltip on calendar page from
   starting in incorrect position then jumping
   to correct position. */
.pull-left .tooltip {
    visibility: hidden;
}

.pull-left .tooltip[style] {
    visibility: visible;
}

@media only screen and (max-width: 1499px) {
    .navbar-top .top-logo {
        width: 27px;
        left: -47px;
        background-size: cover;
    }
}

@media only screen and (max-width: 1024px) {
    .navbar-top h1 {
        font-size: 27px;
        line-height: 40px;
        margin: 30px 0;
    }

    .navbar-top .nav li > a {
        padding: 1em 0.8em;
    }

    .navbar-top .top-logo {
        left: -35px;
    }

    .navbar-brand {
        left: -18px;
    }
}

@media screen and (max-width: 800px) {
    .bg-image {
        background-position-x: 66%;
    }

    .navbar-top h1 {
        margin: 22px 0 0;
        line-height: normal;
    }

    .navbar-top ul.nav {
        margin: 0;
    }

    .navbar-top .nav li > a {
        padding: 0.5em;
    }
}

@media screen and (max-width: 768px) {
    .navbar-top .top-logo {
        left: -15px;
    }

    .navbar-top h1 {
        position: relative;
        left: 15px;
    }

    .navbar-brand {
        left: 0;
    }

    .navbar-collapse .navbar-nav.shifted {
        left: 20px;
    }
}

.avatar-image{border-radius:3px}
.avatar-image-sm{width: 19px; height: 19px;}
.avatar-image-md{width: 34px; height: 34px;}
.avatar-image-backdrop{background-color:#d6d6d6;border:1px solid #c7c7c7;cursor:default;display:block;height:85px;overflow:hidden;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;z-index:0;width:85px}
.avatar-image-backdrop .avatar-image-image{background-size:85px 85px;border-radius:3px;display:block;height:85px;left:0;top:0;width:85px;z-index:2}
.avatar-image-backdrop .avatar-image-initials{display:block;font-size:36px;font-weight:bold;text-align:center;left:0;line-height:85px;overflow:hidden;position:absolute;top:0;height:85px;width:85px;z-index:1}
.avatar-image-backdrop .change-text{background:rgba(0,0,0,0.5);bottom:0;color:#fff;display:none;font-weight:bold;height:30px;left:0;line-height:30px;position:absolute;right:0;text-align:center;width:100%;z-index:3}
.avatar-image-backdrop.ed{cursor:pointer}
.avatar-image-backdrop.ed:hover .change-text{display:block;text-decoration:underline}
.ipad .avatar-image-backdrop.ed:hover .change-av-text,.iphone .avatar-image-backdrop.ed:hover .change-av-text,.ipod .avatar-image-backdrop.ed:hover .change-av-text,.android .avatar-image-backdrop.ed:hover .change-av-text{display:none}

/* Pretty file inputs
/* http://www.abeautifulsite.net/blog/2013/08/whipping-file-inputs-into-shape-with-bootstrap-3/
-------------------------------------------------- */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.brand-logo {
    display: block;
    margin: 5px auto;
    max-width: 250px;
}

.site-footer {
    position: relative;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 12px;
    line-height: 1.5;
    color: #777;
    border-top: 1px solid #eee;
    text-align: center;
}