html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 14px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

datalist {
    display: none;
}

.showOpt {
    display: block;

    visibility: visible;
}

.hideOpt {
    display: none;
    visibility: hidden;
}

.optEngDes:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}

#inputColorLbl {
    float: left;
    
}

#inputColorBtn {
    text-align: left;
    border: 1px solid #ced4da;
    max-height: 37.6px;
    vertical-align: sub;
    
}

.caret {
    float: right;
    position: relative;
    background-color: green;
}

.btn-default {
    border: 1px solid black;
}

.jobRow td:hover {
    cursor: pointer;
}

.fc-event-title-container:hover {
    cursor: pointer;
}

.calendar-events {
}

#filter-btn {
}

.ud-filter {
    margin-bottom: 0.5em;
    margin-right: 1em;
}

#filter-container {
    margin-top: 0.5em;
}

.fc-scroller {
    overflow-y: hidden !important;
}

#login-error {
    padding: 0.75em;
    text-align: center;
    background-color: #ffcccc;
    font-weight: bold;
    border-radius: 0.4em;
    color: red;
    
}

#lockout-error {
    margin-top: 1.5em;
    text-align: center;
    font-size: 1.5em;
}

#login-error ul {
    list-style: none;
}

#engDesResult {
    padding: 0.375rem 0.75rem;
    width: 100%;
}

#success-message {
    position: fixed;
    z-index: 9999;
    border-radius: 0px;

}

#sf-link {
    float: right;
}

#sfTab h4 {
    display: inline-block;
}

#sfTab > div.row {
    margin-bottom: 10px;
    margin-top: 10px;
}

#ud-index-btns {
}

#inputConfirmed label {
}

.not_confirmed {
}

.calendar-events {
    font-weight: bolder;
}

#changeLogDetail {
    resize: none;
    width: 100%;
    height: 300px;
}

.noresize-textarea {
    resize: none;
}

fieldset legend {
    float: none;
    font-size: 1.5em;
    font-weight: bolder;
}

.center {
    text-align: center;
}

.serviceJobReportTable {
    width: 100%;
}

#serviceJobReportHeading {
    font-weight: 700;
}

.serviceRptSfQuote {
    width: 80px;
}

.serviceRptStartDate {
    width: 80px;
}

.serviceRptEndDate {
    width: 80px;
}

.serviceRptCustomer {
    width: 200px;
}

.serviceRptJob {
    width: 125px;
}

.serviceRptTechs {
    width: 200px;
}

.serviceRptTools {
    width: 200px;
}

.serviceRptNotes {

}

#serviceJobReportTable {
    width: 100%;
}

#serviceJobReportTable td {
    vertical-align: top;
}

tr {
}

table {
    border-collapse: collapse;
}

.emptyRow {
    height: 20px;
}

.groupByLbl {
    font-weight: 600;
}


/*@media print(orientation: portrait) {
  
}

@media print(orientation: landscape) {

}*/

@media print {
    @page {
        size: landscape;
    }
    
    body {
        zoom: 80%;
    }

    #calendar {
        position: static !important;
    }

    .fc-event {
        page-break-inside: avoid;
    }

    div.fc_view-harness {
        max-width: 100% !important;
    }

    #container-calendar {
        
    }

    .fc-media-screen {

    }

    .fc-scrollgrid-sync-inner {

    }

    .fc button {
        display: none !important;
    }

    .fc-daygrid-day, .fc-col-header-cell {
    }

    #adminNav, #filter-container {
        display: none;
    }

    #serviceJobReportHeading {
        font-weight: bold;
        vertical-align: bottom;
        border-bottom: 1px solid black;
    }

    #serviceJobReportTable {
        font-size: 0.7em;
        border-collapse: collapse;
        margin: 0;
       
    }

    #serviceJobReportTable td {
    }


    .serviceRptSfQuote {
        width: 50px;
    }

    .serviceRptStartDate {
        width: 60px;
    }

    .serviceRptEndDate {
        width: 60px;
    }

    .serviceRptCustomer {
        width: 100px;
    }

    .serviceRptJob {
        width: 75px;
    }

    .serviceRptTechs {
        width: 120px;
    }

    .serviceRptTools {
        width: 100px;
    }
}

.float-right {
    position: absolute;
}

.row {

}

.hide {
    display: none;
}

#displayOrderDiv {
}

.selected {
    background-color: #b1b1b1;
}

div.fc-event-main-frame:hover {
   
}

.intranet-right {
    background-color: purple;
    display: inline;
    position: relative;
}

#notifyDiv {
    position: absolute;
}