/* Bootstrap Color Overrides */
.btn {
    -webkit-transition: color 0.35s ease, background-color 0.35s ease;
    -moz-transition: color 0.35s ease, background-color 0.35s ease;
    -o-transition: color 0.35s ease, background-color 0.35s ease;
    transition: color 0.35s ease, background-color 0.35s ease;
}

.btn-success {
    background-color: #329b32;
    border-color: #008200;
}

    .btn-success:hover {
        background-color: #198e19;
    }

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-primary {
        color: #FFF;
        background-color: #198e19;
        border-color: #008200;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #7fc07f;
        border-color: #008200;
    }

.btn-info {
    color: #FFF;
    background-color: #485c6d;
    border-color: #1B3449;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #FFF;
        background-color: #31485b;
        border-color: #1B3449;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #8d99a4;
        border-color: #1B3449;
    }

.btn-warning {
    color: #FFF;
    background-color: #ffb932;
    border-color: #FFA800;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #FFF;
        background-color: #ffb019;
        border-color: #FFA800;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #ffd37f;
        border-color: #FFA800;
    }

.btn-danger {
    color: #FFF;
    background-color: #ff3232;
    border-color: #FF0000;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #FFF;
        background-color: #ff1919;
        border-color: #FF0000;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #ff7f7f;
        border-color: #FF0000;
    }

.bg-success {
    background-color: #AAD3A1;
}

.bg-info {
    background-color: #8d99a4;
    color: #FFF !important;
}

.bg-warning {
    background-color: #FDDFA1;
}

.bg-danger {
    background-color: #FDA9A1;
}

.text-success {
    color: #008200;
}

.text-info {
    color: #1B3449;
}

.text-warning {
    color: #FFA800;
}

.text-danger {
    color: #FF0000;
}

.panel-success > .panel-heading {
    color: #008200;
    background-color: #AAD3A1;
    border-color: #9AC391;
}

.panel-info > .panel-heading {
    color: #FFF;
    background-color: #8d99a4;
    border-color: #adb9c4;
}

.panel-warning > .panel-heading {
    color: #DF8810;
    background-color: #FDDFA1;
    border-color: #DDBF81;
}

.panel-danger > .panel-heading {
    color: #9F0000;
    background-color: #FDA9A1;
    border-color: #DD8981;
}

.alert-success {
    background-color: #AAD3A1;
    border-color: #008200;
    color: #008200;
}

.alert-info {
    background-color: #8d99a4;
    border-color: #1B3449;
    color: #1B3449;
}

.alert-warning {
    background-color: #FDDFA1;
    border-color: #FFA800;
    color: #FFA800;
}

.alert-danger {
    background-color: #FDA9A1;
    border-color: #FF0000;
    color: #FF0000;
}

.bs-callout-primary {
    border-color: #428BCA;
}

.bs-callout-success {
    border-color: #008200;
}

    .bs-callout-success h4 {
        color: #329B32;
    }

.bs-callout-info {
    border-color: #1B3449;
}

    .bs-callout-info h4 {
        color: #485c6d;
    }

.bs-callout-warning {
    border-color: #FFA800;
}

    .bs-callout-warning h4 {
        color: #FFB932;
    }

.bs-callout-danger {
    border-color: #FF0000;
}

    .bs-callout-danger h4 {
        color: #FF3232;
    }

.label-success {
    background-color: #329B32;
}

.label-info {
    background-color: #485c6d;
}

.label-warning {
    background-color: #FFB932;
}

.label-danger {
    background-color: #FF3232;
}

/* Navbar */
.navbar .navbar-brand {
    height: 80px;
}

.m-l-1{
    margin-left: 1rem;
}

.m-r-1{
    margin-right: 1rem;
}

.m-t-1{
    margin-top: 1rem;
}

.m-b-1{
    margin-bottom: 1rem;
}

.m-x-1{
    margin-left: 1rem;
    margin-right: 1rem;
}

.m-y-1{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.m-a-1{
    margin: 1rem;
}

.outline{
    padding: 12px 22px;
    background: none;
}

.sharp{
    border-radius: 0;
}

.dropdown-checkbox-padding{ /*This is a useful class to create padding for checkbox dropdown menus so that they have 
                            spacing on the left which helps make the dropdown feel better spaced */
    padding-left: 10px;
}

.header {
    background-color: #1b3449;
    color: white;
    margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a{
    color: white;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a:focus{
    color: #f2f2f2;
    text-decoration:none;
    background-color: #0e1b25;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default.navbar-nav > li > a:focus {
    cursor: pointer;
    background-color: #2e6da4;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #666;
}

.panel {
    border-color: #bbb;
    padding-bottom: 0;
}

    .panel.summary {
        border-width: 1px 1px 1px 36px;
        border-style: solid;
        min-height: 294px;
    }

.job-status-default {
    border-color: #3F75A2;
}

.img-responsive {
    width: 100%;
    max-width: 125px;
    height: auto;
    display: block;
    margin: 0 auto;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

#job_note {
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 10px 0;
}

a.editable-click:hover {
    color: #1B3449;
    cursor: pointer;
}

.editable-container.editable-inline,
.editable-container.editable-inline .control-group.form-group,
.editable-container.editable-inline .control-group.form-group .editable-input,
.editable-container.editable-inline .control-group.form-group .editable-input textarea,
.editable-container.editable-inline .control-group.form-group .editable-input select,
.editable-container.editable-inline .control-group.form-group .editable-input input:not([type=radio]):not([type=checkbox]):not([type=submit]) {
    width: 100%;
}

a.editable-click {
    border-bottom: none;
    color: #1B3449;
}

        a.editable-click:hover::after {
            content: ' \f040';
            font-family: FontAwesome;
            color: #1B3449;
            font-style: normal;
        }

.editable-submit, .editable-cancel {
    /*padding: 1px 3px;
            font-size: 10px;
            line-height: 1.5;
            border-radius: 2px;*/
}

.editable-submit {
    background-color: #008148;
}

    .editable-submit:hover {
        background-color: #008108;
    }


.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    background-color: #bac2c8;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #bac2c8;
    border: 1px solid rgba(186, 194, 200, 0.3);
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    white-space: normal;
    color: #000;
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #bac2c8;
    }

h3 small {
    font-size: 0.5em;
}

.moreDetails {
    margin-top: 20px;
    background-color: #bbb;
    padding: 20px 0;
    display: none;
}
/*.panel-body{
            padding-bottom:0;
        }*/

.job-status-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-bar{
    background-color: #f2f2f2;
}

.schedule-header{
    color: #1b3449;
    font-weight: bold;
}

.row-schedule{
    padding-top: 1.5em;
    padding-bottom: 0;
    /*background-color: #f2f2f2;*/
}

/*
.affix{
    top: 0;
    z-index:1000;
    
}

.row-schedule.affix{
    width: 1170px;
}
*/

.table-design table {
    border-color: #1b3449;
    border-width: 2px;
}

.table-design td {
    height:33px;
}

.scheduledjobid {
    display: inline-block;
    width: 100%;
    padding: 2px;
    text-align: center;
}

.scheduledjobid input{
    border: none;
    width: 45px;
    cursor: pointer;
}

.removejob{
    display: none;
}

.scheduledjobid:hover + .removejob{
    display:inline;
    position:absolute;
}

.removejob:hover{
    display:inline;
    position:absolute;
}

.overlay-region {
    position: relative;
}

.overlay-update-panel-progress {
    position: absolute;
    top: 0;
    width: 100%;
    height: 95%;
    background-color: #eee;
    color: #000;
    font-size: 3em;
    text-align: center;
    z-index: 100;
    opacity: .8;
}

.row.row-schedule .pin {
    background-color: transparent;
    border: none;
    color: #000;
    cursor: pointer;
    float: right;
    margin-top: 5px;
    opacity: 0.4;
}

.no-margin{
    margin-bottom: 0;
}

    .row.row-schedule .pin:focus {
        outline: none;
    }

.schedule-current-day, 
.full-month-view .datepicker table tr td.today:not(.active) {
    background-image: none;
    background-color: #faf2cc !important;
}

.schedule-non-working-day,
.full-month-view td.disabled-date {
    background-color: #f2cfcf !important;
}

.table-schedule {
    margin-bottom: 0;
}

.row.affix {
    background-color: white;
}

@media (min-width: 375px) {
    .text-center .schedule-nav-btn{
        border-bottom: none;
    }
}

@media (max-width: 1023px) {
    .row.affix {
        width: auto;
        position: static;
    }
        .row .affix ~ .row {
            padding-top: 34vh;
        }
    
}

@media (min-width: 1024px) {
    .row.affix {
        background-color: white;
        border: 1px solid #1b3449;
        border-top: none;
        padding: 15px 0;
        top: 0;
        z-index: 999;
        max-width: 1200px;
        width: auto;
    }

        .row .affix ~ .row {
            padding-top: 28vh;
        }

        .calendar.affix {
            border: none;
            top: auto;
            bottom: 0;
        }
}

.affix-bottom {
    position: absolute;
}

.left-nav-item{
    padding: 0.3em;
    padding-top: 0px;
    padding-bottom: 3px;
}

.ribbon-container{
    position: absolute;
    z-index: 10;
    left: 15px;
    top: 0;       
}

.ribbon-container .left-nav-item{
    background: #3F75A2;
    width: 36px; 
}

.ribbon-container .date-set{
    background-color: #1B3449;
    border-color: #00001a;
}

.ribbon-container button div {
    float: left;
    text-align: left;
}

.ribbon-container .ribbon-abbreviation {
    display: block;
}

.ribbon-container button div a {
    font-size: 1.3em;
}

.ribbon-container button div img {
    height: 24px;
    width: 24px;
}


.ribbon-container .date-ready-to-set{
    background-color: #008148;
    border-color:#00331c;
}

.ribbon-container .date-in-error{
    background-color: #B90B00
}

.ribbon-container .btn a{
    color:white;
}

.ribbon-container .btn a:hover{
    text-decoration: underline;
    border-bottom: none;
    color: white;
}

.ribbon-container .btn a:hover::after{
    color: white;
}

.ribbon-container .left-nav-item {
    border-radius: 0;  
}

.ribbon-container .ribbon-button-container:first-of-type .left-nav-item {
    border-top-left-radius: 4px !important;
}

.ribbon-container .ribbon-button-container:last-of-type .left-nav-item {
    border-bottom-left-radius: 4px;
}

.ribbon-container .left-nav-item:focus, .ribbon-container .left-nav-item:hover{
    width: 300px;
    border-top-right-radius: 4px !important; 
    border-bottom-right-radius: 4px !important;  
    text-align: left;
    z-index: 1000;
}

.ribbon-container .left-nav-item:hover {
    width: auto;
}

.ribbon-container .left-nav-item:hover .row .affix {
    z-index: 999;
}

.left-nav-info{
    display: none;
}

.ribbon-container .btn:focus .left-nav-info, .ribbon-container .btn:hover .left-nav-info{
    display: inline !important;
}

.left-nav-info .popover{
    margin-top: -5px;
}

.left-nav-info .editable::after{
    color: white;
} 

.meld-top{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.meld-bottom{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.schedule-nav-btn {
    border:solid 2px;
    padding: 0 2px 0 2px;
    font-weight: bold;
    height: inherit;
    margin-right: 2px;
    margin-left: 2px;
}

div .details-table tbody tr td{
    padding: 2px;
    border: none;
}

.status-update p {
    margin-right: 20px;
    margin-left: 20px;
}

.nav-search-container {
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
}

.arm-header .nav-buttons {
    width: 40%
}

.arm-header .navbar-right {
    width: 50%;
}

@media (max-width: 992px) { /* SM */
    .arm-header .nav-buttons {
        width: 45%;
    }

    .arm-header .nav-search {
        width: 50%;
    }

    .arm-header .nav-search-container {
        padding-right: 4px;
    }
}

@media (max-width: 767px) { /* XS */
    .arm-header .nav-buttons {
        width: 95%;
    }

    .arm-header .nav-search {
        width: 100%;
    }

    .arm-header .nav-search-container {
        padding-right: 0;
    }
}

.calendar .schedule-nav-btn.backward {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.calendar .schedule-nav-btn.forward {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.job-number {
    width: 64px;
}

.lot-number {
    width: 48px;
}

.table .note-flag, .table .permit-flag, .table .tearout-flag {
    padding-left: 4px;
    padding-right: 4px;
    width: 20px;
    text-align: center;
}

.table .job-row td {
    padding-bottom: 1px;
    padding-top: 1px;
}

.table .job-row .note-flag,
.table .job-row .permit-flag,
.table .job-row .tearout-flag {
    color: #aaa;
}

    .job-row .tearout-flag span {
        cursor: pointer;
    }

    .job-row .important-flag.flagged {
        color: #31708f;
    }

    .job-row .note-flag.flagged {
        color: #f90;
    }

    .job-row .permit-flag.flagged {
        color: #3c763d;
    }

    .job-row .tearout-flag.flagged {
        color: #777;
    }

.job-row .tearout-flag-old {
    font-size: 0.75em;
}

.truncated {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sold-by .truncated {
    max-width: 80px;
}

.lot-number .truncated {
   max-width: 50px;
}

.job-name .truncated {
    max-width: 115px;
}

.stm-select .truncated, .install .truncated {
    max-width: 78px;
}

.stm-select .fa::before {
    padding-right: 3px;
    font-style: normal;
}

.style .truncated {
    max-width: 64px;
}

.received-layout .truncated {
    max-width:90px;
}

.current-jobs .editable {
    border-bottom: 1px dashed transparent;
}

    .current-jobs .editable:hover {
        border-bottom: 1px dashed #08c;
    }

.current-jobs .editable::after {
    content: '';
}

    .current-jobs .editable:hover::after {
        content: '';
    }

.current-jobs .job-name .control-group.form-group .editable-input,
.current-jobs .job-name .control-group.form-group .form-control,
.current-jobs .sold-by .control-group.form-group .editable-input,
.current-jobs .sold-by .control-group.form-group .form-control,
.current-jobs .lot-number .control-group.form-group .editable-input,
.current-jobs .lot-number .control-group.form-group .form-control,
.current-jobs .install .control-group.form-group .editable-input,
.current-jobs .install .control-group.form-group .form-control,
.current-jobs .style .control-group.form-group .editable-input,
.current-jobs .style .control-group.form-group .form-control,
.current-jobs .stm-select .control-group.form-group .editable-input,
.current-jobs .stm-select .control-group.form-group .form-control {
    width: auto;
}

.current-jobs .job-name .control-group.form-group,
.current-jobs .sold-by .control-group.form-group,
.current-jobs .lot-number .control-group.form-group,
.current-jobs .install .control-group.form-group,
.current-jobs .style .control-group.form-group,
.current-jobs .stm-select .control-group.form-group {
    padding-right: 0;
}

.current-jobs-search input.form-control {
    border-bottom-left-radius: 0;
}

.current-jobs-search a.btn {
    border-bottom-right-radius: 0;
}

.current-jobs th.sort:after {
    font-family: FontAwesome;
    padding-left: 2px;
}

.current-jobs td.style, .current-jobs th.style {
    max-width: 72px;
}

.current-jobs th.sort-asc:after {
    content: '\f0d8';
}

.current-jobs th.sort-desc:after {
    content: '\f0d7';
}

.current-jobs.table, .current-jobs th, .current-jobs td, .current-jobs tr {
    border-color: #ccc;
}

.current-jobs.table th.shop-start {
    min-width: 96px;
}

.current-jobs.table .glyphicon-user:before {
    padding-right: 2px;
}

.current-jobs.table a.shop-complete:not(.editable-empty)::before {
    content: "Completed: ";
    color: black;
    background-color: white;
}

.current-jobs.table th.job-number {
    min-width: 36px;
}

.current-jobs.table {
    border-top: solid 1px #ccc !important;
}

.current-jobs td.sold-by .editable, .current-jobs td.job-name .editable, .current-jobs td.style .editable {
    padding-top: 2px;
}

.disabled-assignee{
    color:lightgrey !important;
}

.enabled-assignee{
    color: black !important;
}

.folders-block { 
    margin-bottom: 10px;
}

.jobfiles-block .glyphicon{
    margin-right: 5px;
}

a.bg-success {
    background-color: green;
    color: white;
}

a.bg-warning {
    background-color: orange;
    color: black;
}

a.bg-danger {
    background-color: red;
    color: white;
}

.current-jobs .build-complexity::after,
.current-jobs .build-complexity:hover::after {
    content: " day build";
    color: black;
}

.current-jobs a.build-complexity.calculated-job-fabricated,
.current-jobs a.build-complexity.calculated-job-fabricated::after {
    color: #777;
    font-style: italic;
}

.row-schedule .calendar {
    /* we need this to float above the top navbar for phones... navbar sits at 200 */
    z-index: 205;
}

@media(min-width: 1200px) {
    .row-schedule .calendar:first-child {
        padding-left: 0;
    }

    .row-schedule .calendar:last-child {
        padding-right: 0;
    }
}

@media(min-width: 1400px) {
    .row-schedule .calendar {
        width: 1400px;
        max-width: 1400px;
        margin-left: -115px;
    }
}

.calendar .datepicker, .calendar .datepicker .table-condensed {
    min-height: 146px;
    width: 192px;
    font-size: 8px;
}

.job-details .job-style .control-group.form-group,
.job-details .details-table .control-group.form-group,
.current-jobs .date-select .control-group.form-group,
.ribbon-container .ribbon-button-container .control-group.form-group,
.permits-card .tracking-section .tracking .control-group.form-group {
    padding: 0;
}

    .job-details .details-table .who-sent-to .control-group.form-group .editable-input,
    .job-details .details-table .who-sent-to .control-group.form-group .form-control,
    .job-details .details-table .who-fabricated .control-group.form-group .editable-input,
    .job-details .details-table .who-fabricated .control-group.form-group .form-control,
    .job-details .details-table .installer .control-group.form-group .editable-input,
    .job-details .details-table .installer .control-group.form-group .form-control,
    .job-details .job-style .control-group.form-group .form-control,
    .job-details .job-style .control-group.form-group .editable-input,
    .permits-card .tracking-section .tracking .control-group.form-group .form-control,
    .permits-card .tracking-section .tracking .control-group.form-group .editable-input {
        width: auto;
    }

.job-details .details-table .editable-clear,
.current-jobs .date-select .editable-clear,
.ribbon-container .ribbon-button-container .editable-clear,
.permits-card .tracking-section .tracking .date-select .editable-clear {
    text-align: left;
}

.job-details .details-table .date-select .editable-buttons,
.current-jobs .date-select .editable-buttons,
.ribbon-container .ribbon-button-container .editable-buttons,
.permits-card .tracking-section .tracking .date-select .editable-buttons {
    text-align: right;
    margin-top: -15px;
}

.ribbon-container .ribbon-button-container .editable-buttons {
    float: right;
}

.week-schedule {
    padding: 0;
    overflow-x: scroll;
}

@media (max-device-width: 480px) {
    /* The device can get so small that we need the table to overflow and scroll, this forces that to happen */
    .week-schedule {
        max-width: 85vw;
    }
}

.calendar .week-schedule .bg-danger:hover,
.calendar .week-schedule .bg-warning:hover,
.calendar .week-schedule .bg-success:hover {
    color: black;
}

.calendar .week-schedule .job-cell + .job-cell {
    margin-top: 1px;
}

.current-jobs .tearout-flag .fa-btn:hover {
    color: #49A9C3;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.schedule-overlay.collapsing {
    width: 0;
    -webkit-transition-property: width, visibility;
    -o-transition-property: width, visibility;
    transition-property: width, visibility;
}

#accordion {
    position: fixed;
    bottom: 0;
    width: 100%;
    right: 0; /* trick to center the calendar */
    left: 0;
    margin: auto;
}

.calendar .panel {
    border: transparent none 0;
    margin-bottom: 0;
    background: #f5f5f5c2;
}

.calendar .panel-heading {
    padding: 0;
    /*border-top-left-radius: 0px;
    border-top-right-radius: 0px;*/
}

.calendar .panel-collapse {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    border-top-left-radius: 3px;
    background-color: #f5f5f5;
}

.calendar .panel-collapse-btn {
    padding-left: 4px;
    padding-right: 4px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: -1px;
    border-bottom: 1px #f5f5f5 solid;
    background-color: #f5f5f5;
}

.calendar .panel-collapse-btn:hover {
    background-color: #ccc;
    cursor: pointer; 
}

.calendar .panel-collapse .panel-body {
    padding: 8px 15px;
}

.calendar .panel-heading {
    border: none;
    background: transparent;
}

table.current-jobs thead tr th {
    position: sticky !important;
    top: 52px;
    background: white !important;
    z-index: 100;
}

.header.navbar {
    position: sticky;
    top: 0px;
    z-index: 200;
}

/* makes the transition less jarring since we have two elements animating */
.btn.toggleAdvancedSearch.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.dropdown-menu:not(.datepicker-dropdown) {
    background-color: #1b3449;
}

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

    .dropdown-menu > li > a:hover {
        background-color: #2e6da4;
    }

.shift-left-hack {
    width: 1350px;
    margin-left: -100px;
}

.armstrong-logo-menu a {
    width: 34px;
}

.schedule-overlay .calendar {
    max-height: 85vh;
}

.schedule-overlay .calendar .panel-collapse-btn {
    font-size: 1.5em;
    padding: 5px 15px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}

.schedule-overlay .calendar .panel-collapse-btn img {
    height: 30px;
}

.d-flex {
    display: flex;
}

.calendar .d-flex .schedule-data {
    flex-grow: 1;
}

.calendar .d-flex .schedule-arrow a {
    height: 100%;
    margin-left: 0;
    margin-right: 0;
}

.calendar .d-flex .schedule-arrow i {
    position: relative;
    top: 45%;
}

.scheduledjobid .schedule-type img {
    display: inline;
}

.scheduledjobid .schedule-type span {
    display: inline-block;
    white-space: nowrap;
}

.scheduledjobid .job-number-label {
    display: block;
    white-space: nowrap;
}

h3 {
    font-weight: 700;
}

.job-details-link {
    display: inline-block;
    font-size: 29px;
}
.status-message {
    display: inline-block;
}

.address-header {
    font-weight: 700;
    margin-bottom: 3px;
}
.repairs {
    font-weight:700;
    margin: 5px 0;
}

@media (max-width: 1199px) {
    /* This effectively adds the same css as table-responsive but only does it below 1199px.
        That's because adding table-responsive will make the table lose the sticky th, which Jim really wants,
        but on mobile, we're currently losing that right now anyway because the navbar starts to wrap to two lines 
        which looses the sticky th anyway so this is a good tradeoff for now
    */
    #currentJobs .table-wrapper {
        min-height: 0.01%;
        overflow-x: auto;
    }
}

tr.strikeout {
    text-decoration: line-through;
}

#currentJobs .dataTables_filter label::before {
    content: "Quick Jobs Filter \f002";
    font-family: FontAwesome;
    font-size: 22px;
    color: #1B3449;
}

#currentJobs .dataTables_filter input {
    margin-top: -6px;
}