.navbar { margin-top: 10px; }
.jumbotron { padding: 20px !important; }
    .jumbotron h1 { margin: 0; padding: 0; font-size: 24px !important; }
    .jumbotron h2 { margin: 0 !important; font-size: 18px; }

.table-header-rotated th.rotate-45 > div { margin: 15px auto; transform: rotate(-90deg); white-space: nowrap; width: 18px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); /* Safari/Chrome */ -moz-transform: rotate(-90deg); /* Firefox */ -o-transform: rotate(-90deg); /* Opera */ -ms-transform: rotate(-90deg); /* IE 9 */ }



.table-header-rotated th.rotate-45 { height: 120px; line-height: 14px; text-align: left; }

.width-40 { width: 40px; margin: 0 auto; }

.table-header-rotated td, .table-header-rotated th { font-size: 12px; padding: 1px !important; font-family: Arial; }
.table-header-rotated input[type=checkbox] { margin: 5px 0; }
.table-header-rotated input[type=text] { font-size: 10px; padding: 1px; margin: 5px 0; }
.table-header-rotated select { margin: 5px 0; font-size: 9px; }

.jcarousel { position: relative; overflow: hidden; width: 1200px; margin: 0 auto; }
    .jcarousel ul { width: 20000em; position: relative; /* Optional, required in this case since it's a <ul> element */ list-style: none; margin: 0; padding: 0; }
    .jcarousel li { /* Required only for block elements like <li>'s */ float: left; width: 1200px; }

.jcarousel-controls { position: absolute; top: 295px; z-index: 10; width: 97%; height: 20px; }
.jcarousel-control { font-size: 22px; cursor: pointer; position: absolute; }
.jcarousel-prev { left: 25px; }
.jcarousel-next { right: 25px; }
.jcarousel-control.inactive { color: #ccc; }

.week-control { font-size: 22px; cursor: pointer; }
    .week-control:hover { text-decoration: none; }

.location-table tr:hover { cursor: pointer; }
    .location-table tr:hover td { background: #ccc !important; }

#footer { margin-top: 50px; }

.hours { padding-top: 10px; width: 620px; margin: 0 auto; }
.hours-box { width: 300px; }
    .hours-box p { font-size: 16px; font-weight: bold; }
    .hours-box label { float: left; width: 75px; }
    .hours-box input { width: 50px; float: left; }
.hours-box { background: #D9EDF7; padding: 10px; float: left; margin-right: 10px; }
.glyphicon.spinning { animation: spin 1s infinite linear; -webkit-animation: spin2 1s infinite linear; }

.saving { opacity: .5; cursor: default; }
#new-stop, #new-row { display: none; }
@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

#display { padding: 0; }
    #display .jumbotron { margin: 0 0 20px 0; }
    #display li { list-style-type: none; padding: 0; }

.right-border { border-right: 2px solid #000 !important; }
.left-border { border-left: 2px solid #000 !important; }


th.info, td.info { background: #EAF3F7 !important; }
th.warning, td.warning { background: #eee !important; }


h1.page-header { margin-top: 0 !important; border-bottom: none; }
.header-row .btn { margin-top: 10px; }
.header-row { border-bottom: 1px solid #ccc; margin-bottom: 25px; }

label.error { margin-top: 5px; color: red; }

.load-sheet-buttons { position: absolute; right: 0; top: 0px; }

.driver-column {
    display: inline-block;
    width: 13%;
    vertical-align: top;
}

#display .driver-column {width:200px;}
#display .driver-column th div {width:200px;}
#display .stop {display:block;padding:5px;}

.stop textarea {
    width: 100%;
}

.stop {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.stop:last-child {border-bottom:1px solid #ccc;}