html, body {
	height: 100%;
	position: relative;
}

html {
	overflow: hidden; /*Fix IE9*/
}

body {
	background-position: center top;
	font-size: 0.875em;
	font-family: "Open Sans", Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
	margin: auto;
	padding: 0;
	color: #292929;
}

input, textarea, .pure-g [class*="pure-u"], .pure-g {
	font-family: "Open Sans", Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
}

.serif, .serif * {
	font-family: 'Times New Roman', Times, serif !important;
}

iframe {
	border: 0;
}

pre {
	font-family: inherit;
}

.k-button.k-scheduler-resetSeries {
	display: none !important;
}

.k-selected, .k-button:active, .k-button.k-active, .k-draghandle.k-selected:hover {
	background-image: none !important;
}

	.k-selected, .k-selected:link, .k-selected:visited, .k-list-item.k-selected, .k-list-item.k-selected.k-hover, .k-list-item.k-selected:hover, .k-panel > .k-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-selected:hover, .k-scheduler .k-scheduler-toolbar .k-selected, .k-scheduler .k-today.k-selected, .k-marquee-color, .k-grid .k-table-row.k-table-alt-row.k-selected, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
		background-color: #3cb1f5;
		border-color: #3cb1f5;
	}

.k-calendar .k-footer .k-nav-today.k-hover, .k-calendar .k-footer .k-nav-today:hover {
	background-color: #3cb1f5;
}

.k-calendar-footer .k-button-text {
	color: #1984c8;
}

.k-tool.k-hover {
	background-color: #b6bdca;
}

.k-grid .k-table-tbody > .k-table-row.k-selected:not(.k-detail-row):hover {
	background-color: #3cb1f5;
}

.k-grid .k-table-row.k-table-alt-row {
	background-color: #E4E4E7;
}

.k-icon {
	background-repeat: no-repeat;
}

.k-i-collapse, .k-minus, .k-minus-disabled, .k-icon.k-i-arrow-s, .k-i-arrow-60-down {
	background-image: url("Images/iconBotArrowBl.svg") !important;
	background-position: center center !important;
	background-size: 11px 7px !important;
	background-repeat: no-repeat;
}

	.k-i-arrow-60-up::before, .k-i-arrow-60-down::before, .k-i-collapse::before, .k-minus::before, .k-minus-disabled::before, .k-i-arrow-s::before, .k-i-arrow-n::before {
		content: "";
	}

.k-icon.k-i-arrow-60-up, .k-i-arrow-n {
	background-image: url("Images/iconTopArrowBl.png") !important;
	background-position: center center !important;
	background-size: 11px 7px !important;
}

.blueDesign.k-tabstrip-scrollable .k-tabstrip-prev span.k-i-arrow-60-left::before,
.blueDesign.k-tabstrip-scrollable .k-tabstrip-next span.k-i-arrow-60-right::before {
	content: "" !important;
}

.blueDesign.k-tabstrip-scrollable .k-tabstrip-prev span.k-icon.k-i-arrow-60-left,
.blueDesign.k-tabstrip-scrollable .k-tabstrip-next span.k-icon.k-i-arrow-60-right {
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.blueDesign.k-tabstrip-scrollable .k-tabstrip-prev span.k-icon.k-i-arrow-60-left {
	background-image: url("Images/iconLeftArrowBlue.svg") !important;
}

.blueDesign.k-tabstrip-scrollable .k-tabstrip-next span.k-icon.k-i-arrow-60-right {
	background-image: url("Images/iconRightArrowBlue.svg") !important;
}

.blueDesign.k-tabstrip-scrollable .k-tabstrip-prev,
.blueDesign.k-tabstrip-scrollable .k-tabstrip-next {
	top: 22px !important;
}

.k-i-expand, .k-plus, .k-plus-disabled {
	background-image: url("Images/iconRightArrowBlack.svg") !important;
	background-position: center center;
	background-size: 7px 11px !important;
}

.k-i-expand::before, .k-plus::before, .k-plus-disabled::before {
	content: "";
}

.k-treeview .k-i-collapse {
	margin-top: 0;
}

header,
footer,
nav,
section {
	display: block;
}

::-webkit-scrollbar {
	width: 14px;
	height: 14px;
}

::-webkit-scrollbar-thumb {
	height: 6px;
	border: 4px solid rgba(0, 0, 0, 0);
	background-clip: padding-box;
	-webkit-border-radius: 7px;
	background-color: #d5d5d5;
}

::-webkit-scrollbar-button {
	display: none;
}

::-webkit-scrollbar-track {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.pure-u-1-7 {
	display: inline-block;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
	width: 14.286%;
}

.ContinueWith {
	display: inline-block;
	align-items: center;
	justify-content: center;
	background-color: white;
	color: #757575 !important;
	text-align: center;
	border-radius: 3px;
	width: 100%;
	cursor: pointer;
	margin-bottom: 10px;
	box-sizing: border-box;
	background-size: contain;
	padding: 10px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap;
	line-height: 24px;
	overflow: hidden;
	border: 1px solid #E4E4E7;
	background-size: 24px;
	background-position: 8px center;
}

.LinkTo {
	border-radius: 10px;
	width: 65px;
	height: 65px;
	background-size: 35px;
	background-position: center center;
	padding: 0px 10px;
	line-height: 65px;
}

	.ContinueWith:hover {
		box-shadow: 0 0 2px #515967;
	}

	.ContinueWith.LinkedIn {
		background-color: #0077B5;
		color: white !important;
		background-image: url("Images/LinkedIn.svg");
	}
    .ContinueWith.Microsoft {
        background-image: url("Images/MicrosoftIcon.svg");
    }

    .ContinueWith.Custom {
        background-image: url("Images/key.svg");
    }
	.ContinueWith.Facebook {
		background-image: url("Images/FacebookIcon.svg");
		border: 1px solid #1877f2;
		color: white !important;
		background-color: #1877f2;
	}

	.ContinueWith.Google {
		background-image: url("Images/GoogleIcon.svg");
	}
	.ContinueWith.Apple {
		background-image: url("Images/AppleIcon.svg");
	}


.pac-container {
	z-index: 100000;
}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */
.page {
	/*width: 90%;*/
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

header, #header {
	position: relative;
	margin-bottom: 0px;
	color: #000;
	padding: 0;
}

header h1, #header h1 {
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	color: #fff;
	border: none;
	line-height: 2em;
	font-size: 32px !important;
}

.title {
	display: block;
	text-align: left;
	height: 70px;
}

.logo {
	float: left;
	width: 100px;
}

.logo img {
	height: 70px;
	margin-top: 10px;
}

.userInfo {
	float: right;
	text-align: right;
	margin-top: 10px;
}

.userInfo-top {
	height: 25px;
}

.userInfo-bottom {
	height: 44px;
}

div#main {
	padding-top: 10px;
	border-bottom: 1px solid #c5c5c5;
	border-radius: 0px 0px 8px 8px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	_height: 1px; /* only IE6 applies CSS properties starting with an underscore */
	background: rgba(255, 255, 255, 0.8);
}

footer, #footer {
	color: #999;
	padding: 10px 0;
	text-align: center;
	line-height: normal;
	margin: 0;
	font-size: .9em;
}

#footer {
	width: 100%;
	position: absolute;
	bottom: 0px;
}

.pure-g > div {
	box-sizing: border-box;
}

/* MENU
----------------------------------------------------------*/
.menu {
	position: relative;
	border-radius: 8px 8px 0px 0px;
	text-align: left;
	background-image: none;
}

	.menu .t-item {
		border-width: 0 1px 0 0;
	}

	.menu .t-link {
		padding: 5px 20px;
		font-weight: bold;
		text-decoration: none;
		line-height: 1.8em;
	}



/* GENERAL
----------------------------------------------------------*/

.smallForm {
	width: 270px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 100px;
}

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

	.navlist li {
		display: inline;
		list-style-type: none;
		padding-right: 10px;
		padding-top: 1px;
	}

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

a.sprite_img_a {
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
	a.sprite_img_a.btnAccountgroup {
		height: 22px;
	}

.divIconTime {
	background-image: url("Images/iconTime.png");
	background-position: center center;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	vertical-align: middle;
}

.divIconTimeSmall {
	background-size: 18px;
}

/**************************/
/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-size: 1.5em;
	color: #000;
}

h1 {
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}

h2 {
	padding: 0 0 10px 0;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5, h6 {
	font-size: 1em;
}

a {
	color: #000;
}

li {
	line-height: 1.6;
}

/* this rule styles <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
	margin-top: 0;
}


/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/

fieldset {
	border: 1px solid #262626;
	border-radius: 8px;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 0 0;
}

legend {
	font-size: 1.2em;
	font-weight: bold;
}

textarea {
	min-height: 75px;
}

input[type="text"], input[type="password"], input.text-box, textarea.formInput {
	border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table {
	border: solid 1px #e8eef4;
	border-collapse: collapse; 
}

	table td {
		padding: 5px;
		border: solid 1px #e8eef4;
	}

	table th {
		padding: 6px 5px;
		text-align: left;
		background-color: #e8eef4;
		border: solid 1px #e8eef4;
	}

.borderlessTable, .borderlessTable tr, .borderlessTable td {
	border: none;
}

/* MISC
----------------------------------------------------------*/
.clear {
	clear: both;
}

.horizontalLine {
	height: 1px;
	background-color: #C4C4C4;
	margin-bottom: 20px;
}

.error {
	color: Red;
}

#logindisplay {
	font-size: 1.1em;
	display: block;
	text-align: right;
	margin: 10px;
	color: White;
}

	#logindisplay a:link {
		color: white;
		text-decoration: underline;
	}

	#logindisplay a:visited {
		color: white;
		text-decoration: underline;
	}

	#logindisplay a:hover {
		color: white;
		text-decoration: none;
	}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #ff0000;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid {
	display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
	margin: 1em 0 0 0;
}

.display-field,
.editor-field {
	margin: 0.5em 0 0 0;
}

.text-box {
	width: auto;
}

.text-box, .k-input {
	font-size: 1.1em;
	color: #292929 !important;
}

.text-box.multi-line {
	height: 6.5em;
}

.tri-state {
	width: 6em;
}

.disabledField {
	background-color: #dddddd;
}


/*
------------
*/
.dvLeftPanel {
	float: left;
	width: 30%;
}

.dvRightPanel {
	float: right;
	width: 70%;
}

.box {
	border: 1px solid #262626;
	margin-right: 5px;
	margin-bottom: 5px;
}

.box .box-title {
	background: #262626;
	color: white;
	padding: 5px 10px;
	height: 15px;
}

.box .box-content {
	padding: 5px 10px;
	overflow: auto;
}

.btnDelete {
	background: transparent url('Images/iconDeleteLight.svg') no-repeat center center;
	background-size:17px 21px;
}

.btnDeleteAccess {
	background: transparent url("Images/closeIconGray.png") no-repeat center center;
	background-size: 17px;
}

.btnDelete.black {
	background-image: url('Images/iconDeleteBlack.svg');
}

.btnDelete.dark {
	background-image: url('Images/iconDelete.svg');
}

.btnDelete:hover {
	background-image: url('Images/iconDeleteBlue.svg');
}

.btnDeleteAccess:hover {
	background-image: url('Images/closeIconDark.png');
}
.btnCopy.black {
	background-image: url('Images/iconCopyBlack.svg');
}

.btnAccountgroup {
	background: url('Images/iconAccountGroup.svg') no-repeat center center;
	background-size:contain;
	font-size:12px;
 
}

	.btnAccountgroup:hover {
		background: url('Images/iconAccountGroupBlue.svg') no-repeat center center;
		background-size: contain;
	}

.IconBtnCopy, .IconBtnPreview, .IconBtnAccess, .IconBtnDelete, .IconBtnEdit, .IconBtnExpand, .IconBtnCollapse, .IconBtnReference {
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	height: 26px;
	cursor: pointer;
	background: transparent center no-repeat;
}

.IconBtnCopy {
	background-image: url('Images/iconCopyWhite.svg');
}

.IconBtnReference {
	background-image: url('Images/fileTypeIcons/Reference_blanc.svg');
	margin:2px;
}

.IconBtnPreview {
	background-image: url('Images/Preview_blanc.svg');
	background-size:27px 16px;
}

.IconBtnAccess {
	background-image: url('Images/iconUserWhite.svg');
}

.IconBtnDelete {
	background-image: url('Images/iconDeleteWhite.svg');
	background-size: 17px 21px;
}

.IconBtnEdit {
	background-image: url('Images/EditWhite.svg');
	background-size: 22px 22px;
}

.IconBtnExpand {
	background-image: url('Images/expand.png');
	width: 26px;
}

.IconBtnExpandBlack {
	background-image: url('Images/expandBlack.png');
}

.IconBtnCollapse {
	background-image: url('Images/collapse.png');
}

.IconBtnCollapseWhite {
	background-image: url('Images/collapseWhite.png');
}

.IconBtnCollapseBlack {
	background-image: url('Images/collapseBlack.png');
}

.IconBtnConfigure {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: transparent url('Images/gearWhite.svg') center no-repeat;
	height: 26px;
	cursor: pointer;
	background-size: 26px;
}

.btnDistribution {
	background: transparent url('Images/DistributionModuleBlue.svg') no-repeat 0 0;
}

.IconBtnDistribution {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: transparent url('Images/DistributionModuleWhite.svg') center no-repeat;
	height: 26px;
	cursor: pointer;
	background-size: 26px;
}

.btnTimeline {
	background: transparent url('Images/Timeline.svg') no-repeat 0 0;
}

.IconBtnTimeline {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: transparent url('Images/TimelineWhite.svg') center no-repeat;
	height: 24px;
	cursor: pointer;
	background-size: 24px;
}

#LayoutHeader .ui-menu .ui-menu-icon, .GearConfig {
	display: block;
	background-image: url("Images/gearLight.svg");
	background-position: center center;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.btnConfigureFile .t-icon {
	background: transparent url('Images/16x16/settings.png') no-repeat 0 0;
}

.btnEdit {
	background: transparent url('Images/EditGray.svg') no-repeat center center;
	background-size:22px;
}

.btnEdit.black {
	background-image: url('Images/EditBlack.svg');
}

.btnEdit.dark {
	background-image: url('Images/Edit.svg');
}

.btnEdit:hover {
	background-image: url('Images/EditBlue.svg');
}

.btnPlus {
	background: transparent url('Images/plusGray.svg') no-repeat center center;
	background-size: 22px;
}

.btnPlus:hover {
	background-image: url('Images/plusBlue.svg');
}

.btnEditPermissions .t-icon {
	background: transparent url('Images/16x16/permissions.png') no-repeat 0 0;
}

.redBtn {
	background-color: #F54A3C !important
}

	.redBtn:hover {
		background-color: #ef8178 !important;
	}

.blueBtn {
	background-color: #3cb1f5 !important
}

	.blueBtn:hover {
		background-color: #3cb1f5c4 !important;
	}

.greenBtn {
	background-color: #69e059 !important
}

	.greenBtn:hover {
		background-color: #69e059c9 !important;
	}

.CollapsablePane {
	width: 99%;
}

	.CollapsablePane .box-title {
		padding-left: 32px;
	}

.ReadOnlyFolder, .EditableFolder {
	width: 0px;
}

.LabledActionIcon.DeleteAction {
	background: transparent url('Images/delete.png') no-repeat;
	background-position: right;
	padding-right: 20px;
}

.t-grid .t-alt {
	background: #E3EEFF;
}

.t-grid .t-state-selected {
	background-color: #ffd176;
}

/***********/
.k-selectable tr {
	cursor: pointer;
}

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

.led-red {
	margin: 20px auto;
	width: 12px;
	height: 12px;
	background-color: #940;
	border-radius: 50%;
	box-shadow: #000 0 -1px 7px 1px, inset #600 0 -1px 9px, #F00 0 2px 12px;
}

.led-yellow {
	margin: 20px auto;
	width: 12px;
	height: 12px;
	background-color: #EBE325;
	border-radius: 50%;
	box-shadow: #42412A 0 -1px 7px 1px, inset #EBC21E 0 -1px 9px, #EEDD15 0 2px 12px
}

.led-orange {
	margin: 20px auto;
	width: 12px;
	height: 12px;
	background-color: #EB8425;
	border-radius: 50%;
	box-shadow: #42412A 0 -1px 7px 1px, inset #EBC21E 0 -1px 9px, #414036 0 2px 12px
}

.led-green {
	margin: 20px auto;
	width: 12px;
	height: 12px;
	background-color: #690;
	border-radius: 50%;
	box-shadow: #000 0 -1px 7px 1px, inset #460 0 -1px 9px, #7D0 0 2px 12px;
}

.led-blue {
	margin: 20px auto;
	width: 12px;
	height: 12px;
	background-color: #4AB;
	border-radius: 50%;
	box-shadow: #000 0 -1px 7px 1px, inset #006 0 -1px 9px, #06F 0 2px 14px;
}

.led-gray {
	margin: 20px auto;
	width: 12px;
	height: 12px;
	background-color: #F1F1F1;
	border-radius: 50%;
	box-shadow: #4D4D4D 0 -1px 7px 1px, inset #5C5C6F 0 -1px 9px, #C9CDD3 0 2px 14px;
}
/**************/

/******PRESENCE ******/

.PresenceButton {
	margin: 0px;
	height: 100%
}

.PresenceMember {
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-color: #dddddd;
	white-space: nowrap;
	cursor: pointer;
	border: 0px none;
	border-radius: 3px !important;
}

	.PresenceMember.ui-state-hover {
		color: black;
		/*cursor:pointer;*/
	}

.PresenceIndicatorIcon {
	position: relative;
	width: 17px;
	height: 17px;
	background-color: white;
	display: inline-block;
	border-radius: 8px
}

.PresenceIndicatorIcon_Busy {
	background-color: #c83327;
}

.PresenceIndicatorIcon_Office {
	background-color: #39b54a;
}

.PresenceIndicatorIcon_OutOfOffice {
	background-color: #5f5f5f;
}

.PresenceIndicatorIcon_DutyKiosk {
	background-color: #f78d25;
}

.PresenceIndicatorIcon_DutyOffice {
	background-color: yellow;
}

.PresenceIndicatorIcon_Vacation {
	background-image: url("Images/gris.png");
}

.PresenceIndicatorIcon_Grey {
	background-color: grey;
	color: grey;
}

.PresenceIndicatorIcon_Black {
	background-color: black;
	color: black;
}

.PresenceIndicatorIcon_Red {
	background-color: red;
	color: red;
}

.PresenceIndicatorIcon_LightRed {
	background-color: lightcoral;
	color: lightcoral;
}

.PresenceIndicatorIcon_Orange {
	background-color: orange;
	color: orange;
}

.PresenceIndicatorIcon_Yellow {
	background-color: yellow;
	color: yellow;
}

.PresenceIndicatorIcon_LightYellow {
	background-color: lightyellow;
	color: lightyellow;
}

.PresenceIndicatorIcon_Mauve {
	background-color: violet;
	color: violet;
}

.PresenceIndicatorIcon_Blue {
	background-color: blue;
	color: blue;
}

.PresenceIndicatorIcon_LightBlue {
	background-color: lightblue;
	color: lightblue;
}

.PresenceIndicatorIcon_Green {
	background-color: #7cd570;
	color: #7cd570;
}

.PresenceIndicatorIcon_LightOrange {
	background-color: lightpink;
	color: lightpink;
}

.PresenceIndicatorIcon_SteelBlue {
	background-color: steelblue;
	color: steelblue;
}

.PresenceIndicatorIcon_DarkGreen {
	background-color: darkgreen;
	color: darkgreen;
}

.PresenceIndicatorIcon_FireBrick {
	background-color: firebrick;
	color: firebrick;
}


/*THREE COLUMN LAYOUT*/
.colmask {
	position: relative; /* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
	min-width: 1000px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float: left;
	width: 100%; /* width of page */
	position: relative;
}

.col1,
.col2,
.col3 {
	float: left;
	position: relative;
	padding: 0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead
					only padding top and bottom is included here, make it whatever value you need */
	overflow: hidden;
}
/* 3 Column settings */
.threecol {
}

	.threecol .colmid {
		right: 27%; /* width of the right column */
	}

	.threecol .colleft {
		right: 50%; /* width of the middle column */
	}

	.threecol .col1 {
		width: 40%; /* width of center column content (column width minus padding on either side) */
		left: 99%; /* 100% plus left padding of center column */
	}

	.threecol .col2 {
		width: 21%; /* Width of left column content (column width minus padding on either side) */
		left: 37%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

	.threecol .col3 {
		width: 36%; /* Width of right column content (column width minus padding on either side) */
		left: 78%; /* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

.presenceFilter {
	min-height: 52px;
}

/*END PRESENCE STYLES*/

/* MVC DYNAMIC FORMS*/

/* By default, every field is wrapped with this.
			we can modify the wrapping element
			and nearly all class names of rendered Html  */
.MvcDynamicForm div.MvcFieldWrapper, .FormattedForm div.MvcFieldWrapper {
	margin-bottom: 2em; /* provides spacing between fields */
}

/* These are used to style the labels that accompany
			your input elements. */
.MvcDynamicForm label.MvcDynamicFieldPrompt, label.MvcDynamicFieldError {
	display: inline-block !important; /* causes labels to appear above their input elements */
	vertical-align: top;
}

.MvcDynamicForm label.MvcDynamicFieldPrompt, label.MvcDynamicFieldError, .FormattedForm label {
	width: 15% !important;
}

.MvcDynamicForm .MvcFieldWrapper input[type="text"] {
	min-height:36px;
}

.MvcDynamicForm label.MvcDynamicFieldError {
	color: Red; /* ERROR! */
}

/* Used to style the unordered lists that contain
			radio button lists and checkbox lists */
.MvcDynamicForm ul.MvcDynamicOrientableList {
	list-style-type: none; /* prevents bullets from showing next to input elements */
}

	.MvcDynamicForm ul.MvcDynamicOrientableList label {
		display: inline;
	}

/*  Used to style the list fields that can
			go in either vertical or horizontal directions
			(CheckboxList & RadioList) */
.MvcDynamicForm ul.MvcDynamicHorizontal li {
	display: inline; /* causs list items to display horizontally */
	margin-right: 1em; /* provides spacing between input elements */
}

/* Other unused selectors. These should be self-explanatory by now. */
.MvcDynamicForm ul.MvcDynamicVertical {
}

	.MvcDynamicForm ul.MvcDynamicVertical li {
	}

.MvcDynamicForm label.MvcDynamicCheckboxPrompt {
}

.MvcDynamicForm textarea, .FormattedForm textarea, .MvcDynamicForm input[type="text"] {
	width: 100%;
	background-color: #f3f3f3;
	border: 0px solid;
	box-shadow: none;
}

._dynForm_ITESStudioFileSelect_txt {
	display: none !important;
}

.MvcDynamicForm ._dynForm_ITESStudioFileSelect_img {
	max-width: 100px;
	max-height: 100px;
}

/* END MVC DYNAMIC FORMS*/

/****/
input.SliderTxtIndicator {
	border: none;
	width: 30px;
}

/***/

.MessageGroupWizard_MainDataContainer {
	height: 430px;
	overflow-y: auto;
}

/******LAYOUT MAIN PAGE****/
#LayoutMainLogo {
	height: 100%;
	padding: 6px 2px;
	margin-left: 40px;
}
@media (max-width: 1279px) {
	#LayoutMainLogo {
		margin-left: 0px;
	}
}

#LayoutMainLogo > div {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 100%;
}

#LayoutNotificationsArea {
	position: fixed;
	top: 92px;
	right: 45px;
	z-index: 20000;
	max-width: 30vw;
}

#LayoutNotificationsArea .notificationContainer {
	min-width:200px;
	border-radius:10px;
	margin-top:10px;
	background-color:white;
	color:black;
	background-repeat:no-repeat;
	background-position:17px center;
	background-size: 28px;
	padding:3px;
}

#LayoutNotificationsArea .notificationContainer .content{
	flex-grow:1;
	padding:0px 20px;
}

#LayoutNotificationsArea .notificationContainer .notificationInnerContainer {
	display:flex;
	padding:10px;
	background-color: white;
	margin-left:57px;
	border-radius:0px 10px 10px 0px;
}

#LayoutNotificationsArea .notificationContainer.warning{
	background-color: #f5983c;
	background-image: url("Images/Alert_Borders.svg");
}

#LayoutNotificationsArea .notificationContainer.error{
	background-color: #f64b3a;
	background-image: url("Images/Alert_Critical_Borders.svg");
}

#LayoutNotificationsArea .notificationContainer.success{
	background-color: #69e059;
	background-image: url("Images/Alert_Resolved_Borders.svg");
}

#LayoutNotificationsArea .notificationContainer.info{
	background-color: #adadad;
	background-image: url("Images/Alert_Expired_Borders.svg");
}

#LayoutNotificationsArea .notificationContainer .k-icon.k-i-close{
	width: 15px;
	flex-shrink: 0;
}

.LayoutWebMenu {
	height: 100%;
	padding-left: 5%;
	padding-right: 5px;
	flex-grow: 2;
	flex-shrink: 0;
}

.LayoutWebMenu .k-menu {
	background-color: #262323;
	border: none;
	height: 100%;
}

.LayoutWebMenu .k-menu li {
	height: 100%;
	border: none;
}

.LayoutWebMenu .menu > li > a.k-link {
	max-width: 150px;
}

.LayoutWebMenu .menu > li > *.k-link {
	border: none;
}

.LayoutWebMenu .k-menu .k-menu-link.k-active {
	background-color: #444343;
	color: white;
}

.LayoutWebMenu .k-menu .k-menu-group {
	background-color: white;
}

.LayoutWebMenu .k-menu .k-menu-popup .k-menu-link {
	color: #444343 !important;
	font-size: 0.933em;
	font-weight: 600;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: transparent;
}

.LayoutWebMenu .k-menu .k-item .k-hover {
	background-color: #d5d5d5 !important;
}

.LayoutWebMenu .k-menu .k-last {
	border: none;
	border-style: none;
}

.LayoutWebMenu .k-menu .k-highlight {
	background-color: #262323;
}

.LayoutWebMenu .menu > li.k-item.k-hover {
	background-image: none;
	background-color: #444343 !important;
}

.LayoutWebMenu .menu > li.k-item {
	background-color: #262323;
	color: white !important;
	font-weight: bold;
}

.LayoutWebMenu .k-link {
	color: white !important;
	text-transform: uppercase;
	/*padding-left:30px;*/
}

.LayoutWebMenu .k-i-arrow-s {
	margin-left: 10px;
	background-image: url("Images/menu_arrow.png") !important;
	background-position: center center !important;
	background-repeat: no-repeat;
}

.LayoutWebMenu .k-i-arrow-s::before {
	content: "";
}

.k-menu-popup {
	box-shadow:none;
}
.k-menu-popup > .k-menu-group{
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
}

#MainLayout {
	display: flex;
	flex-direction: column;
	min-height: 0;
	height: 100%;
}

#LayoutMainContainer {
	box-sizing: border-box;
	flex-grow: 1;
	height: 100%;
	overflow-y: auto;
}

#UpdateNotificationBanner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
	padding: 20px 20px;
	font-weight: 700;
	background-color: #3cb1f5;
	color: #FFF;
}

@media screen and (min-width: 1279px) {
	#UpdateNotificationBanner {
		padding: 50px 20px;
		flex-direction: row;
		gap: 12px;
	}
}

#LayoutHeader {
	flex-shrink: 0;
	display: flex;
	height: 92px;
	background-color: #262323;
	font-size: 1em;
	z-index: 5000;
}

	#LayoutHeader > div {
		display: inline-block;
	}

#LayoutHeader a {
	text-decoration: none;
}

#LayoutHeader h1 {
	font: normal 340%/100% "Lucida Grande", Arial, sans-serif;
	color: #fff;
}

/***USER MENU***/
#LayoutHeader .ui-widget {
	font-size: 16px;
	color: white;
}

#LayoutHeaderRightMenu > div {
	color: white;
	flex-shrink: 0;
}

#LayoutHeaderRightMenu a {
	color: white;
}

#LayoutHeaderRightMenu {
	padding: 0 45px;
	flex-grow: 1;
	display: flex !important;
	justify-content: flex-end;
	/* overflow: hidden; */
	align-items: center;
}

	#LayoutHeaderRightMenu .LayoutWebMenu {
		flex-grow: 0;
	}

.GearConfig {
	display: block;
	background-image: url("Images/gearLight.svg");
	background-position: center center;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.k-state-border-down .GearConfig {
	background-color: white;
}

#divLangChange {
	margin-right: 25px;
	border-radius: 22px;
	border: none;
	outline: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height:44px;
	width:44px;
}

	#divLangChange:hover {
		background-color: grey;
	}

	#divLangChange .k-picker {
		border: none !important;
		color: white;
		background-color: transparent;
	}

	#divLangChange span.k-input-inner {
		padding-right: 0px;
		padding-left: 5px;
	}

	#divLangChange span.k-input-button {
		padding: 0px;
		width:20px;
	}

		#divLangChange span.k-input-button:hover {
			background: none;
		}

	#divLangChange > a:hover {
		color: #3cb1f5;
	}
	#divLangChange .k-i-arrow-s:before {
		content: "\e006";
	}
	#divLangChange .k-i-arrow-s {
		background-image: none !important;
	}

.k-context-menu .k-item, .k-overflow-container .k-item {
	min-width: 210px;
	height: 48px;
	padding: 0;
}

.k-context-menu .k-item > .k-menu-link, .k-overflow-container .k-item > a {
	border-bottom: 1px solid #cccccc !important;
	padding: 0 10px 0 15px;
	line-height: 47px;
	color: black;
	background-position: left 20px center;
	background-repeat: no-repeat;
	font-size: 0.933em;
}

.k-popup.k-context-menu, .kpopup.k-overflow-container {
	padding: 0;
	border: 1px solid #d7d7d7;
	border-radius: 0px;
}

.k-context-menu .k-item > .k-menu-link > span, .k-overflow-container .k-item > a > span {
	margin-right: 10px;
}

.k-context-menu .k-item:hover, .k-overflow-container .k-item:hover {
	background-color: #3cb1f5;
	color: white;
}

.k-context-menu .k-item > .k-menu-link, .k-overflow-container .k-item > a {
	background: none !important;
	/*color:inherit;*/
}

.k-context-menu .k-item > .k-menu-link:hover, .k-overflow-container .k-item > a:hover {
	color: white !important;
}

.btnMenuProfile {
	width: 27px;
	height: 20px;
	background-image: url("Images/menu_ico_profile.png");
	background-repeat: no-repeat;
}

.k-context-menu .k-item:hover .btnMenuProfile {
	background-image: url("Images/menu_ico_profile_hover.png");
}

.btnMenuLogout {
	width: 27px;
	height: 20px;
	background-image: url("Images/menu_ico_logout.svg");
	background-repeat: no-repeat;
}

.k-context-menu .k-item:hover .btnMenuLogout {
	background-image: url("Images/menu_ico_logout_hover.svg");
}

.btnMenuKnowledgeBase {
	width: 27px;
	height: 20px;
	background-image: url("Images/iconDocHelper.svg");
	background-repeat: no-repeat;
}

.k-context-menu .k-item:hover .btnMenuKnowledgeBase {
	background-image: url("Images/iconDocHelperWhite.svg");
}

.k-context-menu .k-item:last-child > .k-menu-link {
	border-bottom: 0 !important;
}

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

/******MESSAGE STYLES*********/
.LeftMenuContainer {
	/*width: 250px;*/
	width: 30%;
	float: left;
	border: solid 2px #ccc;
	background: #f3f3f4;
	margin-right: 5px;
}

.rounded {
	border-radius: 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
}

.LeftMenuItemContainer {
	padding: 5px 10px 15px 10px;
	/*width: 230px;*/
	/*float: left;*/
}

.RightContentContainer {
	/*margin: 0 0 0 270px;*/
	overflow: hidden;
}

	.RightContentContainer div {
		/*width:100%;*/
	}

.MessageGroupItem {
	cursor: pointer;
	padding-left: 2px;
}

.MessageGroupList li {
	padding-top: 5px;
	padding-left: 5px;
	overflow: hidden;
}

	.MessageGroupList li:hover {
		color: #33799B;
	}

.MessageGroupList {
	list-style-type: none;
	padding-left: 10px;
}

.MessageGroupItemSelected {
	background-color: #fff;
}


.BtnAction {
	background-color: #E0E0E7;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 1px solid;
	display: inline-block;
	color: #000000;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 40px;
	line-height: 40px;
	width: 100%;
	text-decoration: none;
	text-align: center;
}

	.BtnAction:hover {
		background-color: #A4A4B4;
	}

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

/******END MESSAGE STYLES*********/

/*********Buttons**********/
/*TODO: Move all button styles here*/
.SButton {
	display: inline-block;
	white-space: nowrap;
	background-color: #3e3d3d;
	margin: 31px 20px 0 20px;
	width: 120px;
	height: 30px;
	text-decoration: none;
	color: white;
	border-radius: 3px;
	box-sizing: border-box;
	padding-top: 6px;
	font-weight: bold;
}

.AwesomeFontButton {
}

	.AwesomeFontButton:before {
		content: "\f000";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		/*--adjust as necessary--*/
		color: #000;
		font-size: 18px;
		padding-right: 0.5em;
		position: absolute;
		top: 10px;
		left: 0;
	}

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


/**** styles for the POPUP windows**/
#popupWrapper {
	height: 100%;
	position: relative;
}

#popupHeader {
	padding: 10px;
}

#popupContent {
	padding: 10px;
	padding-bottom: 63px; /* Height of the footer element */
	box-sizing: border-box;
	height: 100%;
}

.popupContentRemainingSpace {
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 63px;
}

.popupContentRemainingSpace.NoFooter {
	bottom: 0px;
}

.k-window-action.k-link {
	background: none !important;
	border-color: transparent !important;
}

/*only for those within forms*/
.pure-form .popupContentRemainingSpace {
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
}

.k-window-content .pure-form .popupContentRemainingSpace {
	padding-right: 25px !important;
	padding-left: 25px !important;
}

.popupContentRemainingSpace.withToolbar {
	top: 59px;
}

#popupFooter, .popupFooter {
	width: 100%;
	height: 63px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	border-top: solid 1px;
	border-color: #d1d3d4;
	box-sizing: border-box !important;
	padding: 15px;
	background-color: #FFF;
	z-index: 1;
}

	#popupFooter .k-button, .popupFooter .k-button {
		height: 100%;
	}

.popUpBottomToolbar {
	text-align: center;
}

/**** END styles for the POPUP windows**/

/** START - Diffusion */
#diffusionForm {
	display: flex;
	flex-direction: column;
	gap: 16px;	
	height: 100%;
	padding-bottom: 63px;
}

#diffusionForm .popupContent {
	overflow: auto;
	padding-right: 20px;
	padding-left: 20px;
}

#diffusionForm #playerContent .content > div {
	margin-bottom: 16px;
}

#diffusionForm a {
	color: #1fa9f3;
}

#diffusionForm a:hover {
	color: #3cb1f5;
	text-decoration: underline;
}

#diffusionForm .diffusion-pin {
	font-family: monospace;
	font-weight: 600;
	letter-spacing: 1px;
}
/** END - Diffusion */

.bolded {
	font-weight: bold;
}

.TitleText {
	font-size: 24px;
}

.TCL_leftMenuTree {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 30px;
	padding-top: 50px;
	background-color: #DCDCDC;
	border-right: solid 1px;
	width: 353px;
}

.TCL_rightContent {
	position: absolute;
	top: 0px;
	left: 355px;
	right: 0px;
	bottom: 30px;
	padding-top: 50px;
	background-color: #F1F1F1;
	padding-left: 30px;
	overflow: auto;
}

.contextMenu {
	z-index: 999000;
	position: absolute;
	display: none;
}

	.contextMenu ul {
		list-style-type: none;
		padding: 5px;
		margin: 0;
	}

/*form Layout style*/
label:has(+ input[data-val-required]:not([type="checkbox"]):not([readonly])):after {
	content: " *";
	color: #df4b4b;
}

.formLayout label, .formLayout input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

.formLayout label {
	text-align: right;
	padding-right: 20px;
	font-weight: bold;
}

.formLayout br {
	clear: left;
}

.formLayout .tabbedOptions {
	padding-left: 80px;
}

	.formLayout .tabbedOptions input, .formLayout .tabbedOptions label {
		float: none;
		display: inline;
	}

		.formLayout .tabbedOptions input[type="checkbox"] {
			width: 30px;
		}

	.formLayout .tabbedOptions label {
		font-weight: normal;
	}

.singlePage_form_style {
	margin: 0 auto;
	padding: 10px;
	width: 940px;
	background-color: #F1F1F1;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.3) 0px 0px 13px;
	margin-top: 50px;
	padding-bottom: 30px;
	height: calc(100% - 142px);
}

	.singlePage_form_style .formSection label {
		font-size: 11px;
		color: #000;
		padding-bottom: 2px;
	}

	.singlePage_form_style .formSection .CheckBoxLabel {
		font-size: 15px;
		color: #000;
	}

	.singlePage_form_style .formSection {
		margin-left: 280px;
	}


stylishRuler {
	margin: 20px;
	clear: both;
	height: 0;
	overflow: hidden;
	border: none;
	border-top: 1px solid #b3b5b8;
	border-bottom: 1px solid #fff;
	background: #D1EEFF;
	color: #173865;
	text-shadow: none;
	border: 0;
	text-shadow: 0 1px 0 #f6fbff;
	background: #e5f2ff;
	box-shadow: 0 -2px 2px 0 #C5D0DB inset,0 2px 2px 0 #C5D0DB inset;
	position: relative;
	padding: 106px 0 20px;
	z-index: 1;
	width: 940px;
	margin: 0 auto;
	text-shadow: 0 1px 0 #fff;
}

.k-datepicker,
.k-datetimepicker,
.k-toolbar .k-input.k-datetimepicker,
.k-toolbar .k-input.k-datepicker,
.k-toolbar .k-picker {
	width: 15em;
}


.k-editor .k-datepicker,
.k-editor .k-datetimepicker,
.k-editor .k-toolbar .k-input.k-datetimepicker,
.k-editor .k-toolbar .k-input.k-datepicker,
.k-editor .k-toolbar .k-picker {
	width: auto;
}


.pure-form input[data-role="numerictextbox"],
.pure-form .k-numerictextbox,
.pure-form input.k-formatted-value,
.pure-form span.k-datetimepicker,
.pure-form span.k-datepicker,
.pure-form span.k-maskedtextbox {
	height: 45px;
	width: 225px;
	max-width: 225px;
}

.pure-form.pure-form-aligned input[data-role="numerictextbox"],
.pure-form.pure-form-aligned .k-numerictextbox,
.pure-form.pure-form-aligned input.k-formatted-value,
.pure-form.pure-form-aligned span.k-datetimepicker,
.pure-form.pure-form-aligned span.k-datepicker {
	width: 100%;
	height: 43px;
}

.k-edit-form-container .k-recur-view .k-edit-field ul.k-reset span.k-datepicker.k-recur-until {
	min-width: 140px;
}

#EditUserProfileForm #divAlerts span.k-timepicker {
	min-width: 140px;
}

.pure-form span.k-timepicker {
	width: 130px;
	height: 45px;
}


.pure-form span.k-timepicker .k-picker-wrap {
	padding-right: 34px;
}

		.pure-form span.k-timepicker .k-picker-wrap .k-select {
			margin-left: 6px;
			margin-right: 6px;
		}

.pure-form span.k-datetimepicker {
	width: 240px;
}

.pure-form span.k-timepicker .k-input,
.pure-form span.k-datetimepicker .k-input,
.pure-form span.k-datepicker .k-input {
	background-color: white;
	box-shadow: none;
	border: 0px none;
}

.k-datetimepicker, .k-timepicker, .k-datepicker {
	border: 0px none;
	background-image: none !important;
	background-color: #e9e9e9 !important;
	padding: 4px;
	height: 43px;
}

.k-datetimepicker .k-input-inner, .k-timepicker .k-input-inner, .k-datepicker .k-input-inner {
	width: 100%;
	border: 0px none !important;
	background-color: white !important;
	font-size:14px;
}

.k-datetimepicker button.k-icon-button, .k-timepicker button.k-icon-button, .k-datepicker button.k-icon-button{
	width:30px;
	height: 100%;
}

.k-colorpicker .k-select {
	padding-top: 4px;
	width: 2em;
}

.pure-form select.tri-state,
.pure-form span.k-dropdownlist {
	width: 225px;
	height: 36px;
}

.pure-form .spITESIntPicker input[data-role="numerictextbox"],
.pure-form .spITESIntPicker .k-numerictextbox,
.pure-form .spITESIntPicker input.k-formatted-value {
	width: 100%;
}

.divITESIntPicker {
	display: inline-block;
	background-color: #e9e9e9;
	padding: 4px 0px 6px 7px;
	margin-right: 3%;
	border-radius: 4px;
	font-size: 0.93em;
	width: 30%;
	max-width: 112px;
	min-width: 90px;
	box-sizing: border-box;
}

.divITESIntPicker:last-child {
	margin-right: 0px;
}

.divITESIntPicker .k-input.k-numerictextbox, .divITESIntPicker .k-input.k-numerictextbox > .k-numeric-wrap {
	background: none;
	border: none;
	box-shadow: inset 0 1px 3px #ddd !important;
}

.divITESIntPicker .k-input.k-numerictextbox {
	width: 80px;
}

.divITESIntPicker .k-input.k-numerictextbox > .k-numeric-wrap > .k-select {
	background-color: #e9e9e9 !important;
	border: none !important;
}

.divITESIntPicker .k-input.k-numerictextbox > .k-numeric-wrap > .k-select > .k-link {
	background: none !important;
}

.divITESIntPicker .k-numerictextbox > .k-numeric-wrap {
	width: 100%;
	box-sizing: border-box;
}

.k-input.k-numerictextbox > .k-numeric-wrap > .k-select > .k-link > * {
	height: 100%;
}

.k-numeric-wrap > .k-select > .k-link {
	height: 50%;
}

.k-input-spinner{
	background-color:transparent;
}

.k-input.k-numerictextbox .k-input-inner {
	width:100%;
	height: 100% !important;
	background-color: white;
}

.k-input.k-numerictextbox .k-input-inner[readonly]{
	background-color: rgb(238, 238, 238);
}

.pure-form-aligned input[type="checkbox"] {
	margin-right: 10px;
}

.pure-form-aligned .pure-control-group label {
	text-align: left;
}

.pure-form-aligned .buildingFloorFormControl .pure-control-group label {
	width: 100%;
}

.NoBackgroundContainer {
	color: white;
}

	.NoBackgroundContainer a {
		color: white;
	}

.inlineStatusIndicator {
	float: left;
	margin-top: 7px;
	margin-bottom: 0px;
	margin-right: 5px;
}

.playerStatusDetails span {
	display: inline-block;
	line-height: 24px;
	margin: 5px 0px;
}

.playerStatusDetails .statusIcon {
	vertical-align: middle;
	margin-right: 5px;
}

/*for small numerics such as when entering width and height*/
.smallNumericInput input[data-role="numerictextbox"],
.smallNumericInput .k-numerictextbox,
.smallNumericInput input.k-formatted-value {
	width: 100px;
}

/*for icon list views*/
.IconItemContainer {
	text-align: center;
	cursor: pointer;
	display: inline-block;
	height: 269px;
	width: 100%;
	max-width: 25%;
	min-width: 150px;
}

	.IconItemContainer:hover {
		background-color: #d1d1d1;
	}

	.IconItemContainer.IconItemContainerWithText {
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid white;
		border-collapse: collapse;
		box-sizing: border-box;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

		.IconItemContainer.IconItemContainerWithText span {
			overflow: hidden;
			width: 100%;
			text-overflow: ellipsis;
			display: block;
			font-weight: 300;
			font-size: 14px;
			padding-left: 10px;
			padding-right: 10px;
			box-sizing: border-box;
			word-break: break-word;
		}

#divWiz_StepsContainer {
	text-align: center;
}

#ModelSelection_WizForm, #divWiz_ModelSelection {
	width: 100%;
}

/* Very specific property to fix a visual glitch */
#EditDataProviderForm .pure-control-group:first-of-type input[id=Name] {
	margin-left: -4px;
}

#divWiz_ModelSelection,
#divWiz_DataProviderSelection {
	height: 100%;
	background-color: #FFFFFF;
}

#divWiz_ModelSelection > div,
#divWiz_DataProviderSelection > div {
	width: 100%;
}

#divWiz_ModelSelection > div:not(*:has(.IconItemContainer)),
#divWiz_DataProviderSelection > div:not(*:has(.IconItemContainer)) {
	height: 100%;
}

#divWiz_ModelSelection .k-listview-content,
#divWiz_DataProviderSelection .k-listview-content,
#divFileMgm_DirectoryPreview_Grid .k-listview-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    align-items: baseline;
    height: 100%;
    align-content: normal;
}

#divWiz_ModelSelection .k-listview-content:not(:has(div)),
#divWiz_DataProviderSelection .k-listview-content:not(:has(div)),
#divFileMgm_DirectoryPreview_Grid .k-listview-content:not(:has(div)) {
	justify-content: space-around;
}

#divWiz_ModelSelection:not(*:has(.IconItemContainer)),
#divWiz_DataProviderSelection:not(*:has(.IconItemContainer)),
#divFileMgm_DirectoryPreview_Grid:not(*:has(.IconItemContainer)) {
	height: 100%;
}

#divWiz_ModelSelection:not(*:has(.IconItemContainer)) .k-listview-content,
#divWiz_DataProviderSelection:not(*:has(.IconItemContainer)) .k-listview-content,
#divFileMgm_DirectoryPreview_Grid:not(*:has(.IconItemContainer)) .k-listview-content {
    align-items: center;
}

#divWiz_DataProviderSelection .k-selected img:not(.selected){
	display: none;
}

#divWiz_DataProviderSelection .DataProviderSelectionItem:not(.k-selected)  img.selected {
	display: none;
}

#divWiz_StepsContainer form {
	text-align: left;
}

#divWiz_StepsContainer #ConfigureEXDataComponentForm,
#divWiz_StepsContainer #ConfigureMeteoForm,
#divWiz_StepsContainer #ConfigureFacebookForm {
	display: inline-block;
	padding: 20px;
}

#divWiz_StepsContainer #ConfigureMeteoForm, #divWiz_StepsContainer #ConfigureFacebookForm {
	min-width: 600px;
}

#grdGenericModelSelection {
	text-align: center;
}

.IconItemContainer.IconItemContainerWithText.k-selected span {
	font-weight: bold;
}

.IconItemContainer.k-selected {
	background-color: #3cb1f5 !important;
}

.IconItemContainer img {
	width: 100%;
	height: 100%;
}

.IconItemContainer div.imgContainer {
	max-height: 125px;
	max-width: 125px;
	margin-bottom: 35px;
	position: relative;
}

.IconItemContainer div.imgContainer .FileOverlay {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-origin: content-box;
	padding: 4px;
}

.IconItemContainer div.imgContainer.FileType-2 .FileOverlay {
	display: block;
	background-image: url("Images/fileTypeIcons/Video_thumbnail.svg");
}

.IconItemContainer div.imgContainer.FileStatus-1 .FileOverlay,
.IconItemContainer div.imgContainer.FileStatus-2 .FileOverlay {
	background-image: url("Images/fileTypeIcons/Converting_thumbnail.svg");
}

.PlaylistFile_Details > .fileDetails_wrapper {
	cursor: grab;
}

.PlaylistFile_Details a {
	cursor: pointer;
}

#divFileDetails_wrapper .IconItemContainer {
	text-align: center;
	cursor: default;
	display: inline-block;
	height: 100%;
	max-height: 125px;
	width: 100%;
	max-width: unset;
	min-width: unset;
	aspect-ratio: 16 / 9;
}

#divFileDetails_wrapper .IconItemContainer:hover {
	background-color: unset;
}

#divFileDetails_wrapper .IconItemContainer div.imgContainer {
	max-height: 100%;
	max-width: 100%;
	margin-bottom: 0;
	aspect-ratio: 16 / 9;
}

#divFileDetails_wrapper .IconItemContainer div.imgContainer .FileOverlay {
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: center;
	background-origin: content-box;
	background-size: 35%;
	padding: 4px;
}

[class*="ClipIcon"] {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 80px;
	height: 80px;
	margin: 20px;
	display: inline-block !important;
}

.ClipIcon-1-0 {
	background-image: url("Images/fileTypeIcons/Media_bleu.svg");
}

.ClipIcon-2-0 {
	background-image: url("Images/fileTypeIcons/Immo_bleu.svg");
}

.ClipIcon-2-20 {
	background-image: url("Images/fileTypeIcons/Immo_Agents_bleu.svg");
}

.ClipIcon-2-21 {
	background-image: url("Images/fileTypeIcons/Immo_Listings_bleu.svg");
}

.ClipIcon-2-22 {
	background-image: url("Images/fileTypeIcons/Immo_Transactions_bleu.svg");
}

.ClipIcon-2-24 {
	background-image: url("Images/fileTypeIcons/Immo_TopAgents_bleu.svg");
}

.ClipIcon-2-25 {
	background-image: url("Images/fileTypeIcons/Immo_TopOffices_bleu.svg");
}

.ClipIcon-3-1 {
	background-image: url("Images/fileTypeIcons/Message_Avancee_bleu.svg");
}

.ClipIcon-3-2 {
	background-image: url("Images/fileTypeIcons/Message_Groupe_bleu.svg");
}

.ClipIcon-3-3 {
	background-image: url("Images/fileTypeIcons/Message_bleu.svg");
}

/*.ClipIcon-3-4{
	background-image:url("Images/fileTypeIcons/Menu_bleu.svg");
}*/
.ClipIcon-11-0 {
	background-image: url("Images/fileTypeIcons/Menu_bleu.svg");
}

.ClipIcon-4-0 {
	background-image: url("Images/fileTypeIcons/External_bleu.svg");
}

.ClipIcon-4-40 {
	background-image: url("Images/fileTypeIcons/parkingData_bleu.svg");
}

.ClipIcon-4-42 {
	background-image: url("Images/fileTypeIcons/Rss_bleu.svg");
}

.ClipIcon-15-0 {
	background-image: url("Images/fileTypeIcons/parkingData_bleu.svg");
}

.ClipIcon-5-0 {
	background-image: url("Images/fileTypeIcons/Meteo_bleu.svg");
}

.ClipIcon-12-0 {
	background-image: url("Images/fileTypeIcons/Directory_bleu.svg");
}

.ClipIcon-13-0 {
	background-image: url("Images/fileTypeIcons/Roombooking_bleu.svg");
}

.ClipIcon-8-0 {
	background-image: url("Images/fileTypeIcons/Web_bleu.svg");
}

.ClipIcon-8-80 {
	background-image: url("Images/fileTypeIcons/YouTube_bleu.svg");
}

.ClipIcon-8-81 {
	background-image: url("Images/fileTypeIcons/Vimeo_bleu.svg");
}

.ClipIcon-17-82 {
	background-image: url("Images/fileTypeIcons/GoogleDocs_bleu.svg");
}

.ClipIcon-17-83 {
	background-image: url("Images/fileTypeIcons/GoogleSheets_bleu.svg");
}

.ClipIcon-17-84 {
	background-image: url("Images/fileTypeIcons/GoogleSlides_bleu.svg");
}

.ClipIcon-9-0 {
	background-image: url("Images/fileTypeIcons/Playlist_bleu.svg");
}

.ClipIcon-10-0 {
	background-image: url("Images/iconTemplateBlue.svg");
}

.ClipIcon-14-0 {
	background-image: url("Images/fileTypeIcons/Schedule_bleu.svg");
}

.ClipIcon-16-0 {
	background-image: url("Images/fileTypeIcons/Office365_bleu.svg");
}

.ClipIcon-16-85 {
	background-image: url("Images/fileTypeIcons/Office365_Word_bleu.svg");
}

.ClipIcon-16-86 {
	background-image: url("Images/fileTypeIcons/Office365_Excel_bleu.svg");
}

.ClipIcon-16-87 {
	background-image: url("Images/fileTypeIcons/Office365_Powerpoint_bleu.svg");
}

.ClipIcon-17-0 {
	background-image: url("Images/fileTypeIcons/Google_bleu.svg");
}

.ClipIcon-18-0 {
	background-image: url("Images/fileTypeIcons/Outlook_Calendar_bleu.svg");
}

.ClipIcon-19-0 {
	background-image: url("Images/fileTypeIcons/InputSource_bleu.svg");
}

.ClipIcon-20-0 {
	background-image: url("Images/fileTypeIcons/LiveStream_bleu.svg");
}

.ClipIcon-21-0 {
	background-image: url("Images/fileTypeIcons/Facebook_bleu.svg");
}

.ClipIcon-22-0 {
	background-image: url("Images/fileTypeIcons/Reference_bleu.svg");
}

.k-selected .ClipIcon-1-0 {
	background-image: url("Images/fileTypeIcons/Media_blanc.svg");
}

.k-selected .ClipIcon-2-0 {
	background-image: url("Images/fileTypeIcons/Immo_blanc.svg");
}

.k-selected .ClipIcon-2-20 {
	background-image: url("Images/fileTypeIcons/Immo_Agents_blanc.svg");
}

.k-selected .ClipIcon-2-21 {
	background-image: url("Images/fileTypeIcons/Immo_Listings_blanc.svg");
}

.k-selected .ClipIcon-2-22 {
	background-image: url("Images/fileTypeIcons/Immo_Transactions_blanc.svg");
}

.k-selected .ClipIcon-2-24 {
	background-image: url("Images/fileTypeIcons/Immo_TopAgents_blanc.svg");
}

.k-selected .ClipIcon-2-25 {
	background-image: url("Images/fileTypeIcons/Immo_TopOffices_blanc.svg");
}

.k-selected .ClipIcon-3-1 {
	background-image: url("Images/fileTypeIcons/Message_Avancee_blanc.svg");
}

.k-selected .ClipIcon-3-2 {
	background-image: url("Images/fileTypeIcons/Message_Groupe_blanc.svg");
}

.k-selected .ClipIcon-3-3 {
	background-image: url("Images/fileTypeIcons/Message_blanc.svg");
}

/*.k-selected .ClipIcon-3-4{
	background-image:url("Images/fileTypeIcons/Menu_blanc.svg");
}*/

.k-selected .ClipIcon-11-0 {
	background-image: url("Images/fileTypeIcons/Menu_blanc.svg");
}


.k-selected .ClipIcon-4-0 {
	background-image: url("Images/fileTypeIcons/External_blanc.svg");
}

.k-selected .ClipIcon-4-40 {
	background-image: url("Images/fileTypeIcons/parkingData_blanc.svg");
}
.k-selected .ClipIcon-4-42 {
	background-image: url("Images/fileTypeIcons/Rss_blanc.svg");
}

.k-selected .ClipIcon-15-0 {
	background-image: url("Images/fileTypeIcons/parkingData_blanc.svg");
}
.k-selected .ClipIcon-16-0 {
	background-image: url("Images/fileTypeIcons/YouTube_blanc.svg");
}
.k-selected .ClipIcon-17-0 {
	background-image: url("Images/fileTypeIcons/Google_blanc.svg");
}

.k-selected .ClipIcon-5-0 {
	background-image: url("Images/fileTypeIcons/Meteo_blanc.svg");
}

.k-selected .ClipIcon-12-0 {
	background-image: url("Images/fileTypeIcons/Directory_blanc.svg");
}

.k-selected .ClipIcon-13-0 {
	background-image: url("Images/fileTypeIcons/Roombooking_blanc.svg");
}

.k-selected .ClipIcon-8-0 {
	background-image: url("Images/fileTypeIcons/Web_blanc.svg");
}

.k-selected .ClipIcon-8-80 {
	background-image: url("Images/fileTypeIcons/YouTube_blanc.svg");
}

.k-selected .ClipIcon-8-81 {
	background-image: url("Images/fileTypeIcons/Vimeo_blanc.svg");
}

.k-selected .ClipIcon-17-82 {
	background-image: url("Images/fileTypeIcons/GoogleDocs_blanc.svg");
}

.k-selected .ClipIcon-17-83 {
	background-image: url("Images/fileTypeIcons/GoogleSheets_blanc.svg");
}

.k-selected .ClipIcon-17-84 {
	background-image: url("Images/fileTypeIcons/GoogleSlides_blanc.svg");
}

.k-selected .ClipIcon-9-0 {
	background-image: url("Images/fileTypeIcons/Playlist_blanc.svg");
}

.k-selected .ClipIcon-10-0 {
	background-image: url("Images/iconTemplateWhite.svg");
}

.k-selected .ClipIcon-14-0 {
	background-image: url("Images/fileTypeIcons/Schedule_blanc.svg");
}

.k-selected .ClipIcon-16-0 {
	background-image: url("Images/fileTypeIcons/Office365_blanc.svg");
}

.k-selected .ClipIcon-16-85 {
	background-image: url("Images/fileTypeIcons/Office365_Word_blanc.svg");
}

.k-selected .ClipIcon-16-86 {
	background-image: url("Images/fileTypeIcons/Office365_Excel_blanc.svg");
}

.k-selected .ClipIcon-16-87 {
	background-image: url("Images/fileTypeIcons/Office365_Powerpoint_blanc.svg");
}

.k-selected .ClipIcon-18-0 {
	background-image: url("Images/fileTypeIcons/Outlook_Calendar_blanc.svg");
}

.k-selected .ClipIcon-19-0 {
	background-image: url("Images/fileTypeIcons/InputSource_blanc.svg");
}

.k-selected .ClipIcon-20-0 {
	background-image: url("Images/fileTypeIcons/LiveStream_blanc.svg");
}

.k-selected .ClipIcon-21-0 {
	background-image: url("Images/fileTypeIcons/Facebook_blanc.svg");
}

.k-selected .ClipIcon-22-0 {
	background-image: url("Images/fileTypeIcons/Reference_blanc.svg");
}

.btnFlecheDroite {
	float: right;
	background-image: url("Images/btnFlecheDroite.png") !important;
	background-position: right 10px center !important;
	background-repeat: no-repeat !important;
	padding-right: 35px !important;
	padding-left: 35px !important;
}

.btnFloatRight {
	float: right !important;
	margin-right: 10px !important;
}

.btnFloatLeft {
	float: left !important;
	margin-right: 10px !important;
}

.btnFlecheGauche {
	float: left !important;
	background-image: url("Images/btnFlecheGauche.png") !important;
	background-position: left 10px center !important;
	background-repeat: no-repeat !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
}

#grdClipTypeSelection, #istsGrdClipTypeSelection, #grdMessageCollectionTypeSelection {
	height: 100%;
}

#grdClipTypeSelection > .k-listview-content, #istsGrdClipTypeSelection > .k-listview-content, #grdMessageCollectionTypeSelection > .k-listview-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	border-style: none;
	align-content: normal;
}

#istsGrdClipTypeSelection > .k-listview-content, #grdMessageCollectionTypeSelection > .k-listview-content {
	justify-content: center;
}

#PlaylistClipSelection_WizForm > div.pure-g {
	height: 100%;
}

.PlaylistClipSelectionItem {
	width: 20%;
	height: auto !important;
}

.PlaylistClipSelectionItem:first-child:nth-last-of-type(1), .PlaylistClipSelectionItem:first-child:nth-last-of-type(1) ~ div,
.PlaylistClipSelectionItem:first-child:nth-last-of-type(2), .PlaylistClipSelectionItem:first-child:nth-last-of-type(2) ~ div,
.PlaylistClipSelectionItem:first-child:nth-last-of-type(3), .PlaylistClipSelectionItem:first-child:nth-last-of-type(3) ~ div {
	flex-grow: 1;
	width: auto;
	max-width: initial;
}

.PlaylistClipSelectionItem:first-child:nth-last-of-type(5), .PlaylistClipSelectionItem:first-child:nth-last-of-type(5) ~ div,
.PlaylistClipSelectionItem:first-child:nth-last-of-type(6), .PlaylistClipSelectionItem:first-child:nth-last-of-type(6) ~ div,
.PlaylistClipSelectionItem:first-child:nth-last-of-type(9), .PlaylistClipSelectionItem:first-child:nth-last-of-type(9) ~ div,
.PlaylistClipSelectionItem:first-child:nth-last-of-type(11), .PlaylistClipSelectionItem:first-child:nth-last-of-type(11) ~ div {
	width: 33.33333333333333%;
	max-width: 33.33333333333333%;
}

.PlaylistClipSelectionItem:first-child:nth-last-of-type(4), .PlaylistClipSelectionItem:first-child:nth-last-of-type(4) ~ div,
.PlaylistClipSelectionItem:first-child:nth-last-of-type(7), .PlaylistClipSelectionItem:first-child:nth-last-of-type(7) ~ div,
.PlaylistClipSelectionItem:first-child:nth-last-of-type(8), .PlaylistClipSelectionItem:first-child:nth-last-of-type(8) ~ div,
.PlaylistClipSelectionItem:first-child:nth-last-of-type(12), .PlaylistClipSelectionItem:first-child:nth-last-of-type(12) ~ div,
.PlaylistClipSelectionItem:first-child:nth-last-of-type(15), .PlaylistClipSelectionItem:first-child:nth-last-of-type(15) ~ div,
.PlaylistClipSelectionItem:first-child:nth-last-of-type(16), .PlaylistClipSelectionItem:first-child:nth-last-of-type(16) ~ div {
	width: 25%;
	max-width: 25%;
}

.PlaylistClipSelectionItem [class*="ClipIcon"] {
	width: 100%;
	margin: 0;
	margin-bottom: 10%;
	height: 120px;
	max-width: 50%;
	max-height: 50%;
}

/*end icon list views*/

/** file type icons **/
.IconFileType {
	width: 22px;
	height: 22px;
	display: inline-block;
}

	.IconFileType.FileTypeImage {
		background: transparent url('Images/fileTypeIcons/Image_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeVideo {
		background: transparent url('Images/fileTypeIcons/Video_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeAudio {
		background: transparent url('Images/fileTypeIcons/Audio_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeExtData {
		background: transparent url('Images/fileTypeIcons/External_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeExtData.RSS {
		background: transparent url('Images/fileTypeIcons/Rss_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeExtData.Excel {
		background: transparent url('Images/fileTypeIcons/Excel_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeExtData.XML {
		background: transparent url('Images/fileTypeIcons/Xml_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeExtData.TWITTER {
		background: transparent url('Images/fileTypeIcons/Twitter_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeParking {
		background: transparent url('Images/fileTypeIcons/parkingData_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeExcel {
		background: transparent url('Images/fileTypeIcons/Excel_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypePDF {
		background: transparent url('Images/fileTypeIcons/PDF_noir.svg') center no-repeat;
	}

    .IconFileType.FileTypeXML {
        background: transparent url('Images/fileTypeIcons/Xml_noir.svg') center no-repeat;
    }

    .IconFileType.FileTypeCSV {
        background: transparent url('Images/fileTypeIcons/Csv_noir.svg') center no-repeat;
    }

    .IconFileType.FileTypeJSON {
        background: transparent url('Images/fileTypeIcons/Json_noir.svg') center no-repeat;
    }

	.IconFileType.FileTypeTransport {
		background: transparent url('Images/fileTypeIcons/Schedule_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeOffice365.Word {
		background: transparent url('Images/fileTypeIcons/Office365_Word_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeOffice365.Excel {
		background: transparent url('Images/fileTypeIcons/Office365_Excel_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeOffice365.PowerPoint {
		background: transparent url('Images/fileTypeIcons/Office365_Powerpoint_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeOutlookCalendar {
		background: transparent url('Images/fileTypeIcons/Outlook_Calendar_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeInputSource {
		background: transparent url('Images/fileTypeIcons/InputSource_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeFacebook {
		background: transparent url('Images/fileTypeIcons/Facebook_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeReference {
		background: transparent url('Images/fileTypeIcons/Reference_noir.svg') center no-repeat;
		width: 80% !important;
	}

	.IconFileType.FileTypeTransparent {
		background: transparent url('Images/fileTypeIcons/Transparent_square.svg') center no-repeat;
	}

	.IconFileType.FileTypeReferenceEdit {
		background: transparent url('Images/fileTypeIcons/Reference_noir.svg') center no-repeat;
	}

		.IconFileType.FileTypeReferenceEdit:hover {
			background: transparent url('Images/fileTypeIcons/Reference_bleu.svg') center no-repeat;
		}

	.IconFileType.FileTypeMessage {
		background: transparent url('Images/fileTypeIcons/Message_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeWeather {
		background: transparent url('Images/fileTypeIcons/Meteo_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeRealEstate {
		background: transparent url('Images/fileTypeIcons/Immo_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeDirectory {
		background: transparent url('Images/fileTypeIcons/Directory_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeSchedule {
		background: transparent url('Images/fileTypeIcons/Roombooking_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypePlaylist {
		background: transparent url('Images/fileTypeIcons/Playlist_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeGoogleDocs {
		background: transparent url('Images/fileTypeIcons/GoogleDocs_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeGoogleSheets {
		background: transparent url('Images/fileTypeIcons/GoogleSheets_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeGoogleSlides {
		background: transparent url('Images/fileTypeIcons/GoogleSlides_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeWebPage {
		background: transparent url('Images/fileTypeIcons/Web_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeYouTube {
		background: transparent url('Images/fileTypeIcons/YouTube_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeVimeo {
		background: transparent url('Images/fileTypeIcons/Vimeo_noir.svg') center no-repeat;
	}

	.IconFileType.FileTypeTemplate {
		background: transparent url('Images/iconTemplateBlack.svg') center no-repeat;
	}

	.IconFileType.FileTypeParking {
		background: transparent url('Images/fileTypeIcons/parkingData_noir.svg') center no-repeat;
	}

/** END file type icons **/

.featureListItem {
	padding-top: 8px;
	padding-bottom: 8px;
}

/*** TOOLBAR ICONS ***/
.Toolbar {
	border-bottom: solid 1px #d1d3d4;
	/*position: absolute;
	top: 0;
	left: 0;
	right: 0;*/
	padding-top: 18px;
	padding-bottom: 18px;
}

.readOnly .Toolbar{
	display:none;
}

	.Toolbar a {
		margin-left: 25px;
		margin-right: 5px;
	}

	.Toolbar.FlexToolbar {
		display: flex;
		align-items: center;
	}

.ToolbarActionIcon {
	text-decoration: none;
	padding-left: 25px;
	display: inline-block;
	min-height: 22px;
	line-height: 22px;
}

	.ToolbarActionIcon.Inactive {
		cursor: default;
	}

	.ToolbarActionIcon.ToolbarAddFile {
		background: transparent url('Images/addFile.png') no-repeat;
	}

		.ToolbarActionIcon.ToolbarAddFile.Inactive {
			background: transparent url('Images/addFileDisabled.png') no-repeat;
		}

	.ToolbarActionIcon.ToolbarAddScenario {
		background: transparent url('Images/iconNewScenarioBlue.svg') no-repeat;
		padding-top: 5px;
	}

		.ToolbarActionIcon.ToolbarAddScenario.Inactive {
			background: transparent url('Images/iconNewScenario.svg') no-repeat;
		}

	.ToolbarActionIcon.ToolbarEditScenario {
		background: transparent url('Images/iconEditScenarioBlue.svg') no-repeat;
		padding-bottom: 2px;
	}

		.ToolbarActionIcon.ToolbarEditScenario.Inactive {
			background: transparent url('Images/iconEditScenario.svg') no-repeat;
		}

	.ToolbarActionIcon.ToolbarAddCalendar {
		background: transparent url('Images/iconNewCalendarBlue.svg') no-repeat;
		padding-left: 35px;
		background-size: 24px;
	}

		.ToolbarActionIcon.ToolbarAddCalendar.Inactive {
			background: transparent url('Images/iconNewCalendar.svg') no-repeat;
		}

	.ToolbarActionIcon.ToolbarEditCalendar {
		background: transparent url('Images/iconEditCalendarBlue.svg') no-repeat;
		padding-left: 35px;
		background-size:24px;
	}

		.ToolbarActionIcon.ToolbarEditCalendar.Inactive {
			background: transparent url('Images/iconEditCalendar.svg') no-repeat;
		}

	.ToolbarActionIcon.ToolbarAddFolder {
		background: transparent url('Images/addFolder.png') no-repeat;
		padding-left: 30px;
	}

		.ToolbarActionIcon.ToolbarAddFolder.Inactive {
			background: transparent url('Images/addFolderDisabled.png') no-repeat;
		}

	.ToolbarActionIcon.ToolbarEditFolder {
		background: transparent url('Images/editFolder.png') no-repeat;
		padding-left: 40px;
	}

		.ToolbarActionIcon.ToolbarEditFolder.Inactive {
			background: transparent url('Images/editFolderDisabled.png') no-repeat;
		}

	.ToolbarActionIcon.ToolbarDelete {
		background: transparent url('Images/iconDeleteBlue.svg') no-repeat;
	}

		.ToolbarActionIcon.ToolbarDelete.Inactive {
			background: transparent url('Images/iconDeleteLight.svg') no-repeat;
		}

	.ToolbarActionIcon.ToolbarUsage {
		background: transparent url('Images/iconUsageBlue.svg') no-repeat;
	}

		.ToolbarActionIcon.ToolbarUsage.Inactive {
			background: transparent url('Images/iconUsageLight.svg') no-repeat;
		}

	.ToolbarActionIcon.ToolbarCopy {
		background: transparent url('Images/iconCopyBlue.svg') no-repeat;
		background-size: contain !important;
	}

		.ToolbarActionIcon.ToolbarCopy.Inactive {
			background: transparent url('Images/iconCopy.svg') no-repeat;
			background-size: contain !important;
		}

	.ToolbarActionIcon.ToolbarDownload {
		background: transparent url('Images/downloadIcon.png') no-repeat;
	}

		.ToolbarActionIcon.ToolbarDownload.Inactive {
			background: transparent url('Images/downloadIconDisabled.png') no-repeat;
		}

	.ToolbarActionIcon.ToolbarShare {
		background: transparent url('Images/shareIcon.png') no-repeat;
	}

		.ToolbarActionIcon.ToolbarShare.Inactive {
			background: transparent url('Images/shareIconDisabled.png') no-repeat;
		}

	.ToolbarActionIcon.ToolbarEdit {
		background: transparent url('Images/iconEditBlue.svg') no-repeat;
		padding-left: 40px;
	}

		.ToolbarActionIcon.ToolbarEdit.Inactive {
			background: transparent url('Images/EditGray.svg') no-repeat;
		}

	.ToolbarActionIcon.ToolbarAddElement {
		background: transparent url('Images/plusBlue.svg') no-repeat;
		padding-left: 40px;
	}

		.ToolbarActionIcon.ToolbarAddElement.Inactive {
			background: transparent url('Images/plusGray.svg') no-repeat;
		}

	.ToolbarActionIcon.ToolbarSave {
		background: transparent url('Images/Save_bleu.svg') no-repeat;
		padding-left: 30px;
	}

		.ToolbarActionIcon.ToolbarSave.Inactive {
			background: transparent url('Images/Save_gris.svg') no-repeat;
		}

	.ToolbarActionIcon.ToolbarSaveAs {
		background: transparent url('Images/SaveAsBlue.svg') no-repeat;
		padding-left: 30px;
		background-size: auto 22px;
		background-position: left center;
	}

		.ToolbarActionIcon.ToolbarSaveAs.Inactive {
			background-image: url('Images/SaveAsGray.svg');
		}

	.ToolbarActionIcon.ToolbarCrop {
		background: transparent url('Images/cropBlue.svg') no-repeat;
		padding-left: 30px;
	}

		.ToolbarActionIcon.ToolbarCrop.Inactive {
			background: transparent url('Images/cropGray.svg') no-repeat;
		}

	.ToolbarActionIcon.ToolbarCheck {
		background: transparent url('Images/iconCheckBlue.svg') no-repeat;
		background-size: 20px;
	}

		.ToolbarActionIcon.ToolbarCheck.Inactive {
			background: transparent url('Images/iconCheck.svg') no-repeat;
		}


	.ToolbarActionIcon.ToolbarList {
		background: transparent url('Images/liste.svg') center center no-repeat;
		background-size: 40px;
	}

		.ToolbarActionIcon.ToolbarList:hover, .ToolbarActionIcon.ToolbarList.selected {
			background: transparent url('Images/listeGrey.svg') center center no-repeat;
			background-size: 40px;
			background-color: #eaeaea;
			border-radius: 5px;
		}

	.ToolbarActionIcon.ToolbarGrid {
		background: transparent url('Images/grille.svg') center center no-repeat;
		background-size: 40px;
	}

		.ToolbarActionIcon.ToolbarGrid:hover, .ToolbarActionIcon.ToolbarGrid.selected {
			background: transparent url('Images/grilleGrey.svg') center center no-repeat;
			background-size: 40px;
			background-color: #eaeaea;
			border-radius: 5px;
		}

	.ToolbarActionIcon.ToolbarRefresh {
		background: transparent url('Images/loop.svg') center center no-repeat;
		background-size: 28px;
		cursor: pointer;
		border-left: 1px solid #eaeaea;
	}
		.ToolbarActionIcon.ToolbarRefresh:hover {
			background-color: #eaeaea;
			border-radius: 5px;
		}
/*** END TOOLBAR ICONS ***/

/****** CUSTOMIZATION OF POP UP WINDOW ******/

.k-window-content:last-child {
	padding-bottom: unset;
}

div.k-window:not(.previewWindow):not(.wndConfirmation), .k-window.k-focused:not(.previewWindow):not(.wndConfirmation) {
	border: 0px none;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
}

.k-window:not(.previewWindow):not(.wndConfirmation) .k-window-titlebar {
	background-color: #292929;
	background-image: inherit;
	height: 71px; /*kendo upadate to 2018.3.1017*/
	border: 0px none;
	border-bottom: 3px solid #c1c2c3;
	padding: 0;
}

.k-window:not(.previewWindow):not(.wndConfirmation) .k-window-titlebar .k-window-title {
	color: white;
	margin-left: 25px; /*kendo upadate to 2018.3.1017*/
}

.k-font-icon.k-i-close {
	background-position: 0 !important;
	background-image: url('Images/closeIcon.png');
	background-size: 15px 14px;
	background-repeat: no-repeat;
	color: transparent;
}

.k-font-icon.k-i-close.dark {
	background-image: url('Images/closeIconDark.png');
}

.k-font-icon.k-i-close::before {
	content: "";
}

.k-font-icon.k-i-close:hover {
	background-image: url('Images/closeIconBlue.png');
}

.k-window-titlebar-actions {
	margin-block: 0;
	margin: 0;
	color: white;
	margin-right: 26px;
}

.k-window.previewWindow .k-window-titlebar-actions {
	margin-right: 0px;
}

.k-window-titlebar-actions .k-icon-button:hover {
	color: #3CB1F5;
}

.k-window-titlebar-actions .k-button::before {
	display: none !important;
}

.k-window-titlebar-actions .k-button-icon {
	width: auto;
	height: auto;
}

.k-window-titlebar-actions .k-button-icon > svg {
	width: 24px !important;
	height: 24px !important;
}

.k-svg-i-cancel-outline.k-button-icon, .k-svg-i-trash.k-button-icon {
	display: none;
}

#cde_newOption_InnerWindow_wnd_title {
	left: 30px;
}

.k-window.wndConfirmation {
	padding-top: 50px !important;
	display: flex !important;
}

.k-window.wndConfirmation .k-window-titlebar {
	position: absolute;
	border: 0px none;
	background: none;
	height: 25px;
	margin-top: -52px !important;
}

.k-window.wndConfirmation .k-window-titlebar .k-window-action .k-icon.k-i-close {
	background-image: url("Images/closeIconGray.png");
}

.k-window.wndConfirmation .k-window-titlebar .k-window-action.k-hover .k-icon.k-i-close {
	background-image: url("Images/closeIconDark.png");
}

.k-window.wndConfirmation .k-window-titlebar .k-window-action.k-hover {
	background: none;
	border: 0px none;
	padding: 2px;
}

#hConfirmation {
	height:100%;
	overflow: hidden;
}

#hConfirmationBody {
	color: #101010;
	padding: 0px 50px 0px 50px;
	text-align: center;
	margin: 0 auto;
	overflow-y:scroll;
	margin-bottom:40px;
	max-height:440px;
	min-width: 240px;	
	max-width: 500px;
}

#hConfirmationBtnPanel {
	padding: 0px 40px 30px 40px;
}

	#hConfirmationBtnPanel .k-button.btnYes {
		background-color: #d24b4b;
		color: white !important;
		margin-right: 30px;
	}

	#hConfirmationBtnPanel .k-button.btnOk {
		color: white !important;
	}

	#hConfirmationBtnPanel input.k-button.btnYes:hover {
		background: #f15252;
	}

/** TREE VIEW **/

#TvFileMg_FileTree > ul, .V6TreeView > ul {
	background: #f5f6f6 !important; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: repeating-linear-gradient(to bottom, #f5f6f6 0%,#f5f6f6 45px,#ffffff 45px,#ffffff 90px) !important; /* W3C */
	padding-left: 10px !important;
}

.V6TreeView.dark > ul {
	background: #3b3b3b !important; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwcHgiIHN0b3AtY29sb3I9IiMzYjNiM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzYjNiM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyOTI5MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjkyOTI5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==) !important;
	background: repeating-linear-gradient(to bottom, #3b3b3b 0px,#3b3b3b 45px,#292929 45px,#292929 90px) !important; /* W3C */
}

.V6TreeView.dark, #WS_TvPlayers.V6TreeView .k-selected, .V6TreeView.dark .k-hover, #divPlayerSearchResults_tree.V6TreeView .k-selected {
	color: white;
}

	.V6TreeView.dark .k-selected, .V6TreeView.dark .k-hover {
		background: none !important;
	}

.V6TreeView div.treeViewItemName, .V6TreeView div.treeViewItemName {
	padding-right: 5px;
	padding-left: 5px;
	max-width: 100%;
}

.V6TreeView.dark .k-selected > div.treeItem > div.treeViewItemName, .V6TreeView.dark .k-hover > div.treeItem > div.treeViewItemName {
	background: #636363;
	border-radius: 5px;
}

.V6TreeView.dark .k-minus, .V6TreeView.dark .k-i-collapse {
	background-image: url("Images/iconBotArrow.svg") !important;
}

.V6TreeView.dark .k-plus, .V6TreeView.dark .k-i-expand {
	background-image: url("Images/iconRightArrow.svg") !important;
	background-size: 7px 11px !important;
}

#TvFileMg_FileTree .k-treeview-item > div, .V6TreeView .k-treeview-item > div {
	height: 45px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#TvFileMg_FileTree .k-selected, .V6TreeView .k-selected, .V6TreeView .k-hover, .V6TreeView .k-treeview-leaf.k-selected:hover {
	background-color: #dfd9d9;
	box-shadow: none !important;
	color: #292929;
}

.treeviewItemNameText {
	vertical-align: top;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	width: calc(100% - 25px);
}

	.treeviewItemNameText:first-child:last-child {
		width: 100%;
	}

.V6TreeView img.k-image {
	max-height: 18px;
	width: 18px;
}

.k-treeview-toggle .k-i-loading.k-icon {
	width:16px;
}

/** END TREE VIEW **/

/****** END CUSTOMIZATION OF POP UP WINDOW ******/

/*** icons ***/
.treeviewIcon {
	width: 25px;
	height: 18px;
	display: inline-block;
	flex-shrink:0;
}

	.treeviewIcon.accountGroup {
		background: url('Images/iconAccountGroupBlue.svg') no-repeat center center;
		background-size: 18px 18px;
	   
	}


	.treeviewIcon.tresholdsConfiguration { /*TODO Change Icon*/
		background: url('Images/iconScenarioBlue.svg') no-repeat center center;
		background-size: 18px 18px;
	}

.treeviewIcon.readonly {
	position: relative;
	left: -10px;
	top: -7px;
	display: inline-block;
	width: 10px;
	height: 14px;
	background: url(Images/iconAccountGroupLockedRed.svg) no-repeat center center;
	background-size: 14px 14px;
}


.itemName.readonly {
	position: relative;
	left: -10px;
}

	.treeviewIcon.user {
		background: url('Images/iconUserBlue.svg') no-repeat center center;
		background-size: 15px 18px;
	}

	.treeviewIcon.folder {
		background: url('Images/folderBlue.svg') no-repeat center center;
		margin-right:4px;
	}

	.treeviewIcon.FileTypeImage {
		background: url('Images/fileTypeIcons/Image_bleu.svg') center no-repeat;
		background-size: 22px 16px;
	}

	.treeviewIcon.FileTypeVideo {
		background: url('Images/fileTypeIcons/Video_bleu.svg') center no-repeat;
		background-size: 22px 17px;
	}

	.treeviewIcon.FileTypeAudio {
		background: url('Images/fileTypeIcons/Audio_bleu.svg') center no-repeat;
		background-size: 22px 17px;
	}

	.treeviewIcon.FileTypeExcel {
		background: url('Images/fileTypeIcons/Excel_bleu.svg') center no-repeat;
		background-size: 22px 17px;
	}

	.treeviewIcon.FileTypePDF {
		background: url('Images/fileTypeIcons/PDF_bleu.svg') center no-repeat;
		background-size: 22px 17px;
	}

    .treeviewIcon.FileTypeXML {
        background: url('Images/fileTypeIcons/Xml_bleu.svg') center no-repeat;
        background-size: 22px 17px;
    }

    .treeviewIcon.FileTypeCSV {
        background: url('Images/fileTypeIcons/Csv_bleu.svg') center no-repeat;
        background-size: 22px 17px;
    }

    .treeviewIcon.FileTypeJSON {
        background: url('Images/fileTypeIcons/Json_bleu.svg') center no-repeat;
        background-size: 22px 17px;
    }

    .treeviewIcon.site {
        background: url('Images/iconHomeBlue.svg') no-repeat center center;
    }

	.treeviewIcon.player {
		background: url('Images/iconPlayerBlue.svg') no-repeat center center;
		background-size: 18px 14px;
	}

	.treeviewIcon.display {
		background: url('Images/iconDisplayBlue.png') no-repeat center center;
	}

	.treeviewIcon.playlist {
		background: url('Images/iconPlaylistBlue.png') no-repeat center center;
	}

	.treeviewIcon.model {
		background: url('Images/iconTemplateBlue.svg') no-repeat left center;
		background-size: 20px 15px;
	}

	.treeviewIcon.submodel {
		background: url('Images/Image_bleu.png') no-repeat center center;
		background-size: 22px 16px;
	}

	.treeviewIcon.scenario {
		background: url('Images/iconScenarioBlue.svg') no-repeat center center;
		background-size: 18px 21px;
		height: 21px;
	}

	.treeviewIcon.schedule {
		background: url('Images/fileTypeIcons/Roombooking_bleu.svg') no-repeat center center;
	}

	.treeviewIcon.message {
		background: url('Images/fileTypeIcons/Message_noir.svg') no-repeat center center;
	}

	.treeviewIcon.colorTheme {
		background: url('Images/iconColorTheme.svg');
		margin-right: 4px
	}

	.treeviewIcon.font {
		background: url('Images/folderBlue.svg') no-repeat center center;
	}

    .treeviewIcon.dataProvider, .treeviewIcon.datasource {
        background: url('Images/fileTypeIcons/External_bleu.svg') no-repeat center center;
    }

	.treeviewIcon.loginProvider {
		background: url('Images/keyBlue.svg') no-repeat center center;
		background-size: contain;
	}

	.treeviewIcon.report {
		background: url('Images/iconReportBlue.svg') no-repeat center center;
		vertical-align: middle;
		height: 20px;
		margin: 2px 0px;
	}

	.treeviewIcon.messageLibrary {
		background: url('Images/iconMessageLibraryBlue.svg') no-repeat center center;
	}

	.treeviewIcon.displayGroup {
		background: url('Images/iconDisplayGroupBlue.svg') no-repeat center center;
		margin-right:4px;
	}

.treeviewIcon.role {
	background: url('Images/menu_ico_profile.png') no-repeat center center;
	background-size: 18px 18px;
}

/*** end treeview icons ***/

/* Player Snapshots*/

.DivPlayerStatusHeaderLeft {
	height: 72px;
	padding: 12px 0px 12px 30px;
	box-sizing: border-box;
}

.divPlayerStatusHeaderRight {
	padding: 12px 30px 12px 30px;
}

#DivPlayerScreenshotTabstrip {
	height: 100%;
}

	#DivPlayerScreenshotTabstrip > div, #grdPlayerStatus_SnapshotList {
		height: 100%;
		overflow: hidden;
	}

.DivPlayerStatusGrid {
	height: calc(100% - 72px);
}

	.DivPlayerStatusGrid .k-grid-header-wrap span.k-link {
		margin-left: 10px;
	}

	.DivPlayerStatusGrid tbody td:first-child {
		padding-left: 28px;
	}

/** standard KENDO UI customization**/

.k-viewhtml-dialog .k-edit-buttons{
	bottom:auto;
}

.k-grid td.k-focus, .k-grid td.k-state-focused {
	box-shadow: none !important;
}

.k-hover:not(.k-timedurationpicker):not(.k-numerictextbox):not(.k-dropdownlist):not(.k-list-item):not(.k-treeview-leaf):not(.k-button):not(.k-picker):not(.k-combobox):not(.k-list-optionlabel):not(.k-multiselect):not(.k-autocomplete),
.k-hover:hover:not(.k-timedurationpicker):not(.k-numerictextbox):not(.k-dropdownlist):not(.k-list-item):not(.k-treeview-leaf):not(.k-button):not(.k-picker):not(.k-combobox):not(.k-list-optionlabel):not(.k-multiselect):not(.k-autocomplete),
.k-active:not(.k-panelbar-header),
.k-grid tr.k-selected:hover,
.k-grid tr.k-alt:hover,
.k-grid tr.k-alt:hover {
	background-color: #3cb1f5;
}

.k-list-optionlabel {
	background-color: white !important;
	box-shadow: none !important;
	color: #515967 !important;
	border-bottom: 1px solid #515967;
}

.k-grid-filter-menu.k-active {
	background-color: transparent !important;
}

.k-filter-menu span.k-filter-and {
	width: 7em;
}

.k-treeview{
	font-size:inherit;
}

.k-treeview-md .k-treeview-leaf {
	padding-block: unset;
	padding-inline: unset;
}

.k-dropdownlist .k-input-value-text::before, .k-list .k-list-item-text::before {
	content: "";
	display: none !important;
}

.k-list-content li {
	min-height: 31px;
	box-sizing:border-box;
}

.k-textbox {
	width: 12.4em;
}

.k-list-scroller{
	padding:0px;
}

.k-list-item.k-focus, .k-list-item:focus{
	box-shadow:none;
}

.k-combobox.k-hover {
	background-color: #d2d0d0;
}

.k-combobox.k-rounded-md {
	border-radius:0px;
	width:11em;
}

.k-combobox .k-input-inner{
	width: 100%;
	border-radius:0px !important;
}

.k-input.k-hover, .k-input:hover, .k-input.k-hover, .k-input:hover {
	border-color: #c3c3c8;
}

.k-treeview-leaf.k-focus, .k-treeview-leaf:focus {
	box-shadow: none;
}

.k-picker.k-dropdownlist {
	background-color: white;
	height:38px;
	/*width: 230px;*/
}

.k-picker.k-dropdownlist .k-button-solid-base.k-icon-button {
	width:42px;
	height:100%;
}

.k-picker.k-dropdownlist.k-hover, .k-button-solid-base.k-icon-button:hover {
	background-color: #d2d0d0;
}

.k-picker {
	border: 1px solid #e9e9e9 !important;
	box-shadow:none !important;
}

.k-menu-link {
	padding: .5em 1.1em .4em;
}

.k-menu-group {
	border-radius: 3px;
	min-width: 120px;
}

.k-treeview-leaf {
	padding: 1px .3333em 1px .25em;
}

.k-listview{
	font-size:inherit;
}

.k-listview-content {
	height: 100%;
}

.k-grid tr:hover {
	background-color: #f9f9f9;
	background-image: none;
}

.k-grid tr.k-alt:hover:not(.k-selected) {
	background-color: #ededed;
}

.k-grid .k-grid-header tr:hover {
	background-color: transparent !important;
}
.previewWindow {
	padding: 20px !important;
	background: none;
	border: 0px none !important;
	box-shadow: none !important;
}

.previewWindow .k-window-titlebar {
	border: none;
	background: none;
	margin-top: -40px !important;
	color:transparent;
}

.previewWindow .k-window-titlebar .k-window-actions, .wndConfirmation .k-window-titlebar .k-window-actions {
	margin-right: 0px;
}

.wndConfirmation .k-window-titlebar .k-window-actions {
	margin-top: 24px;
}

:not(.k-scheduler-toolbar):not(.k-button-group) > button.k-button:not(.k-icon-button), input.k-button, .k-edit-buttons a.k-button {
	background-color: #292929;
	color: white;
	min-width: 110px;
	height: 35px;
	text-transform: uppercase;
	font-size: 13px;
}

.k-scheduler-edit-form .k-edit-buttons {
	text-align:right;
}

.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
	background-color: #292929 !important;
	float:left;
}

button.k-button:not(.k-icon-button) .k-button-text {
	display: flex;
	align-items: center;
}

div.k-scheduler-toolbar button.k-button, .k-editor-toolbar button.k-button {
	min-width: inherit;
	color: #515967;
	background-color: transparent;
	border: none;
	height: 24px;
}
.k-editor-toolbar .k-combobox button.k-button {
	width: 40px;
	height: 100%;
	box-sizing: border-box;
}
div.k-scheduler-toolbar button.k-button, .k-editor-toolbar button.k-button.k-toolbar-tool {
	border: 1px solid #c3c3c8 !important;
}

.k-editor-toolbar .k-button.k-selected {
	color: #fff;
	background-color: #187ebf;
	border-color: #187ebf;
}

.k-editor-toolbar .k-clear-value{
	display:none;
}

div.k-scheduler-toolbar .k-button.k-selected {
	color: white;
}

div.k-scheduler-toolbar{
	height:48px;
}

#hConfirmation input.k-button { /*for IE*/
	display: inline-block;
}

.k-button[disabled],
.k-button[disabled]:hover,
.k-button.k-disabled,
.k-button.k-disabled:hover {
	background-color: #929090;
	color: white;
}

.k-button.k-pager-nav{
	color:inherit;
}

.k-button {
	border: 0px none !important;
	box-shadow: none !important;
}

button.k-button:not(.k-icon-button):hover, button.k-button:not(.k-icon-button):active:hover, button.k-button.k-active:not(.k-icon-button):hover {
	color: white;
	background-color: #666565 !important;
}

.k-button-solid-base.k-icon-button {
	background-color: transparent;
}

.k-i-calendar {
	background-image: url("Images/calendar.svg") !important;
	background-position: right top !important;
	width: 22px;
	height: 22px;
	margin: 5px 0px !important;
	background-size: 22px 22px !important;
}

.k-i-calendar::before, .k-i-clock::before {
	content: "";
}

.k-i-clock {
	background-image: url("Images/iconTime.png") !important;
	background-position: right top !important;
	width: 22px;
	height: 22px;
	margin: 8px 0px !important;
	background-size: 22px 22px !important;
}

.k-button .k-svg-i-calendar, .k-button .k-svg-i-calendar > svg, .k-button .k-svg-i-clock, .k-button .k-svg-i-clock > svg {
	width: 20px !important;
	height: 20px !important;
}

.k-focused {
	box-shadow: none !important;
}

div.k-grid-header, div.k-grid-header-wrap, .k-grouping-header, .k-grid-add-row, .k-grid-footer, .k-grid-header-table, .k-table-thead, .k-table-header, .k-table-group-sticky-header {
	background-color: #c8c8c8;
}

.col.k-sorted, .k-table-th.k-sorted{
	background-color:none;
}

div.k-grid-header {
	border: 0px none;
}

div.k-grid-header th.k-header {
	font-weight: 600;
}

.k-i-funnel, .k-filter {
	background-image: url("Images/iconBotArrowBl.svg") !important;
	background-position: center center;
	cursor: pointer;
	background-size: 11px 7px !important;
}

.k-grid-header th > .k-link > .k-icon {
	vertical-align: middle;
}

.k-grid-header th.k-header, .k-filter-row th {
	border-color: #bcbcbc;
}

div.k-grid-header div.k-grid-header-wrap {
	border: 0px none;
}

th.k-header {
	background: none;
}

.k-grid-header .k-header > .k-link {
	color: #292929 !important;
}
.k-table-th.k-header .k-svg-icon > svg {
	fill: #505968;
}
.k-grid .k-grid-header .k-table-th{
	box-shadow: none !important;
}

button.k-button.k-button-bare.k-upload-action {
	height: auto !important;
}

.btnMenu {
	cursor: pointer;
	width: 32px !important;
	height: 32px;
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0px none;
	margin-top: -2px;
	background-color: transparent;
}

.btnMenu .k-button {
	background: none !important;
	display: block;
	width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 3px 3px 0px 0px;
}

.btnMenu .k-button > span {
	margin: 0 !important;
	background-image: url("Images/gearLight.svg") !important;
	background-position: center center !important;
	background-repeat: no-repeat;
	display: block;
	width: 32px;
	height: 32px;
	background-size: 23px 22px !important;
	position: static !important;
}

.btnMenu .k-button svg {
	display:none;
}

.btnMenu .k-button > span::before {
	content: "";
}

#ulUserMenu + .k-button.k-overflow-anchor {
	position: relative;
}

.iconOnlyButton {
	width: auto;
	min-width: initial !important;
	background: none !important;
	padding: 4px;
	color: inherit !important;
}

.iconOnlyButton .k-button-text {
	display: none;
}

.k-animation-container.k-overflow-wrapper {
	margin-left: 0px !important; /* Fix les menus pas allignés */
}

.k-numeric-wrap::before {
	display: none;
}

.k-menu .k-hover > .k-link {
	background-image: none !important;
	background-color: transparent;
}
.selectDropdownlistTransparent {
	background-color: transparent;
	border: none;
	width:70px;

}
.selectDropdownlistTransparent .k-input {
	background-color: transparent;
}
.selectDropdownlistTransparent .k-icon.k-i-arrow-60-down 
{
	background-image:url(Images/iconBotArrowWhite.svg) !important;
}

table.k-scheduler-table {
	border: 0px none;
	border-color: #ceced2;
}

.k-scheduler-navigation {
	display: flex;
	align-items: center;
}

.k-scheduler-toolbar .k-i-calendar {
	margin-top: 0 !important;
}

table.k-scheduler-layout {
	border:none;
}

.k-scheduler-layout > tbody > tr > td{
	border:none;
}

.k-recur-view .k-check {
	margin-right: 10px;
}

.k-autocomplete > span.k-icon.k-i-close {
	display: none !important;
}

#WS_ACPlayerSearch-list div.k-nodata {
	display: none !important;
}

.k-treeview input[type="checkbox"] {
	margin-left: 10px;
}

.k-slider-selection {
	background-color: #3cb1f5;
}

.pure-control-group .k-progressbar.k-progressbar-horizontal{
	width:100%;
}

.k-progressbar-horizontal {
	max-width: 100%;
	border: 1px solid #dedee0;
}

.k-progressbar.k-progressbar-horizontal:not(.simple) {
	margin-top: 45px;
}

.k-progressbar.k-progressbar-horizontal:not(.simple) .k-progress-status {
	color: #3db1f5;
	position: relative;
	top: -35px;
}

.k-progressbar.k-progressbar-horizontal:not(.simple) .k-progress-status-wrap {
	text-align: center;
}

.k-tabstrip .k-tabstrip-content.k-focused, .k-tabstrip .k-tabstrip-content:focus {
	outline: none;
}

.k-tabstrip-items .k-link.icon {
	padding-left: 6px;
	padding-right: 0px;
	vertical-align: middle;
}
.k-tabstrip-items .k-font-icon {
	color: #343433;
}
.k-tabstrip-items .k-font-icon:hover {
	color: #1984c8;
}
/*Schedule*/
.ScheduleEditWindow {
	overflow-y: auto !important;
	max-height: 85vh;
}

.k-popup-message {
	padding: 25px 50px;
}

.k-edit-form-container > .k-edit-buttons {
	border-width: 0;
	display: flex;
	justify-content: space-between;
	padding: 15px;
}

.k-edit-form-container > div:after {
	display: none;
}

.k-edit-buttons .k-button {
	line-height: 32px;
}

k-scheduler-edit-form{
	padding:1em;
}

.k-scheduler-edit-form .k-edit-form-container {
	width: 750px;
	padding: 1em 0;
}

.ScheduleEditWindow [data-container-for='timezone'] {
	display:none;
}

.k-form .k-form-field {
	display: flex;
	margin-bottom:12px;
}

.k-scheduler-edit-form .k-edit-form-container .k-form-field:not(:nth-of-type(4)) {
	flex-direction: row;
}

.k-scheduler-edit-form .k-edit-form-container .k-form > .k-form-field > .k-form-label {
	width: 112px;
	display:inline-block;
	text-align:right;
	line-height:32px;
}

.k-scheduler-edit-form .k-edit-form-container .k-form-field-wrap {
	margin-right:2%;
	margin-left:30px;
}

.k-scheduler-edit-form .k-edit-form-container .k-form-field-wrap[data-container-for='title'],
.k-scheduler-edit-form .k-edit-form-container .k-form-field-wrap[data-container-for='description'],
.k-scheduler-edit-form .k-edit-form-container .k-form-field-wrap[data-container-for='recurrenceRule'] {
	flex-grow:1;
}

.k-scheduler-edit-form .k-edit-form-container .k-form-field-wrap[data-container-for='Subjects'],
.k-scheduler-edit-form .k-edit-form-container .k-form-field-wrap[data-container-for='DirectoryEntryId'] {
	width:400px;
}

.k-scheduler-edit-form .k-edit-form-container .k-form-field-wrap[data-container-for='isAllDay'] {
	display:inline-flex;
	margin-left:0;
}
.k-scheduler-edit-form .k-edit-form-container .k-form-field-wrap[data-container-for='isAllDay'] input {
	order:2;
	margin-left:30px;
}
.k-scheduler-edit-form .k-edit-form-container .k-form-field-wrap[data-container-for='isAllDay'] label {
	order:1;
	width:112px;
	display:inline-block;
	text-align:right;
}

.k-scheduler-edit-form .k-edit-form-container .k-datepicker .k-input-inner{
	width:100%;
}

.k-scheduler-edit-form .k-edit-form-container .divisionLine {
	width: 630px;
	margin-left: 44px;
}

.k-scheduler-edit-form .k-edit-form-container .k-input.k-textbox, .k-scheduler-edit-form .k-edit-form-container .k-multiselect {
	max-width: 400px;
}

.k-scheduler-edit-form .k-edit-form-container div[data-container-for="recurrenceRule"] {
	padding-bottom: 22px;
}

.k-scheduler-edit-form .k-edit-form-container .k-edit-buttons {
	display: block;
	padding: 15px 15px 0px 15px;
	border-top:1px solid #dedee0;
	background-color: #fff;
}

.k-scheduler-edit-form .k-edit-form-container .k-scheduler-cancel {
	margin-left: 12px;
}

.k-scheduler-edit-form .k-edit-form-container div[data-container-for="title"] span.k-input{
	max-width: none;
	width:100%;
}

.k-scheduler-edit-form .k-button-group {
	height:26px;
	margin-bottom:12px;
}

.k-edit-form-container {
	min-width: 450px;
	width: auto;
}

.k-popup-edit-form.k-window-content {
	padding: 0 16px 16px 16px;
}

/*End Schedule*/

.k-filter-menu .k-action-buttons{
	flex-flow:row wrap;
}
.k-filter-menu .k-action-buttons button.k-button{
	margin:0;
}
.k-filter-menu .k-action-buttons button.k-button[type='submit']{
	min-width:70px;
}
.k-filter-menu .k-action-buttons button.k-button[type='reset']{
	min-width:117px;
}

/** END KENDO UI customization**/

/** NO OBJECT SELECTED STYLES**/
.divNoObjectSelected {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2em;
	padding: 0 50px 0 50px;
}

.divNoObjectSelected .divNoObjectSelectedText {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	height:70px; /*Fixing a height forces the different sections to always be aligned, text will still overflow out of its div correctly*/
}

.divNoObjectSelectedText, .divReferenceToColumnTitle {
	color: #585858;
}

.divNoObjectSelected .divReferenceToColumnTitle {
	text-transform: uppercase;
}

.divNoObjectSelected > img {
	width: 17.5%;
	min-width: 75px;
	max-width:150px;
}

.divNoObjectSelectedContainer {
	display: table;
	width: 100%;
}

/** END NO OBJECT SELECTED STYLES**/


/* MESSAGE POPUP */

#GrdCollectionMessages > table {
	border-collapse: collapse;
	color: #292929 !important;
}

	#GrdCollectionMessages > table > thead {
		background-color: #ebebeb !important;
		background-image: none !important;
	}

		#GrdCollectionMessages > table > thead span {
			font-weight: 600 !important;
			color: #292929 !important;
		}

		#GrdCollectionMessages > table > thead th, #GrdCollectionMessages > table td {
			border: 0px none !important;
			background: none !important
		}

#GrdCollectionMessages {
	border: none;
}

/*** V6 flat grid  **/
.V6FlatGrid > table {
	border-collapse: collapse;
	color: #292929 !important;
}

	.V6FlatGrid > table > thead {
		background-color: #ebebeb !important;
		background-image: none !important;
	}

		.V6FlatGrid > table > thead span {
			font-weight: 600 !important;
			color: #292929 !important;
		}

		.V6FlatGrid > table > thead th, .V6FlatGrid > table td {
			border: 0px none !important;
			background: none !important
		}

.V6FlatGrid {
	border: none;
	background-color: transparent;
}

	.V6FlatGrid td[role=gridcell] > img {
		max-width: 80px;
		max-height: 80px;
	}
/** END V6 flat grid**/

/** Account Message Group **/

#MSMC_divWiz_CollectionSelection {
	height: 100%;
	overflow: hidden;
}

	#MSMC_divWiz_CollectionSelection > div:last-child {
		padding-top: 20px;
		padding-left: 25px;
		padding-right: 40px;
		padding: 20px 40px 0px;
	}

	#MSMC_divWiz_CollectionSelection > div {
		height: 100%;
		overflow: auto;
	}

.MessageAccountForm.pure-form.pure-form-aligned > .popupContentRemainingSpace {
	padding-right: 20px !important;
	padding-top: 0 !important;
	padding-left: 0 !important;
}

.MessageAccountForm.pure-form > .popupContentRemainingSpace > #MSMC_divWiz_MessageSelection {
	padding-right: 25px !important;
	padding-top: 25px !important;
	padding-left: 45px !important;
}

.MessageAccountForm tbody tr:not(.k-selected) {
	color: #292929 !important;
	background: #fff;
}

.MessageAccountForm thead th {
	font-weight: 600 !important;
}

.MessageAccountForm tbody > tr {
	height: 86px;
	box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1 !important
}

	.MessageAccountForm tbody > tr:last-child {
		border-bottom: 0px none !important
	}

#MSMC_grdGroupAccountMessageCollections thead {
	display: none;
}

#MSMC_grdGroupAccountMessageCollections .k-selected .btnDelete:hover {
	background: transparent url('Images/iconDeleteWhite.svg') no-repeat center center;
	background-size: 17px 21px;
}

.MessageAccountForm tbody img {
	max-width: 45px;
	max-height: 45px;
	margin-right: 40px;
	vertical-align: middle;
}

.divMessGroupHeader {
	min-height: 41px;
	line-height: 41px;
	border-radius: 3px;
	padding: 0 3px 5px;
	overflow: hidden;
	margin-top: 25px;
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 30px;
}

span.divMessGroupName, .blueTitle {
	font-weight: bold;
	color: #3bb0f5;
	font-size: 1.071em;
}

.divMessGroupInstructions,
.divBuildingInstructions,
.divDirectoryInstructions {
	padding: 6px 0px 6px 67px;
	color: #585858;
	max-width: 300px;
	box-sizing: border-box;
	min-height: 52px;
	display: flex;
	align-items: center
}

.divMessGroupInstructions {
	background: no-repeat left center url("Images/messagesInstructions.png");
}

/** END Account Message Group **/

.divBuildingInstructions,
.divDirectoryInstructions {
	background: no-repeat left center url("Images/bigDirectoryIcon.svg");
}

.k-window-titlebar {
	text-transform: uppercase;
}


div.k-window-content {
	overflow: hidden;
	padding: 0px;
	background-color:white;
}

div.k-window-content[id]:not(#hConfirmation) {
	flex-basis: unset;
}

div.k-window-content form {
	height: 100%;
	box-sizing: border-box;
	padding: 0px;
}

#divEMI_MainMessageEdit {
	position: absolute;
	top: 0;
	bottom: 63px;
	left: 0;
	right: 0;
	padding: 30px;
	overflow: auto;
}

#EditUserProfileForm #divProfileTop .pure-control-group label {
	width: 30%;
	margin: 0;
	line-height: 45px;
}

#EditUserProfileForm #divProfileTop .pure-control-group input.text-box {
	width: 35%;
	box-shadow: none !important;
}

#EditUserProfileForm #divProfileTop .pure-control-group #divLnkChangePwd {
	width: 25%;
	text-align: right;
	display: inline-block;
	padding-right: 5%;
}

#EditUserProfileForm #divProfileTop .pure-control-group label, #EditUserProfileForm .pure-control-group input.text-box {
	height: 45px;
	box-sizing: border-box;
}

#EditUserProfileForm #divProfileTop .pure-control-group #lnkChangePwd {
	color: #3cb1f5;
	font-weight: 600;
	text-decoration: none !important;
}

.pure-control-group.pure-g > * {
	letter-spacing: normal;
}

.k-autocomplete.k-default, .k-numeric-wrap.k-default {
	background-image: none;
	background-color: white;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	/*padding-right:42px;*/
}

#divAlerts {
	/* column-count: 2; */
	column-gap: 85px;
}

.alertTitle {
	text-transform: uppercase;
	font-weight: bold;
}

#divAlerts label[for=EmailForAlerts] {
	font-size: 1.15em;
	margin-bottom: 15px;
}

#EmailForAlerts {
	width: 90%;
}

#divAlerts .pure-control-group {
	padding-bottom: 2px;
	padding-top: 2px;
	/*margin-bottom: 0;
	border-bottom: 1px solid #cccccc;*/
}

	#divAlerts .pure-control-group label {
		width: auto;
	}

.noborder {
	border: 0px none !important;
}

.topborder {
	border-top: 1px solid #cccccc;
}

#divAlerts .pure-control-group.LowLevelLogOptions, #divAlerts .pure-control-group.receiveFeedOptions {
	border: 0px none !important;
	padding-top: 0px !important;
	padding-bottom: 8px !important;
}

.k-context-menu.k-state-border-down, .k-autocomplete.k-state-border-down, .k-numeric-wrap.k-state-border-down {
	padding-bottom: 0px;
}

.k-context-menu {
	background-color: white;
	box-shadow: none;
	color: #292929;
}

.k-datepicker-calendar, .k-filebrowser .k-image, .k-grid .k-filter-options, .k-time-popup {
	box-shadow:none;
}

.k-list-item.k-hover, .k-list-item:hover {
	background-image: none;
	background-color: #f1f2f2;
}

.k-list .k-item.k-hover:not(.k-selected), .k-list .k-item.k-hover:hover:not(.k-selected) {
	border-color: #f1f2f2;
}

.k-item.k-selected {
	color: white !important;
}

.k-loading-mask {
	z-index: 1000;
}

.k-loading-image {
	background: center center no-repeat url('Images/Spinner.svg');
	background-size: 70px;
}

.k-loading-image::before, .k-loading-image::after {
	display: none;
}

.divLoadingContainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('Images/Spinner.svg');
	background-size: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.3);
	z-index: 100000;
}

div.divFullScreenLoading > div {
	background-repeat: no-repeat;
	background-position: center center;
}

.k-switch-label-off, .k-switch-label-on {
	display: none;
}

.k-switch .k-switch-thumb {
	background-color: #7cd570 !important;
	border-color: #7cd570 !important;
	border-radius:3px;
	width:20px;
	height:20px;
}

.k-switch.k-switch-off .k-switch-thumb {
	background-color: #898989 !important;
	border-color: #898989 !important;
}

.k-switch-track{
	border-radius:4px;
}

table.k-editor {
	box-sizing: border-box;
	border-spacing: 0px; /*Fix a bug in chrome*/
	padding: 4px;
}

.k-editor .k-editor-toolbar-wrap {
	padding-bottom: 4px;
}

.k-editor-toolbar button.k-button:not(.k-input-button) {
	border: 1px solid #cccccd !important;
	height: 28px;
}

.coloredCircle {
	position: relative;
	width: 17px;
	height: 17px;
	background-color: white;
	display: inline-block;
	border-radius: 8px
}

	.coloredCircle.grey {
		background-color: grey;
		color: grey;
	}

	.coloredCircle.black {
		background-color: black;
		color: black;
	}

	.coloredCircle.red {
		background-color: red;
		color: red;
	}

	.coloredCircle.lightred {
		background-color: lightcoral;
		color: lightcoral;
	}

	.coloredCircle.orange {
		background-color: orange;
		color: orange;
	}

	.coloredCircle.yellow {
		background-color: yellow;
		color: yellow;
	}

	.coloredCircle.lightyellow {
		background-color: lightyellow;
		color: lightyellow;
	}

	.coloredCircle.violet {
		background-color: violet;
		color: violet;
	}

	.coloredCircle.blue {
		background-color: blue;
		color: blue;
	}

	.coloredCircle.lightblue {
		background-color: lightblue;
		color: lightblue;
	}

	.coloredCircle.green {
		background-color: #7cd570;
		color: #7cd570;
	}

	.coloredCircle.lightpink {
		background-color: lightpink;
		color: lightpink;
	}
	.coloredCircle.maintenance {
		background-color: #f56600;
		color: #f56600;
	}
	.coloredCircle.steelblue {
		background-color: steelblue;
		color: steelblue;
	}
	.coloredCircle.darkgreen {
		background-color: darkgreen;
		color: darkgreen;
	}
	.coloredCircle.firebrick {
		background-color: firebrick;
		color: firebrick;
	}
	.coloredCircle.itesblue {
		background-color: #1fa9f3;
		color: #1fa9f3;
	}

#LowResMenu {
	display: none !important;
	height: 100%;
	width: 84px;
	cursor: pointer;
	background: no-repeat center center url("Images/lowResMenu.png");
	float: left;
}

	#LowResMenu:hover {
		background-color: #3b3b3b;
	}

.spanHeaderName {
	padding-left: 35px;
	background: transparent url("Images/iconAccountGroupBlue.svg") no-repeat scroll left center / 21px 21px;
	line-height: 21px;
	display: inline-block;
	max-height: 100%;
}

	.spanHeaderName.display, .displayIcon {
		background-image: url("Images/iconDisplayBlue.png");
	}

.iconSite {
	background: transparent url("Images/iconHomeBlue.svg") no-repeat scroll left center / 21px 21px !important;
}

.displayIcon {
	width: 17px;
	height: 16px;
	display: inline-block;
}

.divSnapShotContainer img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.divDetailSnapShotContainer .spanHeaderName {
	margin-bottom: 15px;
}

#divPlayerStatus_SelectedSnapshots .divDetailSnapShotContainer {
	height:100%;
}

.divSnapShotDesc {
	color: white;
	font-size: 0.933em;
	background-color: #636363;
	padding-left: 8px;
	margin-top: -5px;
}

#divFileMgm_TreeContainer, #MSMC_divWiz_CollectionSelection > div:first-child, #TvModelsBrowserTree {
	border-right: 1px solid #d1d3d4;
}

#divWiz_Playlength {
	padding-top: 30px;
}

#smfc_divMessageQuickEdit {
	height: 100%;
	overflow: auto;
}

#StepByStepWizardForm > div.popupContentRemainingSpace {
	padding: 0 !important;
}

#FileManager_WizForm, #divWiz_StepsContainer, #divWiz_StepsContainer > div {
	height: 100%;
}

@media all and (max-width: 1279px) {
	body {
		font-size: 12px;
	}

	.pure-form .popupContentRemainingSpace {
		padding-left: 10px;
		padding-right: 10px;
	}

	#LayoutHeader {
		height: 72px;
	}

	#LayoutMainLogo {
		padding: 15px;
	}

	.horizontalLine {
		margin-bottom: 10px;
	}

	.vjs-ites-skin .vjs-fullscreen-control {
		width: 30px;
	}

	#LowResMenu {
		display: inline-block !important;
	}

	#LayoutHeader > .LayoutWebMenu {
		display: none;
	}

		#LayoutHeader > .LayoutWebMenu.show {
			display: inline-block;
		}

	#LayoutHeader > #LayoutMainLogo.hide {
		display: none;
	}
}

.km-widget, .km-widget * {
	box-sizing: content-box;
}

/** PLAYER STATUS SUMMARY **/
#divWSTreeViewNodeDetails_status {
	padding: 45px;
}

#DivPlayerSt_content td {
	font-size: 0.933em;
}

#divWSTreeViewNodeDetails_status .divSnapShotContainer,
#TabStripPlayerAdvDetails #DivPlayerSt_content .divSnapShotContainer,
#DivDashboardAlertsPlayerDetails .divSnapShotContainer {
	width: 38%;
	float: left;
	margin-right: 4.5%;
}

#TabStripPlayerAdvDetails #DivPlayerSt_content .divSnapShotContainer {
	width: auto;
	max-width: 13%;
}

#divWSTreeViewNodeDetails_status div.horizontalLine,
#TabStripPlayerAdvDetails div.horizontalLine,
#divWSMapViewSiteDetails div.horizontalLine,
#DivDashboardAlertsPlayerDetails div.horizontalLine {
	margin-top: 20px;
}

[id^="TabStripPlayerAdvDetails-"] {
	overflow-x: hidden;
}

#TabStripPlayerAdvDetails-1 .DivPlayerSt_titleContainer,
#TabStripPlayerAdvDetails-1 .playerStatusDetails,
#TabStripPlayerAdvDetails-1 #DivPlayerSt_content {
	padding: 0px 20px;
}

#TabStripPlayerAdvDetails-2 {
	padding: 0px 20px 20px;
}

span.statusColoredCircle {
	display: inline-block;
}

span.statusColoredCircle > img {
	width: 23px;
}

.DivPlayerSt_title > span.statusColoredCircle {
	vertical-align: middle;
	margin-right: 15px;
}

#DivPlayerSt_content table {
	table-layout: fixed;
	width: 100%;
}

	#DivPlayerSt_content table tr > td:first-child, #DivDashboardAlertsDetails table tr > td:first-child {
		width: 35%;
	}


/** Alerts Dashboard */
.divDashboardGridContainer {
	padding: 30px;
	container-type: inline-size;
}

#DivDashboardAlertsDetails_Actions {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	container-type: inline-size;
}

.dashboardAlertsDetails_Actions_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	gap: 8px;
}

.dashboardAlertsDetails_Actions_buttons {
	flex: 1;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
}

#pdb_filters_btn {
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 20px;
	width: 100%;
	letter-spacing: unset;
	container-type: inline-size;
}

.dashboardAlertsDetailsBtns {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 8px;
}

@container (width > 515px) {
	.dashboardAlertsDetails_Actions_buttons {
		flex-direction: row;
	}
}

@container (width > 630px) {
	.dashboardAlertsDetailsBtns {
		flex-direction: row;
		align-items: baseline;
	}
}

.dashboardAlertsDetailsBtn {
	display: flex;
	flex-wrap: nowrap;
}

#DivPlayerSnap_title {
	margin-bottom: 20px;
	font-weight: bold;
}

.spanPlayerDesc {
	padding-left: 32px;
	background: transparent url("Images/iconPlayerBlue.svg") no-repeat left center;
	background-size: 23px 18px;
	line-height: 18px;
}
/** END PLAYER STATUS SUMMARY **/

.btnDisplay {
	margin-top: 15px;
	margin-bottom: 15px;
	display: inline-block;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 55px;
	height: 19px;
	border-right: 1px solid #cccccc;
	float: right;
	cursor: pointer;
}

	.btnDisplay.rightMost, #divDisplayTemplateHeader a:first-of-type {
		margin-right: -17px !important;
		border-right: 0px none;
	}

.btnDisplay.leftMost, #divDisplayTemplateHeader a:last-of-type {
	border-left: 0px none;
}

.btnDisplay.AddElement {
	background-image: url("Images/plus.svg")
}

.btnDisplay.AddElement:hover {
	background-image: url("Images/plusBlue.svg")
}

.btnDisplay.DoRefresh {
	background-image: url("Images/loop.svg")
}

.btnDisplay.DoRefresh:hover {
	background-image: url("Images/loopBlue.svg")
}

.btnDisplay.Change {
	background-image: url("Images/iconChangeDark.png")
}

.btnDisplay.Change:hover {
	background-image: url("Images/iconChangeBlue.png")
}

.btnDisplay.Configure {
	background-image: url("Images/gear.svg")
}

.btnDisplay.Configure:hover {
	background-image: url("Images/gearBlue.svg")
}

.btnDisplay.Emergency {
	background-image: url("Images/emergency.svg")
}

.btnDisplay.Emergency:hover {
	background-image: url("Images/emergencyBlue.svg")
}

.btnDisplay.Emergency.active {
	background-image: url("Images/emergencyRed.svg");
}

.btnDisplay.Diffusion {
	background-image: url("Images/diffusion.svg");
}

.btnDisplay.Diffusion:hover {
	background-image: url("Images/diffusionBlue.svg");
}

.btnDisplay.Preview {
	background-image: url("Images/Preview.svg");
}

.btnDisplay.Preview:hover {
	background-image: url("Images/Preview_bleu.svg");
}

.btnDisplay.Save {
	background-image: url("Images/Save_noir.svg");
}

.btnDisplay.Save:hover {
	background-image: url("Images/Save_bleu.svg");
}

.btnDisplay.Cancel {
	background-image: url("Images/cancel.svg");
}

.btnDisplay.Cancel:hover {
	background-image: url("Images/cancelBlue.svg");
}

.btnDisplay.Commands {
	background-image: url("Images/Commands.svg");
}

.btnDisplay.Commands:hover {
	background-image: url("Images/CommandsBlue.svg");
}

.btnDisplay.Edit {
	background-image: url("Images/Edit.svg");
}

.btnDisplay.Edit:hover {
	background-image: url("Images/EditBlue.svg");
}

.btnDisplay.Delete {
	background-image: url("Images/iconDelete.svg");
}

.btnDisplay.Delete:hover {
	background-image: url("Images/iconDeleteBlue.svg");
}

.btnDisplay.Player {
	background-image: url("Images/iconPlayer.svg")
}

.btnDisplay.Player:hover {
	background-image: url("Images/iconPlayerBlue.svg")
}

/* DIRECTORY */

.CollapsableSlotsList.k-selected {
	background-color: #3cb1f5;
	color: white;
}

.CollapsableSlotsContent .NameContainer {
	padding-left: 20px;
}

	.CollapsableSlotsContent .NameContainer img {
		max-width: 100px;
		max-height: 60px;
		margin-right: 40px;
	}

	.CollapsableSlotsContent .NameContainer > span > span {
		vertical-align: middle;
	}

.centerImage > div {
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.CollapsableSlotsListButton {
	height: 100%;
	display: inline-block;
}

.CollapsableSlotsList.k-selected .btnDelete:hover {
	background-image: url("Images/iconDeleteWhite.svg");
}

.CollapsableSlotsList.k-selected .btnEdit:hover {
	background-image: url("Images/EditWhite.svg");
}

.btnCopy {
	background: transparent url('Images/iconCopy.svg') no-repeat center center;
	background-size: 16px 23px;
}

.btnCopy:hover {
	background: transparent url('Images/iconCopyBlue.svg') no-repeat center center;
	background-size: 18px 23px;
}

.CollapsableSlotsList.k-selected .btnCopy:hover {
	background: transparent url('Images/iconCopyWhite.svg') no-repeat center center;
}

/*B.New:2016-08-10; LCardona*/
.CollapsableSlotsListButton.btnShare {
	background: transparent url('Images/shareIconDisabled.png') no-repeat center center;
	background-size: 18px 23px;
}

.CollapsableSlotsListButton.btnShare:hover {
	background: transparent url('Images/shareIcon.png') no-repeat center center;
	background-size: 18px 23px;
}

.CollapsableSlotsList.k-selected .CollapsableSlotsListButton.btnShare:hover {
	background: transparent url('Images/shareIconWhite.png') no-repeat center center;
	background-size: 18px 23px;
}
/*E.New:2016-08-10; LCardona*/


/*Deleted:2016-05-26; Moved to the partial view that invokes it*/
/*#cdtc_grdGroupAccDirectories{
	padding-left:5%;
	padding-right:5%;
	padding-top:30px;
	background-color:transparent;
}

.DivDirectoryTitle, #cdtc_grdDirectoryVenues{
	padding:25px 0;
	margin:0 45px;
}

#cbd_grdDirectoryVenues{
	padding-bottom:25px;
	margin-right:45px;
	margin-left:45px;
}

#cdtc_grdDirectoryVenues, #cbd_grdDirectoryVenues{
	height:calc(100% - 97px);
	overflow-y:scroll;
	box-sizing: border-box;
	padding-top:0;
	margin-top:25px;
}*/

.DivDirectoryTitle {
	padding: 25px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #C4C4C4;
	min-height: 21px;
	text-align: left;
}

	.DivDirectoryTitle .btnDisplay {
		margin: 0;
	}

.DirectoryLogo {
	position: absolute;
	top: 10%;
	right: 10%;
	bottom: 10%;
	left: 10%;
	border-radius: 3px;
}

	.DirectoryLogo > span {
		position: absolute;
		top: 12%;
		right: 12%;
		bottom: 12%;
		left: 12%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}

.CollapsableSlotsList.k-selected .DirectoryLogo {
	background-color: white;
}

.CollapsableSlotsList .NameContainer > span {
	overflow: hidden;
	width: 95%;
	display: inline-block;
	text-overflow: ellipsis;
}

#cbd_divVenueQuickEdit {
	padding: 30px 45px;
	background-color: #f1f2f2;
	height: 100%;
	overflow: auto;
}

.divImgContainer {
	display: inline-block;
	position: relative;
	background-color: white;
	border-radius: 3px;
	border: 1px solid #e4e4e4;
}

	.divImgContainer > span {
		position: absolute;
		top: 10%;
		bottom: 10%;
		left: 10%;
		right: 10%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}

.directoryForm .pure-g .text-box:not(.k-datetimepicker),
.directoryForm .pure-g label,
.directoryForm .pure-g textarea,
.directoryForm .k-numerictextbox,
.directoryForm .k-numerictextbox input,
.directoryForm .pure-g input[type=email],
.directoryForm .pure-g input[type=tel] {
	width: 100%;
	max-width: none;
}

.directoryForm .text-box {
	width: 45%;
}

.directoryForm .pure-g textarea {
	resize: vertical;
}

.directoryForm label, .directoryForm label {
	display: block !important;
	margin-bottom: 15px !important;
	margin-top: 15px !important;
}

.divDirectoryVenueSearchable > input, .divDirectoryVenueSearchable > label {
	display: inline-block !important;
}

#smfc_GrdCollectionMessages {
	background-color: transparent;
}

.allChildInline > * {
	display: inline-block;
	vertical-align: top;
}


/*GRIDS*/
.k-grid > div.k-toolbar, .k-grid > div.k-grid-toolbar {
	background: none;
	padding-bottom: 12px;
	border:none;
}

#WSGrdListOfPlayers {
	display: flex;
	flex-direction: column;
}

.invitationSentButton {
	font-family: 'Open sans', 'Helvetica Neue', sans-ferif;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	display: inline-block;
	background: #27CB72;
	color: white !important;
	/* text-transform: uppercase; */
	box-sizing: border-box;
	vertical-align: middle;
	letter-spacing: 0.03em;
	border: 2px solid #dedee0;
	transition: color 300ms, background 300ms;
	padding: 10px 10px;
	/* margin-right: 40px; */
	/* height: 30px; */
	min-width: 180px;
	border-radius: 5px;

}

.invitationButton {
	font-family: 'Open sans', 'Helvetica Neue', sans-ferif;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	display: inline-block;
	background: white;
	color: #1fa9f3 !important;
	/* text-transform: uppercase; */
	box-sizing: border-box;
	vertical-align: middle;
	letter-spacing: 0.03em;
	border: 2px solid #dedee0;
	transition: color 300ms, background 300ms;
	padding: 10px 10px;
	/* margin-right: 40px; */
	/* height: 30px; */
	/* min-width: 180px; */
	border-radius: 5px;
}

	.invitationButton:hover {
		color: #1fa9f3 !important;
		border: 2px solid #dedee0;
		background: #1fa9f312;
	}

.k-grid a.invitationButton {
	color: #1fa9f3 !important;
}

.k-grid a, .k-grid td {
	color: #292929 !important;
}

.k-grid tr.k-selected td {
	color: white !important;
}

.k-grid table tbody tr {
	height: 48px;
}

.k-grid .k-grid-header-wrap th {
	vertical-align: middle;
}

#divWSTreeViewNodeDetails_statusContainer {
	background-color: #f1f2f2;
	overflow: auto;
}

.k-grid > div.k-toolbar > span.k-dropdownlist {
	width: 40%;
	min-width: 180px;
	height:38px;
}

div.k-grid a.k-grid-CustomDelete {
	background: transparent url("Images/iconDeleteLight.svg") no-repeat scroll center center !important;
	height: 21px;
	color: transparent !important;
	font-size: 0;
	min-width: 17px;
}

/*TabStrip*/
.k-tabstrip {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	flex: 1;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper{
	border-bottom:0px;
}

.k-tabstrip .k-tabstrip-content {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	flex: 1;
	overflow: auto;
}

.k-tabstrip-items > li.k-item {
	border: 0px none !important;
	background: none !important;
	border-bottom: 4px solid transparent !important;
}

.k-tabstrip-items .k-loading.k-complete {
	border: 0px none !important;
	background: none !important;
}

div.k-grid a.k-grid-CustomDelete:hover {
	background: transparent url("Images/iconDeleteBlue.svg") no-repeat scroll center center !important;
	height: 21px;
}

div.k-grid tr.k-selected a.k-grid-CustomDelete:hover {
	background: transparent url("Images/iconDeleteWhite.svg") no-repeat scroll center center !important;
}

div.k-grid a.k-grid-CustomDelete * {
	display: none;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
	border-bottom: 4px solid #3cb1f5 !important;
}

.k-tabstrip-items .k-default .k-link {
	color: #747474;
	font-weight: bold;
}

.k-tabstrip-items .k-link {
	padding: .5em 1em;
}

.k-tabstrip > .k-tabstrip-content {
	margin-top: 15px !important;
}
.k-tabstrip-content, .k-tabstrip > .k-tabstrip-content {
	padding: unset;
}
	/*PanelBar*/
	.k-panelbar {
		border: 0px none;
		background: none;
	}

.k-panelbar > li.k-panelbar-item > span.k-link {
	background: none;
	border: none;
}

.k-panelbar li span.k-link{
	background:none !important;
	box-shadow:none !important;
	border-radius:4px;
	color: inherit !important;
}

.k-panelbar li.k-expanded span.k-link {
	background-color: #3cb1f5 !important;
	color: white !important;
}

.k-panelbar li.k-panelbar-item span.k-link.k-hover {
	background-color: #23A2EB !important;
	color: white !important;
}

.k-panelbar span.k-link.k-hover {
	color: white;
}

.k-panelbar > .k-panelbar-item.k-active > .k-link .k-icon, .k-panelbar > .k-panelbar-item.k-active > .k-link .k-panelbar-item-icon, .k-panelbar span.k-link.k-hover .k-icon {
	color: white !important;
}

.k-panelbar > li.k-panelbar-item {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #C4C4C4 !important;
	border-radius: 4px;
}

.k-panelbar > li.k-panelbar-item .k-panelbar-content {
	padding: 0 20px;
	border: none;
}

.k-panelbar > li.k-panelbar-item .k-panelbar-content:first-of-type {
	padding-top: 20px;
}

.k-panelbar > li.k-panelbar-item .k-panelbar-content:last-of-type {
	padding-bottom: 20px;
}

div.k-grid-norecords {
	justify-content: center;
	font-weight: 600;
	font-size: 16px;
}

.k-grid-content.k-auto-scrollable:has(> .k-grid-norecords) {
	overflow-x: hidden;
}

.flexAutoHeight, .flexAutoHeightDivScroll, .flexAutoHeightDivScrollVertical {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

	.flexAutoHeight > *:last-child, .flexAutoHeightDivScroll > div:last-of-type {
		display: flex;
		flex: 1;
		flex-direction: column;
		overflow: hidden;
	}

	.flexAutoHeightDivScroll > div:last-of-type {
		overflow: auto;
	}

	.flexAutoHeightDivScrollVertical > div:last-of-type { /* to add the vertical scroll bar in the 'Edit Theme Color' window */
		display: flex;
		/*flex: 1;*/ /* removed "flex: 1" to correct the vertical space between the elements */
		flex-direction: row;
		overflow: auto;
	}

.flexList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#edml_ImmoFilters .pure-control-group.divsinline.flexList > * {
	min-width: 25%;
	display: inline-flex;
	box-sizing: border-box;
}

#edml_ImmoFilters .pure-control-group.divsinline.flexList textarea {
	width: 100% !important;
	min-height: 0;
}

#TvUserExtraGroupAssign .btnAdd {
	cursor: pointer;
	width: 22px !important;
	height: 22px;
	float: right;
	background-image: url("Images/plus.svg");
	background-position: center center;
	background-repeat: no-repeat;
	border: 0px none;
	background-color: transparent;
	margin-right: 5px;
	visibility: collapse;
}

#TvUserExtraGroupAssign li.k-treeview-item[can-write ="true"] .btnAdd
{
	visibility: visible;
}

#TvUserExtraGroupAssign li.k-treeview-item > div {
	box-sizing: border-box;
	height: 45px;
	padding-top: 5px;
	padding-bottom: 6px;
}

#TvUserExtraGroupAssign span.k-treeview-leaf {
	border: 0px none;
	width: 95%;
}

#TvUserExtraGroupAssign .treeViewItemName {
	float: left;
	width: calc(95% - 35px);
	overflow: hidden;
	text-overflow: ellipsis;
}

#TvUserExtraGroupAssign span.k-selected, #TvUserExtraGroupAssign span.k-hover {
	background: none !important;
}

#TvUserExtraGroupAssign > ul {
	background: none !important;
}

tr.k-selected .btnDelete:hover {
	background-image: url("Images/iconDeleteWhite.svg");
}

tr.k-selected .btnAccountgroup:hover {
	background-image: url("Images/iconAccountGroupWhite.svg");
}

.divUserExtraGroup {
	height: 100%;
}

	.divUserExtraGroup > div {
		height: 100%;
		border: 1px solid #d9d5d5;
		border-radius: 3px;
	}
.playerModels_Content {
	height: 100%;
}

	.playerModels_Content > div {
		height: 100%;
		border: 1px solid #d9d5d5;
		border-radius: 3px;
	}

@media all and (max-width: 1279px) {
	#smfc_divMessageQuickEdit, #smfc_divMessageEditInstructions {
		display: none;
	}

	#smfc_btnAddMessage {
		display: none;
	}

	#smfc_btnAddMessageLowRes {
		display: inline-block !important;
	}
}

@media all and (min-width: 1280px) {
	#GrMessageBtnEdit {
		display: none;
	}

	#smfc_divMessageSelection {
		background-color: #f1f2f2;
	}

	#smfc_btnAddMessageLowRes {
		visibility: hidden;
	}
}

@media all and (max-width: 1366px) {
	.iconBtnFull {
		padding: 22px 4px;
		box-sizing: border-box;
		background-origin: content-box;
		background-size: contain !important;
	}
}

.kendoPopupTitle {
	vertical-align: middle;
}

.kendoPopupTitleBreadcrumbs {
	text-transform: lowercase;
	color: #3cb1f5;
	font-size: 0.85em;
	padding-left: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
}

.fileSelectCtrlImage {
	width: 185px;
	height: 98px;
	vertical-align: bottom;
	margin-right: 35px;
}

#StepByStepWizardForm .fileSelectCtrlImage {
	margin-right: 30px;
}

.fileSelectCtrlBlock {
	display: inline-block;
	max-width: calc(85% - 235px);
}

	.fileSelectCtrlBlock .fileSelectCtrlName {
		display: block;
		margin-bottom: 12px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.fileSelectCtrlBlock .fileSelectClearBtn {
		margin-left: 10px;
		width: 30px;
		min-width: 30px;
		margin-right: 20px;
	}

.fileSuggDimensions {
	display: inline-block;
	font-size: 13px;
	color: #b2adb0;
	max-width: 110px;
	line-height: 14px;
}

.fileSelectCtrlBlock > div, .fileSelectCtrlBlock > button {
	vertical-align: bottom;
}

/*.editMessageHeader > div:first-of-type > label{
	display:inline-block;
	width:120px;
}*/

.clickableGrid tbody {
	cursor: pointer;
}
.divTemplateComponentDiagram {
	position: absolute;
	color: #787878;
	border: 1px solid #9a9a9a;
	cursor: pointer;
}

.simplePopup {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 25px;
	gap: 16px;
}

.inlineListRemovable {
	display: inline-flex;
	background-color: #FFFFFF;
	border-radius: 3px;
	margin: 0px 16px 6px 0px;
	padding: 6px;
	width: 215px;
}

#em_languageList .inlineListRemovable {
	width: 150px;
}

.inlineListRemove {
	background-image: url("Images/closeIconGray.png");
	width: 10px;
	height: 10px;
	display: inline-block;
	background-size: contain;
	cursor: pointer;
	margin-top: 4px;
	align-self: flex-start;
	flex-shrink: 0;
}

.immoForm {
	padding: 40px 45px 0px 45px !important;
}

	.immoForm .divClipSettingsContainer {
		padding-bottom: 0px !important;
		padding-top: 35px;
	}

		.immoForm .divClipSettingsContainer > div.pure-control-group:last-child {
			margin-bottom: 10px !important;
		}

	.immoForm .clipSettingsTitle {
		margin-bottom: 30px;
	}

.filterBox {
	width: 756px;
}

.filterBox, .removableList {
	background-color: #f3f3f3;
	border-radius: 3px;
	min-height: 38px;
	display: inline-flex;
	vertical-align: middle;
	border: 0px none !important;
	padding: 6px 0px 6px 9px;
	box-sizing: border-box;
	max-height: 250px;
	flex-wrap: wrap;
	overflow-y: auto;
	flex-grow: 1;
	flex-shrink: 1 !important;
}

.immoForm .btnDisplay, .btnDisplay.simple {
	border: none;
	float: none;
	margin: 0;
	vertical-align: middle;
}

.immoForm .k-numerictextbox {
	max-width: 110px !important;
}

.inlineListValue {
	margin-right: 15px;
	flex-grow:1;
}

.immoForm .pure-control-group {
	margin-bottom: 18px !important;
}

.clipSettingsTitle > span {
	font-weight: bold;
	margin-right: 20px;
	vertical-align: middle;
	font-size: 1.143em;
}

.clipSettingsTitle {
	background-repeat: no-repeat;
	background-size: 25px auto;
	background-position: left center;
	height: 25px;
	padding-left: 40px;
	margin-bottom: 20px;
}

	.clipSettingsTitle.Properties {
		background-image: url("Images/clipSettings.svg");
	}

	.clipSettingsTitle.Calendar {
		background-image: url("Images/calendar.svg");
	}

	.clipSettingsTitle.Recurrence {
		background-image: url("Images/loop.svg");
	}

	.clipSettingsTitle.Filter {
		background-image: url("Images/clipFilter.svg");
	}

.divClipSettingsContainer {
	border-bottom: 1px solid #cccccc;
	padding-top: 20px;
	padding-bottom: 20px;
}

.divClipSettingsContainer:last-of-type {
	border-bottom: 0px none;
	padding-bottom: 0px;
}

.inlineDynamicForm div.MvcDynamicForm div.MvcFieldWrapper, .pure-control-group.divsinline > div {
	display: inline-block;
	padding-right: 45px;
	margin-bottom: 30px;
}

	.pure-control-group.divsinline > div > *:not(.fileSelectCtrlImage) {
		width: auto !important;
	}

.pure-control-group.divsinline {
	margin-bottom: 0px !important;
}

.divMenuContainer > div {
	overflow: auto;
}

.CollapsableSlotsContent {
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
}

	.CollapsableSlotsContent > div {
		height: 100%;
	}

	.CollapsableSlotsContent span.IconFileType {
		height: 100%;
		width: 100%;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain;
	}

	.CollapsableSlotsContent span {
		white-space: nowrap;
	}

		.CollapsableSlotsContent span.duration {
			font-weight: normal;
		}

.CollapsableSlots {
	min-height: 60px;
	background-color: #E6E7E8;
	color: black;
	margin-bottom: 10px;
	line-height: 60px;
	border: 1px solid #d1d3d4;
	border-radius: 3px;
}

	.CollapsableSlots .TemplateItemSlot {
		height: 60px;
	}

		.CollapsableSlots .TemplateItemSlot > div, .CollapsableSlots .TemplateItemSlot > div > div {
			height: 100%;
			overflow: hidden;
		}

		.CollapsableSlots .TemplateItemSlot [class*="pure-u"] {
			overflow: hidden;
			/*height:100%;*/
		}

		.CollapsableSlots .TemplateItemSlot.TemplateItemSelected {
			border-bottom: 3px solid #c1c2c2;
		}

.CollapsableSlotsList, .PlaylistFileContainer {
	margin-bottom: 18px;
	background-color: white;
	cursor: pointer;
	border: solid 1px #d1d3d4;
}

.PlaylistFileContainer .clipSelectionContainer {
	/*display: none;*/
}

.selectable .PlaylistFileContainer .clipOrderNumberContainer {
	/*display: none;*/
}

.selectable .PlaylistFileContainer .clipSelectionContainer {
	display: block;
}

.k-tabstrip-wrapper {
	height: 100%;
}

.k-upload-selected {
	display: none !important;
}

#grdGenericLookup {
	height: 100%;
}

.k-i-arrow-60-right {
	background-image: url("Images/iconRightArrowBlack.svg") !important;
	background-size: 8px 12px !important;
}

.k-i-arrow-end-right {
	background-image: url("Images/iconFlecheDroiteBar_black.png") !important;
	background-size: 11px 12px !important;
}

.k-i-arrow-end-left {
	background-image: url("Images/iconFlecheDroiteBar_black.png") !important;
	background-size: 11px 12px !important;
	transform: scaleX(-1);
}

.k-i-arrow-60-left {
	background-image: url("Images/iconLeftArrowBlack.svg") !important;
	background-size: 8px 12px !important;
}

.k-i-arrow-60-right, .k-i-arrow-end-right, .k-i-arrow-end-left, .k-i-arrow-60-left {
	background-position: center center !important;
	background-repeat: no-repeat;
}

.k-i-arrow-end-left::before, .k-i-arrow-60-left::before, .k-i-arrow-end-right::before, .k-i-arrow-60-right::before {
	content: "";
}

.blockClickDiv {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
}

.SpanPlayerSt_reload {
	cursor: pointer;
	margin-left: 10px;
}

/* URGENT MESSAGE */

#pums_UrgentMessagesMain, #pums_divModelSelection, #pums_divMessageQuickEdit, .dataSourcesSetup > div, .TwoCollumnsLeft, .TwoCollumnsRight, .definitionSetup > div {
	height: 100%;
	padding: 30px 30px 0 30px;
}

#pums_UrgentMessagesMain, #dss_Main, .TwoCollumnsLeft {
	background-color: #f1f2f2;
	display: inline-flex;
}

/* END URGENT MESSAGE */

/* EditMessageItem*/

#EditMessageItemForm {
	padding: 30px !important;
}

.EditMessageItemForm #Title, .EditMessageItemForm #MessageName {
	width: 100%;
	background-color: #f3f3f3;
	border: 0px solid;
	box-shadow: none;
}

.EditMessageItemForm .PopupMainControls {
	overflow: auto;
	margin-top: 25px;
}

.editMessageHeader > div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: 10px;
}

.lvWindow_RightHeader .btnDisplay {
	margin-top: 0;
	margin-bottom: 0;
	float: none;
}

/* END EditMessageItem*/

.flexHeader {
	display: flex;
}

	.flexHeader > .btnDisplay {
		margin-top: 0;
		margin-bottom: 0;
	}

	.flexHeader > .divMessGroupName {
		flex-grow: 1;
	}

.k-list > li {
	line-height: 30px !important;
}

.k-list .coloredCircle {
	margin-bottom: 4px;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

#divConfigureWebAddressValidation, #divConfigureWebAddressNavigation {
	padding: 30px;
}

@media screen and (max-width: 64em) {
	.hide1024 {
		display: none !important;
	}
}

#divFileMgm_FilePreview, #divModelsMgm_FilePreview {
	padding-left: 2%;
	padding-right: 2%;
}

	#divFileMgm_FilePreview > .featureListItem, #divModelsMgm_FilePreview > .featureListItem, .SectionTitle {
		color: #292929;
		text-transform: uppercase;
	}

	#divFileMgm_FilePreview > .featureListItem, #divModelsMgm_FilePreview > .featureListItem {
		padding-top: 25px;
		padding-bottom: 25px;
	}

#divFileMgm_FilePreview_Details img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center top;
	background-color: transparent;
}

.fileDetails_wrapper.stacked{
    display: flex;
	gap: 20px;
}

#divFileMgm_FilePreview{
    height: 100%;
}

.fileDetails_sectionPreview img {
    max-width: 100%;
	max-height: 100%;
    object-fit: contain;
}

#divFileMgm_FilePreview .fileDetails_sectionPreview,
#divModelsMgm_FilePreview .fileDetails_sectionPreview {
	margin-bottom: 30px;
}

.fileDetails_sectionPreview:not(.stacked) {
	position: relative;
	max-height: 200px;
	max-width: 250px;
	text-align: center;
}

#divFileDetails_wrapper .fileTypeWrapper,
.fileDetails_wrapper .fileTypeWrapper {
	width: 100%;
	height: 100%;
	max-height: 120px;
}

#ModelsMgModelDiagramdivCanvasContainer .divTemplateComponentDiagram,
#ScBrwTemplateDiagramdivCanvasContainer .divTemplateComponentDiagram {
	cursor: default;
}

#EditScenarioDivComponentEdit {
	background-color: #E6E7E9;
	padding: 30px 45px 20px;
	position: relative;
}

#EditScenario_NoZoneSelectedContentContainer {
	height: 100%;
}

#EditScenarioDiagramdivCanvasContainer {
	padding-top: 10px;
}

#EditScenarioGrdComponents .k-grid-header {
	display: none;
}

#EditScenarioGrdComponents {
	background-color: transparent;
}

	#EditScenarioGrdComponents td {
		position: relative;
	}

.ComponentsDiagramSecondCol {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.05);
	min-height: 60px;
}

#editSc_Clips_PlaylistView {
	background-color: transparent;
}

#EditScenariodivConfigureControl .popupContentRemainingSpace {
	padding: 0 !important;
}

.divConfigureTemplateComponent .pure-control-group > * {
	letter-spacing: normal;
}

.divConfigureTemplateComponent .pure-control-group label {
	width: 20%;
	margin-right: 0;
}

.divConfigureTemplateComponent .pure-control-group > span, .divConfigureTemplateComponent .pure-control-group > input.text-box, .divConfigureTemplateComponent .pure-control-group > input[type=password], .divConfigureTemplateComponent .pure-control-group > input[type=number] {
	margin-left: 5%;
}

.divConfigureTemplateComponent .pure-control-group > input[type=checkbox] {
	margin-left: 5%;
}

.divFileMg_Container {
	height: calc(100% - 59px);
}

.fileMg_UploadErrorFileName {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fileMg_ErrorMessageTitle {
	font-weight: 700;
	color: #c83327;
}

form.hasfooter .popupFooter {
	border-top: 1px solid #d2d2d2;
}

form.hasfooter .divFileMg_Container {
	height: calc(100% - 122px);
}

.spaceBetween .MvcFieldWrapper {
	justify-content: space-between;
	width: 25% !important;
}

#divWiz_ModelSelection .IconItemContainer.IconItemContainerWithText {
	border: 0px none;
}

#MDLTemplatesBrw_Grid .k-loading-color {
	background-color: #F2F2F2;
	opacity: 1;
}

#EditMessageCollectionForm > .popupContentRemainingSpace {
	padding: 0px !important;
}

#wndModelsEditor_ConfigureData_External > div > div {
	height: 100%;
}

.V6TreeView .k-treeview-leaf {
	max-width: 95%;
}

.spanBlueTitle {
	color: #3cb1f5;
	font-weight: bold;
	font-size: 1.067em;
}

.spanBlackTitle {
	color: #292929;
}

.divBlueTitle {
	padding: 25px 0;
	min-height: 21px;
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 24px;
}

	.divBlueTitle .btnDisplay {
		margin: 0;
	}

.lvWindow_RightHeader {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding-bottom: 25px;
	border-bottom: 1px solid #c4c4c4;
	min-height: 25px;
	/* margin-bottom: 20px; */
}

/* Fix Screenshot */
.divDetailSnapShotContainer.portrait .divSnapShotContainer {
	display: inline-block;
	width: auto;
	height: calc(100% - 56px);
}

.divDetailSnapShotContainer.portrait .spanHeaderName.display {
	display: block;
}

.inlineEditButton {
	margin-left: 10px;
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url("Images/Edit.svg");
	background-size: contain;
}

	.inlineEditButton:hover {
		background-image: url("Images/EditBlue.svg");
	}

#cbd_tabCtrl .k-tabstrip-items,
#sd_tabCtrl .k-tabstrip-items {
	/*display: flex;*/ /*removed after kendo update to 2018.3.1017*/
	/*justify-content: space-between;*/ /*removed after kendo update to 2018.3.1017*/
	padding: 0;
	margin-top: 25px;
	margin-bottom: 25px;
}

.k-tabstrip-items li{
	box-shadow:none !important;
}

#cbd_tabCtrl .k-tabstrip-items li,
#sd_tabCtrl .k-tabstrip-items li {
	background-color: #e0e0e0 !important;
	border-radius: 0;
	margin-left: 10px;
}

#ConfigureBuildingDirectoryForm #cbd_tabCtrl .k-tabstrip-items li:first-child,
#ShowDirectoryForm #sd_tabCtrl .k-tabstrip-items li:first-child {
	margin-left: 0px;
}

#cbd_tabCtrl .k-tabstrip-items li > a,
#sd_tabCtrl .k-tabstrip-items li > a {
	color: #292929;
}

#cbd_tabCtrl .k-tabstrip-content,
#sd_tabCtrl .k-tabstrip-content {
	margin: 0;
	padding: 0;
}

#cdt_grdDirectoryTenants,
#cbd_grdDirectoryVenues {
	margin-left: 0;
	margin-right: 0;
}

.noMargin,
#ebv_btnQuickEditSave,
#ebr_btnQuickEditSave,
#ebf_btnQuickEditSave,
#ebf_btnQuickEditEditor,
#ebl_btnQuickEditSave {
	margin: 0;
}

/*.configure_grdDirectory_listView {
	height: 100%;
	overflow-y: scroll;
	box-sizing: border-box;
	padding-top: 0;
}*/

#ConfigureClipPlaylistForm {
	overflow: hidden;
}

#divPlaylistMng_MainWrapper .IconFileType {
	padding: 10px 0;
	box-sizing: border-box;
	background-origin: content-box;
}

#tools_bottom div.toolset {
	height: auto !important;
}

/* Color themes */
.Themes_colorList {
	display: inline-flex;
	width: 100%;
	height: 22px;
	flex-wrap: nowrap;
	border: 1px solid black;
	box-sizing: border-box;
}

.Themes_colorList_DropDownContainer .Themes_colorList {
	width: 89px;
	height: 19px;
}

.Themes_colorList > div {
	flex-grow: 1;
}

	.Themes_colorList > div:not(:first-child) {
		border-left: 1px solid black;
	}

.IconItemContainer.ThemeSelectionItem {
	border: 0px;
	padding: 15px 25px;
	box-sizing: border-box;
	color: #292929 !important;
	border: 1px solid transparent;
	width: 192px;
	height: auto;
	max-width: none;
	margin-right: 15px;
	border-radius: 3px;
}

.GrdColorThemeBrw_Themes_colorListContainer {
	background-color: white;
	padding: 27px 18px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 16px;
}

.IconItemContainer.ThemeSelectionItem.k-selected {
	background-color: #ebebeb !important;
	border-color: #d1d3d4;
}

#div_ColorThemeBrowser {
	/*padding: 40px 25px 40px 40px; /* 25px to compensante right margin of content */
	height: 100%;
}

.IconItemContainer.IconItemContainerWithText.ThemeSelectionItem.k-selected span {
	font-weight: normal;
}

#BtnColorThemeBrw_Add {
	background-image: url("Images/iconNewThemeBlue.svg")
}

	#BtnColorThemeBrw_Add.Inactive {
		background-image: url("Images/iconNewTheme.svg")
	}

#BtnColorThemeBrw_Edit {
	background-image: url("Images/iconEditThemeBlue.svg")
}

	#BtnColorThemeBrw_Edit.Inactive {
		background-image: url("Images/iconEditTheme.svg")
	}

.colorTheme_EntryWrapper {
	width: 306px;
	height: 51px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border: 1px solid transparent;
	padding: 5px;
	margin-bottom: 6px;
}

	.colorTheme_EntryWrapper:hover {
		background-color: #f6f6f6;
		border-color: #cdcdcd;
	}

	.colorTheme_EntryWrapper .entryNumber {
		font-weight: bold;
	}

	.colorTheme_EntryWrapper .entryButtons {
		flex-grow: 1;
		flex-shrink: 0;
	}

#ect_ThemeEntryList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.colorTheme_EntryWrapper .btnDisplay {
	float: none;
	display: none;
}

.colorTheme_EntryWrapper:hover .btnDisplay {
	display: inline-block;
}

#ect_ButtonsList, .buttonsList {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 15px;
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 25px;
}

	#ect_ButtonsList > .btnDisplay, .buttonsList > .btnDisplay {
		margin-top: 0;
		margin-bottom: 0;
	}

.colorTheme_EntryWrapper .entryName {
	flex-shrink: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.Themes_colorList_DropDownContainer {
	width:100%;
	display: flex;
	flex-wrap: nowrap;
	padding: 9px 16px 9px 6px;
}

.k-list-scroller .Themes_colorList_DropDownContainer {
	padding: 11px 42px 11px 8px;
}

.Themes_colorList_DropDownContainer > div {
	flex-shrink: 1;
	flex-grow: 1;
	line-height: 19px !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

	.Themes_colorList_DropDownContainer > div.Themes_colorList {
		flex-shrink: 0;
		flex-grow: 0;
	}

.editorThemePickerIcon::before {
	content: "T";
}

.k-popup.themeColor-palette .k-item.k-selected:not(:hover):not(.selection) {
	box-shadow: none;
}

.k-popup.themeColor-palette .k-item.selection {
	box-shadow: 0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.45);
}

.colorDynamicField {
	display: inline-flex;
	align-items: center;
}

	.colorDynamicField > * {
		margin-right: 10px;
	}

	.colorDynamicField > svg {
		box-sizing: border-box;
		border: 4px solid #e9e9e9;
		border-radius: 3px;
	}

/*** Screen thresholds ***/

	.popupContentRemainingSpace.screenThresholdsForm {
	padding: 25px;
}

.screenThresholdsForm .k-numerictextbox {
	width: 100px;
}

.screenThresholdsForm .k-numeric-wrap .k-input {
	height: 29px;
}

.screenThresholdsForm table {
	border: 0px;
	width: 100%;
}

	.screenThresholdsForm table td {
		border: 0px;
	}

	.screenThresholdsForm table thead td {
		padding-bottom: 20px;
		font-size: 1.143em;
	}

	.screenThresholdsForm table tbody td {
		font-size: 1.071em;
	}

	.screenThresholdsForm table.currentValues tbody td {
		padding-bottom: 10px;
	}

.ConditionForm .k-tooltip-validation, .ActionForm .k-tooltip-validation {
	position: absolute;
	top: 5px;
	right: -40px;
}

/*New:2016-11-01; LCardona*/
/*Styles to modify kendo ui dialog, to reduce the title bar height and remove the title text (otherwise, the poups would say something like "itesmedia.tv says...")*/
.k-dialog .k-window-titlebar .k-dialog-title {
	visibility: hidden;
	height: 5px;
}

.k-dialog .k-window-titlebar {
	height: 5px !important;
}

.docHelper {
	color: inherit;
	margin: 0 10px -2px;
	background-image: url("Images/iconDocHelper.svg");
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: baseline;
}

.columnTitle .docHelper {
	background-image: url("Images/iconDocHelperLightWhite.svg");
}

/* Validation warnings for the ConfigureElementData window in the template editor */
/*-------------------------------------------------------------------------------*/
.validation-valid-hidden {
	display: none;
}

.validation-warning {
	background-color: #df4b4b;
	border-color: transparent;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 0.938em;
	line-height: 30px;
	min-width: 20px;
	padding: 2px 10px 2px 6px;
}

.icon-validation-warning {
	display: inline-block;
	font: 16px/1 WebComponentsIcons;
	margin-right: 5px;
	vertical-align: text-top;
}

/*New:2018-06-05; DLabeaume*/
/* Styles to modify kendo validation : copied from LoginV6.css */
#newOption #valueExists,
#wndConfigureDropdown_NewOption_Form .k-tooltip-validation,
.k-invalid-msg.field-validation-error {
	background-color: #df4b4b;
	border-color: transparent;
	box-shadow: none;
	background-image: none;
	box-sizing: border-box;
	font-size: 0.938em;
}

*:not([role=gridcell]) > .k-invalid-msg.field-validation-error {
	display: inline-block;
}

input[type="text"].k-invalid, 
input[type="password"].k-invalid,
input.text-box.k-invalid,
textarea.formInput.k-invalid {
    border-color: #df4b4b;
}

.k-invalid-msg.field-validation-error {
	color: white;
	padding: 3px 8px;
	border-radius: 4px;
}

#newOption #valueExists,
#wndConfigureDropdown_NewOption_Form .k-tooltip-validation .k-icon,
.k-tooltip-validation .k-icon {
	color: white;
	margin-top: 0.1em;
}

#newOption #valueExists,
#wndConfigureDropdown_NewOption_Form .k-tooltip-validation {
	width: 100%;
}

.k-tooltip {
	background-color: #f3f3f4;
	color: #535b6a;
}

#newOption #valueExists,
#wndConfigureDropdown_NewOption_Form span.k-invalid-msg {
	display: block;
}

#newOption #valueExists {
	color: #fff;
	border-width: 1px;
	padding: 2px 5px 1px 6px;
	border-radius: 4px;
	border-style: solid;
	background-repeat: repeat-x;
	min-width: 20px;
	text-align: center;
}

	#newOption #valueExists .k-i-warning { /* for the icon */
		vertical-align: text-top;
		margin-right: 3px;
		margin-top: 0.1em;
	}


.pac-container:after { /* To remove the “Powered by Google” logo in the Google Map Autocomplete dropdown list */
	background-image: none !important;
	height: 0px;
}

@media only screen and (max-width: 480px) {
	/*//B.Change:2018-02-23; DLabeaume. The code was commented to fix the CSS of the 'SEND COMMAND' windo on mobile */
	/*.pure-form input[type=text] {*/ /* To fix the incorrect display of datetimepicker on mobile */
	/*display: inline-block !important;
	}*/
	/*//E.Change:2018-02-23; DLabeaume.*/

	#playerSendCommand input#StartDate {
		display: inline-block !important;
	}

	#playerSendCommand .popupContentRemainingSpace > div:first-child {
		float: unset !important;
	}

	#playerSendCommand div.pure-control-group {
		margin-bottom: 2em !important;
	}

	#playerSendCommand input, label {
		width: 100% !important;
		font-size: 1.15em;
	}

	/*#playerSendCommand .CommandFrequencyPanel, #DivSendCmd_FreqType {
		display: none !important;
	}*/

	#playerSendCommand .popupFooter {
		padding: 0;
		bottom: 2em;
		border: 0px none;
	}

	#playerSendCommand .popupContentRemainingSpace {
		bottom: 8em;
		padding: 10px;
		width: calc(100% - 20px);
	}

	#playerSendCommand #btnSendPlayerCommand_Submit {
		width: calc(100% - 20px);
		box-sizing: border-box;
		margin: 0;
		height: 4em;
	}
}

#playerScreenShotFull img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.btnApplyCondition {
	width: 30px;
	background: transparent url('Images/iconApplyCondition.png') no-repeat center center;
}

	.btnApplyCondition:hover {
		background: transparent url('Images/iconApplyCondition.png') no-repeat center center;
	}

.btnRemoveCondition {
	width: 30px;
	background: transparent url('Images/iconRemoveCondition.png') no-repeat center center;
}

	.btnRemoveCondition:hover {
		/*background: transparent url('Images/iconRemoveCondition.png') no-repeat center center;*/
	}

.btnDisplay.RemoveElement {
	background-image: url("Images/iconRemoveCondition.png");
}

	.btnDisplay.RemoveElement:hover {
		/*background-image: url("Images/plusBlue.svg")*/
	}

/* for the Standalone message interface */
.standaloneMessageInterface #emi_divContainerScroll > div.PopupMainControls > div.MvcDynamicForm {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.standaloneMessageInterface .MvcDynamicForm div.MvcFieldWrapper {
	width: 45%;
	margin-right: 5%;
}
.standaloneMessageInterface .MvcDynamicForm input[type="text"]{
	width:80%;
}
.standaloneMessageInterface .MvcDynamicForm label.MvcDynamicFieldPrompt, .standaloneMessageInterface label.MvcDynamicFieldError {
	width:20% !important;
}

 /*for the real estate component form*/
#RealEstateComponentForm #RealEstateComponentCheckboxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
}

#RealEstateComponentForm #RealEstateComponentProperties,
#RealEstateComponentForm #RealEstateComponentShow {
	flex-basis: 50%;
}

#RealEstateComponentForm #RealEstateComponentProperties.pure-control-group,
#RealEstateComponentForm #RealEstateComponentShow.pure-control-group {
	margin-bottom: 0px !important;
}

#RealEstateComponentForm #RealEstateComponentProperties.pure-control-group > div,
#RealEstateComponentForm #RealEstateComponentShow.pure-control-group > div {
	display: block;
	padding-right: 45px;
	margin-bottom: 0.5em;
}

#RealEstateComponentForm #RealEstateComponentProperties.pure-control-group label,
#RealEstateComponentForm #RealEstateComponentShow.pure-control-group label {
	width: initial;
	margin: 0;
}

.readOnly .CollapsableSlotsListButton,
.readOnly .fileSelectCtrlBlock button,
.readOnly .btnDisplay:not(.Preview),
.readOnly .iconBtnFull:not(.IconBtnPreview):not(.IconBtnExpand):not(.IconBtnCollapse) {
	display: none !important;
}

 /*readOnly for message group clip - step by step wizard*/
.readOnly#MessageCollectionSelectionForm #MSMC_btnAddMessageCollection.btnDisplay.AddElement.rightMost,
.readOnly#SelectMessagesFromCollectionForm #smfc_btnAddMessage.AddElement.rightMost,
.readOnly#SelectMessagesFromCollectionForm #smfc_btnAddMessageLowRes.AddElement.rightMost,
.readOnly#SelectMessagesFromCollectionForm #emi_messageEditHeader #emi_btnSave.btnDisplay.Save,
.readOnly#SelectMessagesFromCollectionForm #emi_divContainerScroll .fileSelectCtrlBlock button {
	display: none !important;
}

/*readOnly for playlist clip - step by step wizard*/
.readOnly#divPlaylistMng_Main #PlaylistBrw_PlaylistViewContainer #PlaylistBrw_btnAddSpecialClip,
.readOnly#divPlaylistMng_Main #PlaylistBrw_PlaylistViewContainer #PlaylistBrw_btnConfigureCurrentPlaylist {
	display: none !important;
}

.readOnly .hideOnReadOnly{
	display:none;
}

/* Change Kendo Scheduler event grips */
.k-scheduler-content .k-resize-handle.k-resize-n::before, .k-scheduler-content .k-resize-handle.k-resize-s::before {
	background-color: transparent;
	content: '....';
	height: 6px;
	letter-spacing: 3px;
	line-height: 0px;
	overflow: hidden;
	border: none;
	margin-bottom: 3px;
}

.k-scheduler-content .k-resize-handle.k-resize-s:after {
	top: -2px;
}

.k-editor-toolbar .k-icon.k-clear-value.k-i-close {
	display: none;
}

.k-button-group-stretched > *{
	flex:initial;
}

/* Resets the css for the live preview area */
#livePreview {
	text-align: left;
}

.playlistFilterAreaDiv {
	width: 100%;
	height: 57px;
	border-radius: 3px;
	margin-bottom: 10px;
	display: none;
	background-image: url("Images/filter.svg");
	padding: 9px 9px 9px 58px;
	box-sizing: border-box;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 9px center;
}
.playlistViewContainer.filtered .playlistFilterAreaDiv {
	background-image: url("Images/filterFull.svg");
}
.playlistFilterAreaDiv.opened {
	display: flex;
	background-color: white;
	align-items:center;
}
.playlistViewContainer .divisionLine{
	margin-bottom:8px;
}
.btnDisplay.Filter {
	background-image: url("Images/filter.svg");
}
.btnDisplay.Filter:hover {
	background-image: url("Images/filterBlue.svg");
}
.btnDisplay.Select {
	background-image: url("Images/select.svg");
}

	.btnDisplay.Select:hover {
		background-image: url("Images/selectBlue.svg");
	}
.btnDisplay.Delete {
	background-image: url("Images/delete.svg");
}

	.btnDisplay.Delete:hover {
		background-image: url("Images/deleteBlue.svg");
	}

.selectBtnActive {
	background-color: #bac5c5;
}

a.btnDisplay:active, a.btnDisplay:focus {
	outline: none;
}


.playlistViewContainer.filtered .btnDisplay.Filter {
	background-image: url("Images/filterFull.svg");
}
.playlistViewContainer.filtered .btnDisplay.Filter:hover {
	background-image: url("Images/filterFullBlue.svg");
}
.playlistFilterAreaDiv .btnClose {
	width: 15px;
	height: 100%;
	background-image: url("Images/closeIconDark.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
	align-self: flex-end;
	margin-left:15px;
}
.playlistFilterAreaDiv .btnClose:hover {
	background-image: url("Images/closeIconBlue.png");
}
.playlistFilterAreaDiv .filter {
	margin-right: 10px;
	flex-grow: 1;
}
.playlistFilterAreaDiv .filter input {
	vertical-align:middle;
}

#wndPreview{
	border-radius:0px;
}

#lstUsers_grdUsersList_User table {
	table-layout: fixed;
}

[id^="lstUsers_grdUsersList_User"] .lstUsers_userName,
[id^="lstUsers_grdUsersList_User"] .lstUsers_firstName,
[id^="lstUsers_grdUsersList_User"] .lstUsers_lastName {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#ep_in_Maintenance{
	text-align:right;
}
.btnPlayerAddStatusMaintenance {
	display: inline-block;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 55px;
	height: 19px;
	border-left: 1px solid #cccccc;
	cursor: pointer;
	background-image: url("Images/plus.svg")
}
btnPlayerAddStatusMaintenance:hover {
	background-image: url("Images/plusBlue.svg")
}


.horizontalForm {
	display: flex;
	padding: 20px;
}

.horizontalForm > *:not(:last-child) {
	margin-right: 20px;
}

.horizontalForm > *.fillWidth {
	flex-grow: 1;
	display: flex;
	align-items:center;
}

.horizontalForm > *.fillWidth > *:last-child {
	flex-grow: 1;
}

.gutter {
	background-color: #D6D6D6;
}
.gutter.column {
	cursor: col-resize;
}
.gutter.row {
	cursor: row-resize;
}
#googleSignin:hover {
	box-shadow: 0 0 2px #515967;
}

#divWSScreenSelection_treeView .k-animation-container {
	display: flex;
	align-items: flex-end;
}
#divWSScreenSelection_treeView .k-animation-container > ul {
	max-height: 402px;
	overflow-y: scroll;
}

.themeColor-palette .k-coloreditor-views .k-colorpalette-tile {
	padding: 5px;
	box-sizing: content-box;
}

.themeColor-palette .k-coloreditor-views {
	padding: 0px;
}

.themeColor-palette .k-coloreditor-header {
	display: none;
}

.themeColor-palette .k-coloreditor {
	min-width:auto;
}

:not(.divDetailSnapShotContainer) > .divSnapShotContainer {
	width: 190px;
	border: solid 1px;
	margin-left: 2px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

:not(.divDetailSnapShotContainer) > .divSnapShotContainer picture, :not(.divDetailSnapShotContainer) > .divSnapShotContainer img {
	height: 100%;
}

:not(.divDetailSnapShotContainer) > .divSnapShotContainer .divSnapShotDesc {
	margin-top: 0px;
}

.inlineText {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
}

#thumbnailLink {
	position: relative;
	min-width: 100px;
	min-height: 100px;
	max-height: 100%;
}

#thumbnailLink:focus {
	outline: none;
}

#thumbnailLink:hover {
	opacity: 0.8;
}

#ThresholdsListView .btnEdit {
	background: transparent url(Images/EditBlue.svg) no-repeat center center;
	background-size: 22px;
}

	#ThresholdsListView .btnEdit:hover {
		opacity: 0.8;
	}

#ThresholdsListView .btnDelete {
	background: transparent url(Images/iconDeleteRed.svg) no-repeat center center;
	background-size: 17px 21px;
}

	#ThresholdsListView .btnDelete:hover {
		opacity: 0.8;
	}


#BtnDBDetails_Close span {
	background-image: url(Images/closeIconGray.png);
}

	#BtnDBDetails_Close span:hover {
		background-image: url(Images/closeIconDark.png);
	}

#ThresholdsListView .CollapsableSlotsContent {
	height:unset !important;
}

#ThresholdsListView .k-button-solid-base.k-icon-button {
	height: 40px;
}

#RolesManagement_divRole .inlineListRemovable {
	margin: 5px;
}

.redText {
	color:red;
}


.yellowText {
	color: #ff9800;
}



.loginButton {
	font-family: 'Open sans', 'Helvetica Neue', sans-ferif;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	display: inline-block;
	background: #1fa9f3;
	color: #fff;
	/*text-transform: uppercase;*/
	box-sizing: border-box;
	vertical-align: middle;
	letter-spacing: 0.03em;
	border: 2px solid #1fa9f3;
	transition: color 300ms, background 300ms;
	padding: 10px 10px;
	/*margin-right:40px;*/
	/* height: 30px; */
}

.buttonBase {
	font-family: 'Open sans', 'Helvetica Neue', sans-serif;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	letter-spacing: 0.03em;
	transition: color 300ms, background 300ms;
	padding: 10px 10px;
	border-radius: 5px;
	padding: 5px 10px;
	cursor: pointer;
}
.nextButton {
	background: #1fa9f3;
	color: #fff;
	border: 2px solid #1fa9f3;
}

	.nextButton:hover {
		background: #007bc3;
		border: 2px solid #007bc3;
	}

.cancelButton {
	background: #fff;
	color: #585858;
	border: 2px solid #585858;
}

	.cancelButton:hover {
		color: #F54A3C;
		border: 2px solid #F54A3C;
	}

#lstUsers_divInlineEdit .k-tabstrip-items-wrapper.k-hstack,
#inviteUsers_divInlineEdit .k-tabstrip-items-wrapper.k-hstack,
#ume_DivUserEditTabstrip .k-tabstrip-items-wrapper.k-hstack {
	padding-bottom: 20px;
	border-bottom: 1px solid #c4c4c4;
}

.greyText {
	color: #ccc;
}

#lstUsers_divUsersList.masked::after, #inviteUsers_divUsersList.masked::after,.masked::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1;
}

#lstUsers_divUsersList.masked,.masked {
	position: relative;
}

img.imgHasAlpha {
	background-image: url(Images/background.svg);
}

#usersListView .PlaylistFileContainer {
	border: solid 0px #d1d3d4 !important;
}

.section {
	background: #FAFAFA;
	border: 1px solid #CCCCCC;
	border-radius: 26px;
	/* padding: 10px; */
}

	.section .pure-control-group {
		border-bottom: 1px solid #CCCCCC;
		padding: 0px 20px;
	}

#EditAccountGroupForm .pure-control-group {
	margin-bottom:0px;
}
#EditAccountGroupForm .headerSection {
	margin-bottom: 0px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 15px;
}

.headerSection {
	/*border-bottom: 1px solid #c4c4c4;*/
	padding: 10px 0px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	font-size: 18px;
}

#eag_DivAccountGroupEditTabstrip .errorMessage {
	height: 0px;
}

#eag_DivAccountGroupEditTabstrip .loginProviderCheckbox {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: center;
	padding: 15px;
	margin-right: 20px;
	background: #F5F5F5;
	border-radius: 10px;
}

#eag_DivAccountGroupEditTabstrip .loginProviderCheckbox .ContinueWith {
	margin-bottom: 0px;
}

#VideoConversionSettings .section .pure-control-group {
	border:none;
}

#eag_DivAccountGroupEditTabstrip .pure-control-group, #eag_DivPwdTabstrip .pure-control-group {
	display: flex;
	height: 50px;
	line-height: 50px;
	/* padding: 0px 10px; */
	padding-bottom: 3px;
	border-radius: 5px;
	align-items: center;
}

#eag_DivAccountGroupEditTabstrip .pure-control-group .editGroupControlLabel {
	flex-grow: 1;
}

#eag_DivAccountGroupEditTabstrip .pure-form-aligned .pure-control-group label {
	line-height: 18px;
}

#eag_DivAccountGroupEditTabstrip .pure-control-group:not(#eag_login_providers_div):hover {
	/*background-color: #f5f3f3;*/
}

#eag_DivAccountGroupEditTabstrip .editGroupNumericBox {
	text-align: right;
}

#eag_DivAccountGroupEditTabstrip .k-numerictextbox {
	max-width: 100px;
}

#eag_DivAccountGroupEditTabstrip #AzureSettings input[type="text"] {
	width: 312px;
}

#eag_DivAccountGroupEditTabstrip .lastSectionElement {
	border-bottom: 0px !important;
	padding-bottom: 15px !important;
}
#langOptionTitleArrow:hover {
	background-color: lightgray;
	border-radius: 3px;
}

#langOptionTitleArrow {
	padding: 5px;
}

#langOptionTitle {
	margin: 15px 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 50px;
}

#EditModelForm label {
	font-weight: bold;
}

#docHelper_TemplateLangIcon {
	background-image: url(Images/IconQuestionLightGrey.svg);
	outline: none;
}

	#docHelper_TemplateLangIcon:hover {
		background-image: url(Images/IconQuestionDarkGrey.svg);
	}

#docHelper_TemplateLangInstruction {
	font-size: 9px;
	border-radius: 3px;
	background-color: lightgrey;
	width: 140px;
	padding: 5px;
	text-align: left;
}

button.isLoading > span::after {
	content: "";
	margin-left: 8px;
	background: url(Images/loader_itesmedia_small.gif);
	background-size: contain;
	width: 22px;
	height: 22px;
	display: inline-block;
}

.spinnerContainer {
    background-color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner {
	width: 40px;
	padding: 8px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #1fa9f3;
	--_m: 
	  conic-gradient(#0000 10%,#000),
	  linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
			mask: var(--_m);
	-webkit-mask-composite: source-out;
			mask-composite: subtract;
	animation: loadingSpinner 1s infinite linear;
}

@keyframes loadingSpinner {
	to {
		transform: rotate(1turn)
	}
}

.button_spinner {
	display: inline-block;
	margin-left: 8px;
	width: 25px;
	background: #FFF;
}

#divChangePwdForm {
	padding: 25px;
}

#thumbnailLink + .image-loader {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.8);
}

#divConfigurePlaylist .k-listview-content>.k-selected,
#EditScenarioDivComponentEdit .k-listview-content>.k-selected,
#divPlaylistMng_PlaylistColumn .k-listview-content>.k-selected,
#ThresholdsListView .k-listview-content>.k-selected {
	background-color: white;
	border: solid 1px #d1d3d4;
}