:root {
	--remOne: 0.25rem;
	--remTwo: 0.50rem;
	--remThree: 0.75rem;
	--remFour: 1rem;
}

body {
	color: #404040;
	background-color: #bfdbff;
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 12px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}


form {
	height: 100%;
	width: 100%;
}

input[type="text" i], span.input {
	padding: 1px 2px;
}

input[type="image"] {
	cursor: pointer;
	vertical-align: middle;
	border-width: 1px;
	border-radius: 3px;
	border-style: outset;
	border-color: rgba(104, 140, 175, 0.30);
}

	input[type="image"][disabled="disabled"]:not(.notgraywhendisabled) {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
		cursor: not-allowed !important;
	}

input.bg-danger, span.bg-danger {
	color: #fff;
	border-radius: 0.125rem;
}

.nowrap {
	white-space: nowrap;
}

.badge_red {
	display: inline-block;
	padding: 0.35em 0.65em;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	background-color: #c22727;
	/*border: #bfdbff solid 1px;*/
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge_blue {
	display: inline-block;
	padding: 0.35em 0.65em;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	background-color: #688caf;
	/*border: #bfdbff solid 1px;*/
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge_monitoring_red {
	display: inline-block;
	padding: 0.35em 0.65em;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	color: white;
	background-color: #dc3545;
	/*border: #bfdbff solid 1px;*/
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge_monitoring_blue {
	display: inline-block;
	padding: 0.35em 0.65em;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	color: white;
	background-color: #1E90FF;
	/*border: #bfdbff solid 1px;*/
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge_monitoring_green {
	display: inline-block;
	padding: 0.35em 0.65em;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	color: white;
	background-color: #198754;
	/*border: #bfdbff solid 1px;*/
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge_monitoring_yellow {
	display: inline-block;
	padding: 0.35em 0.65em;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	color: #212529;
	background-color: #ffc107;
	/*border: #bfdbff solid 1px;*/
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.text-overflow-ellipsis {
	text-overflow: ellipsis !important;
}

.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bg-transparent {
	background-color: transparent !important;
	background-image: none !important;
}

hr.border-primary {
	border-color: #688caf !important;
}

.RadGrid_Office2007 .rgHeader .clickable {
	cursor: pointer;
	font-weight: bold;
}

	.RadGrid_Office2007 .rgHeader .clickable:hover {
		color: blue;
		font-weight: bold;
		text-decoration: underline;
	}

.RadMenu.RadMenu_Flex {
	display: flex;
	margin-right: -0.5rem;
	width: 100%;
}

	.RadMenu.RadMenu_Flex ul.rmActive, .RadMenu.RadMenu_Flex ul.rmRootGroup, .RadMenu.RadMenu_Flex .rmVertical {
		display: flex;
		width: 100%;
	}

	.RadMenu.RadMenu_Flex .rmVertical {
		flex-direction: column;
	}

		.RadMenu.RadMenu_Flex .rmVertical .rmItem {
			margin-bottom: 0.25rem;
		}

			.RadMenu.RadMenu_Flex .rmVertical .rmItem.rmLast {
				margin-bottom: 0;
			}

	.RadMenu.RadMenu_Flex .rmLink {
		padding: 0 0 0 24px;
	}

	.RadMenu.RadMenu_Flex .rmLeftImage {
		margin: 3px 3px 0 -20px;
	}

	.RadMenu.RadMenu_Flex .rmVertical .rmText {
		margin: 0;
		padding: 0;
	}

	.RadMenu.RadMenu_Flex .rmVertical .rmRootLink .rmText {
		padding-right: 0;
	}

.RadToolBar_Office2007_Horizontal.bg-transparent .rtbOuter,
.RadToolBar_Office2007_Vertical.bg-transparent .rtbOuter {
	background-color: transparent !important;
	background-image: none !important;
}

.RadToolBar.border-0 .rtbOuter {
	border: 0 !important;
}

.RadToolBar_Horizontal .rtbIconOnly .rtbIcon, .RadToolBar_Horizontal .rtbTemplate input[type="image"] {
	height: calc(100% - 6px);
}

.RadToolBar_Vertical .rtbIconOnly .rtbIcon, .RadToolBar_Vertical .rtbTemplate input[type="image"] {
	width: calc(100% - 6px);
}

.RadToolBar.RadToolBar_Flex, .RadToolBar.RadToolBar_Flex > .rtbOuter,
.RadToolBar.RadToolBar_Flex > .rtbOuter > .rtbMiddle,
.RadToolBar.RadToolBar_Flex > .rtbOuter > .rtbMiddle > .rtbInner,
.RadToolBar.RadToolBar_Flex > .rtbOuter > .rtbMiddle > .rtbInner > .rtbUL {
	display: flex;
}

	.RadToolBar.flex-fill, .RadToolBar.RadToolBar_Flex > .rtbOuter,
	.RadToolBar.flex-fill > .rtbOuter > .rtbMiddle,
	.RadToolBar.flex-fill > .rtbOuter > .rtbMiddle > .rtbInner,
	.RadToolBar.flex-fill > .rtbOuter > .rtbMiddle > .rtbInner > .rtbUL {
		flex: 1 1 auto;
	}

.RadToolBar_Horizontal.RadToolBar_Flex .rtbUL,
.RadToolBar_Horizontal.RadToolBar_Flex .rtbItem,
.RadToolBar_Horizontal.RadToolBar_Flex .rtbTemplate,
.RadToolBar_Horizontal.RadToolBar_Flex .rtbSeparator {
	align-self: center;
}

.card-state-tooltip {
	background-color: transparent !important;
	border-color: transparent !important;
}

	.card-state-tooltip .k-card-title {
		margin: 0 0 4px;
	}

.z-index-0 {
	z-index: 0 !important;
}

.rtbSlide.z-index-1 {
	z-index: 1 !important;
}

.preformattedText {
	font-family: Segoe UI, Arial, sans-serif !important;
	font-size: 12px !important;
	margin: 0;
	padding: 0;
}

.StandardLayoutTable {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}

	.StandardLayoutTable tr td {
		padding: 0 0 3px 0;
	}

	.StandardLayoutTable tr:last-child td {
		padding: 0 0 3px 0;
	}

.StandardLayoutTableNotFixed {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

	.StandardLayoutTableNotFixed tr td {
		padding: 0 0 3px 0;
	}

	.StandardLayoutTableNotFixed tr:last-child td {
		padding: 0 0 3px 0;
	}

.StandardLayoutTableBig {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}

	.StandardLayoutTableBig tr td {
		padding: 0 0 10px 0;
	}

	.StandardLayoutTableBig tr:last-child td {
		padding: 0 0 10px 0;
	}

.StandardLayoutTableNoPadding {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}

	.StandardLayoutTableNoPadding tr td {
		padding: 0;
	}

.margin_left_5px {
	margin-left: 5px
}

.margin_right_5px {
	margin-right: 5px;
}

.margin_left_right_5px {
	margin-left: 5px;
	margin-right: 5px;
}

/* UCBristolScale */

.simple-picture-list .item:last-child {
	border-bottom: none;
}

.simple-picture-list .item {
	border-bottom: solid 1px #808080;
	font-size: 90%;
}

	.simple-picture-list .item .picture {
		height: 50px;
		width: auto;
	}

	.simple-picture-list .item .content {
		max-width: 275px;
		padding: 5px 0 5px 5px;
		vertical-align: top;
	}

/* Disable resizing of textarea's in FireFox and Chrome */

textarea {
	resize: none;
}

#wrap {
	color: #404040;
	height: calc(100vh - 23px);
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#SubjectMasterContent {
	background-color: #FFF;
	border: 1px solid #8DB2E3;
	border-top: 0;
	height: 100%;
}

#ManagementMasterContent {
	background-color: #FFF;
	border: 1px solid #8DB2E3;
	border-top: 0;
}

#SubjectDataSectionContent {
	/*display: contents;*/
	min-height: 450px;
	overflow: auto;
	padding: 3px;
}

/****************************************************
    Tabulateur de haut de page dans le MasterPage
*****************************************************/

#topleveltabs {
	list-style-type: none;
	margin: 3px 5px 0 8px;
}

#site-header .RadTabStripTop_Bootstrap .rtsLevel1 .rtsUL {
	border-bottom-width: 0 !important;
}

#topleveltabs .rtsLink {
	padding: 3px 1px 2px 1px;
}

	#topleveltabs .rtsLink:hover {
		background-color: #99B8DF;
		border-color: #99B8DF;
	}

#topleveltabs .rtsTxt {
	color: white;
	font-family: "Segoe UI", Arial;
	font-size: 14px;
}

#topleveltabs .rtsLink:hover .rtsTxt {
	text-decoration: underline;
}

#topleveltabs .rtsSelected .rtsTxt {
	color: #000;
	text-decoration: none !important;
}

#topleveltabs .rtsImg {
	padding-right: 2px;
}

/********************
    Section Plan
*********************/

.plan_table {
	border: solid 0px #3B5A82;
	font-size: 8.3pt;
}

.plan_table_header {
	background: url('images/bg-header-table.gif') repeat-x;
	background-color: #D3DBE9;
	font-size: 8.3pt;
	font-weight: bold;
}

.plan_table th {
	border-bottom: 1px solid #9EB6CE;
	border-right: 1px solid #9EB6CE;
	padding: 3px;
	text-align: center;
}

.plan_table td {
	border-bottom: 1px solid #D0D7E5;
	border-right: 1px solid #D0D7E5;
	padding: 3px;
	text-align: center;
}

.plan_table .pt_objective_row td {
	background-color: #F0F4F8;
}

.plan_table .pt_1stcolumn {
	padding: 3px 1px 0 0;
	white-space: nowrap;
}

	.plan_table .pt_1stcolumn input {
		display: inline;
		margin: 0;
		padding: 3px 0 0 0;
	}

.plan_table .pt_widecolumn {
	text-align: left;
	width: 100%;
}

.plan_table .pt_ciblecolumn div {
	font-size: 80%;
	white-space: nowrap;
}

.plan_table .pt_interv_row .pt_widecolumn {
	padding-left: 10px;
}

.plan_table .pt_lastcolumn {
	border-right: 0;
	width: 100px;
}

.plan_table .pt_lastrow td {
	border-bottom: 0;
}

.intervActions {
	background-color: #F0F4F8;
}

.planModifiedMessage {
	color: #B60000;
	display: inline; /*font-size: 8pt;*/
	font-weight: bold;
	margin-right: 10px;
}

.planStatusMessage {
	color: #000000;
	display: inline; /*font-size: 8pt;*/
	font-weight: bold;
	margin-right: 10px;
}

.quietPlanStatusMessage {
	color: #000000;
	display: inline; /*font-size: 8pt;*/
	font-weight: normal;
	margin-right: 10px;
}

/*.planCannotBeActivatedMessage
{
    color: #FF0000;
    font-weight: bold;
    margin-right: 10px;
    display: inline;
    /*font-size: 8pt;*/

/*}*/

/***********************
    Balises généraux
************************/

input, select, option, textarea {
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 12px;
}

fieldset, .fieldset {
	margin-top: 8px;
	margin-bottom: 8px;
	border: 0 solid #FFFFFF;
	border-top: 1px solid #000000;
	display: block;
}

	fieldset.border-1 {
		border: 1px solid #000000;
	}

	fieldset legend {
		color: #000;
		font-weight: bold;
		display: flex;
		padding-left: 4px;
		padding-right: 4px;
	}

	fieldset legend input[type=image] {
		margin-right: 2px;
		display: inline-block;
	}

	a.StandardLink {
		color: #4088b8;
		font-weight: bold;
		text-decoration: none;
	}

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

	a.StandardLink[disabled] {
		color: #888888;
	}

	a.StandardLink[disabled]:hover {
		cursor: auto;
		text-decoration: none;
	}

	a.StandardLink img {
		border: 0;
	}

	a.HyperLinkHover {
		color: #4088b8;
		font-size:1.17em;
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
	}  

/***********************
         Classes
************************/

.TabStripMultiPage {
	background-color: #FFF;
	border: none;
}

.AdminContentPage {
	background-color: #FFF;
	border: 1px solid #8DB2E3;
}

.whitebox {
	background-color: #FFF;
	border: 1px solid #8DB2E3;
	padding: 5px;
}

.box {
	background-color: #4088b8;
	border: 1px solid #c8c8c8;
	color: #ffffff;
	padding: 5px 5px 5px 8px;
}

	.box a {
		color: #f0f0f0;
	}

/*.left {	float: left; margin: 0 15px 4px 0; }*/

.right {
	float: right;
	margin: 0 0 4px 15px;
}

.center {
	text-align: center;
}

.blue {
	color: #4088b8;
}

.big {
	font-size: 1.3em;
}

.small {
	font-size: 0.8em;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}

.visible {
	display: block;
}

.fade {
	color: #c8c8c8;
}

.gray {
	color: #808080;
}

.photo {
	background-color: #ffffff;
	border: solid 1px #bababa;
	margin: 6px 18px 2px 5px;
	padding: 2px;
}

.TitleSection {
	border-bottom: solid 1px #000000;
	font-weight: bold;
	margin: 12px 4px 4px 4px;
	text-align: left;
}

.marginPadding_null {
	margin: 0px;
	padding: 0px;
}

/****************************************
    Panneau de contrôles utilisateurs
*****************************************/

.feedback_panel_ok, .feedback_panel_error, .feedback_panel_warning {
	box-sizing: border-box;
	font-weight: bold;
	padding: 2px 10px;
	position: absolute;
	width: 100%;
	z-index: 99999;
}

.FixWarningPanel {
	background-color: #ffffed;
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	font-weight: bold;
	margin: 1px;
	padding: 2px 5px 4px 5px;
	width: calc(100% - 2px); /* Retirer les marges */
}

.feedback_panel_ok {
	background-color: #EBF1DE;
	color: #006600;
}

.feedback_panel_warning {
	background-color: #FFFF00;
	color: #006600;
}

.feedback_panel_error {
	background-color: #C90000;
	color: #FFFFFF;
}

.feedback_close {
	cursor: pointer;
	float: right;
	padding: 5px;
	vertical-align: middle;
}

.feedback_icn {
	padding-right: 10px;
	vertical-align: middle;
}

/*************************************
    Highlight du texte avec JQuery
**************************************/

.highlight {
	background-color: yellow;
}

.common_header {
	color: #173660;
	font-size: 11pt; /*font-family: Tahoma;*/
	font-weight: bold;
}

.common_subheader {
	/*font-size: 8pt;    font-family: Tahoma*/
	color: #173660;
	font-weight: bold;
}

.common_table {
	border: solid 1px #9EB6CE;
	border-bottom: 0;
	border-right: 0; /*font-family:Tahoma;     font-size:8pt;*/
}

	.common_table th {
		border-bottom: 1px solid #9EB6CE;
		border-right: 1px solid #9EB6CE;
		font-weight: bold;
		padding: 3px;
		text-align: center;
	}

	.common_table td {
		border-bottom: 1px solid #D0D7E5;
		border-right: 1px solid #D0D7E5;
		font-weight: normal;
		padding: 3px;
		text-align: center;
	}

/*************************************************
    Affichage des données dans une grille
Utiliser dans un "div" de la grille subjectSummary
**************************************************/

.DivCellPadding {
	padding-left: 4px;
}

.DivBoldCellPadding {
	font-weight: bold;
	padding-left: 4px;
}

/*********************************
    Ajout des indisponibilités
**********************************/

#Unavailability {
	margin-left: 350px;
	position: absolute;
	top: 250px;
}

.defaultText {
	color: #000000;
}

.ActivePanelText legend {
	color: #000000 !important;
	font-weight: bold;
}

#adminCrumbtrail {
	font-size: 12pt;
	font-weight: bold;
}

	#adminCrumbtrail a {
		font-size: 12pt;
	}

.validatorWrap {
	left: -6px;
	position: relative;
	top: 3px;
}

	.validatorWrap div {
		display: inline !important;
		float: left;
		position: absolute;
	}

.GridHeader_Office2007 {
	background: url('images/sprite.gif') 0 -200px repeat-x #d3dbe9;
	border-bottom: solid 1px #9eb6ce;
	border-left: solid 1px #9eb6ce;
	padding: 3px 4px 3px 4px;
	text-align: left;
}

.greybutton {
	background: url('images/hborder.png') repeat-x 0px -27px;
	border: outset 1px #cccccc;
	cursor: pointer;
	margin: 0;
	padding: 3px 3px;
	text-decoration: none;
}

	.greybutton[disabled] {
		color: #888888;
		cursor: not-allowed;
	}

label[disabled] {
	color: #dddddd;
	cursor: default;
}

span[disabled] label {
	color: #cccccc;
	cursor: default;
}

span[disabled] {
	color: #cccccc;
	cursor: default;
}

.greybutton[disabled]:hover {
	border: outset 1px #cccccc;
}

input[type="button"] {
	cursor: pointer;
	text-decoration: none;
	background: url("images/hborder.png") repeat-x 0px -27px;
	border: outset 1px #cccccc;
	margin: 0;
	padding: 3px 3px;
	border-radius: 4px;
}

	input[type="button"][disabled],
	input[type="submit"][disabled] {
		color: #888888;
		cursor: not-allowed;
	}

	input[type="button"].default,
	input[type="submit"].default {
		background: initial;
		border-radius: 12px;
		margin: 2px;
		padding: 8px;
	}

	input[type="button"].blue,
	input[type="submit"].blue {
		border: outset 1px #D7E6F7;
		background-color: #D7E6F77F;
		color: #4c6796;
	}

	input[type="button"].floatright,
	input[type="submit"].floatright {
		float: right !important;
	}

.emptyPlanViewMsg {
	padding: 10px;
	text-align: left;
}

/************************************
    Nouvelle balise pour SYMO 2.0
    Entêtes principaux et
    Breadchrumbs dans les pages
*************************************/

.common_table2 {
	border: 1px solid #3B5A82;
	font-size: 8.3pt;
}

.common_table2_header {
	background: url('images/bg-header-table.gif') repeat-x;
	background-color: #D3DBE9;
	font-size: 8.3pt;
	font-weight: bold;
}

.common_table2 th {
	background-color: #F0F4F8;
	border-bottom: 1px solid #9EB6CE;
	border-right: 1px solid #9EB6CE;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}

.common_table2 td {
	border-bottom: 1px solid #D0D7E5;
	border-right: 1px solid #D0D7E5;
	font-weight: normal;
	padding: 3px;
}

.adminLink li {
	margin-top: 8px;
}

.formLayoutTable {
	border-collapse: collapse;
}

	.formLayoutTable th {
		padding-bottom: 5px;
		padding-right: 5px;
	}

	.formLayoutTable td {
		padding-bottom: 5px;
		padding-right: 5px;
	}

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

/*
//Subject//SubjectDataSections//StaticPersonnalInfoSection
*/

/* Pour faire un espace constant entre un control et
   le * du validateur dans le cas d'un radComboBox */

.validatorSpacing {
	margin-left: 5px;
}

/*
//CaseLoad//ResourceAssignmentDialog.ascx
//CaseLoad//RessourceAssignmentForVisitDialog.aspx  (.actionButtons seulement)
*/

.transferModeOption {
	padding: 0 0 10px 30px;
	white-space: nowrap;
}

.transferModes {
	padding: 0 0 10px 20px;
}

.actionButtons {
	padding: 35px 0 0 0;
	text-align: right;
}

.cursorFix {
	border: 1px solid #FF0000;
	cursor: pointer;
}

.bloodSamplingTrue {
	background-color: #FFDCB9;
}

.bloodSamplingFalse {
	background-color: white;
}

.labelDisplayBlock {
	display: block;
	margin-bottom: 0;
	padding: 0;
	vertical-align: bottom;
}

.modebar {
	background-color: #D6E8FF;
	border: none;
	border-bottom: 1px solid #8DB2E3;
	box-sizing: border-box;
	text-align: right;
	display: flex;
	padding: 5px;
	width: auto;
}
	.modebar > * {
		line-height: 32px;
		margin: auto 8px !important;
	}

	.modebar > input[type=button] {
		padding: 3px 12px;
		height: initial !important;
	}

/* S'applique seulement à
InterventionTemplateDetail.aspx et
InterventionTemplatePrecisionDialog.aspx */
	.HiddenTextOverflow {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.validationSummary {
	width: calc(100% - 16px); /* Retirer les marges */
	margin: 4px 8px 8px 8px;
}
	.validationSummary ul {
		list-style: none;
		margin-block-start: 0px;
		margin-block-end: 8px;
		padding-inline-start: 12px;
	}
		.validationSummary ul li::before {
			content: '▶';
			left: 8px;
			position: absolute;
		}
	.validationSummary.bottom-line:after {
		content: '';
		display: inline-block;
		height: 0px;
		width: calc(100% + 8px);
		margin: 0px -4px;
		border-top: none;
		border-bottom: 1px dotted red;
	}

textarea.invalid,
input[type="text"].invalid {
	border-color: red !important;
}

.errorMsg {
	color: #C90000;
	font-weight: bold;
}

.successMsg {
	color: #009900;
	font-weight: bold;
}

.rightToolbarSeparatorSpacer {
	margin-right: 5px;
}

.bigBlueLabel {
	color: #00156e;
	font-size: 12pt;
	font-weight: bold;
}

.mediumBlueLabel {
	color: #00156e;
	font-size: 10pt;
	font-weight: bold;
}

.smallBlueLabel {
	color: #00156e;
	font-size: 8pt;
	font-weight: bold;
}

.bigRedLabel {
	color: #800000;
	font-size: 12pt;
	font-weight: bold;
}

.mediumRedLabel {
	color: #800000;
	font-size: 10pt;
	font-weight: bold;
}

.smallRedLabel {
	color: #800000;
	font-size: 8pt;
	font-weight: bold;
}

.smallGrayLabel {
	color: gray;
	font-size: 8pt;
	font-weight: bold;
}

.bigLabel {
	font-size: 12pt;
	font-weight: bold;
}

.mediumLabel {
	font-size: 10pt;
	font-weight: bold;
}

.smallLabel {
	font-size: 9pt;
	font-weight: bold;
}

.separator {
	background-color: #00156e;
	border: none;
	height: 2px;
	margin-bottom: 10px;
	margin-top: 2px;
	width: 100%;
}

.redSeparator {
	background-color: #800000;
	border: none;
	height: 2px;
	margin-bottom: 10px;
	margin-top: 2px;
	width: 100%;
}

.leftSpacer {
	margin-left: 20px;
}

.leftSpacerWide {
	margin-left: 50px;
}

.rightSpacer {
	margin-right: 20px;
}

.rightSpacerWide {
	margin-right: 50px;
}

.topSpacer {
	margin-top: 5px;
}

.topSpacerBig {
	margin-top: 30px;
}

.bottomSpacer {
	margin-top: 5px;
}

.bottomSpacerBig {
	margin-bottom: 15px;
}

/***** UCInterventionPicker: BEGIN *****/

.UCInterventionPicker {
	color: #000000;
}

.UCInterventionPicker_Type_Dummy {
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	margin-left: 1px;
	margin-top: 2px;
	padding: 5px;
	text-align: center;
}

.UCInterventionPicker_Type_Plan {
	background: orange;
	font-weight: bold;
	margin-left: 1px;
	margin-top: 2px;
	padding: 5px;
}

.UCInterventionPicker_Type_Objective {
	background: lightblue;
	font-weight: bold;
	margin-left: 1px;
	margin-top: 2px;
	padding: 2px 0 2px 15px;
}

.UCInterventionPicker_Type_Intervention {
	margin-left: 1px;
	padding: 2px 0 2px 30px;
}

.UCInterventionPicker_SubTitle {
	font-style: italic;
	opacity: 0.6;
	padding-left: 10px;
}

.UCInterventionPicker_NoPadding {
	padding: 0 !important;
}

/***** UCInterventionPicker: END *****/

/***** UCComment: BEGIN *****/

.ucc_audit {
	color: #800000;
}

.ucc_additional_comment_list {
	list-style-type: decimal;
	margin-bottom: 5px;
	margin-top: 10px;
}

.ucc_additional_comment {
	margin-bottom: 5px;
}

.ucc_additional_comment_metadata {
	color: #00156e;
	font-style: italic;
}

.ucc_active_comment {
}

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

/***** UCComment: END *****/

.RadWindow_Sunset .rwTable {
	background: #ff0000 !important;
}

.RadWindow_Sunset table .rwTopLeft,
.RadWindow_Sunset table .rwTopRight,
.RadWindow_Sunset table .rwFooterLeft,
.RadWindow_Sunset table .rwFooterRight,
.RadWindow_Sunset table .rwFooterCenter,
.RadWindow_Sunset table .rwBodyLeft,
.RadWindow_Sunset table .rwBodyRight,
.RadWindow_Sunset table .rwTitlebar,
.RadWindow_Sunset table .rwTopResize {
	background-image: none !important;
}

.RadWindow_Borderless {
	background: white;
	border: solid 1px #688caf;
	border-radius: 5px;
}

.IsTransmitToProximiteRight {
	position: absolute;
	right: 5px;
	top: 5px;
}

	.IsTransmitToProximiteRight img {
		height: 16px;
	}

.RadToolBar.flex-grow-1 .rtbOuter {
	flex-grow: 1 !important;
}

.dot1 {
	background-color: #000;
	border-radius: 50%;
	display: inline-block;
	height: calc(1 * 4px);
	width: calc(1 * 4px);
}

.dot2 {
	background-color: #000;
	border-radius: 50%;
	display: inline-block;
	height: calc(2 * 4px);
	width: calc(2 * 4px);
}

.dot3 {
	background-color: #000;
	border-radius: 50%;
	display: inline-block;
	height: calc(3 * 4px);
	width: calc(3 * 4px);
}

.dot4 {
	background-color: #000;
	border-radius: 50%;
	display: inline-block;
	height: calc(4 * 4px);
	width: calc(4 * 4px);
}

.dot5 {
	background-color: #000;
	border-radius: 50%;
	display: inline-block;
	height: calc(5 * 4px);
	width: calc(5 * 4px);
}

.dot6 {
	background-color: #000;
	border-radius: 50%;
	display: inline-block;
	height: calc(6 * 4px);
	width: calc(6 * 4px);
}

.dot7 {
	background-color: #000;
	border-radius: 50%;
	display: inline-block;
	height: calc(7 * 4px);
	width: calc(7 * 4px);
}

.dot8 {
	background-color: #000;
	border-radius: 50%;
	display: inline-block;
	height: calc(8 * 4px);
	width: calc(8 * 4px);
}

.text-right {
    text-align: right !important;
}

.text-center {
	text-align: center !important;
}


/*Create Fluid RadSwitch*/
.RadButton.RadSwitch.fluidSwitch {
	box-sizing: border-box;
}

/*Create elastic RadSwitch*/
.RadButton.RadSwitch.elasticSwitch .k-switch-handle {
	width: 2em;
	height: 2em;
}

.RadButton.RadSwitch.k-switch-on.elasticSwitch .k-switch-handle {
	left: calc( 100% - 2em);
}

.RadButton.RadSwitch.elasticSwitch,
.RadButton.RadSwitch.elasticSwitch .k-switch-container {
	width: 4em;
}

.RadButton_Office2007.k-switch-on .k-switch-container {
	background-color: #60C67F !important;
}

.RadButton_Office2007.k-switch-off .k-switch-container {
	background-color: #FF2009 !important;
}

.RadToolTip .rtWrapper td.rtWrapperContent {
	padding: 4px !important;
}

/* Layout(s) */
	.layout {
	overflow: hidden;
}

.header {
}

	.header .RadMenu {
		white-space: nowrap;
		overflow: visible; /* Pour la visibilité des menus */
	}

.content {
}

.footter {

}

#main-layout {
}

	#main-layout .header {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		background-color: #99B8DF;
	}

		#main-layout .header .rmRootGroup {
			border-left: 0;
			border-top: 0;
		}
		#main-layout .header .rtsSelected {
			border-bottom: 0;
			border-color: #688CAF !important;
			background-color: #bfdbff !important;
		}

	#main-layout .content {
		padding: 0px;
	}

	#main-layout .footer {
		color: #333333;
		font-size: 0.8em;
		background: #adc9f7;
		border-top: inset thin #909898;
		background: #adc9f7;
		border-top: solid thin #909898;
		color: #333333;
		display: block;
		font-size: 0.8em;
		margin: 0px;
		padding: 4px;
		width: calc(100% - 8px); /*2 * padding*/
	}

		#main-layout .footer .details {
			display: flex;
			font-weight: bold;
			padding-left: 4px;
			padding-right: 4px;
			justify-content: space-between;
		}

			#main-layout .footer .details .left {
				padding-left: 8px;
				text-align: left;
			}
			#main-layout .footer .details .center {
				text-align: center;
			}
			#main-layout .footer .details .right {
				padding-right: 8px;
				text-align: right;
			}

	#main-layout .layout {
		height: 100vh;
		width: 100vw;
		background-color: #bfdbff;
	}

#page-layout {
	flex: 1;
	margin: 0px;
	padding: 0px;
	height: 100vh;
	width: 100vw;
}

	#page-layout .layout {
	}

	#page-layout .content {
		padding: 2px;
		width: calc(100% - 4px); /*2 * padding*/
	}

	#page-layout .header {
		padding: 4px;
		font-size: 12pt;
		font-weight: bold;
		text-overflow: ellipsis;
		background-color: #bfdbff;
	}

	#page-layout .footer {
		padding: 2px;
		background-color: #d6e8ff;
		border-top: thin inset #bfdbff;
		width: calc(100% - 4px); /*2 * padding*/
	}

/* Auto-size */

.user-section .symo-section {
}
.symo-section {
	overflow-y: auto;
	border: 1px solid #688caf;
	background-color: ghostwhite;
}

.symo-container {
	overflow-y: auto;
	border: 1px solid #688caf;
	background-color: ghostwhite;
}

.symo_mainScrollArea {
	overflow-y: auto;
}

.symo_expandableTable {
	border-spacing: 1px;
}

.symo_expandableTreeView {
}

.symo_expandableTreeList {
}

.symo_expandableGrid {
}

.symo_expandableScheduler {
}

.symo_expandableFieldset{
}

.symo_expandablePanel {
	padding: 2px 0px 2px 2px;
	width: calc(100% - 4px); /*2 * padding*/
}

	.symo_expandablePanel .RadPanelBar {
		overflow: auto;
		background-color: #F1F6FB;
	}

.symo_expandableTable {
}

.rgRow.strikeThroughGridRow,
.rgAltRow.strikeThroughGridRow {
	text-decoration: line-through;
}

.grayscaleImage
{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}

.DefaultImage {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}