.navbar .brand {
    font-size: 25px;
    font-weight: 200;
}
.navbar a#current-user-link {
    text-transform: none;
}
.navbar a[data-toggle="collapse"] {
    cursor: pointer;
    margin: 5px;
}
.navbar .in.collapse li {
    width: 100%;
}

.navbar .tabs {
    display: inline-block;
}

.geocodelabel {
    color: #888888;
    margin-bottom: 0px;
}

.show-help {
    display: none
}

.job-state-draft, .order-state-draft, .asset-state-draft { color: gray; background: white }
.job-state-draft-template { color: gray; background: white }
.job-state-published, .job-state-unassigned, .order-state-published, .asset-state-preparation, .asset-state-repair { background: #e4eff7 }
.job-state-assigned { background: #f4f4f4; border: 2px dashed #aaa }
.job-state-inactive, .job-state-accepted, .job-state-scheduled, .order-state-scheduled, .asset-state-reserved { background: #f4f4f4 }
.job-state-in_transit, .job-state-on_station, .asset-state-provisioning { background: #eaeac9 }
.job-state-started, .order-state-active, .asset-state-in_use { background: #f3f3d1 }
.job-state-paused, .job-state-day_finished, .asset-state-unprovisioning { background: #dadabe }
.job-state-finished, .order-state-delivered, .asset-state-available { background: #daebcf }
.job-state-canceled, .job-state-declined, .order-state-canceled, .asset-state-out_of_order { background: #ebdacf }
.job-state-closed, .order-state-inactive, .asset-state-discarded { color: gray; background: #e4e4e4 }
.job-state-late, .order-state-late { color: #b94a48; font-weight: bold }
.job-state-error { 	color: #b94a48; background: #f2dede; }
.job-title, .report-title { font-size: 14px }
.clickable { cursor: pointer }

.icon-gray {
    background-image: url("/static/img/glyphicons-halflings-gray.png");
}

.icon-red {
    background-image: url("/static/img/glyphicons-halflings-red.png");
}

label {
    width: calc(100% - 14px) !important;
    text-align: left !important;
    color: #000000 !important;
}

.error label {
    color: #b94a48 !important;
}

input {
    background-color: transparent !important;
    width: calc(100% - 14px) !important;
    height: 30px !important;
    border-color: #000000 !important;
    color: #000000 !important;
    border-radius: 10px !important;
}

.error input {
    border-color: #b94a48 !important;
}

.controls {
    margin-left: 0px !important;
}

.help-block {
    margin-top: 0px !important;
}

.double-input {
    display: grid;
}

@media only screen and (min-width: 768px) {
    .double-input {
        width: calc(100% - 10px);
        grid-template-columns: 50% 50%;
        column-gap: 10px;
    }
}

textarea {
    background-color: transparent !important;
    border-radius: 10px !important;
    resize: none;
    border-color: #000000 !important;
    color: #000000 !important;
    width: calc(100% - 14px);
    overflow: hidden;
    height: 30px;
    padding-top: 8px;
    padding-bottom: 0px;
}

.error textarea {
    border-color: #b94a48 !important;
}

.double-input textarea {
    width: calc(100% - 14px);
}

hr {
    color: #000000;
    border-top: 1px solid #000000;
    border-bottom: 0px;
}

input:focus, textarea:focus, button:focus {
    outline: none !important;
}

button {
    background-color: transparent !important;
    display: block;
    margin: auto;
    color:#000000;
    border: 1px solid #000000;
    border-radius: 10px;
    font-size: 20px;
    height: 50px;
    width: 100px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.control-group {
    margin-bottom: 0px !important;
}

a:hover{
    text-decoration: none;
}

form {
    margin-bottom: 0px;
}

h1 {
    font-weight: normal;
    font-size: 30px;
}

#content {
    width: calc(100% - 20px);
    margin: auto;
}

body {
    background-color: transparent !important;
}

.page {
    max-width: 1000px;
    min-width: 355px;
    width: 100% !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 0px #000000 inset;
    transition: background-color 5000s ease-in-out 0s;
}