@import "../cslWeb/Styles/2023_01/main.css";
@import "../cslWeb/Styles/2023_01/App.css";

/*#region APPLICATION DEFAULTS */
:root {
	--main-PrimaryLight: #0e2739;
	--main-Primary: #0b1d2c;
	--main-PrimaryDark: #081621;
	--main-NavBarBackgroundHover: var(--main-PrimaryDark);
	--main-NavBarBorderColour: var(--main-PrimaryDark);
	--main-ButtonBackground: var(--main-Primary);
	--main-ButtonHoverBackground: var(--main-PrimaryLight);
	--main-ToolbarItemHover: var(--main-GreyScaleB);
	--main-ToolbarItemHoverBorder: var(--main-CtlBorder);
	--main-ToolbarItemHoverForeground: black;
	--main-TabSelectedBackground: #CCE4ED;
}
/*#endregion APPLICATION DEFAULTS */

/* ///////////////////////////////// */
/* DASHBOARD (HOME PAGE) */
/* ///////////////////////////////// */

.dashboard-chart-content {
	float: left;
	width: 440px;
	margin: 10px;
	background-color: var(--main-GreyScaleA);
	border: 1px solid var(--main-Border);
}

.dashboard-chart {
	height: 250px !important;
	margin: 0px;
}

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

.btnLogin {
	background-color: var(--main-GreyScaleB);
	border: none;
	color: black;
	cursor: pointer;
}

	.btnLogin.rbHovered {
		background-color: var(--main-GreyScaleC);
		color: black;
	}

.stopwatch-panel,
.tsweekly-panel {
	width: 100%;
	height: 44px;
	border: 1px solid var(--main-Border) !important;
	border-bottom: none !important;
	background-color: var(--main-GreyScaleA) !important;
	/*padding-left: 20px;*/
}

div.RadGrid_Silk.tsweekly-grid .rgHeader {
	white-space: normal !important;
}

/* PeopleView scheduler: truncate the description line to one line */
.rsAppointmentTemplate .apt-desc-trunc {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

/* ActivityView scheduler: keep the resource-header first line (job# + due date) on a single line */
.RadScheduler .rsResourceHeaderTemplateContainer > div > div:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* REP-175 Swap Parts: in swap mode, editable order-item cells are styled to look like input
   fields so it is obvious the whole grid is editable. The class is applied server-side
   (DataView_InitialiseRow) only to editable (non-received) lines while swap mode is on.
   !important + td.-specificity are required to beat the Telerik (Silk) skin's cell styling. */
td.rs-swap-cell,
.RadGrid td.rs-swap-cell,
.rgMasterTable td.rs-swap-cell {
	background-color: #fff7e6 !important;
	box-shadow: inset 0 0 0 1px #e0a93b !important;
	cursor: pointer !important;
}
td.rs-swap-cell:hover,
.RadGrid td.rs-swap-cell:hover,
.rgMasterTable td.rs-swap-cell:hover {
	background-color: #ffefcc !important;
}