span.mainMenuIcon {
    float:left;
    margin-left:12px;
    padding-top:10px;
}

span.mainMenuIconBlack {
    float:left;
    margin-left:12px;
    padding-top:5px;
    color:black;
}

span.headerMenuIcon {
    color:white;
    font-size:16pt;
    display: inline-block;
    margin-top:2px;
}

.footer {
    margin-top: 0px !important;
}
.central_block { margin-bottom: 0px;}

.central_textarea {
    border: 1px solid #D7D7D7;
    border-radius: 5px;
    background: #FFF;
    padding-left: 0px;
    padding-right: 0px;
    margin-left:12px;
}

.central_input {
    border: 1px solid #D7D7D7;
    border-radius: 5px;
}

.central_select{
    -webkit-appearance: menulist;
    margin: 0px; font-size: 11px; color: #666; padding: 7px 5px 6px 5px; display: inline-block; line-height: 11px; border: 1px solid #D7D7D7; width: auto; max-width: 100%; width: 100%; border-radius: 5px;
    background: #FFF;}

.glyph_padding {
    margin-right: 10px;
}

div.col-md-12 > textarea {
    background-color: #FDFDFD;
    border-radius: 5px;
    border: 1px solid #D7D7D7;
}


.offlineCustList>tbody>tr>td { padding:0px;}

.header { position: fixed!important; top:0; left:0;}

.NCsystemInfo { color:white; float:right; margin: 10px 30px 0px 10px; }

.iosClickFix, .linkFix {cursor: pointer;}
.white {color: #fff;}
.glyph_padding {margin-right: 15px;}
.gpadding_left {margin-left: 10px;}
.markerwithlabels {
    color: white;
    background-color: none;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
.modal-dialog {width:90%;}

.datatable_noheading { display: none;}

.ncIframe { border: none; width:100%; height: 300px;}

.boxTitleBarGlyph {
    width: 38px;
    border-left: 1px solid #335A85;
    padding: 11px 10px;
    margin: 0px;
    height: 38px;
    display: block;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;

    outline: none;
}

a.boxTitleBarGlyph:hover { text-decoration: none; color:white; }

#CustomFollowPanel { display: none;}

.dataTables_filter label input[type="search"] { width: 100% !important; background-color:aliceblue }

.dataTables_filter { float:left !important; width:100% !important;}

.dataTables_filter label { width:100%;}

#customerList_sortable_mobile th { display:none;}

.navigation { left: -1px;}

#searchPhraseDiv { border: none !important;}


.searchTabAnchor {
    padding:0px !important;
    height: 35px !important;
    width: 70px !important;
}

.searchResultAnchor { width: 100% !important; height: 100% !important; }

#tabs-icons .ui-tabs-nav .ui-icon {
    display: inline-block;
}

#tabs .scroller {
    overflow: auto;
}
#tabs ul {
    width: 800px;
}

.searchLI {
    margin:0px !important;
    width:70px;
    line-height:0px;
    top:0px;
}

.searchTabIcon {
    border:none !important;
    color:black !important;
    display:inline-block !important;
    width:60px;
    height:35px !important;
    padding: 0px;
    margin-left: 10px;
    background-position: center left;
}

.searchTabIconGlyphAdd
{
    height: 23px !important;
    padding-right:40px;
    top:10px;

}

.searchResultItem {
    height:none !important;
    border-bottom: 1px;
    background-color: aliceblue;
    margin:5px; }

.resultCount {
    font-weight: bold;
    font-size: 10pt !important;
    color:black !important;
    position: absolute;
    top:18px;
    left: 30px;
}
.resultCountGlyph {
    font-weight: bold;
    font-size: 10pt !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans serif;
    color:black !important;
    position: absolute;
    top:0px;
    left: 15px;

}


/* telephone link in the search results */
.searchTelLink {
    width: 250px !important;
    text-decoration: underline !important;
}

.historyItem {
    height: 100% !important;
    display:block;
}

.historyItem a {
    width: 100% !important;
    height: 100% !important;
    float: none !important;
}

.historyItem hr {
    width: 100% !important;
    margin-top:10px !important;
}

#userHistoryBox {
    height:430px;
    overflow: auto;
}

.scrollingBox { height: 300px; overflow: auto;}

.footerpadding { height:130px; width:100%; display:block; float:left; }

#scrollUp { bottom:50px; }

.formsList { line-height: 20pt;}

span.forminfo {
    background-color: #ceeeff;
    display:inline-block;
    min-width: 50px;
    padding-left:5px;
    padding-right: 5px;
}

span.formlabel {
    display:inline-block;
    font-weight: bold;
    margin-bottom: 10px;


}

div.ContactList { padding-left:20px;}

.rowheading { background-color: #ceeeff; width:100px; font-weight: bold; text-align: center; line-height: 12px;}
.columnheading th { background-color: #ceeeff; width: 120px; padding:5px; border: black 1px solid;line-height: 12px;}
.inspectionHistory, .inspectionHistory tbody tr td { border: black 1px solid;padding:5px;}
.tableTopLeftCorner { background: none; background-color: transparent; border-style:none;}

.DataTablePageInfo, .DataTablePageInfo2 { padding:5px; font-weight: bold;}



/********************************************/
/* Modal Dialog from w3 schools *************/
/********************************************/
/* The Modal (background) */
.FileUploadModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 12000; /* Sit on top */
    padding-top: 40px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.FileUpload-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.FileUploadClose {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding-top: 8px;
}

.FileUploadClose:hover,
.FileUploadClose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.FileUpload-modal-header {
    padding: 2px 16px;
    background-color: #507397;
    color: white;
}

.FileUpload-modal-body {padding: 2px 16px;}

.FileUpload-modal-footer {
    padding: 2px 16px;
    background-color: #507397;
    color: white;
}

.FileNotes p { margin-left:0px !important; margin-top:0px !important;}

.FileButtons ul { list-style: none; float: left; margin:0px; }

.FileButtons ul li { display: block; float:left; }

.FileButtons ul li button { margin-left:0px; margin-right: 15px;}

/********************************************/



.dropDownBox { display:none; padding: 20px 10px 20px; border-top: 1px black solid; }

.dropDownBoxHeader { display: block; padding-top:10px; padding-bottom: 10px; height:75px; text-decoration: none; cursor: pointer }

.dropDownBoxHeader:hover { background-color: #f0f8ff;}

.pl15 { padding-left: 15px;}

.pl30 { padding-left: 30px;}

.NC-AddressBlock { padding: 10px 0px 20px;}

.NC-Contact-Phone-Numbers { display: block; padding:5px 0px 5px;}

.NC-ContactBlock { display:block; padding-top:5px;}

.InvalidWebsite { border: solid 2px red;}

.ValidWebsite { border: 4px green solid; }

#WebsiteBlock { display: none; }

#b_popup_1 { width: 100%; }

.modal-dialog { width: 100%; }

.AssignedSalesPerson { color:red !important; font-size: 12pt !important; font-weight: bold !important; }

.ActionLabelMedium { color: #335A85 !important; font-weight: bold; font-size: 12pt; }

.ActionLabelSmall { color: #335A85 !important; font-weight: bold; font-size: 12px; }

.MoveRouteList { display: none;}

div.AttachedFilesTabHeading {
    position:absolute;
    padding:8px 30px 0px 30px;
    bottom:0;
    right:0;
    margin-left:15px;
    background-color: #4D7096;
    height:30px;
    color:white;
    font-size:12px;
    font-weight: bold;
    cursor: pointer;
}

a.AttachedFilesTabHeading { display:block; color:white; }

tr.AttachedFilesTabBody { display:none; }

td.AttachedFilesTabBody { padding:0px!important;}

td.AttachedFilesTabBody tr td { padding: 10px; }

.CustomerHistoryCellBottomTab {
    position:relative;
    padding-bottom:40px !important;
    border-top:4px solid #ddd !important;
}

.CustomerHistoryCell {
    position:relative;
    border-top:4px solid #ddd !important;
}

.HistoryItemTopMargin { margin-top:30px;}

.HistoryItemTitle {
    position:absolute;
    top:0;
    display:block;
    width:300px;
    padding: 5px 15px 5px 23px !important;
    margin-left: -8px;
    background-color: #ddd;
    color:black;
    font-weight: bold;

}

#ctabs { display: none;}

.WordMenu li a {

    padding: 13px 15px 12px 15px;
    color:white;
    font-weight: bold;
    cursor:pointer;
}

.WordMenuMobile li a {

    padding: 13px 15px 12px 15px;
    color:white;
    font-weight: bold;
    cursor:pointer;
}

.WordMenu li a:hover {
    background-color:#528cca;
    text-decoration: none;
}

.WordMenuMobile li a:hover { text-decoration: none;}

.WordMenu {
    margin-top:2px;
    height:30px;
    list-style: none;
    margin-right:0px;
    padding-top: 8px;

    padding-bottom: 10px;
    padding-left:0px;
    border-left: 1px solid #335A85;

}

.WordMenuMobile {
    margin-top:2px;
    height:28px;
    list-style: none;
    margin-right:0px;
    padding-top: 8px;
    float:right;
    padding-bottom: 10px;
    padding-left:0px;
    border-left: 1px solid #335A85;

}

.SalesRouteListBox { display: none; }

.SalesRouteListBox div { margin-bottom:20px; }

.MousePointer { cursor: pointer;}

.NearbyCustomerListBox { display: none; margin-bottom: 20px;}

.OtherCustomerContactListBox { display: none; margin-bottom:20px; }

.CustomerViewMapBar {
    border-top: 3px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    background-color: #e0e0e0;
    display:block;
    padding-top: 10px;
    padding-bottom:10px;
    padding-left:10px;
    text-align: center;
    margin-bottom:30px;
    margin-top:10px;
    z-index: 500;
}

.ContactsLocationsTabs {

    text-align: center;
    margin-bottom:-10px;

}

.ContactsLocationsTabsSpan {
    padding: 18px 20px 15px 20px;
    background-color: #4D7096;
    color:white !important;
    font-size: 12pt;
}

.ContactsLocationsTabsSpanMobile {
    padding: 10px 12px 14px 12px;
    background-color: #4D7096;
    color:white !important;
    font-size:12px;
}

.ContactsLocationsTabsAnchor:hover { color:white; text-decoration: none;}

.ContactsLocationsTabsAnchor {

    color:white;
    font-weight: bold;
    font-size:inherit;


}

.ContactsLocationsTabsAnchorMobile {

    color:white;
    font-weight: bold;
    font-size:10pt;


}


.CustomerLocationsListBox { display:none;}

.CustomerLocationsListBox div {z-index: 20;}


.breadlineButtonsNC {
    display:block;
    float:right;
    padding:0px;
    margin:0px 20px 0px 0px;
    list-style: none;
    border-right: 1px solid #D5D5D5;

}

.breadlineButtonsNC li {

    display: block;
    float:left;
    padding:0px;
    margin:0px;
    border-left: 1px solid #D5D5D5;
    position: relative;

}

.breadlineButtonsNC li > a {
    display: block;
    float: left;
    padding: 1px 10px 1px 10px;
    margin: 0px;
    font-size: 11px;
    color: #333;
    cursor: pointer;
}

div#CHcustomerHeader {
    position: relative;
    width:100%;
    display:block;
    background-color:#020f22;
    padding: 10px 20px 10px 20px;


}

.Job20 {
    padding:5px 10px 5px 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid lightgray;
}

.moduleSubMenu {
    padding: 5px 10px 5px 20px;
    display:block;
    background-color:lightcyan;
}

.JobAgeFlag {
    padding:5px 2px 5px 2px;
    color: white;
}

.JobInfoActionButton {
    display:inline-block;
    margin: 5px 20px 10px 0px;
    background-color: gray;
    color: white;
    cursor: hand;
}

.JobInfoActionButton a {
    display: block;
    text-decoration: none;
    cursor:hand;
    color:white;
    padding: 10px;
}

#JobStatusIB, #JobLocationsIB {
    position:relative;
}

#ChangeJobStatusMenuIB, #JobLocationsListDropdown {
    position:absolute;
    min-width:200px;
    background-color:lightgray;
    min-height: 40px;
    padding-bottom:30px;
    z-index:5;
}


.JobScheduleListItem {
    display:block;
    cursor:pointer;
    padding: 10px 10px 10px 10px;
    color:black;
}

.JobFieldListItem {
    display:block;
    cursor:pointer;
    padding: 10px 10px 10px 10px;
    color:black;
}


.jsliSUB {
    padding-left:30px;
}

.jsliSUB:hover {
    background-color:gray;
    color:white;
}

.jsliMain:hover {
    background-color:gray;
    color:white;
}

.nowaytest { color:black; }

.moduleSubMenuSearchBar {
    display: block;
    padding-top:5px;
    padding-bottom: 5px;
    min-width: 200px;

}

.moduleSubMenuSearchBar input {
    display:block;
    width:100%;
    min-width: 200px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-left: 10px;
}

#FieldDayDatePicker {
    margin:10px;
}

.closeScheduleList {
    height:40px;
    background-color: gainsboro;
}

.closeScheduleList span {
    padding-bottom: 20px;
    cursor:pointer;
}

.closeScheduleList:hover {
    background-color:gainsboro;
    color:black;
}

#JobNotesTitleBarIB {
    display:block;
    padding:10px;
    height:40px;
    background-color:gainsboro;

}

#JobNotesTitleIB, #JobNotesTitle {
    float:left;
}

#JobNotesTitleBarCloseIB, #JobNotesTitleBarClose  {
    float: right;
}

#JobNotesTitleBar {
    display:block;
    padding:10px;
    height:40px;
    background-color:aliceblue;
}

.JobNoteLine {
    display: block;
    padding:10px 0px 0px 0px;
    position:relative;
    background-color:white;
}

.JobNoteDate {
    padding-left:3px;
    padding-right:10px;
    width:130px;
    display:inline-block;
    float: left;
}

.JobNoteUserFirstName {
    padding-left:3px;
    padding-right:10px;
    width:100px;
    overflow: hidden;

    display:inline-block;
}

.JobNoteSubject {
    width:200px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

    padding-left: 3px;
    display:inline-block;
}

.JobNoteTrashLink {
    width:50px;
    padding-left: 3px;
    display:inline-block;
    position: relative;

}

svg.JobNoteTrashLinkSVG {
    font-size:10pt;
    display: inline-block;
    height: 1em;
    width:1em;
}

a.JobNoteToggleLink {
    cursor: pointer;
    text-decoration: underline;
}

.JobNoteFullNote {
    display:none;
    position:relative;
}

.JobNoteFullNoteWrapper {
    display:block;
    padding-left: 10px;
    padding-right:10px;
    padding-bottom:20px;
}

.JobNoteEditLink a {
    width:100px;
    height:75px;
    background-color: aliceblue;
}


.jsl {
    text-decoration: underline;
    cursor: pointer;
}

.LocalSearchCustomerList {
    font-weight: bold;
}

.LocalSearchCustomerList span a {
    font-size: 12pt;
}

.LocalSearchJobList {
    font-weight: bold;
}

.LocalSearchJobList span a {
    font-size: 12pt;
}


.footerbar {
    width:100%;
    height:40px;
    display: block;
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    background-color: #49719e;
    z-index: 20000;
}

select { -webkit-appearance: menulist; border: 1px solid #D7D7D7; }

span.addCustomerLink { margin:10px; padding:20px; display: inline-block }

span.addCustomerLink:hover { background-color: #2196F3 }

span.addCustomerLink a { text-decoration: none; }

span.addCustomerLink:hover { text-decoration: none; }

span.addCustomerLink a i { color:white;  }

span.addCustomerLink a span { color: white; display:inline-block; margin-left: 10px; }

div#geoCodeMap { height: 500px; width: 100%;}