/* ------------------------------------------------- General ------------------------------------------------- */

.x-form-fieldset-inner,
.x-title,
.x-list-item {
	font-size:14px;
}

.x-list-header {
    font-size:14px !important;
}

.x-title {
    max-width:45%;
}

.x-list-inner {
    background-color:white !important;
}

.x-list .x-list-header.x-list-item-relative, 
.x-list .x-list-header-swap {
    padding: 10px;
}

.icon-32 {
    width:32px !important; 
    height:32px !important;
}

.icon-16 {
    width:16px !important; 
    height:16px !important;
}

::-webkit-input-placeholder {
    color : gray !important;
    -webkit-text-fill-color: initial;
}
.x-button-label {
    white-space:normal;
    text-overflow:ellipsis;
    word-wrap:break-word;
    overflow: visible;
    line-height:1.5;
}

.x-shown {
    display:block !important;
}

/* ------------------------------------------------- Sites & Jobs ------------------------------------------------- */

.overdue, .high-priority {
    color:red;
}

.current-visit {
    color:#608603;
}

.unassigned {
    color:#CCC;
}

/* ------------------------------------------------- Signature ------------------------------------------------- */

#signatureCanvas {
    width:100%;
    height:100%;
    display:block;
    border-top:1px solid black;
    margin:auto;
    margin-bottom:10px;
}

.capture-signature-panel .x-innerhtml,
.capture-photograph-panel .x-innerhtml {
	height:100%;
}

/* ------------------------------------------------- Notes ------------------------------------------------- */

.note-panel {
    font-size:0.8em;
}

.note-date {
    color:#808080;
    font-size:12px;
    float:right;
}

.note-job {
    color:#808080;
    font-size:12px;
    float:right;
    padding-top:10px;
}

.note-header {
    margin-bottom:10px;
}

.note-author {
    font-size:12px;
}

.note-author-me {
    color:blue;
}

.note-author-them {
    color: red;
}

.note-text {
    font-style:italic;
}

/*.x-list .x-list-item {
   min-height: 100px;
}
.x-form-fieldset-title,
.x-form-label,
.x-form-label-nowrap .x-form-label {
    white-space: normal !important;
    overflow:visible;
    text-overflow:clip;
}

body {
    font-size:16px !important;
}

.x-button .x-button-icon {
    height:16px;
}

.x-layout-card-item, .x-list-inner {
    background-color:white !important;
}

h1 {
    font-size:16px;
    font-weight:bold;
    text-align:center;
    padding:10px
}

h2 {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    padding:0px 0px 10px 0px;
    margin:0px;
}

.x-field.label-only .x-component-outer {
    display:none;
}

.x-field-textarea textarea {
    min-height:1em;

}

.x-list .x-list-disclosure {
    margin-top: 0px;
    top: 25%;
    position: absolute;
    right: 0px;
    margin-top:0.4em;
}

.x-form-fieldset-title .x-innerhtml {
    white-space: normal;
    overflow: auto;  
}

.x-list {
    overflow:auto;
}

.stretch-height,
.stretch-height div {
    height:100%;
}

.site-panel,
.job-panel {
    border:2px solid #777;
    border-radius:10px;
    font-size:0.8em;
    line-height:2;
}

.future-jobs,
.unassigned-jobs {
    border:2px solid #ED9B9B;
    background:#f7c5c5;
}

.earliest-start-date-future {
    font-weight:bold;
    color:#990099;
}

.next-job-starts {
    font-style:italic;
    text-align:center;
    font-weight:bold;
    color:#990099;
}


.job-unassigned {
    text-align:center;
    font-style:italic;
    font-size:14px;
    font-weight:bold;
    color:red;
}

.address-box {
    border:1px solid black;
    padding:20px;
}*/