html, body {
	height: 100%;
}

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-alt.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-tool.k-hover {
	background-color: #b6bdca;
}

.k-grid .k-alt {
	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;
	*display: inline;
	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.Twitter {
		background-image: url("Images/TwitterIcon.svg");
	}

	.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 {
	/*width: 200px;*/
	width: 225px;
	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: 30em;
}

.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;
}

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

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

.btnDelete:hover {
	background-image: url('Images/iconDeleteBlue.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;
}

	#LayoutMainLogo > div {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		/*width: 180px;
	margin-left:30px;
	margin-right:140px;
	margin-left:0.5%;
	margin-right:2%;
	float:left*/
		height: 100%;
	}


#LayoutHeader {
	background-color: #262323;
	height: 92px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 5000;
	font-size: 1em;
	display: flex;
}

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


#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{
	flex-shrink:0;
}

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

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

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

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

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

	#LayoutWebMenu .k-widget .k-state-border-down {
		/*background-color:#686667;*/
		background-color: #444343;
		color: white;
	}

	#LayoutWebMenu .k-widget .k-state-border-down .k-item {
		background-color: white;
	}

	#LayoutWebMenu .k-widget .k-state-border-down .k-item .k-link {
		color: #444343 !important;
		font-size: 0.933em;
		font-weight: 600;
		padding-top: 20px;
		padding-bottom: 20px;
		background-color:transparent;
	}

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

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

	#LayoutWebMenu .k-widget .k-highlight {
		/*background-color:#686667;*/
		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: "";
	}

#LayoutMainContainer {
	/*position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	padding-top:40px;
	padding-bottom:90px;
	min-width:980px;*/
	height: 100%;
	padding-top: 92px;
	box-sizing: border-box;
}

#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;
}

.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;
}

	#divLangChange > a:hover {
		color: #3cb1f5;
	}

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

	.k-overflow-container .k-item > a {
		border-bottom: 1px solid #cccccc !important;
	}

	.k-overflow-container .k-item > a {
		padding: 0 10px 0 55px;
		line-height: 47px;
		color: black;
		background-position: left 20px center;
		background-repeat: no-repeat;
		font-size: 0.933em;
	}

.k-popup.k-list-container {
	padding: 0;
	border: 1px solid #d7d7d7;
	border-radius: 0px;
}

.k-overflow-container .k-item > a {
	padding: 0 10px 0 15px;
}

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

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

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

	.k-overflow-container .k-item > a:hover {
		color: white;
	}

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

.k-overflow-container .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-overflow-container .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-overflow-container .k-item:hover .btnMenuKnowledgeBase {
	background-image: url("Images/iconDocHelperWhite.svg");
}

.k-overflow-container .k-item:last-child > a {
	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: 45px;
	padding-left: 45px;
}

.k-window-content .pure-form .popupContentRemainingSpace {
	padding-right: 45px !important;
	padding-left: 45px !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;
}

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

.popUpMainContent {
}

.popUpBottomToolbar {
	text-align: center;
}

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

.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*/
.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;
		/*font: 11px/16px "Arial",sans-serif;*/
		color: #000;
		/*display: inline-block;*/
		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 {
	width:15em;
}

.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-widget.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 {
	border: 0px none !important;
	background-color: white !important;
	font-size:14px;
}

.k-datetimepicker > *:nth-child(2) {
	order:3;
}

.k-datetimepicker > *:nth-child(3) {
	order:2;
}

.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 {
	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: 244px;
	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;
			text-transform: uppercase;
			font-weight: 300;
			font-size: 14px;
			padding-left: 10px;
			padding-right: 10px;
			box-sizing: border-box;
			word-break: break-all;
		}

#divWiz_StepsContainer {
	text-align: center;
}

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

#divWiz_ModelSelection, #divWiz_DataProviderSelection {
	height: 100%;
}

#divWiz_ModelSelection > div, #divWiz_DataProviderSelection > div {
	width: 100%;
	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: space-around;
    align-items: center;
    height: 100%;
    align-content:normal;
}

#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;
	min-width: 900px;
	height: auto;
	max-height: 99%;
	top: 50%;
	transform: translateY(-50%);
	overflow: auto;
}

#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 {
	margin-bottom: 35px;
	max-height: 125px;
	max-width: 125px;
}

[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_bleu.svg') center no-repeat;
	}

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

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

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

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

    .IconFileType.FileTypeJSON {
        background: transparent url('Images/fileTypeIcons/Json_bleu.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.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;
		}

/*** END TOOLBAR ICONS ***/

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

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);
	background: none;
}

.k-widget.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;
}

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

.k-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-icon.k-i-close.dark {
	background-image: url('Images/closeIconDark.png');
}

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

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

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

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

.k-window-titlebar .k-window-action {
	opacity: 1;
}

#cde_newOption_InnerWindow_wnd_title {
	left: 30px;
}

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

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

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

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

		.k-widget.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;
	width: 270px;
	text-align: center;
	margin: 0 auto;
	overflow-y:scroll;
	margin-bottom:40px;
	max-height:440px;
}

#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;
}

.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-item > div, .V6TreeView .k-item > div {
	height: 25px;
	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;
}

/** 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;
}

#DivPlayerStatusTabstrip {
	height: 100%;
}

	#DivPlayerStatusTabstrip > 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;
}

.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),
.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),
.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;
	box-shadow: none !important;
	color: #515967;
	border-color: #515967;
}

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

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

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

.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{
	border-radius:0px !important;
}

.k-input.k-hover, .k-input:hover, .k-widget.k-input.k-hover, .k-widget.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-treeview-leaf {
	padding: 1px .3333em 1px .25em;
}

.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;
}

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

button.k-button:not(.k-icon-button) .k-button-text{
	line-height:27px;
}

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 button.k-button {
	width: 40px;
	box-sizing: border-box;
}
div.k-scheduler-toolbar button.k-button, .k-editor-toolbar button.k-button.k-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.k-disabled, .k-button.k-disabled:hover {
	background-color: #292929;
	color: white;
	opacity: 0.2;
}

.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;
}

.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-focused {
	box-shadow: none !important;
}

div.k-grid-header {
	background: #c8c8c8;
	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;
}

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 div.k-button {
	background: none !important;
	display: block;
	width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 3px 3px 0px 0px;
}

.btnMenu div.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 div.k-button > span::before {
	content: "";
}

.btnMenu .k-button.k-active, .btnMenu .k-button.k-state-border-down, .btnMenu .k-button.k-state-border-up, .btnMenu.k-state-border-down, .btnMenu.k-state-border-up {
	background-color: white !important;
}

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

.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;
	}

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

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

.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-widget.k-progressbar.k-progressbar-horizontal{
	width:100%;
}

.k-progressbar-horizontal{
	max-width:100%;
}

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

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

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

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

.k-tabstrip-items .k-link.icon {
	padding-left: 6px;
	padding-right: 0px;
	vertical-align: middle;
}
.k-tabstrip-items .k-link.icon:hover .k-icon {
	color: #3db1f5;
}
/*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;
}

.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 12px 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-edit-form-container {
	min-width: 450px;
	width: auto;
}

/*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: 0;
}

div.k-window-content form {
	position: relative;
	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 input.text-box {
	border: 1px solid #cccccc;
}

#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: 15px;
	padding-top: 15px;
	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-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-numeric-wrap.k-state-border-down {
	padding-bottom: 0px;
}

.k-list-container {
	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-image {
	background-image: url('Images/loader_itesmedia_small.gif')
}

.divLoadingContainer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('Images/loader_itesmedia_small.gif');
	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;
}

span.km-switch {
	color: #4CDA64;
	width: 47px;
	height: 26px;
	overflow: visible;
	border: 1px solid #c0c0c0;
	border-radius: 3px;
	box-sizing: border-box;
}

.km-switch-container, .km-switch-wrapper {
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	background-clip: content-box;
}

.km-switch-wrapper {
	overflow: hidden;
	display: block;
	height: 100%;
	width: 100%;
	border: 0;
}

.km-switch-container {
	border-color: #EFEFF4;
}

.km-switch-wrapper {
	background: none;
}

.km-switch-on .km-switch-container {
	border-color: currentcolor;
}

.km-switch-container {
	overflow: visible;
	border-width: 0px;
	padding: 0px 0px 0px 1px;
}

.km-switch-container {
	top: 12.5%;
	left: 0px;
	position: absolute;
	display: block;
	height: 75%;
	width: 100%;
	overflow: hidden;
	background: transparent none repeat scroll 0% 0%;
	box-sizing: border-box !important;
}

.km-switch-background, .km-switch .k-slider-selection {
	background-position: 4.25em 0px;
	background-repeat: no-repeat;
	background-color: white;
	margin-left: -3.4rem;
}

.km-switch-background, .k-slider-selection {
	background-image: none;
}

.km-switch-background, .km-slider-background {
	display: block;
	margin: 0px 1px 1px -5em;
	height: 100%;
	width: 200%;
}

.km-switch-handle {
	width: 18px;
	transition: width 0.2s linear 0s;
	margin: 0px 3px 0px 3px;
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: none !important;
	top: 0px;
	bottom: 0;
	left: 0px;
	display: inline-block;
	position: absolute;
	box-sizing: border-box !important;
}

.km-switch-on .km-switch-handle {
	background-color: #7cd570;
}

.km-switch-off .km-switch-handle {
	background-color: #898989;
}

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

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-block, .k-widget, .k-popup, .k-content, .k-toolbar {
	color: inherit;
}

.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;
	}

	#LayoutMainContainer {
		padding-top: 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;
}

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%;
	}

#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 **/

.km-switch.km-widget {
	cursor: pointer;
	background-color: white !important;
}

.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: 18px 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: 30px;
}

#WSGrdListOfPlayers {
	display: flex;
	flex-direction: column;
}

.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, .k-grid .k-grid-header-wrap tr {
	height: 42px;
}

	.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-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-items > li.k-active {
	border-bottom: 4px solid #3cb1f5 !important;
}

.k-tabstrip-items .k-default .k-link {
	color: #747474;
	font-weight: bold;
}

.k-tabstrip-items .k-active .k-link {
	color: #343433;
}

.k-tabstrip > .k-content {
	padding: 20px 0 0 0;
}

/*PanelBar*/
.k-panelbar {
	border: 0px none;
	background: none;
}

.k-panelbar > li.k-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-active span.k-link {
	background-color: #3cb1f5 !important;
	color: white !important;
}

.k-panelbar li.k-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-item.k-active > .k-link .k-icon, .k-panelbar > .k-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-item {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #C4C4C4 !important;
	border-radius: 4px;
}

.k-panelbar > li.k-item .k-content {
	padding: 0 20px;
	border: none;
}

.k-panelbar > li.k-item .k-content:first-of-type {
	padding-top: 20px;
}

.k-panelbar > li.k-item .k-content:last-of-type {
	padding-bottom: 20px;
}

.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;
}

#TvUserExtraGroupAssign li.k-item > div {
	box-sizing: border-box;
	height: 45px;
	padding-top: 5px;
	padding-bottom: 6px;
}

#TvUserExtraGroupAssign span.k-in {
	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 {
	text-align: center;
	padding-top: 10px;
}

	.simplePopup > div {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center
	}

.inlineListRemovable {
	display: inline-flex;
	background-color: #FFFFFF;
	border-radius: 3px;
	margin: 0px 16px 6px 0px;
	padding: 6px;
	width: 215px;
}

.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-top: 1px solid #cccccc;
	padding-top: 20px;
	padding-bottom: 20px;
}

	.divClipSettingsContainer:first-child {
		border-top: 0px none;
		padding-top: 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-pager-wrap {
	background: none !important;
	height: 65px;
}

	.k-pager-wrap > * {
		margin-top: 20px !important;
		margin-left: 4px;
	}

.k-pager-numbers .k-selected, .k-pager-numbers .k-link {
	border-radius: 3px !important;
	width: 24px;
	height: 26px;
	color: #292929;
	margin-left: 4px;
}

.k-link.k-pager-nav {
	border: 0px none;
}

.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:left top;
}

.fileDetails_wrapper.stacked{
    display:flex;
}

#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){
    height:100%;
}

#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);
}

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-in {
	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;
	height: 90px;
	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;
}

	#cbd_tabCtrl .k-tabstrip-items li,
	#sd_tabCtrl .k-tabstrip-items li {
		/*width: 100%;*/ /*removed after kendo update to 2018.3.1017*/
		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-content,
#sd_tabCtrl .k-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: 156px;
	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: 45px;
}

.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-widget.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;
}

.k-invalid-msg.field-validation-error {
	color: white;
	padding: 3px 8px;
	border-radius: 4px;
}
.k-form-error.k-invalid-msg.field-validation-error:before {
	content: "\e403";
	font: 16px/1 WebComponentsIcons;
	margin-right: 4px;
	vertical-align: middle;
}

#newOption #valueExists,
#wndConfigureDropdown_NewOption_Form .k-widget.k-tooltip-validation .k-icon,
.k-widget.k-tooltip-validation .k-icon {
	color: white;
	margin-top: 0.1em;
}

#newOption #valueExists,
#wndConfigureDropdown_NewOption_Form .k-widget.k-tooltip-validation {
	width: 100%;
}

#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:after, .k-scheduler-content .k-resize-handle.k-resize-s:after {
	background-color: transparent;
	content: '....';
	height: 6px;
	letter-spacing: 3px;
	line-height: 0px;
	overflow:hidden;
}

.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;
}

/* 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;
	width: 100%;
}
#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;
}

.k-widget.k-captcha {
	margin: 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 {
	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;
}