﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    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 {
    max-width: 280px;
}

.modalBackground {
    background-color: Gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.locations.dropdown-menu > li.locationElement {
            padding-left:30px;
}
    .locations.dropdown-menu > li.locationElement > a {
        padding-left: 10px;
        margin-left:-30px;
    }
            
        .locations.dropdown-menu > li.locationElement > a .currentMark {
            margin-right:0px;
            background-color:#f0f0f0;
            position:relative;
            top:0px;
            padding-top:5px;
            padding-bottom:5px;
            left:-8px;
            padding-left:8px;
            padding-right:8px;
            border-right:solid 1px #c0c0c0;
        }
            .locations.dropdown-menu > li.locationElement > a .currentMark .fa {
                visibility:hidden;
            }

    .locations.dropdown-menu > li.locationElement.current > a .currentMark .fa {
        visibility: visible;
    }

.taskForToday.arrivalcomplete .arrivalPanel, .taskForToday.departurecomplete .departurePanel {
    background-color:darkgreen;
    color:white;
}
span.bell {
    display: none;
}

li.warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #e38d13;
}

.navbar-inverse .navbar-nav > li.warning > a {
    color: white;
}

.navbar-inverse .navbar-nav > li.warning:hover,
.navbar-inverse .navbar-nav > li.warning:focus {
    background-color: #eb9316;
    background-position: 0 -15px;
}

.navbar-inverse .navbar-nav > li.warning:active,
.navbar-inverse .navbar-nav > li.warning.active {
    background-color: #eb9316;
    border-color: #e38d13;
}

.navbar-inverse .navbar-nav > li.warning span.bell {
    display: initial;
}

/*tr.cancelled td {
    text-decoration:line-through;
}*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}
