/* ------------------------------------------------------------------------------------------------------------------------ */
/* IMAGES																													*/

.img-standard {
	display: inline-block;
	flex: 0 0 auto; /* IE fix for flexbox item height */
}

.img-standard img {
	width: 100%;
	height: 100%;
	display: block;
}

/* ---------------------------------------------------------------------------- */
/* IMAGES - NO IMAGE															*/

.img-standard.no-image {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.2);
	padding: 20px;
}

/* ---------------------------------------------------------------------------- */
/* IMAGES - NO IMAGE															*/

.img-noimage {
	background-color: rgba(0, 0, 0, 0.1);
	background-image: url('../images/layout/no-image-transparent.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* VIDEOS																													*/

.video-standard {

}

.video-standard .video {
	width: 100%;
	height: 100%;
}

.video-standard iframe {
	width: 100%;
	height: 100%;
	display: block;
}

.video-standard.no-video {
	min-height: 40px;
	background: rgba(255, 255, 255, 0.4) url('../images/layout/no-video.svg') center center no-repeat;
	background-size: 40px 40px;
	padding: 20px 0;
}

/* ---------------------------------------------------------------------------- */
/* VIDEOS - RESPONSIVE															*/

.video-responsive {
}

.video-responsive .video {
	height: 0;
	padding-bottom: 62.5%;
	position: relative;
}

.video-responsive iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.video-responsive.no-video {
	background: rgba(255, 255, 255, 0.4) url('../images/layout/no-video.svg') center center no-repeat;
	background-size: 40px 40px;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* PLAYER	 																												*/

.player {
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.player-video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.player-video .video-js {
	width: 100%;
	height: 100%;
	outline: none;
}

/* ---------------------------------------------------------------------------- */
/* PLAYER - CONTROLS STATUS														*/

.player-controls-status {
	position: absolute;
	top: 20px;
	z-index: 100;
	background: rgba(0, 0, 0, 0.6);
	font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
}

/* ---------------------------------------------------------------------------- */
/* PLAYER - CONTROLS															*/

.player-controls {
	height: 40px;
	opacity: 0;
	padding: 10px;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: flex;
	justify-content: space-between;
	-webkit-transition: height .3s, opacity .3s, background-color .3s;
	transition: height .3s, opacity .3s, background-color .3s;
}

.player:hover .player-controls {
	height: 50px;
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.6);
}

.player-controls-group {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.player-controls button {
	width: 18px;
	height: 18px;
	display: block;
	cursor: pointer;
	outline: none;
	border: 0;
	opacity: 0.6;
	text-indent: -9999px;
	margin: 0 10px;
}

.player-controls button.active,
.player-controls button:hover {
	opacity: 1;
}

.player-controls-play {
	width: 18px;
	height: 18px;
	background: url('../images/icons/play.svg') center center no-repeat;
	display: inline-block;
    vertical-align: middle;
}

.player-controls-pause {
	width: 18px;
	height: 18px;
	background: url('../images/icons/pause.svg') center center no-repeat;
	display: inline-block;
    vertical-align: middle;
}

.player-controls-mute {
	width: 18px;
	height: 18px;
	background: url('../images/icons/mute.svg') center center no-repeat;
	display: inline-block;
    vertical-align: middle;
}

.player-controls-sound {
	width: 18px;
	height: 18px;
	background: url('../images/icons/sound.svg') center center no-repeat;
	display: inline-block;
    vertical-align: middle;
}

.player-controls-video-standard {
	width: 18px;
	height: 18px;
	background: url('../images/icons/video-standard.svg') center center no-repeat;
	display: inline-block;
    vertical-align: middle;
}

.player-controls-video-theatre {
	width: 18px;
	height: 18px;
	background: url('../images/icons/video-theatre.svg') center center no-repeat;
	display: inline-block;
    vertical-align: middle;
}

.player-controls-video-fullscreen {
	width: 18px;
	height: 18px;
	background: url('../images/icons/video-fullscreen.svg') center center no-repeat;
	display: inline-block;
    vertical-align: middle;
}

.player-controls .select {
	height: 18px;
	opacity: 0.6;
	color: #ffffff;
	font-size: 11px;
	line-height: 18px;
}

.player-controls .select.open,
.player-controls .select:hover {
	opacity: 1;
}

.player-controls .select-dropdown {
	background: rgba(0, 0, 0, 0.6);
	margin-top: 0;
	margin-bottom: 5px;
	position: absolute;
	top: auto;
	right: 0;
	bottom: 100%;
	left: auto;
	color: #ffffff;
	line-height: 24px;
}

.player-controls .select-dropdown ul li:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

/* ---------------------------------------------------------------------------- */
/* PLAYER CONTROLS - VOLUME BAR													*/

.player-controls input[type=range] {
	width: 80px;
	background-color: transparent;
	-webkit-appearance: none;
}

.player-controls input[type=range]:focus {
	outline: none;
}

@supports (-ms-ime-align:auto) {
	.player-controls input[type=range] {
		margin: 0;
	}
}

.player-controls input[type=range]::-webkit-slider-thumb {
	width: 14px;
	height: 14px;
	background: #ffffff;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	margin-top: -4px;
	-webkit-appearance: none;
}

.player-controls input[type=range]::-moz-range-thumb {
	width: 14px;
	height: 14px;
	background: #ffffff;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	margin-top: -4px;
}

.player-controls input[type=range]::-ms-thumb {
	width: 14px;
	height: 14px;
	background: #ffffff;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	margin-top: -4px;
}

.player-controls input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 6px;
	background: #ffffff60;
	border: none;
	border-radius: 25px;
	cursor: pointer;
}

.player-controls input[type=range]:focus::-webkit-slider-runnable-track {
	background: #ffffff80;
}

.player-controls input[type=range]::-moz-range-track {
	width: 100%;
	height: 6px;
	background: #ffffff;
	border: none;
	border-radius: 25px;
	cursor: pointer;
}

.player-controls input[type=range]::-ms-track {
	width: 100%;
	height: 6px;
	background: transparent;
	border-color: transparent;
	border-width: 5px 0;
	color: transparent;
	cursor: pointer;
}

.player-controls input[type=range]::-ms-fill-lower {
	background: #ffffff60;
	border: none;
	border-radius: 50px;
}

.player-controls input[type=range]::-ms-fill-upper {
	background: #ffffff60;
	border: none;
	border-radius: 50px;
}

.player-controls input[type=range]:focus::-ms-fill-lower {
	background: #ffffff80;
}

.player-controls input[type=range]:focus::-ms-fill-upper {
	background: #ffffff80;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* MAP																														*/

.map iframe {
	display: block;
}

.container-fluid .map {
	margin: 0 -20px;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* ICONS																													*/

.icon10 {
	width: 10px;
	height: 10px;
	background-size: 10px 10px;
	display: inline-block;
	vertical-align: middle;
}

.icon16 {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	display: inline-block;
	vertical-align: middle;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - ARROW UP																*/

.icon-arrow-up {
	background: url('../images/icons/arrow-up.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - ARROW RIGHT															*/

.icon-arrow-right {
	background: url('../images/icons/arrow-right.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - ARROW DOWN															*/

.icon-arrow-down {
	background: url('../images/icons/arrow-down.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - ARROW LEFT															*/

.icon-arrow-left {
	background: url('../images/icons/arrow-left.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - PLUS																	*/

.icon-plus {
	background: url('../images/icons/plus.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - MINUS																*/

.icon-minus {
	background: url('../images/icons/minus.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - CROSS																*/

.icon-cross {
	background: url('../images/icons/cross.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - CROSS (LIGHT)														*/

.icon-cross-light {
	background: url('../images/icons/cross-light.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - SEARCH																*/

.icon-search {
	background: url('../images/icons/search.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - EDIT																	*/

.icon-edit {
	background: url('../images/icons/edit.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - DELETE																*/

.icon-delete {
	background: url('../images/icons/delete.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - OPTION																*/

.icon-option {
	background: url('../images/icons/option.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - SUB CATEGORY															*/

.icon-subcategory {
	background: url('../images/icons/subcategory.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - COMMENT																*/

.icon-comment {
	background: url('../images/icons/comment.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - DOWNLOAD																*/

.icon-download {
	background: url('../images/icons/download.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - UPLOAD																*/

.icon-upload {
	background: url('../images/icons/upload.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - LOCK																	*/

.icon-lock {
	background: url('../images/icons/lock.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - POWER																*/

.icon-power {
	background: url('../images/icons/power.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - LIST																	*/

.icon-list {
	background: url('../images/icons/list.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - PARTICIPANT															*/

.icon-participant {
	background: url('../images/icons/participant.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - ACCOMMODATION														*/

.icon-accommodation {
	background: url('../images/icons/accommodation.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - TIME																	*/

.icon-time {
	background: url('../images/icons/time.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - DATE																	*/

.icon-date {
	background: url('../images/icons/date.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - LOCATION																*/

.icon-location {
	background: url('../images/icons/location.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - COMMUNICATION														*/

.icon-communication {
	background: url('../images/icons/communication.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - SCANNING																*/

.icon-scanning {
	background: url('../images/icons/scanning.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - COLUMN CHART															*/

.icon-column-chart {
	background: url('../images/icons/column-chart.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - SEND																	*/

.icon-send {
	background: url('../images/icons/send.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - SETTING (DARK)														*/

.icon-setting-dark {
	background: url('../images/icons/setting-dark.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - SETTING (LIGHT)														*/

.icon-setting-light {
	background: url('../images/icons/setting-light.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - SUCCESS																*/

.icon-success {
	background: url('../images/icons/success.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - SUCCESS (DARK)														*/

.icon-success-dark {
	background: url('../images/icons/success-dark.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - SUCCESS (LIGHT)														*/

.icon-success-light {
	background: url('../images/icons/success-light.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - INFO																	*/

.icon-info {
	background: url('../images/icons/info.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - INFO (DARK)															*/

.icon-info-dark {
	background: url('../images/icons/info-dark.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - WARNING																*/

.icon-warning {
	background: url('../images/icons/warning.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - WARNING (DARK)														*/

.icon-warning-dark {
	background: url('../images/icons/warning-dark.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - ERROR																*/

.icon-error {
	background: url('../images/icons/error.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - ERROR (DARK)															*/

.icon-error-dark {
	background: url('../images/icons/error-dark.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - VIEW LIST															*/

.icon-view-list {
	background: url('../images/icons/view-list.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* ICONS - VIEW GRID															*/

.icon-view-grid {
	background: url('../images/icons/view-grid.svg') center center no-repeat;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* FILETYPE ICONS																											*/

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - DOCUMENT													*/

.icon-document {
	background: url('../images/icons/file-document.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - IMAGE														*/

.icon-image {
	background: url('../images/icons/file-image.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - VIDEO														*/

.icon-video {
	background: url('../images/icons/file-video.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - AUDIO														*/

.icon-audio {
	background: url('../images/icons/file-audio.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - ZIP															*/

.icon-zip {
	background: url('../images/icons/file-zip.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - WORD														*/

.icon-word {
	background: url('../images/icons/file-word.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - EXCEL														*/

.icon-excel {
	background: url('../images/icons/file-excel.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - POWER POINT													*/

.icon-powerpoint {
	background: url('../images/icons/file-powerpoint.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - PDF															*/

.icon-pdf {
	background: url('../images/icons/file-pdf.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - PHOTOSHOP													*/

.icon-photoshop {
	background: url('../images/icons/file-photoshop.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - ILLUSTRATOR													*/

.icon-illustrator {
	background: url('../images/icons/file-illustrator.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - VECTOR														*/

.icon-vector {
	background: url('../images/icons/file-vector.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* FILETYPE ICONS - INDESIGN													*/

.icon-indesign {
	background: url('../images/icons/file-indesign.svg') center center no-repeat;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* SOCIAL ICONS																												*/

/* ---------------------------------------------------------------------------- */
/* SOCIAL ICONS - FACEBOOK														*/

.icon-facebook {
	background: url('../images/icons/facebook.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* SOCIAL ICONS - LINKEDIN														*/

.icon-linkedin {
	background: url('../images/icons/linkedin.svg') center center no-repeat;
}

/* ---------------------------------------------------------------------------- */
/* SOCIAL ICONS - TWITTER														*/

.icon-twitter {
	background: url('../images/icons/twitter.svg') center center no-repeat;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* COLOR STATUS (LABELS)																									*/

.user-label  {
	width: 4px;
	height: 4px;
	border: 4px solid #ffffff;
	border-radius: 50%;
	margin-top: -2px;
	display: inline-block;
	vertical-align: middle;
}

.userlabel1 {border: 4px solid #cf5d66;}
.userlabel2 {border: 4px solid #f2ba49;}
.userlabel3 {border: 4px solid #e5d62e;}
.userlabel4 {border: 4px solid #52cc66;}
.userlabel5 {border: 4px solid #67bbe5;}
.userlabel6 {border: 4px solid #3d6b99;}
.userlabel7 {border: 4px solid #9559b3;}
.userlabel8 {border: 4px solid #c78ae5;}

.label-color-pick {
	width: 210px;
	background: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #dbdbdb;
	position: absolute;
	display: none;
	margin: -145px 0 0 -99px;
	z-index: 5000;
	padding: 0 5px 10px 5px;
}

.label-color-pick li {
	margin: 2px 5px 2px 2px;
	float: left;
	height: 18px;
	width: 45%;
}

.label-color-pick li.label-nocolor {
	width: 98%;
	border-bottom: 1px solid #F2F2F2;
	margin-top: 0;
	padding-bottom: 6px;
}

.label-color-pick li span {
	float: left;
}

.label-pointer {
	background: url( 'images/label-point.png') no-repeat 0 0;
	width: 21px;
	height: 11px;
	position: relative;
	margin: 0 auto -20px;
}

.label-color-wrap:hover .label-color-pick {
	display: block;
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
	.player-controls-group .select {
		display: none;
	}

	.player-controls .player-controls-video-theatre {
		display: none;
	}

	.player-controls .player-controls-video-fullscreen {
		display: none;
	}

	.player-controls .player-controls-video-standard {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.player-controls-group .select {
		display: none;
	}

	.player-controls .player-controls-video-theatre {
		display: none;
	}

	.player-controls .player-controls-video-fullscreen {
		display: none;
	}

	.player-controls .player-controls-video-standard {
		display: none;
	}

	.player-controls .player-controls-volume {
		display: none;
	}
}

@media only screen and (max-width: 480px) {

}