body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}


#completeForm {
    margin-bottom:10px;
    background-color:#eee;
    width:700px;
    border-radius:5px;
    padding:10px;
}

#completeForm p {
    margin-top:0px;
}

.changed-value {
    background-color:#aaffaa !important;
}

tr.due {
    background-color: #777777;
}

tr.due2 {
    background-color: #ffff00;
}

tr.overdue, tr.high-priority {
    background-color: #cd6155;
}

.cnrgList tbody tr.due:hover {
    background-color: #626567;
}

.cnrgList tbody tr.due2:hover {
    background-color: #e2c601;
}

.cnrgList tbody tr.overdue:hover,
.cnrgList tbody tr.high-priority:hover {
    background-color: #cb4335;
}

.cnrgList .high-priority .ui-icon-alert {
    display: inline-block;
    vertical-align: bottom;
}

/* Styles for followers and comments */
.ui-autocomplete {
    list-style:none !important;
    padding:2px;

    font-size:13px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    white-space: nowrap;
    overflow: hidden;
}

.follower {
    cursor:default;        
}

.follower .removeLink {
    display:none;
    float:right;        
}

.follower:hover .removeLink {
    display:inline;
    cursor:pointer;
    font-weight:bold;
}

.removeLink:hover {
    text-decoration:underline;
}
        
.follower {
    border-radius:5px;
    padding:3px 6px 3px 3px;     
}

.follower:hover {
    background-color:#b6d5ff;
        
    border-radius:5px;
}

.followers {        
    margin-right:5px;
}

.comments div.commentBlock:nth-child(even) {
    background-color:#edf3fe;
}
.comments div.commentBlock:nth-child(odd) {
    background-color:#f6f6ff;
}

.delete-control {
    color:black;
    cursor:pointer;
}

.delete-control:hover {
    text-decoration:underline;
}

.commenter {
    font-weight:bold;
    border-bottom:1px solid #ddd;
    margin-bottom:5px;
    padding-bottom:3px;
}
.commentBlock {
    padding:5px;
    padding-bottom:10px;
    margin-bottom:2px;        
}

.commentBlock:last-child {
    margin-bottom:0px;
}
.comments {
    min-height:0px;
    max-height:200px; 
    overflow-y: scroll;
    overflow-x: hidden;
}

.comment a:hover {
    text-decoration:underline;
}
.submitArea {
    margin-top:5px;
    background-color:#b6d5ff;
    padding:10px;
    border-radius:5px;
    font-weight:bold;
}

#newComment {
    resize: vertical;
}

/* -----------------  */

/*-------- Help Desk Requests --------------*/
.delete-file-control {
    float: right;
    width: 13px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.delete-file-control:hover {
    text-decoration: underline;
}

.file-control {
    width: 92%;
    float: left;
    height: 20px;
    overflow: hidden;
}

.file-control-row {
    width: 366px;
    float: left;
    padding: 3px;
}

.file-control-row:nth-child(odd) {
    margin-right: 10px;
}

.file-control-row:hover {
    background-color: #b6d5ff;
    border-radius: 5px;
}

.file-control a:hover {
    text-decoration: underline;
}
.wrap-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;

    word-break: break-all;
    word-break: break-word;
}

#techComment {
    display: none;
}

/*--------------------*/

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}


.cnrgForm td:first-child {
    width:160px;
}

.editor-field {
    /*margin: 0.5em 0 0 0;    */
    
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
    display:block;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-success {
    font-weight: bold;
    color: #228B22;
}

.validation-summary-valid {
    display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

table.striped tr:nth-child(even) {
    background-color:#f6f6ff;
}

table.striped tr:nth-child(odd) {
    background-color:#edf3fe;
}

.row1 {
    background-color:#edf3fe;
}

.row2 {
    background-color:#f6f6ff;
}

.banded-rows tr:nth-child(odd) {
    background: #f6f6ff;
}

.banded-rows tr:nth-child(even) {
    background: #edf3fe;
}

.rowSpacer {
    height:3px;
    background-color:#b6d5ff;
}

th {
    background-color:#b6d5ff;    
    text-align:left;
    padding:5px;
}

th:first-child {
    border-top-left-radius:5px;
}

th:last-child {
    border-top-right-radius: 5px;
}

h2 {    
    font-size:18px;    
    
}

.formTitle {    
    margin-right:30px;    
    font-weight:bold;
    font-size:18px;
}

.formSubtitle {
    margin-right: 30px;
    font-weight: bold;
    font-size: 16px;
}

a#selectAll, a#deselectAll {
    margin-left: 15px;
}

.cnrgForm {
    width:760px;
}

.sortRow {	
	cursor: pointer;    
}

.sortRow th {
    user-select:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
}

.headerSortUp {
    background-repeat: no-repeat;
	background-position: center right;
	background-image: url(/Content/asc.gif);
}

.headerSortDown {
    background-repeat: no-repeat;
	background-position: center right;
	background-image: url(/Content/desc.gif);
}

a, .ui-widget-content a {
    color: blue;
    text-decoration: none;
    outline: none;
}

.cnrgList {
    width:900px;
}

.cnrgList input {
    width:96%;
}

.cnrgList select {
    width:96%;
}


.cnrgList table {
    /*table-layout:fixed;*/
    border-collapse:collapse;
}

.cnrgList th {
    word-wrap:break-word;
    word-break:break-all;
    width:82px;
    
}

.cnrgList td {
    word-wrap:break-word;
    word-break:break-word;
    width:92px;
}

.cnrgList td.short-description,
.cnrgList th.short-description {
    width: 200px;
}

.cnrgList td.followers,
.cnrgList th.followers {
    width: 95px;
}

.cnrgList td.sub-category,
.cnrgList th.sub-category {
    width: 95px;
}

td[data-val=StoreLocation],
th[data-val=StoreLocation] {
    width: 175px;
}

td[data-val=StoreCloseout],
th[data-val=StoreCloseout] {
    width: 130px;
}

td[data-val=CompletedDate],
th[data-val=CompletedDate] {
    width: 105px;
}

td[data-val=RecordCount],
th[data-val=RecordCount] {
    width: 105px;
}

td[data-val=DateToBeSpent],
th[data-val=DateToBeSpent] {
    width: 120px;
}

.cnrgList tbody tr:hover {
    background-color: #b6d5ff;
}

.cnrgList tbody tr:last-child:hover {
    background-color: white;
}

.cnrgList td, .cnrgList th {
    border: 2px solid white;
}

.leftColumn {
    width:369px;
    float:left;
}

.rightColumn {
    border-left:1px solid #bbbbbb;
    padding-left:10px;
    margin-left:10px;
    width:369px;
    float:left;
}

.action-buttons {
    line-height: 2;
}

span.techReference {
    float: right;
}

span.techReference button {
    vertical-align: middle;
}

.ui-tooltip {
    background: #344c65;
    border: 1px solid #344c65;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
    font: bold 12px "Verdana";
    box-shadow: 0px 4px 7px black;
}

.ui-tooltip ul {
    margin:0px !important;
    padding-left:10px !important;
}

h2 {
    margin:0px 0px 5px 0px;        
    line-height:14px;
}

.shortTextArea {
    width:180px;
    height:85px;
    min-height:35px !important;
}

.tallTextArea {
    width:180px;
    height:95px;
    min-height:95px !important;
}

.fullTextArea {
    width:95%;
    height:95px;
    min-height:95px !important;
    resize: vertical;
}

.fullEditor {
    width: 95% !important;
}

.cnrgForm input[type="text"] {
    width: 180px;
}

.cnrgForm input[type="number"] {
    width: 180px;
}

.cnrgForm input[type="email"] {
    width: 180px;
}

.cnrgForm select {
    width:180px;
}

.tooltip {
    margin-top:2px;
    cursor:pointer;
}

.required {
    color:red;
    font-weight:bold;
    font-style:italic;
}

table {    
    width:100%;
}

.contacts input[type="text"] {
    width:145px;
}

#ShortDescription {
    resize: none;
    min-height: initial !important;
    height: initial !important;
}

[type="submit"].disabled {
    color: gray;
    pointer-events: none;
}

.new-request-icon {
    display: inline-block;
    vertical-align: -3px;
    line-height: .85em;
}

.new-request-icon::before {
    content: "+";
    font-size: 30px;
    font-weight: bold;
    font-family: courier;
    color: #009501;
}