iframe.k-content { background-color: White; }
.right-justified { text-align: right; }
.center-justifed { text-align: center; }
.photoDiv { position: relative; float: left; text-align: center; }
.post-it, .k-textbox.post-it { background-color: #F9ED9F !important; }

.pageTitle { height: 25px; margin-top: 10px; }
.pageTitle.center { text-align: center; }

.locationPhoto, .locationPhotoOwner,.locationPhotoContractor , .locationPhotoResponsible {
    height: 120px; width: 160px; padding: 6px;
    border: 1px solid  #aaaaaa; border-radius: 3px;
}

div.k-animation-container > div.k-widget.k-tooltip.k-popup { white-space: nowrap; text-align: left; }
        
#markerInfoWindowPhotosParent  {
    position: absolute; 
    left: 10px; bottom: 10px; height: 75px; width: 350px; 
    background-color: #525252;
    overflow-x: scroll; overflow-y: hidden;
}
        
#markerInfoWindowPhotos  { position: absolute; left: 0px; top: 0px; height: 75px; width: 1000px; background-color: #525252; }
#markerInfoWindowPhotos .locationPhoto, 
#markerInfoWindowPhotos .locationPhotoOwner, 
#markerInfoWindowPhotos .locationPhotoContractor, 
#markerInfoWindowPhotos .locationPhotoResponsible { width: 60px; height: 40px; border: 1px solid; padding: 3px; }
#markerInfoWindowPhotos .photoDiv { width: 65px; height: 50px; padding: 5px 0px 0px 5px; }

div.microPhotoDiv img { background-color: #657688; }

/*
.k-treeview span.k-select > span.k-icon::before
, .k-treeview .k-button > span.k-icon::before
, .k-treeview .k-dropdown span.k-icon::before
, .k-treeview .k-window-action > span.k-icon::before 
{ color: #515967 !important; }
*/
/* to keep the expando triangles white */
.k-i-expand::before 
, .k-i-collapse::before 
, .k-i-seek-w::before 
, .k-i-arrow-w::before 
, .k-i-arrow-e::before 
, .k-i-seek-e::before 
/* , span.k-icon::before */ { color: white !important; }

span.k-icon.k-i-arrow-60-up::before, span.k-icon.k-i-arrow-60-down::before { color: #515967 !important; }

.locationPhoto, .locationPhotoOwner { background-color: #657688;}
        
.locationPhotoContractor , .locationPhotoResponsible { background-color: #6D8764; }

.NDF, .ndf, .ndf.k-state-selected { color: #5A9B25 !important; font-weight: bold; }

.incomplete, .incomplete.k-state-selected { font-weight: bold !important; }
.incomplete .locationCommandButton, .incomplete .priorityCombo { display: none; }

.not-visited, .not-visited.k-state-selected { color: #E0A538 !important; font-weight: bold !important; }

div.noChecklist > span { width: 16px; height: 16px; display: inline-block; background-image: url(images/lock-white-16.png); background-repeat: no-repeat; }

a.k-grid-padlock { display: none;  background-repeat: no-repeat; background-color: transparent; width: 16px !important; height: 16px; min-width: 16px !important; }
tr.locked a.k-grid-padlock { display: inline-block; background-image: url(images/lock-white-16.png) !important; }
.from-archive a.k-grid-padlock { background-image: url('images/letter-A-white-16.png') !important; display: block !important; }
.not-calcd a.k-grid-padlock, .from-archive.not-calcd a.k-grid-padlock { background-image: url('images/sigma-16.png') !important; display: block !important; }

div.noChecklist { position: absolute; right: 2px; top: 2px; }


.not-read, .not-set, .not-okay { background-color: #7b3a3e !important; }
.not-read.k-alt, .not-set.k-alt, .not-okay.k-alt { background-color: #7F3E41 !important; }
.not-read:hover, tr:hover > .not-set:hover { background-color: #B5696C !important; }

.published { background-color: #747A3A !important; }

.k-notification-wrap { min-width: 200px; padding: 5px; }

#ribbonContainer { position: absolute; left: 300px; top: 10px; height: 30px; background-color: transparent; }

.jewelCount { position: absolute; top: 0px; right: -1px; }

.ribbonButton {
	background-size: 24px 24px;
    background-position: center;
    width: 24px; height: 24px;
    padding: 0px;
    margin: 5px;
	position: relative;
	float: left; 
	cursor: pointer;
    background-repeat: no-repeat;
}

/* greyed out button color: #9196A1 #9297A2 #9398A3 #9398A3 */

.ribbonButton.messaging { background-image: url("images/speech_bubble_24.png"); }
.ribbonButton.messaging:hover { background-image: url("images/speech_bubble_grey_24.png"); }

.ribbonButton.active-sessions { background-image: url("images/group-of-people_24.png"); }
.ribbonButton.active-sessions:hover { background-image: url("images/group-of-people_grey_24.png"); }

.ribbonButton.metadata-viewer { background-image: url("images/metadata_24.png"); }
.ribbonButton.metadata-viewer:hover { background-image: url("images/metadata_grey_24.png"); }

.ribbonButton.bugs-nav { background-image: url("images/bug_white_24.png"); }
.ribbonButton.bugs-nav:hover { background-image: url("images/bug_grey_24.png"); }

.ribbonButton.location-editor { background-image: url("images/screwdriver-and-wrench_24.png"); }
.ribbonButton.location-editor:hover { background-image: url("images/screwdriver-and-wrench-grey_24.png"); }

.ribbonButton.wiki { background-image: url("images/info_white_24.png"); }
.ribbonButton.wiki:hover { background-image: url("images/info_grey_24.png"); }

.ribbonButton.facets { background-image: url("images/diamond_white_24.png"); }
.ribbonButton.facets:hover { background-image: url("images/diamond_grey_24.png"); }

.ribbonButton.poe { background-image: url("images/v-white-24.png"); }
.ribbonButton.poe:hover { background-image: url("images/v-grey-24.png"); }

.ribbonButton.mail { background-image: url("images/t-white-24.png"); }
.ribbonButton.mail:hover { background-image: url("images/t-grey-24.png"); }

.ribbonButton.exit { background-image: url("images/exit-80.png"); }
.ribbonButton.exit:hover { background-image: url("images/exit-80.png"); }

#notificationJewel {  }

/* I N L I N E   E D I T O R S */
div.k-window.k-window-titleless.k-editor-widget { z-index: 1000007 !important; }
div.inline-editor-div { display: inline-block; }
div.content-wrapper.k-editor-inline { box-sizing: border-box; }
.k-editor-toolbar-wrap { position: relative; }
div.k-editor .k-table { border-spacing: 0; border-collapse: collapse; border: 1px solid #999; width: 100%; }
div.k-editor .k-table td, div.k-editor .k-table th { border: 1px solid #999; padding: 3px; }

div.k-window ul.k-tiles.k-widget.k-listview.k-selectable-NotSure
, div.k-window div.k-toolbar-wrap > button.k-button.k-button-icon
, div.k-window div.k-tiles-arrange
, div.k-window > div.k-editor-dialog.k-popup-edit-form > div.k-edit-label
, div.k-window > div.k-editor-dialog.k-popup-edit-form > div.k-edit-field { display: none; }

/*  thumbnails in image browser */
div.k-thumb > img.k-image { max-width: 80px; max-height: 80px; }

/*.k-grid-msg { background-image: url(images/e_mail_grey_24.png) !important; height: 24px; width: 24px; min-width: 20px !important; }*/
a.k-grid-msg, a.k-grid-garbage, a.k-grid-flag, a.k-grid-publish, a.k-grid-moveup, a.k-grid-movedn, a.k-grid-moveadvup, a.k-grid-moveadvdn, 
a.k-grid-add-to-ip-list, a.k-grid-add-to-country-list, a.k-grid-remove-from-country-list
{
    background-color: transparent; min-width: 16px !important; 
    height: 20px; width: 20px; float: left; background-repeat: no-repeat; 
}

a.k-grid-flag { background-image: url(images/star_white_outline_16.png) !important; }
tr.flagged a.k-grid-flag { background-image: url(images/star_16.png) !important; display: block !important; }
a.k-grid-garbage { background-image: url(images/Gnome-Edit-Delete-16.png) !important; display: block !important; }
a.k-grid-moveup, a.k-grid-moveadvup { background-image: url(images/circle-arrow-up-24.png) !important; display: block !important; }
a.k-grid-movedn, a.k-grid-moveadvdn { background-image: url(images/circle-arrow-down-24.png) !important; display: block !important; }
tr.k-grid-edit-row a.k-grid-moveup, tr.k-grid-edit-row a.k-grid-movedn, 
tr.k-grid-edit-row a.k-grid-moveadvup, tr.k-grid-edit-row a.k-grid-moveadvdn { display: none !important; }
tr.k-state-selected a.k-grid-flag { background-image: url(images/star_outline_16.png) !important; }
tr.k-state-selected.flagged a.k-grid-flag { background-image: url(images/star_16.png) !important; }

.k-grid a.k-button.k-button-icontext { border-width: 0px; background-color: transparent; }
a.k-grid-add-to-ip-list { background-image: url(images/stop_16.png) !important; }
a.k-grid-add-to-ip-list[operation='allow'] { background-image: url(images/iconPos_16x16.gif) !important; width: 16px; height: 16px; background-size: contain; }
a.k-grid-add-to-ip-list[operation='unblock'] { background-image: url(images/minus-sign-24.png) !important; width: 16px; height: 16px; background-size: contain; }
a.k-grid-add-to-ip-list[operation='unallow'] { background-image: url(images/minus-sign-24.png) !important; width: 16px; height: 16px; background-size: contain; }
a.k-grid-add-to-country-list[operation='remove'], a.k-grid-remove-from-country-list { background-image: url(images/minus-sign-24.png) !important; width: 16px; height: 16px; background-size: contain; }
a.k-grid-add-to-country-list[operation='add'] { background-image: url(images/iconPos_16x16.gif) !important; }

.notificationCount, .messageCount {
    color: White;
    background-color: #DC0D17; 
    background-image: linear-gradient(#FA3C45, #DC0D17);
    box-shadow: rgba(0, 0, 0, 0.7) opx 1px 1px 0px; 
    border-radius: 2px;
    min-height: 13px;
    padding: 1px 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}

td.k-hierarchy-cell > a.k-plus { display: block; }

span.k-icon.k-delete { font-size: 0; }

div.k-multiselect-wrap li.k-button { padding-right: 15px; }

li[name=messagesTab] { padding-right: 7px; }

.rowPointer tr:hover { background-color: #888 !important; cursor: pointer; }
div.content-wrapper > img.pencil { position: absolute; right: 2px; top: 2px; cursor: pointer; }

/* same as the body wrapper in the rich text editor's iframe */
div.label-wrapper, label.wiki-comment { 
	padding: 5px; border: none; width: 100%; height: 100%; 
	text-align: initial; 
	font-size: 12px;
	font-family: Verdana,Geneva,sans-serif;
	word-wrap: break-word; 
    box-sizing: border-box;
    overflow: hidden;
}

div.label-wrapper p, label.wiki-comment p { margin: 0 0 0.5em; }
div.label-wrapper p:last-child, label.wiki-comment p:last-child { margin: 0; }

.k-grid .hidden-command-cell .k-button { display: block; } /* or 'none' if you don't want to see it if not hovered over the row */
.k-grid tr:hover .hidden-command-cell .k-button { display: block; }
td.command-cell { width: 24px; }

.no-left-border { border-left-width : 0px !important; padding: 0px !important; }
.heavy-left-border { border-left-width : 3px !important; padding: 0px !important; }

.k-grid-header-wrap th.k-header { border-left-width: 0px; }

span.active-filter { background-color: #C9A70E }
        
#menu h2 { font-size: 13px; text-transform: uppercase; padding: 5px 10px; }
        
#menu { background-color: #000000; background-image: none; border-width: 0px; }
        
#menu > li { border-color: #151515; border-width: 0px; }

div.k-multiselect { padding: 0px; }

#messageModuleFoldersDiv > .k-grid-header { height: 0px; } 
#messageModuleFoldersDiv > .k-grid-header > .k-grid-header-wrap { height: 0px; } 

.messageModuleRightPanel { position: absolute; left: 175px; top: 15px; width: 800px; height: 700px; background-color: transparent; border: none; }

#cmdSendNewMessage, #cmdMessageModuleComposeSendNewMessage { position: absolute; top: 2px; right: 5px; background-color: #198fff; }

/*#messageModuleWindow, --took this out to unify the message module with the rest of the pop up windows */
#multSubSelectionWindow { overflow: hidden; background-color: #5F715B; border-width: 1px 2px 2px 2px; border-style: solid; border-color: White; }

#messageReadScrollContainer  
{ position: absolute; left: 0px; top: 295px; width: 100%; height: 300px; color:Black; background-color: White; 
  border-style: solid; border-color: Black; border-width: 1px; overflow: scroll; }

#messageWriteScrollContainer a.k-tool .k-tool-icon { margin: 10px; }

#messageModuleComposeMessageBodyEditor { overflow-y: hidden; position: absolute; left: 0px; top: 150px; height: 400px; width: 600px; border: 1px solid black;}

#lastPhotoTaken { cursor: pointer; }
.fr-bttn { width: 30px !important; height: 30px !important; float: left; }

span.spinner { width: 30px; height: 30px; display: inline-block; background-position-y: center; background-position-x: center; background-repeat: no-repeat; }
span.spinner.increment { background-image: url('images/plus-sign-24.png'); }
span.spinner.decrement { background-image: url('images/minus-sign-24.png'); }
textarea.custom-control.textbox { width: 98%; height: 98%; resize: none; overflow: hidden; }
input.custom-control.number { width: 50px; text-align: right; }
div.token > label { color: black; }

#checklistSpreadsheet a.k-toggle-button.k-toolbar-last-visible.k-state-active { background-color: black; }

/* C H E C K L I S T */
/*
    in general:
    <div id="checklistWrapperWrapper">
        <div id="checklistSpreadsheet">
            -- kendo checklist stuff
        </div>
    </div>
    -- custom controls are laid down in a div which is a sibling to the checklistWrapperWrapper
    -- This div is laid directly over checklistWrapperWrapper
    -- controls are positioned and made visible/invisible based on physical location of
    -- the cell that they correspond to
    <div id="checklistCustomControls">
        <div id="control_id_### class="custom-control checkbox (or whatever) . . . >
            <div class="content-wrapper>
                -- control contents based on control type
            </div>
        </div>
        . . .
    </div>
*/
/* kendo-created div.k-spreadsheet-cell have the class custom-control-cell added to them if they are the target of a custom control */
div.k-spreadsheet-cell.custom-control-cell { padding: 0px !important; opacity: 0; }

/* custom controls: content created by me living in the <div id="checklistCustomControls"> */
#checklistCustomControls > div.custom-control { 
    position: absolute !important; 
    text-align: center; 
    background-color: #f8f8f8;  
    box-sizing: border-box;
    border: none; 
    z-index: 10001; 
    background-size: cover; 
    background-repeat: no-repeat; 
    align-items: center;
    overflow: visible;
}

div.content-wrapper, div.spinner-wrapper {  width: 100%; display: block; background-color: #f8f8f8; position: absolute; }

div.content-wrapper { 
    height: 100%;
}

span.spinner, input.number { vertical-align: middle; }

span.spinner { color: transparent; }

div.content-wrapper.checkbox {  }
div.content-wrapper.token { text-align: right; padding: 1px 3px 1px 3px; }
div.content-wrapper.token > div { position: relative; }
div.content-wrapper.textbox { min-width: 50px; }

div.content-wrapper.number { min-width: 50px; }
div.content-wrapper.number.horizontal { min-width: 120px; }
div.content-wrapper.number.vertical { min-height: 100px; min-width: 52px; }

div.content-wrapper.gallery {  }
div.content-wrapper.gallery.horizontal, div.custom-control.gallery.horizontal { min-height: 70px; min-width: 250px; }
div.content-wrapper.gallery.vertical, div.custom-control.gallery.vertical  { min-height: 250px; min-width: 90px; }

div.content-wrapper.checkbox { min-height: 25px; min-width: 25px; }
div.content-wrapper.image { min-height: 30px; min-width: 45px; }
div.custom-control.value {  }
div.content-wrapper.image, div.content-wrapper.image[bgs='cover'] { background-size: cover; background-repeat: no-repeat; background-position: center; }
div.content-wrapper.image[bgs='contain'] { background-size: contain; }
div.content-wrapper.image[bgs='stretch'] { background-size: 100% 100%; }


div.custom-control.vertical div.content-wrapper.number span, 
div.custom-control.vertical div.content-wrapper.number input,
div.content-wrapper.v-number input { display: block; margin: auto; }

div.content-wrapper.gallery, div.content-wrapper.h-gallery { padding: 0; overflow-x: hidden; overflow-y: auto; }
div.content-wrapper.v-gallery { padding: 0; overflow-x: hidden; overflow-y: scroll; }
div.content-wrapper.v-gallery > table { height: 100%; width: 100%; vertical-align: top; }
div.content-wrapper.h-gallery > table { margin-top: 0px; }
div.content-wrapper.h-gallery > table td.photoCell > div { margin-top: 0px; }
div.content-wrapper.v-gallery > table td.photoCell > div { margin-top: 0px; margin-bottom: 5px; margin-right: 0px; }

div.custom-control button.fileLoader { 
	position: absolute; right: 18px; bottom: 2px; z-index: 101; 
	background-image: url(images/folder_24.png); background-repeat:no-repeat; background-position:center; 
	width: 32px; height: 32px; 
}
div.tablet div.custom-control button.fileLoader { background-image: url(images/camera_24.png); }

div.custom-control > span.checkbox { z-index: 10001; height: 100%; background-position: center; }
div.k-spreadsheet-cell.k-state-disabled { background-color: white; }
.custom-control-label { padding-right: 10px; padding-left: 10px; }
.custom-control.hide-me { display: none; }
  
#checklistCustomControls { position: absolute; left: 0; top: 0; /*border: 2px solid yellow;*/ }


div.k-toolbar a.k-button { background-repeat: no-repeat; background-position: center; }

#checklistSplitter.no-checklist-specified { display: none; } 
#checklistWrapperWrapper.no-checklist-specified { background-color: grey; } 
#checklistWrapperWrapper.no-checklist-specified > #checklistSpreadsheet { display: none; } 

#checklistWrapperWrapper.grid-only .k-spreadsheet-top-corner, 
#checklistWrapperWrapper.grid-only .k-spreadsheet-row-header, 
#checklistWrapperWrapper.grid-only .k-spreadsheet-column-header, 
#checklistWrapperWrapper.grid-only .k-spreadsheet-action-bar { display: none; }
#checklistWrapperWrapper.grid-only .k-spreadsheet-scroller { overflow: hidden; }
#checklistWrapperWrapper.grid-only .k-spreadsheet-data { /*left: 5px !important; top: 5px !important;*/ } /*changing where the checklist data is laid fucks up where the 'active cell' object is drawn*/
/* setting this class takes care of grid line visibility and some other things that apply to live checklists */
div.k-spreadsheet.live .k-selection-wrapper { display: none; }

#checklistWrapperWrapper { overflow-y: hidden; overflow-x: hidden; }
#checklistSpreadsheet { height: 100%; width: 100%; }

#checklistWrapperWrapper.grid-only, #checklistWrapperWrapper.tablet { overflow-y: scroll; }

#checklistWrapperWrapper.grid-only > #checklistSpreadsheet
, #checklistWrapperWrapper.grid-only > #checklistCustomControls 
, #checklistWrapperWrapper.tablet > #checklistSpreadsheet 
, #checklistWrapperWrapper.tablet > #checklistCustomControls { height: 5000px; }

#checklistWrapperWrapper.grid-only #checklistCustomControls { z-index: 10001; width: 100%; }

#saveToolBarButton { background-image: url('images/save-file_16.png'); width: 24px; height: 24px; }
#checkboxToolBarButton { background-image: url('images/checked_highlighted.gif'); width: 24px; height: 24px; }
#textboxToolBarButton { background-image: url('images/textbox_16.jpg'); width: 24px; height: 24px; }
#hNumberToolBarButton { width: 70px; }
#vNumberToolBarButton { width: 70px; }
#comboboxToolBarButton { background-image: url('images/combo-box-32x16.png'); width: 40px; height: 24px; }
#checklistToolBarButton { background-image: url('images/checklist_black_16.png'); width: 24px; height: 24px;  }
#radiolistToolBarButton { background-image: url('images/radio-list_16.png'); width: 24px; height: 24px; }
#imageToolBarButton { background-image: url('images/insertImage_16.png'); width: 24px; height: 24px; }
#hGalleryToolBarButton { width: 70px;}
#vGalleryToolBarButton { width: 70px;}

span.list-icon { background-image: url('images/list_black_16.png'); }

#checklistSpreadsheet span.k-sprite.k-icon.k-font-icon { width: 16px; height: 16px; background-size: auto;}

.k-grid td.serial-number-cell { text-align: right; padding-right: 10px !important; }

/* 3-State checkbox */
span.checkbox { height: 14px; width: 14px; background: url('images/unchecked.gif') no-repeat; background-size: contain; display: inline-block; cursor: pointer; }
span.checkbox:hover { background-image: url('images/unchecked_highlighted.gif'); }
span.checkbox[is_okay='1'], span.checkbox[is_active='1'] { background-image: url('images/checked.gif'); }
span.checkbox[is_okay='1']:hover, span.checkbox[is_active='1']:hover { background-image: url('images/checked_highlighted.gif'); }
span.checkbox[is_okay='-1'], span.checkbox[is_active='-1'] { background-image: url('images/intermediate.gif'); }
span.checkbox[is_okay='-1']:hover, span.checkbox[is_active='-1']:hover { background-image: url('images/intermediate_highlighted.gif'); }


div.control-configurator-property { display: block; margin-bottom: 10px; }
div.control-configurator-property > div { display: inline-block; vertical-align: middle; }
div.control-configurator-property > div.label { width: 100px; text-align: right; }
div.control-configurator-property > div.property { width: 280px; }

/*  ctlTool  */
    #toolConcatenation .tool-dimension { height: 60px; background-color: #657688; vertical-align: top; }
    #toolConcatenation .tool-dimension[binder_is_set="0"] { background-color: #7B3A3E; }

    #toolConcatenation .tool-dimension[binder_is_set="0"] input.k-input { color: #7B3A3E; font-weight: 700; }

    div.tool-dimension.project > input.label-over-ride { background-color: #aaa; }

    .tool-completer-dimension { border-radius: 5px; box-sizing: content-box; display: inline-block; margin: 5px; padding: 5px; text-align: center; border: 1px solid #012449; background-color: #657688; }

    #toolTablet .tool-dimension { height: 200px;  background-color: #657688; }
    .tool-dimension { border-radius: 5px; box-sizing: content-box; display: inline-block; margin: 5px; padding: 5px; text-align: center; width: 90px; border: 1px solid #012449; }

    .tool-dimension.empty-set { background-color: #7b3a3e !important; } 
    .tool-dimension.checkbox { background-color: #283A4D; height: 50px;  }
    .tool-dimension.checkbox.project { background-color: #272B4C; }
    .tool-dimension.checkbox.reference { background-color: #283A4D; }
    .tool-dimension.checkbox.status { background-color: #2E4A56; }
    .tool-dimension.target-hover { opacity: 1.0 !important; background-color: #101010; } 

    .tool-dimension .edit-set-button, .tool-dimension .set-info-label { width: 70px; display: inline-block; }
    .tool-dimension.checkbox > label { height: 30px; }

    .dimension-row { margin-top: 0px; margin-bottom: 10px; padding-bottom: 10px; display: inline-block; }
    .dimension-row > label { position: absolute; left: 0px; top: -10px; }

    .dragging { background-color: black; opacity: 0.8; }
    span.tool { background-color: #626A72; }
    span.named-set { background-color: #626A72; }
    span.named-set.selected, #selectedSetTree .selected { background-color: #06c !important; color: white; }
    span.named-set-element { background-color: #b6bdca; color: #263248; }
    span.tool.k-state-selected { background-color: #06c; }
    .set-info-label { margin-bottom: 4px; }
    #matrixWrapper .ps-scrollbar-y-rail { display: none; }

    div.empty-set > div.set-info > label { font-weight: 700; color: white; }
	div.label-and-checkbox { text-align: left; }
    div.label-and-checkbox > div { display: inline-block; vertical-align: middle; }

    .toolDataNode > .column.two { width: auto; }
    .toolDataNode > .column.two.warning, span.warning { font-weight: 700; background-color: indianred; padding: 2px; border-radius: 2px; }



/* ctlChecklists */
    span.control-configurator-button { 
        position: absolute; left: 0px; top: 0px; background-image: url("images/settings_16.png") !important; 
        background-size: 16px,16px !important; cursor: pointer; z-index: 11000; background-color: rgba(255, 255, 255, .75); 
    }
    div.custom-control.metadata-window-control-selected span.control-configurator-button { background-color: rgba(255, 255, 0, .75); }
    #controlEditorFileUploaderDiv div.k-upload-button { position: absolute; right: 10px; top: 10px; }
    #controlEditorFileUploaderDiv > div.k-widget.k-upload { height: 100%; background-color: transparent; }
    #controlEditorFileUploaderDiv em { display: none; }
    #controlEditorFileUploaderDivWrapper { height: 220px; width: 100%; background-size: contain; background-repeat: no-repeat; background-position:center; }
    #controlTypeSelector > label.ui-button.ui-widget { width: 125px; margin-top: 10px; }
    #controlTypeSelector > label.ui-button.ui-widget:last-of-type { border-color: crimson; color: crimson; }
    ul.k-upload-files { display: none; }
    div.list span.k-state-selected { background-color: #06c; }

    /* upload file button */
    .file-import-div { height: 30px; }

    .file-import-div > div.k-widget.k-upload { background-color: transparent; background-image: none; border: none; }

    .file-import-div div.k-dropzone { padding: 0; }

    .file-import-div div.k-button.k-upload-button { width: 23px; height: 23px; min-width: 23px !important;
        background-image: url("images/folder_black_16.png"); background-position: center; background-repeat: no-repeat; }


    .checklistDataNode, .toolDataNode, .checklistDataNode > .column, .toolDataNode > .column { display: inline-block; }
    .checklistDataNode > .column, .toolDataNode > .column { width: 50px; }
    .checklistDataNode > .column.one, .toolDataNode > .column.one { width: 100px; vertical-align: top; top: 2px; }
    .checklistDataNode > .column.two > span.padlock { width: 16px; height: 16px; display: inline-block; background-image: url(images/lock_red_16.png); }
    li.checkedOutByMe .checklistDataNode > .column.two > span.padlock { width: 16px; height: 16px; display: inline-block; background-image: url(images/unlocked_red_16.png); }


    .checklistDataNode > .column.two { border-radius: 4px; text-align: center; }
    li.checkedOutByMe div.column.two  { background-color: #43773f; }

	#checklistSpreadsheet div.k-spreadsheet-quick-access-toolbar > a { background-color: #F7F7F7; }
	#checklistSpreadsheet ul.k-tabstrip-items.k-reset.checkedOut { background-color: #9c3417; }
	#checklistSpreadsheet ul.k-tabstrip-items.k-reset.checkedOutByMe { background-color: #43773f; }


div.label-and-field > label { width: 75px; display: inline-block; }
span.count-note { color: #aaaaaa; }

.k-button.k-primary { vertical-align: bottom; }

div.k-tooltip-content > span { display: block; }

a.remove { background-image: url("images/delete-button_16.png"); display: inline-block; }