/* version: 05/11/2020 

UPDATES

@ 051220 nb added grid header mobile select for word wrap; WebContainer on order form scrollbar issue resolved.
@ 051120 nb updated header style for mobile; and to fix word wrap on large screens;
*/

@media only screen and (max-width: 800px) {
	
	#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .CoveWebListKesslerBatteryFormSectionHeading td{
		border: none !important;
		white-space: break-spaces !important;
	}
	
	#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .WebList .WebList_Head .WebList_ColCap, .WebGrid .WebList_Head .WebList_ColCap {
        overflow: inherit;
        white-space: break-spaces;
    }
	
}

/* fixes scroll bar when we dont need one */
#OWEBAPP div[data-dfobj="oWebBatteryOrderForm"] .WebContainer {
    overflow: inherit;
}

#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .CoveWebListKesslerBatteryFormSectionHeading td{
	border: none !important;
	white-space: nowrap !important;
}

#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .CoveWebListKesslerBatteryFormSectionHeading td{
	background: rgb(176, 196, 222);
}

#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .CoveWebListKesslerBatteryFormSectionHeading .WebGrid_EditCell .WebForm input,
#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .CoveWebListKesslerBatteryFormSectionHeading .WebGrid_EditCell select {
	display:none !important;
}


/* help make input area stand out */
#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] tbody>tr>td:nth-child(1){ 
    color:black;
	border: 1px solid #0072C6;
    border-radius: 7px;
    -moz-box-shadow: 0px 0px 12px rgba(0,114,198,.75);
    -webkit-box-shadow: 0px 0px 12px rgb(0 114 198 / 75%);
    box-shadow: 0px 0px 12px rgb(0 114 198);
    margin: 7px;
    display: block;
}


#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .CoveWebListKesslerBatteryFormSectionHeading tbody>tr>td:nth-child(1){ 
    color:black;
	border:none !important;
    display:block;
	box-shadow: none;
	margin: 0px;
	border-radius: 0px;
}


/* links */
#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] tbody a:link{
	color:#2F75B5;
}
#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] tbody a:visited{
	color:honeydew;
}

/* adjust table padding margins */
#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .WebList_Table td {
	padding: 6px 4px 4px 4px !important;
}

/* selected row */
#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .WebList_Body .WebList_Selected{
    border: 2px solid #F4A11E !important;
}

/* selected input focus */
#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .WebForm input{
	background-color:transparent;
	transition: ease-in-out, background-color 1s ease-in-out;
}
#OWEBAPP div[data-dfobj="oWebBatteryOrderForm.oGrid"] .WebForm input:focus {
	background-color:yellow;
}