html, body {
	background-color: black;
	margin: 0 !important; padding: 0 !important;
	color: Black;
    font-weight: 400;
    font-family: "Roboto", "Minion", "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

#ContainerDiv {
	position: relative;
	height: 100%; width: 100%;
	overflow-x: hidden;
	overflow-y: visible;
	margin: 0 auto 0 auto;
	background-color: White;
}

div.k-loading-mask
{ z-index: 9999; }

div.k-loading-mask .processingMsg
{ position: absolute; left: 50%; top: 43%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#ShadeOverlayDiv { display: none; position: absolute; top: 0; left: 0; height:100%; width: 100%; z-index: 10; background: rgba(0,0,0,0.15); }

input[type="button"], a {  /* remove ugly orange border from android buttons */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}


/*****  Layout  *****/
#TopBarDiv
{ width: 100%; height: 7px; background-color: rgb(0,34,85); border-bottom: 1px solid Black; position: relative; }

#TopDiv
{ position: relative; height: 60px; border-bottom: 1px solid rgb(204,204,204); margin-top: 5px; position: relative; }

#LogoDiv
{ float: left; padding: 0; }

#MobileLogoDiv
{ float: right; padding: 0; }

#LogoDiv img, #MobileLogoDiv img
{ display: block; margin: auto auto; }

#MobileLogoDiv img
{ width: 60%; }

#TitleDiv
{ float: left; margin-top: 23px; }

#TitleDiv div
{ position: relative; color: rgb(0,34,85); font-size: 1.25em; }

#LogGridDiv, #ClientGridDiv, #SignonGridDiv
{ margin: 20px 30px !important; }

#MenuDiv
{ height: 37px; border-bottom: 1px solid rgb(204,204,204); display: none; position: relative; }

#TabStripDiv ul
{ list-style: none; padding: 0; margin: 0; }

#TabStripDiv li
{ float: left; margin: 0 0 0 7px; font-size: 0.9em; }

#HamburgerLI
{ padding-top: 3px; padding-right: 13px; }

#TabStripDiv a
{ text-decoration: none; display: block; padding: 10px 7px 0 7px; width: 6em; text-align: center; height: 26px; }

#TabStripDiv a.twoLines
{ padding-top: 0px !important; }

#TabStripDiv .selected
{ border-left: 1px solid rgb(204,204,204); border-right: 1px solid rgb(204,204,204); border-bottom: 5px solid white; }

#TabStripDiv .selected a
{ position: relative; top: 1px; }

#AlertDiv, #ActionDiv
{ position: absolute; right: 40px; padding-top: 5px; display: none; }

#ActionDiv
{ right: 20px !important; }

#AlertDiv img, #ActionDiv img
{ height: 16px; width: 16px; padding-top: 5px; }

#AlertDiv:hover, #ActionDiv:hover
{ cursor: pointer; }

#MenuHambDiv
{ position: relative; width: 0; height: 0; display: none; }
 
#MenuHambDiv div
{ position: absolute; width: 120px; z-index: 999; background-color: white; left: 0; top: 0; box-shadow: 5px 5px 8px 0px #adaeb3; border-radius: 3px; padding: 0 0 8px 0; }
/*{ position: fixed; z-index: 11; display: none; width: 300px; margin: 0 auto 0 auto; right: 0; left: 0; }*/

#MenuHambDiv div ul
{ list-style-type: none; padding-left: 0; margin-top: 10px; }

#MenuHambDiv div li
{ float: left; line-height: 25px; padding: 0px 18px 0px 10px; }

#MenuHambDiv div li:hover
{ cursor: pointer; }

#MenuHambDiv div a
{ text-decoration: none; }

#MenuHambDiv div li:hover a
{ text-decoration: none; color: White; }

.listDiv
{ margin: auto auto; text-align: center; padding: 3px 0 3px 0; font-size: 14px; }

.listDiv span:first-child
{ font-weight: 500; }

#ContentDiv
{ clear: both; position: relative; width: 100%; margin: 5px 2px 5px 2px; border: 0; padding: 0; }

#ContentDiv > div
{ margin: 5px auto; text-align: center; padding: 7px 0 0 0; position: relative; }

#RespondentGridDiv, #IdcDownTimeGridDiv, #PortalDownTimeGridDiv
{ margin-top: 20px; }

.logDiv
{ font-size: 12px !important; }

div.inputDiv  /* ReportDiv needed this extra spec? */
{ margin: auto auto; }

#ContentDiv input[type="checkbox"]
{ width: 25px; }

div.k-grid input[type="checkbox"]
{ width: 13px !important; margin: 1px !important; }

#StartPageCB~span
{ font-size: 0.85em; }

#ExitButton
{ float: left; }

#NextButton
{ float: right; }

#BottomDiv
{ clear: both; height: 150px; margin-top: 10px; width: 100%; border-top: 1px solid black; color: White; background-color: rgb(62,62,62); }

#RobertDiv
{ float: left; margin: 13px 0 0 17px; font-size: 0.75em; line-height: 1.5em; color: rgb(204,204,204); }

#HSHelpDiv
{ float: right; margin: 13px 17px 0 0; font-size: 0.75em; line-height: 1.6em; color: rgb(204,204,204); }

#ExistingGroupListDiv
{ padding-bottom: 5px; }

#BottomDiv .clickable
{ color: white; }

.clickable:hover
{ cursor: pointer; }

#InfoPopupBtnDiv, #InfoPopupCloseDiv
{ margin-top: 12px; margin-bottom: 9px; font-size: 0.95em; }

#PageNumDiv
{ position: absolute; top: 20px; right: 50px; width: 300px; text-align: right; z-index: 1001; }

#FilterDiv button
{ margin-top: 10px; margin-right: 8px; }

.reportPageChanger
{ font-size: 0.85em; }

.reportPageChanger:hover
{ cursor: pointer; }

#ReportLinkDiv
{ position: absolute; top: 45px; right: 50px; font-size: 0.90em; font-weight: bold; z-index: 1001; }

#ReportLinkDiv a
{ margin-left: 10px; color: blue; }

#ReportLinkDiv a:hover
{ color: #00B7FF; text-decoration: none; cursor: pointer; }

.reportMobilePadding
{ padding: 0 !important; }

.reportDesktopPadding
{ padding: 13px !important; }

#GroupSelect :first-child
{ color: red; }

#InfoPopupInputDiv textarea
{ padding-top: 7px; padding-bottom: 7px; margin-top: 10px; margin-bottom: 10px; font-size: 16px; font-family: "Roboto", "Minion", "Segoe UI", Verdana, Helvetica, Sans-Serif;  }

#InfoPopupInputDiv textarea:focus
{ outline: none !important; border-color: rgb(81, 89, 103); }

td.StatusStrCol img:hover
{ cursor: pointer; }

#EditPasswordPopupDiv ol div
{ float:right; padding-right: 10px; padding-top: 5px; }

.date { margin-top: 10px; }

#TestDataTable
{ width: 100%; }



/*****  Editor  *******/
#ProductInfoEditorDiv
{ background-color: rgb(235, 234, 237); }

#ProductInfoContentDiv {
	margin-bottom: 15px;
	min-height: 190px;
	background-color: White;
	overflow: scroll;
	outline: 1px solid #515967 !important;
}

#ProductInfoContentDiv h2, .column h3 {
	font-size: 24px;
	color: #2db245;
	font-family: "Droid Sans", DroidSansWeb, "Segoe UI", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

#ProductInfoTitle
{ margin: 10px 0 135px 0; }

#ProductInfoTitle input
{ margin-left: 7px; width: 400px; outline: 1px solid #515967 !important; border: none; padding: 3px 7px; }

#EditExistingDiv, #SaveProductInfoEntryDiv
{ text-align: center; }

div.k-editor-widget
{ z-index: 10070 !important; top: 215px !important; }

.zIndexEnforce
{ z-index: 10070 !important; }




/*****  General  *****/
.italic
{ font-style: italic; }

.hidden
{ visibility: hidden; }

#SubTitleDiv
{ font-size: 18px; font-weight: bold; margin: auto auto; text-align: center; margin: 13px 0 17px 0; }

#MsgPopupDiv
{ background-color: Red; }

a
{ color: Black; }

a:hover
{ color: Black; }

label
{ font-weight: 400; margin: 0; padding: 0; }

.alignLeft
{ text-align: left; }

.small
{ font-size: smaller; }

.bold
{ font-weight: bolder; }

.smallEmphasis
{ font-size: smaller; font-weight: bolder; }

.strikethrough_field
{ text-decoration: line-through; }

.outlineRequiredInput
{ outline: #f58e8e Groove 1px !important; }

.characterNotAllowed
{ height: 16px !important; font-size: 11px; clear: both; font-weight: 500; }

#AddRespondentsDiv .characterNotAllowed
{ margin-bottom: 7px; }


/*****  Common  *****/
.loading
{ background-color: White; border: 2px groove #d1d1d1; position: fixed; width: 100px; height: 100px; left: 50%; top: 50%; margin-top: -150px; margin-left: -50px; z-index: 50; }
	
.loading img
{ position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

#MainButtonDiv
{ clear: both; border-top: 1px solid rgb(204,204,204); height: 35px; padding: 13px 23px 0 23px; margin: 0; }

.buttonDiv
{ position: relative; padding-top: 13px; margin-bottom: 9px; text-align: center; }

.buttonDiv button
{ margin-right: 13px; width: 110px; }

.wideButton button, .wideButton select
{ font-size: 0.8em; width: 110px !important; margin-right: 9px !important; }

#DontShowHelpAgainDiv
{ float: right; padding-right: 10px; }

div.k-content legend
{ font-weight: 300; font-size: 1.0em; margin: 0; padding: 0 5px; width: auto; }

select.kendoLook
{ background-color: #f3f3f4; border-color: #dbdbde; border-radius: 4px; padding: 2px; color: rgb(81,89,103); }

#insertCustomTemplateSelect
{ padding: 4px; }



/*****  Landing *****/
#LandingDiv ol div
{ position: relative; width: 100%; height:auto; margin-bottom: 12px; border-radius: 5px; color: white; border: 1px solid; box-shadow: 4px 4px 3px grey; }

#LandingDiv ol div:hover
{ cursor: pointer; border-color: black; }

#LandingDiv ol div div
{ height: 35px; text-align: right; border: none; box-shadow: none; }

#LandingDiv ol div div ul
{ padding-left: 10px; }

#LandingDiv ol div div li 
{ height: 15px; padding-top: 5px; padding-right: 10px; text-align: left; list-style: circle inside; }

.selectDiv
{ background-color: #0d4951 }

.selectLeftDiv
{ float: left; width: 36% !important; font-size: 1.1em; margin-top: 10px; }

.selectRightDiv
{ float: right; width: 60% !important; }

.selectRightDiv li 
{ height: 20px !important; list-style-type: none; padding-left: 5px;}



/*****  List  *****/
#ContentDiv ol, div.k-window ol
{ margin: 0 0 15px 0; padding: 0; min-height: 20px; }

#ContentDiv li:not([role="treeitem"]), div.k-window li
{ height: 44px; list-style-type: none; padding-left: 5px; }

#ContentDiv li.twoLines
{ height: 67px; }

label.inputEntry
{ color: rgb(115,115,115); display: inline-block; float: left; clear: left; text-align: right; padding: 9px 5px 0 5px; }

input.inputEntry, select.inputEntry, textarea.inputEntry, #ListUpdateInput {  /* width is dynamically set in Layout.js */
	float: left;
	height: 2.13em;
	text-indent: .33em;
	border-radius: 4px;
	color: #515967;
	border: 1px solid #dbdbde;
	padding: 0 .3em;
	vertical-align: middle;
	font-size: 16px;
	font-family: Arial;
}

.inputEntry.largeInputEntry {
	height: 2.3em;
}

#SignInButton
{ background-color: rgb(230,230,230); margin-top: 7px; }

#SurveyDetailsDiv span.datePicker
{ padding: 0; width: 275px; } /* width specified in js code, but may need this here? */

.inputFullWidth
{ text-align: left; margin-left: 15px; width: 100%; padding-top: 13px; }

input[type="file"]
{ text-align: left; width: 100%; }

/* make the checkbox scale with the inputs */
input[type="checkbox"].inputEntry {
	width: 40px;
	margin-top: 7px;
	/*-ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5);*/
}

span.uneditable, input.uneditable
{ background-color: #DFE4E6; }

span.uneditable:hover, input.uneditable:hover
{ border-color: #DFE4E6; background-color: #DFE4E6; }

.marginDiv
{ color: rgb(115,115,115); display: inline-block; float: left; padding: 0 5px 0 5px; }

.listEntryLink
{ text-align: right; font-size: 0.85em; }

.listEntryLink label
{ color: rgb(115,115,115); }

.listEntryLink label:hover
{ cursor: pointer; }

.updateListEntry
{ height: 22px !important; }

.updateListEntry span.k-delete
{ margin-top: -2px; }

.updateListEntry span.k-delete:hover
{ cursor: pointer; }

#InfoLI
{ padding-top: 10px; }

#helpInfo ol
{ margin-top: 3px; }

#helpInfo li
{ display: list-item; list-style-type: disc; padding: 0; margin: 0; }

#ReportHeaderDiv
{ height: 50px; }

#ReportHeaderLeftDiv
{ float: left; margin-left: 15px; }

#ReportHeaderRightDiv
{ float: right; margin-right: 15px; }

#ReportOutputDiv>div:not(#ReportHeaderDiv)
{ clear: both; }

#ReportOutputDiv div img:not(.gsiReportThumbprintPage)
{ max-width: 100%; }

#ReportOutputDiv div.gsiReportThumbprintPage
{ float: left; margin: 0 0 17px 7px; }

#ReportOutputDiv div.gsiReportThumbprintPage > div:first-child
{ border: 2px solid black; }

#ReportOutputDiv div.gsiReportThumbprintPage > div.downloadPdf
{ float: right; padding-right: 5px; padding-top: 3px; font-weight: 600; font-size: 12px; }

#ReportOutputDiv div.gsiReportThumbprintPage > div > div
{ width: 150px; }

#ReportOutputDiv div.gsiReportThumbprintPage > div > div:first-child
{ cursor: pointer; height: 150px; border-bottom: 1px solid black; }

#ReportOutputDiv div.gsiReportThumbprintPage div > div:not(:first-child)
{ background: #e6e6e6; }

#ReportOutputDiv div.gsiReportThumbprintPage div.thumbnailExpand
{ /*float: right;*/ position: absolute; padding-right: 3px; right: 5px; bottom: 5px; }

#ReportOutputDiv div.gsiReportThumbprintPage div.thumbnailExpand img:hover
{ cursor: pointer; }

#ReportOutputDiv div.gsiReportThumbprintPage div > div.reportInfo
{ position: relative; height: 45px; padding-top: 7px; background: #e6e6e6; }

#ReportOutputDiv button:disabled
{ background: #6d7277; color: white; }

#ReportOutputDiv button:disabled:hover
{ cursor: default; }

#ContentDiv li a:not(.k-link)
{ text-align: left; float: left; padding-top: 13px; padding-left: 3px; color: Blue; }

#ContentDiv li a:hover
{ color: #3072FF; text-decoration: none; cursor: pointer; }

.helpPopup
{ padding-top: -7px; padding-left: 10px; float:none; }

.helpPopup:hover
{ cursor: pointer; }

span.k-warning
{ padding-bottom: 3px; }

.reportLink ~ a
{ margin-left: 7px; }



/*****  Add Company Popup  *****/
#AddCompanyPopup
{ border: 1px solid black; padding: 10px; }

#AddCompanyPopup label
{ display: inline-block; width: 100px; padding: 0 10px 0 10px; text-align: right; }

#AddCompanyPopup h3
{ text-align: center; color: Blue; }

#AddCompanyPopup .k-combobox
{ width: 300px; }

#AddCompanyPopup input
{ width: 300px; margin-right: 15px; }

#AddCompanyPopup button {
    margin: 1em 0 0 105px;
}
#AddCompanyPopup input[type="radio"]
{ width: 20px; }



/*****  Grids  *****/
#memberDiv, #MemberListDiv
{ width: 100%; height: 100%; position: relative; }

#memberGrid
{ margin-bottom: 3px; }

.clickCol
{ font-weight: 600; color: Blue; }

.clickCol:hover
{ color: #0080FF; text-decoration: none; cursor: pointer; }

#memberGrid .dateCol
{ text-align: center; }

#bulkUpdateGrid
{ margin-bottom: 3px; }

#existingCompanyAssocList:after, #existingRegionAssocList:after
{ content: " " }

#existingCompanyAssocList li, #existingRegionAssocList li
{ padding: 0; margin: 0; }

.memberDelBtn
{ padding: 0; margin: 0; }

#projectGrid .dateCol, #CoordGrid .numCol, #resultGrid .numCol
{ text-align: center; }

.questionCol
{ font-weight: bolder; }

#projectGrid
{ position: static !important; }

#IdcDownTimeGridDiv th, #PortalDownTimeGridDiv th  {
    font-weight: 700;
    font-size: 1em;
}

/*****  Headers & Footers  *****/
#gridHeaderDiv {
    width: 100%;
    text-align: left;
    height: 7px;
    margin-top: 7px;
}

#gridHeaderDiv .gridLeftDiv select
{ font-size: 0.95em; margin-right: 10px; }

#gridHeaderDiv a, #gridFooterDiv a
{ text-decoration: none; font-weight: 400; color: Blue; }

#gridHeaderDiv a:hover, #gridFooterDiv a:hover
{ color: #0080FF; text-decoration: none; cursor: pointer; }

#gridFooterDiv
{ width: 100%; height: 60px; text-align: left; margin-top: 10px; }

.gridLeftDiv
{ position: absolute; left: 0; }

.gridRightDiv
{ position: absolute; right: 0; }

.gridRightDiv, .gridLeftDiv
{ font-size: 0.85em; }

.gridRightDiv button, .gridLeftDiv button
{ font-size: 1.1em; margin-left: 7px; }

#CreateProjectBtn
{ font-size: 0.9em; padding: 7px 10px; }

.gridRightDiv div, .gridLeftDiv div
{ padding-left: 7px; padding-top: 3px; }

.gridLeftDiv > div.filter
{ width: 75px; margin-bottom: 7px; display: inline-block; text-align: right; padding-right: 5px; }

.gridCenterDiv
{ position: relative; text-align: center; }

#coordFileTreeView .k-sprite { background-image: url("../Images/coloricons-sprite.png"); }
.rootfolder { background-position: 0 0; }
.folder { background-position: 0 -16px; }
.pdf { background-position: 0 -32px; }
.html { background-position: 0 -48px; }
.image { background-position: 0 -64px; }

#coordFileTreeView
{ margin-left: 50px; text-align: left; padding: 7px 0 0 0; position: relative; }

#coordFileTreeView input[type="checkbox"] { margin-top: 5px; }

li[role="treeitem"] ul.k-group { margin-left: 20px !important; }



/*****  Input Fieldset  *****/
fieldset
{ border: 1px solid silver; margin: 10px; padding: 10px; min-width: 100px; display: inline-block; }

fieldset li
{ display: block; position: relative; margin-bottom: 15px; }

fieldset label
{ margin-right: 10px; position: relative; }

#rulesLI
{ height: 16px; padding-top: 7px; }

span.k-datepicker
{ padding: 0 !important; }

/*****  Company Association Lists  *****/
#rightMarginDiv
{ width: 250px; float: right; padding: 7px 0 0 0; }

#existingCompanyAssocList, #existingRegionAssocList
{ width: 100%; margin-bottom: 13px; }

#existingCompanyAssocList label, #existingRegionAssocList label
{ text-decoration: underline; }

#existingCompanyAssocList ul, #existingRegionAssocList ul
{ margin: 5px 0 7px 0; padding: 0; }

#existingCompanyAssocList ul li, #existingRegionAssocList ul li
{ margin: 0; padding: 0; }

#existingCompanyAssocList button, #existingRegionAssocList button
{ margin: 0; padding: 0; }



/****  Button - see http://www.bestcssbuttongenerator.com/  *****/
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#5c99d7;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #5c99d7;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:10px 13px;
	text-decoration:none;
}

.myButton:hover
{ background-color:#5c99d7; }

.myButton:active
{ position:relative; top:1px; }



/*****  Telerik Elements  *****/
/* http://www.telerik.com/forums/customize-add-delete-edit-buttons */
.abutton, div.k-grid .k-grid-edit, div.k-grid .k-grid-delete, div.k-grid .k-grid-cancel, div.k-grid .k-grid-update
{ display:inline-block; width:20px; height:26px; text-align:center; min-width:20px; border:0; }

/* Telerik popup widths are calculated and a non-0 margin forces a line-feed on width setting (i.e. longest) field */
.k-window-content label
{ margin-right: 0; }

.k-editor-inline
{ margin: 0; padding: 21px 21px 11px; border-width: 0; box-shadow: none; background: none; }

.k-editor-inline.k-state-active
{ border-width: 1px; padding: 20px 20px 10px; background: none; }

.k-editor-inline p
{ font-size: 13px; }

.k-grid .k-grid-header .k-header .k-link
{ height: auto; }

.k-grid .k-grid-header .k-header
{ white-space: normal; }

/*****  Downtime  *****/
#MaintenanceDiv
{font-size:12px;}

/*********** Shopper Test *******/
#ShopperTestDiv p
{
    font-size: 12px !important;
}