:root {
	--primary-color: #0128C0;
	--button1-hover: #02C2EF;
	--button2-hover: #02C2EF;
	--base-link-color: #0128C0;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch
}

input,
body {
	font-size: 14px;
	line-height: 1.35
}

button,
input,
select,
textarea,
.textarea-large,
option,
body {
	font-family: Arial, sans-serif;
	color: #4d4d4d
}

body {
	background: white;
}

.apps-menu {
	position: fixed;
	top: 75px;
	left: 0;
	z-index: 150;
	padding: 15px 10px 90px 0;
	min-width: 480px;
	max-width: 700px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-10px);
	transform-origin: center top;
	transition: all ease-out 0.25s;
	height: 100% !important;
	float: none !important;
	max-height: 100% !important;
	color: #4d4d4d
}

.apps-menu:after {
	content: "";
	display: table;
	clear: both
}

.apps-menu.active {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px)
}

.apps-menu:before {
	content: '';
	border-color: transparent transparent #fff;
	border-style: solid;
	border-width: 0 10px 10px;
	position: absolute;
	left: 14px;
	top: 6px;
	z-index: 1;
	height: 0;
	width: 0
}

.apps-menu-desktop,
.apps-menu-mobile {
	position: fixed;
	bottom: 0;
	margin: 0 10px;
}

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

	.apps-menu-desktop,
	.apps-menu-mobile {
		margin: 0;
		width: 50px
	}
}

.apps-menu-desktop button,
.apps-menu-mobile button {
	float: left;
	height: 50px;
	width: 50px
}

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

	.apps-menu-desktop button:before,
	.apps-menu-mobile button:before {
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		left: 3px;
		top: 3px
	}
}

.apps-menu-inner {
	position: relative;
	padding: 20px 20px 0;
	overflow: auto;
	background: #e0e0e0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	border-radius: 0 0 5px 5px;
	max-height: calc(100% - 120px);
	min-height: 190px;
	min-width: 100%;
	height: 100%
}

.apps-menu-always-full-height {
	height: calc(100% - 75px)
}

.apps-menu-always-full-height .apps-menu-inner {
	height: calc(100% - 60px) !important
}

.apps-menu-top-nav {
	position: relative;
	margin: 0;
	padding: 15px;
	border-radius: 5px 5px 0 0;
	z-index: 10
}

.apps-menu-top-nav:after {
	content: "";
	display: table;
	clear: both
}

.apps-menu-home-button {
	float: left
}

.all-apps-button {
	float: right
}

.tile-group {
	margin: 0 -5px 20px
}

.apps-menu .panel {
	padding: 0
}

.apps-menu .panel .home-tiles {
	margin: 0 -5px 20px
}

.apps-menu h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 7px;
	padding-left: 5px
}

.apps-menu .home-tile {
	font-size: 14px;
	line-height: 17px;
	width: 120px;
	height: 120px;
	padding: 5px
}

.apps-menu .home-tile:before {
	width: calc(100% - 10px);
	height: calc(100% - 10px)
}

.apps-menu .home-tile .notif-counter {
	border-color: #e0e0e0
}

.apps-menu .home-tile>i {
	font-size: 48px;
	line-height: 48px;
	height: 48px
}

.apps-menu .home-tile>span {
	margin: 8px 5px 5px
}

.apps-menu .home-tile span span {
	max-height: 35px
}

.apps-menu .home-tile .notif-counter {
	font-size: 13px;
	line-height: 18px;
	width: 26px;
	height: 26px
}

.apps-menu .home-tile button.tile-help {
	left: -3px;
	bottom: -3px
}

.apps-menu-search {
	font-size: 14px;
	clear: both;
	padding-top: 5px
}

.apps-menu-button.apps-menu-button-mobile {
	display: none
}

@media screen and (max-width: 979px) {
	.apps-menu.apps-menu-desktop {
		top: 55px;
		width: 100%;
		min-width: inherit
	}
}

.apps-menu .panel.category span span {
	max-height: 38px
}

.article-single {
	font-size: 1.1em;
	line-height: 1.5;
	/* max-width: 720px; */
	margin: auto;
	text-align: center;
	padding: 0 15px;
}

.article-single h1,
.article-single .article-meta {
	text-align: center
}

.article-single h1 {
	background-color: #0128C0;
	color: white;
	padding: 5px 20px;
	border-radius: 15px;
	width: 80%;
	margin: auto;
	font-family: 'futura-pt', Arial, sans-serif;
	font-size: 30px;
	font-weight: inherit;
}


.article-single h2 {
	font-weight: 700
}

.article-single p {
	margin: 30px 0
}

.article-single ul {
	margin: 30px 0;
	padding-left: 30px
}

.article-single ul li {
	margin: 20px 0;
	list-style: inherit;
	list-style-position: inside
}

.article-single .article-meta {
	padding-bottom: 40px;
	margin: 16px 0 35px;
}

.article-single img {
	width: 100%;
	max-width: 100%;
	height: auto !important;
	display: block;
	margin: 40px auto
}

.article-single blockquote {
	font-size: calc(1em + 2px);
	font-weight: bold;
	margin: 50px;
	padding: 0 0 0 30px;
	border-width: 0 0 0 5px;
	border-style: solid;
	border-color: #ccc;
	text-align: left;
	color: #666
}

.article-single blockquote p {
	margin: -5px 0
}

.article-single .article-content {
	text-align: left
}

.article-single .article-content p span {
	line-height: 1.5
}

@media screen and (min-width: 1366px) {
	.article-single .article-content p span {
		font-size: 18px !important
	}
}

@media screen and (min-width: 1600px) {
	.article-single blockquote {
		float: right;
		margin: 7px -320px 30px 0;
		width: 280px
	}

	.article-single blockquote:nth-of-type(even) {
		float: left;
		text-align: right;
		border-width: 0 5px 0 0;
		padding: 0 30px 0 0;
		margin: 7px 0 30px -320px
	}
}

.article-single iframe {
	width: 100%;
	height: 390px;
	max-width: 720px;
	margin: auto;
	display: block;
}

.documentstate {
	border-radius: 5px;
	margin-top: 10px;
	padding: 2px;
	text-align: right;
	font-size: 12px;
	white-space: nowrap;
}

.statut-setting {
	border: 1px solid #6F5FDC;
	font-weight: bold;
	background: #816EFF66 0% 0% no-repeat padding-box;
	color: #6F5FDC;
}


.statut-deroulement {
	border: 1px solid #ffd400;
	font-weight: bold;
	background: #ffffe0 0% 0% no-repeat padding-box;
	color: #ffd400;
}

.statut-actions {
	border: 1px solid #EC733C;
	font-weight: bold;
	background: #FFB94659 0% 0% no-repeat padding-box;
	color: #EC733C;
}

.statut-closed {
	border: 1px solid #00B58D;
	font-weight: bold;
	background: #00D2A366 0% 0% no-repeat padding-box;
	color: #00B58D;
}

.statut-cancel {
	border: 1px solid #868688;
	font-weight: bold;
	background: #DCDCDC 0% 0% no-repeat padding-box;
	color: #868688;
}

.statut-archive {
	border: 1px solid #868688;
	font-weight: bold;
	background: #DCDCDC 0% 0% no-repeat padding-box;
	color: #868688;
}

.statut-assessement {
	border: 1px solid #0089CC;
	font-weight: bold;
	background: #0089CC59 0% 0% no-repeat padding-box;
	color: #0089CC;
}

.statut-treatment {
	border: 1px solid #EC733C;
	font-weight: bold;
	background: #FFB94659 0% 0% no-repeat padding-box;
	color: #EC733C;
}

.statut-check {
	border: 1px solid #ffd400;
	font-weight: bold;
	background: #ffffe0 0% 0% no-repeat padding-box;
	color: #ffd400;
}

.statut-activite {
	border: 1px solid #00B58D;
	font-weight: bold;
	background: #00D2A366 0% 0% no-repeat padding-box;
	color: #00B58D;
}

.statut-validate {
	border: 1px solid #EC733C;
	font-weight: bold;
	background: #FFB94659 0% 0% no-repeat padding-box;
	color: #EC733C;
}

.fck-editor-container {
	min-height: 407px
}

.article-single:before {
	content: "";
	position: absolute;
	width: 100%;
	background: #fff;
	height: 100%;
	left: 0;
	z-index: -1
}

.time-field label+strong {
	font-weight: normal
}

.login h1 {
	text-align: center
}

.login .authentication-form form ul li>label {
	display: block;
	width: 100%
}

.login .authentication-form form ul li input {
	width: 100%
}

.login .authentication-form form .button-area {
	text-align: right
}

.ui-loader {
	height: inherit
}

button::-moz-focus-inner {
	padding: 0 !important;
	border: 0 none !important
}

.button:focus,
button:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}

a.button:focus,
a.button:hover {
	opacity: 1
}

.button:before,
.button-big:before,
.button-clear:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.button-clear:focus:before,
.button-clear:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.button:focus:before,
.button:hover:before,
.button-big:focus:before,
.button-big:hover:before {
	opacity: 0.2;
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.button.icon-right,
button.icon-right {
	padding: 0 0 0 15px
}

.button.no-icon-button,
button.no-icon-button {
	padding-left: 15px
}

.button i,
button i {
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 2
}

.button span,
button span {
	position: relative;
	z-index: 2;
	display: inline-block
}

.button-secondary-action:focus:before,
.button-secondary-action:hover:before {
	opacity: 0.8;
	transition: all 0.1s linear
}

.button-secondary-action:focus:before:hover,
.button-secondary-action:focus:before:focus,
.button-secondary-action:hover:before:hover,
.button-secondary-action:hover:before:focus {
	background-color: #fff
}

.button-secondary-action:active:before,
.button:active:before,
button:active:before {
	opacity: 0
}

.button-clear:focus {
	outline: none
}

.button-clear:before {
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear
}

.button-clear:focus:before,
.button-clear:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.button-clear:active:before {
	opacity: 0.5
}

.button-square {
	width: 50px
}

.button-square,
.button-square i {
	padding: 0
}

.button-square:active:before {
	transform: scale(0.9)
}

.button-small {
	font-size: 14px;
	line-height: 40px;
	padding: 0 10px 0 0
}

.button-small i.icon_24_home {
	padding: 0 11px 0 7px
}


.button-small.icon-right {
	padding: 0 0 0 10px
}

.button.button-small.no-icon-button,
button.button-small.no-icon-button {
	padding-left: 10px;
	border: none
}

.button.button-small.no-icon-button:hover,
button.button-small.no-icon-button:hover {
	border: none
}

.button-small i {
	height: 40px;
	line-height: 40px;
	padding: 0 5px
}

.button-small i.icon_wide {
	padding: 0 10px
}

button i.icon_24_arrow-full-right {
	padding-right: 0
}

a.button-big:focus,
a.button-big:hover {
	border: none
}

.button-big.icon-right {
	padding: 0 0 0 15px
}

.button.button-big.no-icon-button,
button.button-big.no-icon-button {
	padding-left: 15px
}

.button-big i {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}


.disabled {
	opacity: 0.3;
	pointer-events: none
}



.view-header .button1.action-add span,
.view-header .button1.action-create span,
.button1.action-login span,
.button1.action-change-password span,
.document-bottom-buttons .button1.action-saveandclose span,
.button1.action-validate span,
.button1.action-ok span,
.button1.action-send span,
.button1.action-new span,
.button1.action-newCopy span {
	color: white
}

.view-header .button1.action-add:before,
.view-header .button1.action-create:before,
.button1.action-login:before,
.button1.action-change-password:before,
.document-bottom-buttons .button1.action-saveandclose:before,
.button1.action-validate:before,
.button1.action-ok:before,
.button1.action-send:before,
.button1.action-new:before,
.button1.action-newCopy:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.view-header .button1.action-add:focus:before,
.view-header .button1.action-add:hover:before,
.view-header .button1.action-create:focus:before,
.view-header .button1.action-create:hover:before,
.button1.action-login:focus:before,
.button1.action-login:hover:before,
.button1.action-change-password:focus:before,
.button1.action-change-password:hover:before,
.document-bottom-buttons .button1.action-saveandclose:focus:before,
.document-bottom-buttons .button1.action-saveandclose:hover:before,
.button1.action-validate:focus:before,
.button1.action-validate:hover:before,
.button1.action-ok:focus:before,
.button1.action-ok:hover:before,
.button1.action-send:focus:before,
.button1.action-send:hover:before,
.button1.action-new:focus:before,
.button1.action-new:hover:before,
.button1.action-newCopy:focus:before,
.button1.action-newCopy:hover:before {
	opacity: 0.2;
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.view-header .button1.action-add:hover,
.view-header .button1.action-add:focus,
.view-header .button1.action-create:hover,
.view-header .button1.action-create:focus,
.button1.action-login:hover,
.button1.action-login:focus,
.button1.action-change-password:hover,
.button1.action-change-password:focus,
.document-bottom-buttons .button1.action-saveandclose:hover,
.document-bottom-buttons .button1.action-saveandclose:focus,
.button1.action-validate:hover,
.button1.action-validate:focus,
.button1.action-ok:hover,
.button1.action-ok:focus,
.button1.action-send:hover,
.button1.action-send:focus,
.button1.action-new:hover,
.button1.action-new:focus,
.button1.action-newCopy:hover,
.button1.action-newCopy:focus {
	background: #02C2EF;
	border: 0
}

.button1.action-login span,
.button1.action-change-password span,
.document-bottom-buttons .button1.action-saveandclose span {
	color: #fff
}

.go-to-highlighted.button1 {
	margin-top: -1px;
	color: #666
}

.go-to-highlighted.go-to-highlighted-mobile {
	display: none
}

.button1,
.button2,
.button3,
.buttonlike {
	background: #60D8F5;
	transition: all ease-out 0.25s
}

.button1 span,
.button2 span,
.button3 span,
.buttonlike span {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

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

	.button1 span,
	.button2 span,
	.button3 span,
	.buttonlike span {
		font-size: 14px
	}
}

.button1:focus,
.button1:hover,
.button2:focus,
.button2:hover,
.button3:focus,
.button3:hover,
.buttonlike:focus,
.buttonlike:hover {
	opacity: 0.7;
	background-image: none;
}


.button3 {
	background: white
}

.button1,
.button2,
.button3,
.buttonlike {
	padding: 5px 10px;
	height: 36px;
	line-height: 24px;
}

@media (max-width: 544px) {

	.button1,
	.button2,
	.button3,
	.buttonlike {
		padding: 0 10px;
		height: 32px;
		line-height: 28px
	}

	.button1 span,
	.button2 span,
	.button3 span,
	.buttonlike span {
		line-height: 28px;
		display: inline-block;
		vertical-align: top
	}

	.button1.go-to-highlighted,
	.button2.go-to-highlighted,
	.button3.go-to-highlighted,
	.buttonlike.go-to-highlighted {
		line-height: inherit;
		height: 36px
	}

	.button1.go-to-highlighted span,
	.button2.go-to-highlighted span,
	.button3.go-to-highlighted span,
	.buttonlike.go-to-highlighted span {
		line-height: inherit
	}
}


@media (max-width: 768px) {
	.vui-file-upload .dropfiles-helper {
		display: none
	}
}

.rotated-180 {
	transform: rotate(180deg)
}

.rotated-top {
	transform: rotate(-90deg)
}

.rotated-bottom {
	transform: rotate(90deg)
}






.button1 .button2.action-close span {
	color: white;
}

.button2.action-close:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url('../img/cross.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	margin: 0px 2px -3px -3px;
}



.crop-buttons li.first button {
	position: relative;
	padding-left: 30px
}

.crop-buttons li.first button:before {
	font-size: 24px;
	margin-left: 0;
	position: absolute;
	top: 6px;
	left: 5px
}

.button1.action-help:before,
.button1.action-print:before {
	content: "";
	font-size: 22px;
	line-height: 24px;
	color: #666;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: -2px 5px 0 -2px
}



@media (max-width: 544px) {
	.document-main-buttons .handler-workflow-more-actions-menu {
		margin-left: 0;
		margin-top: -2px
	}
}

.document-main-buttons .handler-workflow-actions-menu:after,
.document-main-buttons .handler-workflow-more-actions-menu:after {
	content: "";
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(90deg);
	text-align: center;
	margin-left: -34px
}

.document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty:after,
.document-main-buttons .handler-workflow-more-actions-menu.popup-menu-handler-empty:after {
	content: ""
}

.document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty .button-imgr,
.document-main-buttons .handler-workflow-more-actions-menu.popup-menu-handler-empty .button-imgr {
	display: none
}

.document-main-buttons .handler-workflow-actions-menu span,
.document-main-buttons .handler-workflow-more-actions-menu span {
	background-image: none;
	height: 43px;
	line-height: 42px;
	padding: 0;
	border: 0;
	transition: all ease-out 0.25s
}

.document-main-buttons .handler-workflow-actions-menu span:hover,
.document-main-buttons .handler-workflow-more-actions-menu span:hover {
	background-color: rgba(255, 255, 255, 0.2);
	background-image: none;
	border-radius: 5px 0 0 5px
}



@media (max-width: 544px) {

	.document-main-buttons .handler-workflow-actions-menu span a,
	.document-main-buttons .handler-workflow-more-actions-menu span a {
		max-width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
		padding: 0 15px 0 10px
	}
}

.document-main-buttons .handler-workflow-actions-menu span a:before,
.document-main-buttons .handler-workflow-more-actions-menu span a:before {
	content: "";
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: -2px 9px 0 0
}

.document-main-buttons .handler-workflow-actions-menu span a:hover,
.document-main-buttons .handler-workflow-more-actions-menu span a:hover {
	border: none
}

.document-main-buttons .popup-menu-handler-empty:after {
	display: none
}

.document-main-buttons .handler-workflow-actions-menu {
	max-width: 97.5%
}

@media (max-width: 544px) {
	.document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty {
		max-width: 99.5%
	}
}

@media (max-width: 544px) {
	.document-main-buttons .handler-workflow-actions-menu span {
		max-width: 83.5%
	}
}

@media (max-width: 544px) {
	.document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty span {
		max-width: 100%
	}
}

.document-main-buttons .handler-workflow-more-actions-menu {
	background: #FFF;
	border: 1px solid #ccc;
	transition: all ease-out 0.25s;
	height: 25px;
	border-radius: 5px;
}

.document-main-buttons .handler-workflow-more-actions-menu:focus,
.document-main-buttons .handler-workflow-more-actions-menu:hover {
	opacity: 0.7;
}

.document-main-buttons .handler-workflow-more-actions-menu:after {
	margin-left: -31px;
	color: #0128C0;
}

@media (max-width: 544px) {
	.document-main-buttons .handler-workflow-more-actions-menu:after {
		margin-left: -30px
	}
}

.document-main-buttons .handler-workflow-more-actions-menu span {
	height: 25px;
	line-height: 25px;
	padding: 0
}

.document-main-buttons .handler-workflow-more-actions-menu span a {
	font-size: 16px;
	font-weight: 700;
	line-height: 25px;
	color: #0128C0;
	padding: 0 0 0 10px;
	border: none;
	height: 25px
}

@media (max-width: 544px) {
	.document-main-buttons .handler-workflow-more-actions-menu span a {
		display: none
	}
}

.document-main-buttons .handler-workflow-more-actions-menu span a:before {
	display: none
}

.document-main-buttons .handler-workflow-more-actions-menu span a:hover {
	border: none
}

.document-main-buttons .handler-workflow-more-actions-menu span:hover {
	background: none
}

.document-main-buttons .handler-workflow-actions-menu .button-imgr,
.document-main-buttons .handler-workflow-more-actions-menu .button-imgr {
	height: 100%;
	width: 43px;
	background-image: none;
	border: 0;
	transition: all ease-out 0.25s
}

.document-main-buttons .handler-workflow-actions-menu .button-imgr:hover,
.document-main-buttons .handler-workflow-more-actions-menu .button-imgr:hover {
	background-color: rgba(255, 255, 255, 0.2);
	background-image: none;
	border-radius: 0 5px 5px 0
}

.document-main-buttons .handler-workflow-actions-menu .button-imgr {
	height: 43px
}

.document-main-buttons .handler-workflow-more-actions-menu .button-imgr {
	width: 40px
}

.document-main-buttons .handler-workflow-more-actions-menu .button-imgr:hover {
	background: none
}

.left-document-main-buttons {
	float: left;
	padding-top: 2px
}

.left-document-main-buttons button:first-child {
	margin-left: 0
}

.right-document-main-buttons {
	float: right
}

@media (max-width: 544px) {
	.right-document-main-buttons {
		max-width: calc(100% - 90px)
	}
}

.buttons-group.document-main-buttons {
	padding: 0
}

.buttons-group.document-main-buttons:after {
	clear: both;
	content: "";
	display: table
}

.buttons-group.document-secondary-buttons {
	padding: 0
}

.button-area.document-top-buttons {
	padding: 0px 30px 0px 30px
}

@media (max-width: 919px) {
	.button-area.document-top-buttons {
		padding: 10px
	}
}

.popup-menu {
	border-radius: 4px;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	border: 0
}

.popup-menu UL {
	margin: 5px;
	min-width: 210px
}

.popup-menu.handler-row-menu UL {
	min-width: inherit
}

.handler-workflow-more-actions-menu-menu .action-save a:before {
	content: "";
	font-size: 16px;
	line-height: 24px;
	color: #02C2EF;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: -3px 5px 0 -2px
}

.handler-workflow-more-actions-menu-menu .action-close a:before {
	content: "";
	font-size: 20px;
	line-height: 24px;
	color: #eb003b;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: -5px;
	margin-right: 1px
}

.go-to-highlighted:before {
	content: "";
	font-size: 12px;
	line-height: 24px;
	color: #666;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 6px
}

.go-to-highlighted:disabled:before {
	color: #e0e0e0
}

.vui-combobox-plus .button1 {
	background: #f2f2f2;
	border: 1px solid #d9d9d9;
	vertical-align: top;
	height: 30px;
	width: 30px;
	background-image: none !important;
	padding: 0;
	position: relative;
	left: -15px;
	top: 0;
	line-height: 24px
}

.vui-combobox-plus .button1:before {
	content: "";
	font-size: 16px;
	line-height: 24px;
	color: #bbb;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(0deg);
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga" 1
}

.vui-combobox-plus .button1:hover {
	background: #fff;
	border: 1px solid #cacaca
}

.vui-selector-selected-items .vui-combobox-minus .button1 {
	background-image: none !important;
	padding: 0;
	height: inherit;
	border-bottom: 1px dotted #007bc2;
	border-radius: 0
}

.vui-selector-selected-items .vui-combobox-minus .button1:hover {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #007bc2
}

.vui-selector-selected-items .vui-combobox-minus .button1 span {
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #007bc2;
	padding: 5px 0
}

.vui-selector-selected-items .vui-combobox-minus .button1 span:hover {
	color: #007bc2
}

.vui-selector-selected-items .vui-combobox-minus .button1:hover span,
.vui-selector-selected-items .vui-combobox-minus .button1:active span {
	color: #007bc2
}

.button1.action-Editer-la-reference,
.button1.action-Edit-reference {
	margin: 0 0 0 10px
}

.button1.action-Editer-la-reference,
.button1.action-Edit-reference,
.button1.action-showall,
.treatment-edit .button1.action-showall,
.button1.action-deleteall,
.treatment-edit .button1.action-deleteall {
	background: none;
	border: none;
	font-weight: normal;
	padding: 0;
	border-bottom: 1px dotted #0128C0;
	border-radius: 0;
	height: inherit;
	margin-right: 10px
}

.button1.action-Editer-la-reference span,
.button1.action-Edit-reference span,
.button1.action-showall span,
.treatment-edit .button1.action-showall span,
.button1.action-deleteall span,
.treatment-edit .button1.action-deleteall span {
	color: #0128C0;
	font-weight: normal
}

.button1.action-Editer-la-reference:focus,
.button1.action-Editer-la-reference:hover,
.button1.action-Edit-reference:focus,
.button1.action-Edit-reference:hover,
.button1.action-showall:focus,
.button1.action-showall:hover,
.treatment-edit .button1.action-showall:focus,
.treatment-edit .button1.action-showall:hover,
.button1.action-deleteall:focus,
.button1.action-deleteall:hover,
.treatment-edit .button1.action-deleteall:focus,
.treatment-edit .button1.action-deleteall:hover {
	border: 0;
	border-bottom: 1px solid #0128C0
}

.button1.action-Editer-la-reference:focus span,
.button1.action-Editer-la-reference:hover span,
.button1.action-Edit-reference:focus span,
.button1.action-Edit-reference:hover span,
.button1.action-showall:focus span,
.button1.action-showall:hover span,
.treatment-edit .button1.action-showall:focus span,
.treatment-edit .button1.action-showall:hover span,
.button1.action-deleteall:focus span,
.button1.action-deleteall:hover span,
.treatment-edit .button1.action-deleteall:focus span,
.treatment-edit .button1.action-deleteall:hover span {
	color: #0128C0
}

.upload-avatar-button span {
	display: none
}

.action--1,
.action--1-2,
.action--1-4 {
	height: 40px;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	position: relative;
	width: auto;
	margin: 0 10px 0 0;
	border-radius: 5px;
	background-image: none !important;
	color: #4d4d4d !important;
	overflow: hidden;
	transition: all ease-out 0.1s;
	padding: 10px 10px;
	text-decoration: none;
	font-weight: 700;
	line-height: 19px
}

.action--1:hover,
.action--1-2:hover,
.action--1-4:hover {
	border: 1px solid #cacaca;
	background-color: #fff;
	color: #4d4d4d
}

.action--1:before,
.action--1-2:before,
.action--1-4:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.action--1:hover:before,
.action--1-2:hover:before,
.action--1-4:hover:before {
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.button2.action-initialize {
	margin: 0 0 0 5px
}

.tree .buttons-outer .button1 {
	margin-right: 10px
}


.company-logo {
	text-align: center;
	padding: 20px 40px 40px;
	margin-bottom: 20px;
	border-bottom: 5px solid #e0e0e0
}

.ul-reset {
	list-style: none;
	padding: 0;
	margin: 0
}

.company-details {
	margin-bottom: 20px
}

.company-details li {
	line-height: 1.2;
	margin-bottom: 10px
}

.company-details li>* {
	display: inline-block;
	vertical-align: top;
	height: 100%
}

.company-details li i {
	width: 30px;
	margin-right: 5px
}

.company-details li small {
	width: calc(100% - 35px);
	margin-top: 4px
}

.company-map {
	width: calc(100% + 50px);
	height: 240px;
	display: block;
	margin: 0 -25px -25px
}

@media (min-width: 769px) and (max-width: 1024px) {
	.company-map {
		width: calc(100% + 20px);
		margin: 0 -15px -15px
	}
}

@media (max-width: 768px) {
	.company-map {
		display: block;
		padding-bottom: 10px
	}
}

.company-map iframe {
	width: 100%;
	height: 100%;
	display: block
}

@media screen and (max-width: 1365px) {
	.company-map iframe {
		width: 260px;
		height: 240px;
		display: block;
		margin: 0 auto;
		padding-bottom: 10px
	}
}

@media screen and (max-width: 1024px) {
	.company-map iframe {
		padding-bottom: 0
	}
}

@media screen and (max-width: 979px) {
	.company-map iframe {
		width: calc(100% + 10px);
		height: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 10px
	}
}

@media screen and (max-width: 768px) {
	.company-map {
		width: inherit;
		margin: 0
	}

	.company-map iframe {
		height: 240px;
		width: calc(100% + 30px);
		margin: 0 -15px -15px
	}
}

.client-view-contacts .title-wrapper h2 {
	margin-bottom: 10px
}

.client-view-contacts .standard-tabs {
	margin-bottom: 0;
	border: none
}

.client-view-contacts a.search-result-inner {
	padding: 15px 10px 10px;
	border-bottom: 1px solid #ccc
}

.client-view-contacts .search-result:last-of-type .search-result-inner {
	border: none
}

.client-view-contacts .search-result-data {
	padding: 0 0 0 15px;
	line-height: 1.3
}

.client-view-contacts .search-misc-data i {
	vertical-align: -17%
}

.client-view-contacts .search-misc-data .contact-phone-number:empty,
.client-view-contacts .search-misc-data .contact-mobile-phone-number:empty {
	display: none
}

.client-view-contacts .search-misc-data .contact-phone-number:before,
.client-view-contacts .search-misc-data .contact-mobile-phone-number:before {
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 30px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 1px
}

.client-view-contacts .search-misc-data .contact-phone-number {
	margin-right: 10px
}

.client-view-contacts .search-misc-data .contact-phone-number:before {
	content: '\e92c';
	color: gray
}

.client-view-contacts .search-misc-data .contact-mobile-phone-number:before {
	content: '\e92b';
	color: gray
}

.client-view-contacts .search-misc-data .icon_24_mobile {
	margin-left: 10px
}

.client-view-client-contacts .search-result-inner {
	padding-left: 0;
	padding-right: 0
}

.client-view-client-contacts .search-result .search-result-data {
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
	border: none;
	border-top: 2px solid #02C2EF;
}

.client-view-client-contacts .search-result-data p {
	padding: 5px;
	font-size: 14px;
}


.client-view-internal-contacts {
	display: none;
	opacity: 0
}

.client-view-internal-contacts a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: opacity 0.2s linear, transform 0.2s ease-out;
	background-color: #ccc
}


.client-view-client-contacts .search-result-inner:before {
	background: transparent
}

.customer-view-toolbar {
	font-size: 0;
	margin-bottom: 30px
}

@media (max-width: 767px) {
	.customer-view-toolbar {
		margin-top: 20px
	}
}

.customer-view-toolbar .dropdown-actions-wrapper {
	display: inline-block;
	margin-right: 15px
}

.client-view .customer-view-toolbar a.button-secondary-action {
	float: right;
	margin: 5px 0 0;
	background-color: #f2f2f2
}

@media (max-width: 544px) {
	.customer-view-toolbar {
		margin-bottom: 20px
	}

	.customer-view-toolbar .dropdown-actions-wrapper {
		width: 100%;
		text-align: center
	}

	.customer-view-toolbar .dropdown-actions-wrapper button {
		width: 100%
	}

	.customer-view-toolbar .button:last-child {
		margin-top: 10px
	}
}

.client-view .panel {
	margin-bottom: 30px;
	width: 100%
}

.client-view-contacts {
	width: 100%
}

.client-view .panel .panel-content h2 {
	margin-top: -0.4em
}

.client-view .panel .panel-content small {
	font-size: 0.89em
}

.company-details li:first-child {
	display: inline-flex;
	width: 100%
}

.company-details li ul {
	width: 100%
}

.company-details li ul li:first-child {
	margin-bottom: 0;
	width: 100%
}

.client-view .col-sm-3 {
	width: 370px;
	padding: 0
}

.client-view .col-sm-9 {
	width: calc(100% - 370px);
	padding: 0
}

@media screen and (min-width: 1600px) {
	.client-view .col-sm-3 {
		width: 450px
	}

	.client-view .col-sm-9 {
		width: calc(100% - 450px)
	}
}

.client-view .panel-content .screen .screen .view-area .table img {
	margin-right: 10px;
}

.client-view .panel-content .screen .screen .view-area .table tr td:nth-last-child(2).cell1,
.client-view .panel-content .screen .screen .view-area .table tr td:nth-last-child(2).cell2 {
	display: flex;
	align-items: center
}

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

	.client-view .panel-content .screen .screen .view-area .table tr td:nth-last-child(2).cell1,
	.client-view .panel-content .screen .screen .view-area .table tr td:nth-last-child(2).cell2 {
		display: block
	}
}

.title-zone h1 {
	padding: 14px 0 22px 30px;
	margin: 0
}

.table-view .empty {
	padding: 5px;
	border: #f0f0f0 solid 6px;
	box-shadow: 0 0 0 18px #f0f0f0;
	background-color: #f0f0f0;
	color: #4d4d4d
}

@media screen and (max-width: 1365px) {
	.client-view {
		padding: 15px
	}

	.client-view .col-sm-3 {
		width: 270px;
		margin-right: 15px
	}

	.client-view .col-sm-9 {
		width: calc(100% - 270px)
	}

	.client-view .panel .panel-content h2 {
		margin-top: 0;
		font-size: 24px
	}

	.client-view .panel {
		margin-bottom: 15px;
		padding: 20px
	}

	.title-zone a.button {
		margin: 15px 15px 15px 0
	}

	.topbar.title-zone .button.button-clear i.icon_48 {
		font-size: 48px;
		line-height: 50px;
		height: 50px;
		width: 50px;
		padding: 0
	}

	.title-zone h1 {
		padding: 16px 0 22px 15px
	}
}

@media screen and (max-width: 979px) {
	.client-view {
		padding: 0
	}

	.client-view .col-sm-3 {
		width: 100%;
		margin-top: 1px
	}

	.client-view .col-sm-9 {
		width: 100%
	}

	.client-view .panel {
		padding: 15px;
		margin-bottom: 0
	}

	.client-view .col .panel {
		margin: 0
	}

	.company-details li small {
		width: calc(100% - 35px)
	}

	.company-details li ul li:first-child small {
		width: 100%
	}

	.title-zone h1 {
		padding: 16px 0 24px 15px;
		font-size: 34px;
		width: calc(100% - 95px)
	}
}

@media screen and (max-width: 767px) {
	.client-view .panel-content .screen .screen .view-area .table {
		text-align: left
	}
}

@media screen and (max-width: 639px) {
	.topbar.title-zone .button.button-clear i.icon_48 {
		font-size: 24px;
		line-height: 40px;
		width: 40px;
		height: 40px
	}

	.title-zone a.button {
		margin: 5px 5px 5px 0
	}

	.company-details li small {
		font-size: 14px !important
	}

	.search-misc-data small {
		font-size: 14px !important
	}

	.title-zone h1 {
		font-size: 18px;
		font-weight: 400;
		line-height: 1.2;
		padding-top: 14px;
		padding-bottom: 15px;
		padding-left: 15px;
		margin: 0
	}

	.client-view .col-sm-3 .panel .panel-content h2 {
		display: none
	}

	.client-view .col-sm-3 .client-view-contacts .panel .panel-content h2 {
		display: block
	}

	.search-result-data h3 {
		font-size: 16px
	}
}

@media screen and (max-width: 544px) {
	.client-view .col-sm-3 {
		margin-right: 0
	}

	.customer-view-toolbar .dropdown-actions-wrapper {
		margin-right: 0
	}
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions {
	position: absolute;
	z-index: 120;
	width: calc(100% + 10px);
	top: 0;
	left: -5px;
	padding-top: 75px
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions-inner a.button-clear-light {
	display: flex;
	position: relative;
	width: 100%;
	text-align: left;
	transform-origin: left center;
	margin-bottom: 2px;
	border-bottom: 0;
	line-height: 22px;
	padding: 7px 10px 7px 0;
	font-weight: 700
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions-inner a.button-clear-light i.icon_24_plus {
	height: 22px;
	line-height: 22px
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions-inner a.button-clear-light i {
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 2
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions-inner a.button-clear-light span {
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
	font-size: 16px
}

.client-view .customer-view-toolbar a.button-secondary-action {
	color: #4d4d4d
}

@media screen and (max-width: 979px) {
	.client-view .col-sm-9 {
		background-color: #fff
	}

	.client-view .customer-view-toolbar {
		text-align: center
	}

	.client-view .customer-view-toolbar .dropdown-actions-wrapper {
		display: inline-block;
		margin: 10px;
		vertical-align: middle
	}

	.client-view .customer-view-toolbar a.button-secondary-action {
		float: none;
		vertical-align: middle;
		margin: 10px
	}
}

@media screen and (max-width: 768px) {
	.client-view .customer-view-toolbar {
		margin-top: 0
	}

	.customer-view-toolbar .dropdown-actions-wrapper {
		width: inherit
	}
}

.table-view td {
	border: 0
}

.customer-view-toolbar.self-clear {
	margin-bottom: 0
}

.customer-view-toolbar.self-clear .dropdown-actions-button {
	margin-bottom: 30px
}

.client-view .empty-navigation .has-title strong {
	font-weight: 500
}

.client-view .empty-navigation .table-view * {
	font-size: 12px
}

@media screen and (min-width: 1599px) {
	.client-view .empty-navigation .table-view * {
		font-size: 16px
	}
}

.collapsable-block-container .collapsed {
	display: none
}

.collapsable-block-container .collapsed li {
	opacity: 0
}

.collapsable-block-container .collapsable-block-button {
	text-align: center
}

.collapsable-block-container .view-more-button i {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

.collapsable-block-container .view-more-button.view-more-expanded i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.collapsable-block-container span.view-more,
.collapsable-block-container span.view-less {
	display: none
}

.color-container {
	font-size: 0;
	margin-top: -10px;
	margin-left: -10px
}

.color-container input[type="radio"]+label {
	padding-left: 0
}

.color-container input[type="radio"]+label:before,
.color-container input[type="radio"]+label:after {
	display: none
}

.color-container div.color-item {
	height: 50px;
	width: 50px;
	margin: 5px
}

.color-container div.color-item>label>div {
	width: 40px
}

.color-container .circle-color {
	height: 40px;
	width: 40px
}

input,
.button-clear-light,
a.button-clear-light,
.color-base,
a.color-base:link,
a.color-base:visited {
	color: #4d4d4d
}

.shortcut-bar:before,
.bg-base {
	background-color: #4d4d4d
}

button:not(.button-clear-light) {
	color: #fff
}

.bg-white {
	background-color: #fff
}

.color-grey {
	color: gray
}

.button-clear-dark.active,
.button-clear-dark:before {
	background-color: #666
}

.button-clear-light:before {
	background-color: rgba(0, 0, 0, 0.12)
}

.button-secondary-action {
	background-color: #f2f2f2;
	border: 1px solid #ccc
}

.color-aqua {
	color: #5395DF
}

a.color-aqua>i {
	color: #5395DF
}

a.color-aqua:before {
	border-color: #5395DF
}

.bg-aqua {
	background-color: #5395DF;
	color: #fff
}

.border-aqua {
	border-color: #5395DF;
}

.color-blue {
	color: #0128C0
}

.button-clear-light.color-blue:before {
	background-color: rgba(0, 126, 217, 0.15)
}

input[type="radio"]+label:after,
.bg-blue {
	background-color: #0128C0;
	color: #fff
}

.border-blue {
	border-color: #0128C0;
}

.color-orange {
	color: #ff7b00
}

a.color-orange>i {
	color: #ff7b00
}

a.color-orange:before {
	border-color: #ff7b00
}

.bg-orange {
	background-color: #ff7b00;
	color: #fff
}

.border-orange {
	border-color: #ff7b00
}

.color-green {
	color: #02C2EF
}

a.color-green>i {
	color: #02C2EF
}

a.color-green:before {
	border-color: #02C2EF
}

.border-green {
	border-color: #02C2EF
}

.color-purple {
	color: #d900a3
}

a.color-purple>i {
	color: #d900a3
}

a.color-purple:before {
	border-color: #d900a3
}

.bg-purple {
	background-color: #d900a3;
	color: #fff
}

.border-purple {
	border-color: #d900a3
}

.color-red {
	color: #eb003b
}

a.color-red>i {
	color: #eb003b
}

a.color-red:before {
	border-color: #eb003b
}

.bg-red {
	background-color: #eb003b;
	color: #fff
}

.border-red {
	border-color: #eb003b
}

a.color-base>i {
	color: #4d4d4d
}

a.color-base:before {
	border-color: #4d4d4d
}

.color-sienna {
	color: #cc2d1f
}

a.color-sienna>i {
	color: #cc2d1f
}

a.color-sienna:before {
	border-color: #cc2d1f
}

.bg-sienna {
	background-color: #cc2d1f;
	color: #fff
}

.border-sienna {
	border-color: #cc2d1f
}

.color-emerald {
	color: #02C2EF
}

a.color-emerald>i {
	color: #02C2EF
}

a.color-emerald:before {
	border-color: #02C2EF
}

.bg-emerald {
	background-color: #02C2EF;
	color: #fff
}

.border-emerald {
	border-color: #02C2EF
}

.color-lilac {
	color: #b473ff
}

a.color-lilac>i {
	color: #b473ff
}

a.color-lilac:before {
	border-color: #b473ff
}

.bg-lilac {
	background-color: #b473ff;
	color: #fff
}

.border-lilac {
	border-color: #b473ff
}

.color-pink {
	color: #ff4772
}

a.color-pink>i {
	color: #ff4772
}

a.color-pink:before {
	border-color: #ff4772
}

.bg-pink {
	background-color: #ff4772;
	color: #fff
}

.border-pink {
	border-color: #ff4772
}

.color-indigo {
	color: #5c5fff
}

a.color-indigo>i {
	color: #5c5fff
}

a.color-indigo:before {
	border-color: #5c5fff
}

.bg-indigo {
	background-color: #5c5fff;
	color: #fff
}

.border-indigo {
	border-color: #5c5fff
}

.color-gold {
	color: #faa700
}

a.color-gold>i {
	color: #faa700
}

a.color-gold:before {
	border-color: #faa700
}

.bg-gold {
	background-color: #faa700;
	color: #fff
}

.border-gold {
	border-color: #faa700
}

.color-bronze {
	color: #d67200
}

a.color-bronze>i {
	color: #d67200
}

a.color-bronze:before {
	border-color: #d67200
}

.bg-bronze {
	background-color: #d67200;
	color: #fff
}

.border-bronze {
	border-color: #d67200
}

.color-silver {
	color: #70a6cc
}

a.color-silver>i {
	color: #70a6cc
}

a.color-silver:before {
	border-color: #70a6cc
}

.bg-silver {
	background-color: #70a6cc;
	color: #fff
}

.border-silver {
	border-color: #70a6cc
}

.color-coral {
	color: #ff4000
}

a.color-coral>i {
	color: #ff4000
}

a.color-coral:before {
	border-color: #ff4000
}

.bg-coral {
	background-color: #ff4000;
	color: #fff
}

.border-coral {
	border-color: #ff4000
}

input,
textarea,
select {
	border: 1px solid #ccc;
	outline: 1px solid rgba(204, 204, 204, 0);
	transition: all 0.1s ease;
	border-radius: 3px;
}



.ui-datepicker {
	border-radius: 0;
	box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.25);
	border: 0;
	padding: 10px
}

.ui-datepicker .ui-datepicker-header {
	margin: 0;
	padding: 12px;
	border-bottom: 5px solid #e0e0e0
}

.ui-widget-header {
	background-image: none;
	background: #fff;
	font-weight: normal;
	border: 0;
	border-radius: 0
}

.ui-datepicker select.ui-datepicker-year {
	width: 62px;
	padding: 4px 0
}

.ui-datepicker select.ui-datepicker-month {
	padding: 4px 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	height: 32px;
	width: 32px;
	cursor: pointer;
	text-align: center
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: none
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
	content: "\e910";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 20px;
	display: inline-block;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	color: #4d4d4d
}

.ui-datepicker .ui-datepicker-prev:before {
	transform: rotate(180deg);
	margin-left: -4px
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 0;
	border-left: 1px solid transparent;
	border-left: 1px solid transparent;
	background: rgba(0, 0, 0, 0.25);
	background-image: none;
	font-weight: normal;
	color: inherit
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
	left: 5px;
	border-radius: 5px
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
	right: 5px;
	border-radius: 5px
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	border: none
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 12px
}

.ui-datepicker select.ui-datepicker-month {
	width: 110px
}

.ui-datepicker-calendar th span {
	color: #c5c5c5
}

.ui-datepicker td a:link,
.ui-datepicker td a:visited {
	font-size: 16px;
	font-weight: bold;
	padding: 8px 10px;
	border-radius: 5px
}

.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
	border: 0;
	background-image: none;
	border-radius: 50%;
	background-color: #fff
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-hover {
	background-color: transparent
}

.ui-datepicker-calendar .ui-state-default {
	position: relative
}

.ui-datepicker-calendar .ui-state-default:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	background-color: rgba(0, 0, 0, 0.12);
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px)
}

.ui-datepicker-calendar .ui-state-default:focus:before,
.ui-datepicker-calendar .ui-state-default:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.ui-datepicker-calendar .ui-datepicker-today .ui-state-default.ui-state-highlight:before {
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background-color: rgba(0, 126, 217, 0.15);
	opacity: 1
}

.ui-datepicker-prev,
.ui-datepicker-next {
	position: relative
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	background-color: rgba(0, 0, 0, 0.12);
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px)
}

.ui-datepicker-prev:focus:after,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:focus:after,
.ui-datepicker-next:hover:after {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active,
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today {
	background: transparent !important;
	color: #fff;
	z-index: +1;
	position: relative
}

.ui-datepicker .ui-state-active:before,
.ui-datepicker .ui-widget-content .ui-state-active:before,
.ui-datepicker .ui-widget-header .ui-state-active:before,
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	background-color: rgba(0, 0, 0, 0.12);
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	opacity: 1;
	background-color: #02C2EF;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	transform: scale(1);
	z-index: -1
}

.ui-datepicker .ui-state-active a,
.ui-datepicker .ui-widget-content .ui-state-active a,
.ui-datepicker .ui-widget-header .ui-state-active a,
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today a {
	color: #fff !important
}

.ui-datepicker-calendar .ui-datepicker-today A:link,
.ui-datepicker-calendar .ui-datepicker-today A:visited {
	padding: 9px 10px;
	border: 0;
	background-color: white;
	color: #0128C0;
	position: relative
}

.ui-datepicker .ui-datepicker-buttonpane {
	border-top: 5px solid #e0e0e0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	color: #009688;
	font-weight: 500;
	box-shadow: none;
	margin-top: 10px;
	margin-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close,
.ui-datepicker .date-picker-today {
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #0128C0;
	cursor: pointer;
	display: inline-block;
	border: none;
	background: transparent;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	padding: 0 10px;
	text-align: center
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:before,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:before,
.ui-datepicker .date-picker-today:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	transform: scale(0.8);
	border-radius: 5px;
	background-color: rgba(0, 126, 217, 0.15)
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:focus:before,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover:before,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:focus:before,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover:before,
.ui-datepicker .date-picker-today:focus:before,
.ui-datepicker .date-picker-today:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
	background-color: #f2f2f2;
	color: #4d4d4d;
	border: 1px solid #ccc
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover {
	background-color: #fff
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:before {
	background-color: transparent
}

td.ui-datepicker-week-col {
	padding: 10px;
	background-position: right center
}

.date-field .action-buttonShow,
.date-field .action-buttonErase,
.datetime-field .postaction {
	width: 40px;
	height: inherit;
	box-shadow: none;
	background: none !important;
	font-size: 20px;
	line-height: 38px;
	display: inline-block;
	vertical-align: top;
	text-align: center
}

.datetime-field .postaction {
	border: none;
	position: relative
}

.datetime-field .postaction img {
	display: none
}

.date-field .action-buttonShow:before {
	background-color: rgba(0, 126, 217, 0.15)
}

.date-field .action-buttonErase:before {
	background-color: rgba(209, 0, 59, 0.15)
}

.date-field .action-buttonShow:after {
	content: "";
	color: #0128C0;
	vertical-align: middle;
	display: inline-block;
	margin-top: -3px
}

.date-field .action-buttonErase:after {
	content: "";
	color: #eb003b;
	vertical-align: middle;
	display: inline-block;
	margin-top: -3px
}

.datetime-field .postaction:after {
	content: "";
	color: #ff7b00;
	vertical-align: middle;
	display: inline-block;
	margin-top: -3px;
	position: relative;
	z-index: 2
}

.date-field button:before,
.datetime-field .postaction:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	transform: scale(0) rotate(45deg)
}

.datetime-field .postaction:before {
	background-color: rgba(224, 127, 0, 0.2)
}

.date-field button:before,
.datetime-field .postaction:before {
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear
}

.date-field button:focus:before,
.date-field button:hover:before,
.datetime-field .postaction:focus:before,
.datetime-field .postaction:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.date-field .action-buttonShow span {
	display: none
}

.date-field .button1:hover {
	border: 0
}

.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {
	background: transparent
}

header .dropdown {
	position: relative;
	display: inline-block;
	height: 50px;
	margin: 0 0 0 20px;
}

header .dropdown figure {
	display: inline-block;
	vertical-align: top
}

header .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px;
	margin: 2px 0 0;
	list-style: none;
	font-size: 13px;
	text-align: left;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 2px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box
}

header .dropdown-menu {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	margin-top: 1px
}

header .dropdown-menu a {
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	border-radius: 5px;
	display: block
}

header .dropdown-menu a:hover {
	background-color: #efefef
}

header .dropdown-menu a:link,
header .dropdown-menu a:visited {
	color: #666
}

header .dropdown-menu.dropdown-menu-right {
	background-color: #fff;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	filter: alpha(opacity=0);
	display: block;
	transform-origin: top right;
	float: right !important;
	right: 0;
	left: auto;
	min-width: 240px;
	height: auto
}

@media (max-width: 767px) {
	header .dropdown-menu.dropdown-menu-right {
		top: 48px
	}
}

@media (min-width: 768px) and (max-width: 1365px) {
	header .dropdown-menu.dropdown-menu-right {
		top: 53px
	}
}

header .dropdown-menu.dropdown-menu-right .authentication-form {
	margin: 0
}

header .dropdown-menu.dropdown-menu-right .authentication-form form .button-area {
	padding: 0
}

header .dropdown-menu.dropdown-menu-right .authentication-form p {
	display: none
}

header .dropdown-menu.dropdown-menu-right .action-logout {
	background-color: transparent;
	border: 0;
	width: 100%;
	text-align: left;
	border-radius: 5px;
	padding: 10px;
	height: auto;
	line-height: inherit
}

header .dropdown-menu.dropdown-menu-right .action-logout:hover {
	background-color: #efefef
}

header .open .dropdown-menu {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100)
}

.user-button {
	padding: 10px 0;
	height: 100%;
	margin: -10px 0;
	overflow: visible;
	cursor: pointer
}

.user-button strong {
	color: inherit;
	padding-top: 5px;
	order: 2;
}

.user-button:hover strong {
	opacity: 0.7;
	transition: color 0.2s ease-out
}

.user-button.dropdown-actions-button {
	color: inherit
}


.username {
	display: inline-block;
	line-height: 25px;
	font-weight: bold;
	background-color: #F6F6F6;
	padding: 0 5px;
	border-radius: 5px;
}

.user-button .username i {
	transform: translateY(1px);
	transition: transform 0.15s ease-out;
	padding: 0;
	line-height: 20px;
	height: 20px;
}

.user-button:focus .username i,
.user-button.triggered-hover .username i,
.user-button:hover .username i {
	transform: translateY(3px)
}

.user-button-wrapper .dropdown-actions {
	left: auto;
	right: -18px;
	top: 65px;
	padding: 0 30px 0 20px;
	min-width: 240px;
	color: #4d4d4d
}

.user-button-wrapper .dropdown-actions .button {
	width: 100%;
	text-align: left
}

.user-button-wrapper .dropdown-actions:before {
	left: auto;
	right: 15px
}

.dropdown-actions-wrapper {
	position: relative
}


.dropdown-actions {
	position: absolute;
	z-index: 120;
	width: calc(100% + 20px);
	display: none;
	opacity: 0
}

.dropdown-actions .authentication-form {
	margin: 0
}

.dropdown-actions .authentication-form .button-area {
	padding: 0;
	height: 40px
}

.dropdown-actions .authentication-form p {
	display: none
}

.header .dropdown-actions a.button:hover {
	opacity: 1;
	border: 0
}



.user-button-wrapper .dropdown-actions-inner:before {
	top: -8px;
	right: 8px;
	left: auto
}

.dropdown-actions-inner:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: -8px;
	left: 50%;
	background-color: white;
	transform: translateX(-8px) rotate(45deg);
	box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
	z-index: 0
}

.dropdown-actions button {
	font-size: 16px;
	line-height: inherit;
	width: 100%;
	text-align: left;
	transform-origin: left center;
	margin-bottom: 0;
	color: #4d4d4d;
	background: none;
	border: 0;
	height: inherit;
	padding: 8px 10px 8px 0
}

.dropdown-actions button i {
	height: inherit;
	line-height: inherit;
	padding: 1px 7px
}

.dropdown-actions button:hover {
	background-color: rgba(0, 0, 0, 0.12);
	opacity: 1;
}

.dropdown-actions button:hover span,
.dropdown-actions button.action-logout:hover:before {
	color: #EB5149;
}

.dropdown-actions button.action-logout {
	line-height: inherit;
	height: inherit
}

.dropdown-actions button.action-logout:before {
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "";
	font-size: 24px;
	line-height: 24px;
	color: #02C2EF;
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
	margin-top: -4px;
	position: relative;
	z-index: 2;
	top: 2px;
}

.dropdown-actions button.action-logout:after {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	background-color: #e0e0e0;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear
}

.shadowed-thick-bottom {
	box-shadow: 0px 2px 14px #022a8e29;
}

header .dropdown-actions a:hover,
header .dropdown-actions a:focus {
	border: 0
}

header .dropdown-actions button:active:before {
	opacity: 1
}

header .dropdown-actions button:hover,
header .dropdown-actions button:focus {
	border: 0
}

header .dropdown-actions i.icon_24 {
	color: #02C2EF;
}

img {
	max-width: 100%
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.header a {
	color: #0128C0;
	border: none
}

.header a:hover,
.header a:focus {
	opacity: 0.7;
	color: inherit
}

.header a:visited,
.header a:link {
	color: inherit
}

.header .apps-menu a:hover,
.header .apps-menu a:focus {
	opacity: 1;
	color: inherit;
	border: none
}

a {
	text-decoration: none;
	transition: opacity 0.07s linear;
	/* border-bottom: 1px dotted #0128C0; */
}

a.button-clear-light {
	color: #4d4d4d
}

.dropdown-menu a:hover,
.dropdown-menu a:focus,
.side-menu a:hover,
.side-menu a:focus {
	opacity: 1
}

.sitemap ul {
	margin-left: 20px
}

textarea,
.textarea-large,
select,
input[type="text"] {
	font-size: 14px;
}

input:not([type='checkbox']),
input:not([type='radio']) {
	min-height: 35px;
	padding: 6px 12px
}

.popup-menu-handler SPAN input[type='checkbox'] {
	min-height: inherit;
	margin-top: -5px;
	margin-right: 18px
}

select {
	outline: none
}

.table-view .popup-menu-handler SPAN input[type='checkbox'] {
	margin-top: 13px
}

@media (max-width: 544px) {
	.table-view .popup-menu-handler SPAN input[type='checkbox'] {
		margin-top: 9px
	}
}

.table-view td.cell1,
.table-view td.cell2 {
	vertical-align: middle
}

.table-view table tbody tr {
	border-bottom: 1px solid #e5e5f1;
	border-left: 4px solid #FFFFFF;
}

.table-view table tbody tr:first-child {
	border-left: 4px solid #F7F7FC;
}

.table-view table tbody th {
	background-color: #F7F7FC;
	color: #0128C0;
}

.table-view table tbody th a {
	color: #0128C0;
}

.application-hp .table-view table tbody td .button-imgr,
.application-hp .table-view table tbody td .handler-actions:after {
	display: none;
}

.application-hp .table-view table tbody td .handler-actions {
	width: 40px;
}

.table-view table tbody tr:nth-child(even) {
	background: #fff
}

.table-view table tbody tr:nth-child(odd) {
	background: #fff
}

.table-view table tbody tr:hover {
	background: #D6FFFF;
	border-left: 4px solid #02C2EF;
}

.table-view table tbody tr:first-child:hover {
	border-left: 4px solid #F7F7FC;
}

.table-view .cell1,
.table-view .cell2 {
	background: transparent
}

.table {
	font-size: 16px
}

.table tr,
.table .readonly {
	border: none;
	background-color: inherit
}

@media screen and (max-width: 768px) {
	.table tr {
		display: block
	}

	.table tr>td {
		text-align: left !important
	}
}

.table TH {
	border: none;
	background-color: #fff;
	height: 20px;
	padding: 10px 12px;
	text-align: left;
	color: #666
}

.table TH a {
	font-weight: 700;
	position: relative;
	display: inline-block;
	padding: 0 10px;
	margin-left: -10px
}

.table TH a:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	top: -6px;
	height: calc(100% + 12px);
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	background-color: rgba(0, 0, 0, 0.12)
}

.table TH a:focus:before,
.table TH a:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.table th a,
.table td a {
	text-decoration: none;
	color: #4d4d4d;
	border: none
}

.table td a {
	font-weight: 500;
	color: #0128C0;
	text-decoration: none
}

.table td a:hover {
	text-decoration: none;
}

.table td.cell1,
.table td.cell2 {
	font-size: 14px;
	line-height: 20px;
	padding: 8px 12px;
	border: none;
	color: #0095D1;
}

.table .sort-ascending,
.table .sort-descending,
.table .unsorted {
	display: inline-block;
	padding-right: 10px
}

.table .sort-ascending {
	background-image: url(../img/i_sort-ascending.png)
}

.table .sort-descending {
	background-image: url(../img/i_sort-descending.png)
}

.table .unsorted {
	background-image: url(../img/i_sort.png)
}

.table-view {
	overflow: auto;
	margin-top: 0
}

.table-view input {
	min-height: auto
}

.navigation-area {
	border-bottom: 1px solid #d9d9d9
}



.handler-filter-screen .filter button {
	margin-left: 5px
}

.handler-filter-screen select,
.handler-filter-screen input {
	min-height: 35px;
	margin-bottom: 2px
}

.handler-filter-screen .button2.action-save {
	z-index: 0;
	padding-left: 30px
}

.handler-filter-screen .button2.action-save:before {
	content: "\e925";
	font-size: 24px;
	line-height: 27px;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	color: #eb003b;
	top: 4px;
	left: 4px;
	display: inline-block;
	vertical-align: middle
}

.handler-filter-screen .button2.action-save:active:before {
	opacity: 1
}

.view-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 5px 0
}

.view-header>div:not(.options-pager-part) {
	margin: 5px 0
}

.view-header button span,
.view-header span,
.view-header span a {
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	border: none
}

.view-header button span.handler-selectall,
.view-header span.handler-selectall,
.view-header span a.handler-selectall {
	margin-left: 8px
}

.view-header button.button1.action-create span {
	color: #fff
}

.view-header .view-selection {
	margin-right: 5px
}

.view-header .view-options,
.view-header .pager {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	float: left
}

.view-header .pager {
	flex: 1 1 auto;
	justify-content: flex-end
}

@media (max-width: 544px) {
	.view-header .pager {
		flex: inherit;
		text-align: left
	}
}

.view-header .pager .itemsperpage {
	margin-left: 0
}

.view-header .pager .items {
	font-size: 14px;
	font-weight: bold
}


.view-has-actions {
	padding-top: 0
}

.view-has-actions .view-actions {
	display: flex;
	position: relative;
	top: 0;
	left: 0
}

.view-has-actions .view-actions button {
	margin-right: 10px
}

.view-has-actions .view-actions button.button1.action-create {
	margin-right: 10px;
	padding-left: 35px
}

.view-has-actions .view-actions button.button1.action-create:after {
	content: "\e91b";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	position: absolute;
	top: 8px;
	left: 10px
}

@media (max-width: 767px) {
	.view-has-actions .view-actions button.button1.action-create:after {
		top: 5px
	}
}

@media (max-width: 544px) {
	.view-has-actions .view-actions button.button1.action-create:after {
		top: 2px !important
	}
}

.view-header .view-actions .button1,
.view-header .view-actions .button2,
.view-header .view-actions .button3,
.view-header.view-has-actions .button1 {
	height: 40px;
	padding: 0 13px;
	background-color: #60D8F5;
}

.view-header .view-actions .button1:hover,
.view-header .view-actions .button2:hover,
.view-header .view-actions .button3:hover,
.view-header.view-has-actions .button1:hover {
	opacity: 0.6;
}

.view-header .view-actions .button1 span,
.view-header .view-actions .button2 span,
.view-header .view-actions .button3 span,
.view-header.view-has-actions .button1 span {
	color: white;
}



@media (max-width: 767px) {

	.view-header .view-actions .button1,
	.view-header .view-actions .button2,
	.view-header .view-actions .button3,
	.view-header.view-has-actions .button1 {
		height: 32px
	}
}



.view-header .view-options .popup-menu-handler,
.view-header .view-options .handler-filter,
.view-header .view-options .action-refresh,
.view-header .popup-menu-handler.handler-sorter,
.view-header .popup-menu-handler.handler-row {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center
}


.view-header .view-options .popup-menu-handler:focus,
.view-header .view-options .popup-menu-handler:hover,
/* .view-header .view-options .handler-filter:focus, */
/* .view-header .view-options .handler-filter:hover, */
.view-header .view-options .action-refresh:focus,
.view-header .view-options .action-refresh:hover,
.view-header .popup-menu-handler.handler-sorter:focus,
.view-header .popup-menu-handler.handler-sorter:hover,
.view-header .popup-menu-handler.handler-row:focus,
.view-header .popup-menu-handler.handler-row:hover,
.view-header .popup-menu-handler.handler-selection:focus,
.view-header .popup-menu-handler.handler-selection:hover,
.view-header .popup-menu-handler.handler-deselection:focus,
.view-header .popup-menu-handler.handler-deselection:hover,
.vui-basket-visible .selected-items:focus,
.vui-basket-visible .selected-items:hover,
.vui-basket-hidden .selected-items:focus,
.vui-basket-hidden .selected-items:hover {
	background-color: #f2f2f2;
}

.view-header .popup-menu-handler.handler-selection {
	padding: 0 3px;
	margin-right: 0;
	height: 38px;
	line-height: 23px;
	padding-left: 30px
}

.view-header .popup-menu-handler.handler-selection:before {
	margin-top: 8px
}

.view-header .popup-menu-handler.handler-selection:after {
	top: 13px;
	left: -2px
}

@media screen and (max-width: 767px) {
	.view-header .popup-menu-handler.handler-selection:after {
		top: 9px
	}
}

@media screen and (max-width: 767px) {
	.view-header .popup-menu-handler.handler-selection {
		height: 32px;
		line-height: 16px
	}
}

.vui-selector .search-filter input {
	margin-top: 0;
	height: 38px
}

.vui-selector .view-header .pager .items {
	line-height: 38px
}

.view-header .view-options .handler-filter,
.view-header .view-options .action-refresh {
	height: 40px;
	line-height: 28px
}

@media (max-width: 767px) {

	.view-header .view-options .handler-filter,
	.view-header .view-options .action-refresh {
		height: 32px;
		line-height: 18px
	}
}

.view-header .popup-menu-handler.handler-row {
	font-size: 15px;
	height: 30px;
}

.view-header .popup-menu-handler.handler-sorter {
	padding: 0
}

.view-header .view-options .popup-menu-handler.handler-displaymode {
	padding: 0
}

.view-header .popup-menu-handler.handler-sorter .button-imgr,
.view-header .view-options .popup-menu-handler.handler-displaymode .button-imgr {
	display: inline-block;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0
}

.view-header .popup-menu-handler.handler-sorter .button-imgr,
.view-header .view-options .popup-menu-handler.handler-displaymode .button-imgr,
.view-header .popup-menu-handler.handler-sorter .button-imgr:hover,
.view-header .handler-displaymode .button-imgr:hover {
	background: none
}

.view-header .popup-menu-handler.handler-sorter img {
	display: none
}

.popup-menu-handler IMG {
	height: auto
}

.view-header .popup-menu-handler SPAN,
.view-header .popup-menu-handler SPAN:hover,
.view-header .popup-menu-handler-single:hover SPAN {
	background: none
}

.view-header .view-options .handler-filter span:before,
.view-header .popup-menu-handler.handler-sorter:before,
.view-header .view-options .action-refresh span:before,
.view-header .view-options .popup-menu-handler.handler-displaymode:before {
	margin-right: 7px;
	font-size: 20px;
	color: #666
}

.view-header .popup-menu-handler.handler-sorter:before {
	margin-right: 0;
	line-height: 38px
}

@media (max-width: 767px) {
	.view-header .popup-menu-handler.handler-sorter:before {
		line-height: 30px
	}
}

.view-header .popup-menu-handler.handler-sorter:before,
.view-header .view-options .popup-menu-handler.handler-displaymode:before {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px
}

.view-header .view-options .handler-filter span,
.view-header .view-options .action-refresh span,
.view-header .view-options .handler-filter span::before,
.view-header .view-options .action-refresh span::before {
	visibility: visible;
	display: inline-block;
	vertical-align: sub
}

.popup-menu-handler.handler-more span,
.popup-menu-handler.handler-row span {
	order: 1;
	z-index: 3
}

.popup-menu-handler.handler-row .button-imgr,
.popup-menu-handler.handler-more .button-imgr {
	position: relative;
	background: url(../img/puce-bottom.svg) no-repeat left center;
	z-index: 3
}

.popup-menu-handler,
.popup-menu-handler IMG,
.popup-menu-handler SPAN {
	height: inherit;
	line-height: inherit;
	padding: 0
}

.popup-menu-handler SPAN A {
	line-height: 30px;
	height: 30px;
	padding: 0 10px;
	color: #0128C0;
}


.popup-menu-handler .button-imgr {
	padding-right: 10px;
	line-height: 38px;
	height: 38px
}

.popup-menu LI A {
	font-size: 16px;
	font-weight: normal;
	padding: 10px;
	border: none
}

.streamline {
	height: 40px;
	padding: 0 30px;
	background: whitesmoke;
	line-height: 40px
}

.streamline .streamline-entry {
	font-size: 15px;
	font-weight: 400;
	line-height: 21px;
	position: relative;
	padding: 0 10px 0 0;
	height: 21px;
	display: block;
	float: left;
	background: none
}

.streamline .streamline-entry::after {
	content: "\203A";
	display: inline-block;
	vertical-align: middle;
	margin-top: -7px;
	padding: 0 0 0 10px;
	font-size: 25px
}

.streamline .streamline-entry:last-child:after,
.streamline .streamline-entry:last-child:before {
	display: none
}

.streamline .streamline-entry .streamline span:last-child:after {
	display: none
}

.streamline .streamline-entry a {
	color: #4d4d4d;
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
	border: none
}

.streamline .streamline-entry a:hover {
	opacity: 1;
	border: none
}

.streamline .streamline-entry:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	top: 0;
	width: calc(100% - 18px);
	left: -5px;
	background-color: #d4d4d4;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear
}

.streamline .streamline-entry:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.streamline:before {
	content: "";
	font-size: 24px;
	line-height: 24px;
	color: gray;
	display: block;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: left;
	margin: -2px 10px 0 0
}

.tooltip {
	font-size: 12px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
	border-radius: 0;
	border: 0
}

.handler-filter-screen .button-area.document-top-buttons {
	display: none
}

.handler-filter-screen .filter .action-add {
	margin-top: 0
}

.handler-filter-screen .filter-value .date-field input {
	margin-bottom: 2px
}

@media (max-width: 544px) {
	.handler-filter-screen select {
		width: 49%
	}

	.handler-filter-screen .filter-value input {
		width: 100%
	}

	.handler-filter-screen .filter button.action-add,
	.handler-filter-screen .action-save {
		display: block;
		width: 100%;
		margin: 0
	}
}

.standard-tabs {
	border-bottom: 1px solid #ccc;
	font-size: 0;
	margin-bottom: 10px
}

.standard-tabs button {
	font-weight: normal;
	margin: 0 5px 5px 0
}

.standard-tabs button:before {
	height: calc(100% - 8px);
	top: 4px
}

.standard-tabs button.standard-current-tab {
	pointer-events: none
}

.standard-tabs button.standard-current-tab:before {
	opacity: 1;
	transform: scale(1)
}

.selectable-list label small {
	font-weight: 400
}

.view-header .pager .browser A:link {
	border: none
}

@media (max-width: 544px) {

	.view-header .popup-menu-handler.handler-sorter,
	.view-header .view-options .action-refresh,
	.view-header .view-options .popup-menu-handler {
		display: none
	}

	.view-header .pager .browser {
		margin: 10px auto 0
	}

	.view-header {
		padding: 7px 0 4px 0
	}
}

@media (max-width: 544px) {

	.panel-content .view-header .view-actions .button2,
	.panel-content .view-header .view-options .handler-filter {
		width: 32px
	}

	.panel-content .view-header .view-actions .button2>span,
	.panel-content .view-header .view-options .handler-filter>span {
		font-size: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.panel-content .view-header .view-actions .button2>span:before,
	.panel-content .view-header .view-options .handler-filter>span:before {
		margin-right: 0
	}

	.panel-content .view-header .view-actions .button2>span:before {
		content: "\e984";
		font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		pointer-events: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 24px;
		color: #4d4d4d;
		top: 0;
		left: 0
	}
}

.handler-filter-screen .applied-filter {
	position: relative;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	font-size: 18px;
	background-color: rgba(0, 126, 217, 0.15);
	color: #0128C0;
	border-radius: 15px;
	padding: 0 32px 0 10px;
	transition: all ease 0.1s
}

.handler-filter-screen .applied-filter * {
	font-weight: normal;
	font-size: 18px
}

.handler-filter-screen .applied-filter:hover {
	background-color: transparent
}

.handler-filter-screen .applied-filter:after {
	content: "\e925";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 24px;
	position: absolute;
	border-radius: 15px;
	right: 0;
	top: 3px;
	transition: all ease 0.1s
}

.handler-filter-screen .applied-filter:hover:after {
	background-color: #0128C0;
	color: #fff
}

.handler-filter-screen .applied-filter .action-deleteFilter {
	background-image: none;
	position: absolute;
	padding: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: transparent;
	margin-left: 0
}

.handler-filter-screen .applied-filter .action-deleteFilter:hover {
	margin: inherit;
	background-image: none;
	width: 100%
}

.vui-selector .list-view .detail-selected {
	background-color: transparent
}

.middle-office .resource-edit .vui-file-upload .files {
	padding: 0;
	border: 0
}

.middle-office .resource-edit .vui-file-upload .files .view-area {
	padding: 0
}

.middle-office .resource-edit .vui-file-upload .files .view-area .list-view {
	padding: 0
}

.middle-office .resource-edit .vui-file-upload .files .view-area .list-view td {
	padding: 0
}

.middle-office .resource-edit .vui-file-upload .files .view-area .list-view td .detail {
	margin: 0
}

.middle-office .resource-edit .vui-file-upload .files .view-area .list-view td .detail .detail-main {
	margin-top: -5px
}

.middle-office .resource-edit .vui-file-upload .files .view-area .list-view td .detail .title {
	padding: 0
}

.short-field {
	width: 80px
}

.table-view.responsive-table table {
	font-size: 14px
}


input[type="checkbox"].btn-switch+label:before,
input[type="checkbox"].btn-switch+.reversed-checkbox:before,
input[type="checkbox"].btn-switch+.single-checkbox:before {
	border: 2px solid gray;
	height: 24px;
	width: 42px;
	padding: 0;
	border-radius: 13px;
	position: relative;
	background-color: transparent
}

input[type="checkbox"].btn-switch+label:hover:before,
input[type="checkbox"].btn-switch+.reversed-checkbox:hover:before,
input[type="checkbox"].btn-switch+.single-checkbox:hover:before {
	border: 2px solid gray;
	box-shadow: none
}

input[type="checkbox"].btn-switch+label:after,
input[type="checkbox"].btn-switch+.reversed-checkbox:after,
input[type="checkbox"].btn-switch+.single-checkbox:after {
	background-color: gray;
	color: #fff;
	height: 18px;
	width: 18px;
	left: 4px;
	top: -21px;
	opacity: 1;
	border-radius: 50%;
	position: relative;
	content: '';
	transition: all 0.1s ease-out;
	transform: scale(1);
	display: block
}

input[type="checkbox"]:checked.btn-switch+label:before,
input[type="checkbox"]:checked.btn-switch+.reversed-checkbox:before,
input[type="checkbox"]:checked.btn-switch+.single-checkbox:before {
	border: 0;
	background-color: #02C2EF;
	color: #fff;
	height: 24px;
	width: 42px;
	padding: 0;
	border-radius: 13px;
	position: relative
}

input[type="checkbox"]:checked.btn-switch+label:after,
input[type="checkbox"]:checked.btn-switch+.reversed-checkbox:after,
input[type="checkbox"]:checked.btn-switch+.single-checkbox:after {
	background-color: #fff;
	transform: translateX(100%);
	opacity: 1;
	height: 18px;
	width: 18px;
	top: -21px;
	left: 3px;
	border-radius: 50%;
	position: relative;
	content: '';
	transition: all 0.1s ease-out
}

input[type="checkbox"]:checked.btn-switch+label:hover:after,
input[type="checkbox"]:checked.btn-switch+.reversed-checkbox:hover:after,
input[type="checkbox"]:checked.btn-switch+.single-checkbox:hover:after {
	background-color: #fff;
	transform: translateX(100%);
	opacity: 1;
	height: 18px;
	width: 18px;
	top: -21px;
	left: 3px;
	border-radius: 50%;
	position: relative;
	content: '';
	transition: all 0.1s ease-out
}

input[type="checkbox"].btn-switch+.single-checkbox {
	padding: 0;
	margin: 0;
	display: inline-block;
	height: 24px;
	width: 42px;
	position: static
}

.view-area .table-view tr td img {
	max-width: inherit
}

.root>.toolbar-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	opacity: .5;
	transition: opacity .2s ease-out;
	width: 100%
}

.root>.toolbar-container:hover {
	opacity: 1
}

.root>.toolbar-container .ActionsMenu {
	position: fixed;
	top: 35px !important;
	right: 330px !important;
	left: unset !important
}

.qedit-zone a.tile {
	float: inherit
}

.faq-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 30px;
	margin-bottom: 30px;
	background: white
}

.panel .faq-container {
	padding: 0
}

.faq-container .faq-header {
	margin-bottom: 15px;
	padding-bottom: 0.5em;
	background-color: #fff;
	border-bottom: 5px solid #e0e0e0;
	font-size: 28px;
	font-weight: 300
}

.faq-container .faq-question {
	position: relative;
	margin-bottom: 8px;
	padding-left: 30px;
	font-weight: 700;
	cursor: pointer;
	z-index: +1
}

.faq-container .faq-question:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 4px);
	height: 100%;
	transform-origin: center center;
	background-color: #e0e0e0;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	opacity: 0;
	z-index: -1
}

.faq-container .faq-question:hover:before {
	opacity: 0.5;
	transform: scale(1)
}

.faq-container .faq-question:after {
	content: "\e962";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	font-size: 24px;
	top: 0;
	left: 0;
	line-height: 26px;
	transform: scaleY(1);
	transition: all ease 0.2s
}

@media screen and (max-width: 544px) {
	.faq-container .faq-question:after {
		line-height: 18px
	}
}

.faq-container .faq-question.active:after {
	transform: scaleY(-1)
}

.faq-container .faq-content {
	position: relative;
	display: none;
	padding: 0 10px 15px 40px;
	font-size: 16px;
	line-height: 1.2
}

.faq-container .faq-content .faq-seemore {
	font-size: 0.89em;
	padding-top: 8px;
	margin-left: 10px
}

.faq-container .faq-line {
	margin-bottom: 8px
}

.faq-container .faq-seeall {
	position: relative;
	display: inline-block;
	align-self: center;
	color: #0128C0;
	font-weight: 700;
	border: none;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	padding-right: 10px;
	font-size: 16px
}

.faq-container .faq-seeall:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 126, 217, 0.15);
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear
}

.faq-container .faq-seeall:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.faq-container .bottom-link-wrapper {
	display: block !important
}

.faq-container>p {
	margin-bottom: 15px
}

.question-single {
	padding: 15px !important;
	font-size: 1.1em;
	line-height: 1.5;
	max-width: 720px;
	margin: 50px auto 120px;
	text-align: center;
	z-index: +2
}

.question-single:before {
	content: "";
	position: absolute;
	background-color: #fff;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1
}

@media (max-width: 1365px) {
	.question-single {
		margin: 65px auto 120px;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width: 767px) {
	.question-single {
		padding: 0 15px
	}
}

@media (max-width: 639px) {
	.question-single {
		margin: 50px auto 120px
	}
}

.question-single h2 {
	font-size: 20px;
	margin-bottom: 12px;
	font-weight: 700;
	text-align: left;
	margin-top: 0;
	padding-bottom: 40px
}

.question-single h2+.detailed-answer {
	text-align: left
}

.all-faqs .workplace-autoexecutesearch .view-area,
.workplace-search .view-area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 30px 0 30px
}

.all-faqs .workplace-autoexecutesearch .view-area .informations,
.workplace-search .view-area .informations {
	width: 100%
}

.all-faqs .workplace-autoexecutesearch .view-area .informations+.view-header~a.searched-customer,
.workplace-search .view-area .informations+.view-header~a.searched-customer {
	width: calc(100% - 120px);
	border: 0
}

.all-faqs .workplace-autoexecutesearch .view-area .informations+.view-header~div.search-result:not(.searched-faq),
.workplace-search .view-area .informations+.view-header~div.search-result:not(.searched-faq) {
	width: 100%;
	border: 0
}

.all-faqs .workplace-autoexecutesearch .view-area .view-header,
.workplace-search .view-area .view-header {
	width: 100%;
	margin-top: 0 !important;
	padding: 0 30px
}

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

	.all-faqs .workplace-autoexecutesearch .view-area .view-header,
	.workplace-search .view-area .view-header {
		padding: 15px 15px 0
	}
}

.all-faqs .workplace-autoexecutesearch .view-area .view-header~.empty,
.workplace-search .view-area .view-header~.empty {
	padding-top: 30px;
	padding-left: 30px
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq,
.workplace-search .view-area .searched-faq {
	width: 50%;
	padding: 0 30px;
	margin-top: 20px
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq:nth-child(2n+1),
.workplace-search .view-area .searched-faq:nth-child(2n+1) {
	padding-left: 30px;
	padding-right: 20px
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq:nth-child(2n),
.workplace-search .view-area .searched-faq:nth-child(2n) {
	padding-left: 20px;
	padding-right: 30px
}

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

	.all-faqs .workplace-autoexecutesearch .view-area .searched-faq:nth-child(2n+1),
	.workplace-search .view-area .searched-faq:nth-child(2n+1) {
		padding-left: 15px
	}

	.all-faqs .workplace-autoexecutesearch .view-area .searched-faq:nth-child(2n),
	.workplace-search .view-area .searched-faq:nth-child(2n) {
		padding-right: 15px
	}
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .search-result-inner,
.workplace-search .view-area .searched-faq .search-result-inner {
	border-top: 1px solid #ccc;
	padding-top: 20px
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq:nth-child(3) .search-result-inner,
.all-faqs .workplace-autoexecutesearch .view-area .searched-faq:nth-child(4) .search-result-inner,
.workplace-search .view-area .searched-faq:nth-child(3) .search-result-inner,
.workplace-search .view-area .searched-faq:nth-child(4) .search-result-inner {
	border-top: 0
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .search-result-data,
.workplace-search .view-area .searched-faq .search-result-data {
	width: 100%;
	padding: 0
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .search-result-data h2,
.workplace-search .view-area .searched-faq .search-result-data h2 {
	text-overflow: inherit;
	white-space: inherit;
	margin-bottom: 0.5em;
	font-size: 20px;
	line-height: 1.2;
	width: 100%
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .search-result-data h2+p,
.workplace-search .view-area .searched-faq .search-result-data h2+p {
	font-size: 16px
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .article-excerpt-button-wrapper,
.workplace-search .view-area .searched-faq .article-excerpt-button-wrapper {
	text-align: right;
	padding-top: 20px
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .article-excerpt-button-wrapper a,
.workplace-search .view-area .searched-faq .article-excerpt-button-wrapper a {
	color: #0128C0
}

.workplace-search .view-area {
	padding-top: 0
}

.search-main .workplace-autoexecutesearch .view-area .slider-container {
	display: none !important;
}




@media screen and (max-width: 1365px) {
	.search-main .workplace-autoexecutesearch .view-area {
		width: calc(100% - 270px)
	}
}

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

	.search-main .workplace-autoexecutesearch .horizontal-top-tabs,
	.search-main .workplace-autoexecutesearch .view-area {
		margin-top: 0
	}
}

@media screen and (max-width: 979px) {
	.search-main .workplace-autoexecutesearch .view-area {
		margin: 15px;
		width: -webkit-fill-available;
	}

	.search-main .workplace-autoexecutesearch .view-area .searched-faq {
		width: 100%
	}

	.search-main .workplace-autoexecutesearch .horizontal-top-tabs {
		margin: 15px;
		width: -webkit-fill-available;
	}

	.default-template-container .all-faqs {
		margin-right: 15px
	}
}

@media screen and (max-width: 544px) {
	.default-template-container .all-faqs {
		margin-right: 0
	}
}

.popup-menu.handler-sorter-screen .cell-full .list-sort .sorting-item select {
	max-width: inherit
}

.popup-menu.handler-sorter-screen .cell-full .list-sort .sorting-order label {
	margin-right: 0
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button {
	background-color: transparent
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button>i {
	display: none
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button>button {
	position: relative;
	padding-right: 10px;
	padding-left: 30px;
	background-color: #02C2EF;
	height: 40px;
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button>button:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #FFFFFF;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button>button:hover:before {
	opacity: 0.2;
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button>button:after {
	content: "\e910";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 26%;
	left: 5px;
	color: #fff;
	font-size: 24px
}

input[type="checkbox"],
.treatment-edit .entry-inline input[type="checkbox"],
.child-resource-edit .entry-inline input[type="checkbox"],
.sys-views-forms .entry-inline input[type="checkbox"],
input[type="radio"] {
	position: absolute;
	left: -9999px;
	opacity: 0
}

input[type="checkbox"]+label,
input[type="checkbox"]+.reversed-checkbox,
input[type="checkbox"]+.single-checkbox,
input[type="radio"]+label,
input[type="radio"]+.reversed-radio {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	line-height: 22px;
	cursor: pointer;
	margin: 5px 30px 5px 0;
	width: auto;
	font-size: 14px;
}

input[type="checkbox"]+.reversed-checkbox,
input[type="checkbox"]+.single-checkbox {
	display: initial
}

input[type="checkbox"]+label:before,
input[type="checkbox"]+.reversed-checkbox:before,
input[type="checkbox"]+.single-checkbox:before,
input[type="radio"]+label:before,
input[type="radio"]+.reversed-radio:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #0128C0;
	background: #fff;
	border-radius: 4px;
}

.popup-menu-handler.handler-actions input[type="checkbox"]+.single-checkbox:before {
	top: 10px;
	left: 5px
}

.popup-menu-handler.handler-actions input[type="checkbox"]+.single-checkbox:after {
	top: 10px;
	left: 6px
}

.view-header span.handler-selectall input[type="checkbox"]+.single-checkbox:before {
	left: 5px
}

.view-header span.handler-selectall input[type="checkbox"]+.single-checkbox:after {
	left: 6px
}

input[type="radio"]+label:before,
input[type="radio"]+.reversed-radio:before {
	border-radius: 50%
}

input[type="radio"]+label:before,
input[type="radio"]+.reversed-radio:before,
input[type="checkbox"]+label:before,
input[type="checkbox"]+.single-checkbox:before,
input[type="checkbox"]+.reversed-checkbox:before {
	box-shadow: 0 0 rgba(204, 204, 204, 0);
	transition: all 0.2s linear
}

input[type="checkbox"]+label:after,
input[type="checkbox"]+.reversed-checkbox:after,
input[type="checkbox"]+.single-checkbox:after,
input[type="radio"]+label:after,
input[type="radio"]+.reversed-radio:after {
	position: absolute;
	transform: scale(0)
}

input[type="checkbox"]+label:after,
input[type="checkbox"]+.single-checkbox:after,
input[type="checkbox"]+.reversed-checkbox:after {
	font-size: 18px;
	line-height: 18px;
	opacity: 0;
	transition: transform 0.2s ease-out, opacity 0.2s linear;
	left: 1px;
	top: 0;
	color: #02C2EF
}

input[type="radio"]+label:after,
input[type="radio"]+.reversed-radio:after {
	content: '';
	left: 1px;
	top: 1px;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transition: transform 0.2s ease-out
}

input[type="checkbox"]:focus+label:before,
input[type="checkbox"]:focus+.single-checkbox:before,
input[type="checkbox"]:focus+.reversed-checkbox:before,
input[type="checkbox"]+label:hover:before,
input[type="checkbox"]+.single-checkbox:hover:before,
input[type="checkbox"]+.reversed-checkbox:hover:before {
	border: 1px solid #02C2EF;
	box-shadow: 0 0 0 1px #02C2EF;
	transition: all 0.1s linear
}

input[type="radio"]:focus+label:before,
input[type="radio"]+label:hover:before,
input[type="radio"]:focus+.reversed-radio:before,
input[type="radio"]+.reversed-radio:hover:before {
	border: 1px solid #0128C0;
	box-shadow: 0 0 0 1px #0128C0;
	transition: all 0.1s linear
}

input[type="radio"]:checked+label,
input[type="radio"]:checked+.reversed-radio {
	pointer-events: none
}

input[type="checkbox"]:checked+label:after,
input[type="checkbox"]:checked+.single-checkbox:after,
input[type="checkbox"]:checked+.reversed-checkbox:after,
input[type="checkbox"]:checked:focus+label:after,
input[type="checkbox"]:checked:focus+.single-checkbox:after,
input[type="checkbox"]:checked:focus+.reversed-checkbox:after,
input[type="checkbox"]:checked+label:hover:after,
input[type="checkbox"]:checked+.single-checkbox:hover:after,
input[type="checkbox"]:checked+.reversed-checkbox:hover:after {
	transform: scale(1);
	opacity: 1;
	transition: transform 0.2s cubic-bezier(0.6, 0.2, 0, 2), opacity 0.2s linear;
	line-height: 22px
}

input[type="radio"]:checked+label:after,
input[type="radio"]:checked:focus+label:after,
input[type="radio"]:checked+label:hover:after,
input[type="radio"]:checked+.reversed-radio:after,
input[type="radio"]:checked:focus+.reversed-radio:after,
input[type="radio"]:checked+.reversed-radio:hover:after {
	transform: scale(0.6);
	transition: transform 0.2s cubic-bezier(0.6, 0.2, 0, 2), opacity 0.2s linear;
	background-color: #0128C0
}

input[type="checkbox"]+label:after,
input[type="checkbox"]+.single-checkbox:after,
input[type="checkbox"]+.reversed-checkbox:after {
	color: #02C2EF
}

.vui-selector-view .popup-menu-handler span input[type="checkbox"] {
	margin-top: 13px
}

.handler-selectall input {
	margin-right: 10px;
	margin-left: 10px
}

@media (max-width: 544px) {
	.handler-selectall input {
		margin-left: 0
	}
}

.handler-selectall input[type='checkbox']:after,
.handler-selectall input[type='checkbox']:checked:after {
	margin-top: 7px
}

.vui-screen-resource .cell-right input[type='checkbox']:after,
.vui-screen-resource .cell-right input[type='checkbox']:checked:after,
.vui-screen-form .cell-right input[type='checkbox']:after,
.vui-screen-form .cell-right input[type='checkbox']:checked:after,
.treatment-edit .cell-right input[type='checkbox']:after,
.treatment-edit .cell-right input[type='checkbox']:checked:after,
.child-resource-edit .cell-right input[type='checkbox']:after,
.child-resource-edit .cell-right input[type='checkbox']:checked:after {
	margin-top: 10px;
	line-height: 18px
}

.child-resource-edit .fields-area>.section.section-highlighted:first-child {
	margin-top: 0
}

.child-resource-edit td+.cell-right .radiogroup tr {
	display: block
}

.treatment-edit .cell-right .popup-menu-handler input[type='checkbox']:after,
.treatment-edit .cell-right .popup-menu-handler input[type='checkbox']:checked:after {
	margin-top: -4px
}

input[disabled='true'] {
	cursor: default !important
}

input[disabled='true']:hover:after,
input[disabled='true']:checked:after {
	border: 1px solid #b3b3b3 !important;
	box-shadow: none !important;
	cursor: default !important
}

.vui-screen-resource .list-view input[type='checkbox']:after,
.vui-screen-resource .list-view input[type='checkbox']:checked:after {
	margin-top: -2px
}

select option {
	padding: 0 10px
}

.input-group {
	width: 100%;
	position: relative;
	height: 40px
}

.input-group i {
	position: absolute;
	z-index: 1;
	top: 0;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center
}

.input-group input {
	display: block;
	width: 100% !important;
	height: 100%;
	padding: 0 5px 0 40px;
	line-height: 36px
}

.buttons-group.vui-combobox-actions button {
	margin-bottom: 5px
}

@media (min-width: 920px) and (max-width: 977px) {

	td.cell-right[width="25%"] .vui-combobox-medium input,
	td.cell-right[width="25%"] input.vui-combobox-input-autocomplete {
		width: calc(100% - 39px) !important
	}
}

@media (min-width: 978px) and (max-width: 1460px) {

	td.cell-right[width="25%"] .vui-combobox-medium input,
	td.cell-right[width="25%"] input.vui-combobox-input-autocomplete {
		width: calc(100% - 37px) !important
	}
}

.vui-error-indicator {
	background: none;
	z-index: +1
}

.vui-error-indicator:before {
	content: "\e358";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	vertical-align: middle;
	color: #eb003b;
	height: 24px;
	width: 24px;
	background: #fff;
	border-radius: 50%
}

.treatment-edit .fields-group .fields-group .table-border .cell-full .view-area+.vui-error-handler {
	vertical-align: initial;
	float: right;
	top: -70px
}

.auto-size-field {
	width: 99%
}

.lightbox-content .lightbox-panel .fields-group input[type="radio"] {
	position: absolute;
	left: -99999px
}

.treatment-edit .fields-group td[colspan="2"] input[type="radio"] {
	margin-top: -5px
}

.medium-field {
	width: auto
}

input[type="checkbox"]:checked:disabled+label:after,
input[type="checkbox"]:checked:disabled+.single-checkbox:after,
input[type="checkbox"]:checked:disabled+.reversed-checkbox:after {
	color: #4d4d4d
}

input[type="checkbox"]:checked:disabled+label,
input[type="checkbox"]:checked:disabled+.single-checkbox,
input[type="checkbox"]:checked:disabled+.reversed-checkbox {
	cursor: default;
	font-weight: 600;
	opacity: 0.7
}

input[type="checkbox"]:checked:disabled+label:hover:before,
input[type="checkbox"]:checked:disabled+.single-checkbox:hover:before,
input[type="checkbox"]:checked:disabled+.reversed-checkbox:hover:before {
	border: 1px solid #b3b3b3;
	box-shadow: none;
	transition: none
}

input[type="checkbox"]:disabled+label:after,
input[type="checkbox"]:disabled+.single-checkbox:after,
input[type="checkbox"]:disabled+.reversed-checkbox:after {
	color: #4d4d4d
}

input[type="checkbox"]:disabled+label,
input[type="checkbox"]:disabled+.single-checkbox,
input[type="checkbox"]:disabled+.reversed-checkbox {
	cursor: default;
	font-weight: 600;
	opacity: 0.7
}

input[type="checkbox"]:disabled+label {
	font-weight: 500
}

input[type="checkbox"]:disabled+label:hover:before,
input[type="checkbox"]:disabled+.single-checkbox:hover:before,
input[type="checkbox"]:disabled+.reversed-checkbox:hover:before {
	border: 1px solid #b3b3b3;
	box-shadow: none;
	transition: none
}

input[type="checkbox"]:checked:disabled:after {
	color: #4d4d4d
}

input[type="checkbox"]:checked:disabled {
	cursor: default;
	font-weight: 600;
	opacity: 0.7
}

input[type="checkbox"]:checked:disabled:hover:before {
	border: 1px solid #b3b3b3;
	box-shadow: none;
	transition: none
}

input[type="checkbox"]:disabled:after {
	color: #4d4d4d
}

input[type="checkbox"]:disabled {
	cursor: default;
	font-weight: 600;
	opacity: 0.7
}

input[type="checkbox"]:disabled:hover:before {
	border: 1px solid #b3b3b3;
	box-shadow: none;
	transition: none
}

.vui-combobox-value .vui-combobox-item {
	position: relative;
	padding-left: 30px;
	line-height: 22px;
	cursor: pointer;
	margin: 5px 5px 0 5px
}

.vui-combobox-value .vui-combobox-item:before {
	content: '';
	position: absolute;
	left: 3px;
	top: 3px;
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #b3b3b3;
	background: #fff;
	box-shadow: 0 0 rgba(204, 204, 204, 0);
	transition: all 0.2s linear
}

.vui-combobox-value .vui-combobox-item:hover:before {
	border: 1px solid #02C2EF;
	box-shadow: 0 0 0 1px #02C2EF;
	transition: all 0.1s linear
}

.ariaSelected {
	background-color: #f2f2f2 !important;
	color: #4d4d4d !important
}

.ariaSelected * {
	color: #4d4d4d !important
}

.vui-combobox-value .vui-combobox-item-selected:before {
	font-size: 18px;
	line-height: 20px;
	content: "\e934";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #02C2EF
}

.fields-group select {
	max-width: calc(100% - 37px)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile {
	display: inherit
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger {
	width: 24px;
	height: 20px;
	position: relative;
	margin: 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
	z-index: 2
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #4d4d4d;
	border-radius: 0;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger span:nth-child(1) {
	top: 0
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger span:nth-child(2),
.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger span:nth-child(3) {
	top: 8px
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger span:nth-child(4) {
	top: 16px
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.cross .hamburger span:nth-child(1),
.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(1) {
	top: 9px;
	width: 0;
	left: 50%
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.cross .hamburger span:nth-child(2),
.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.cross .hamburger span:nth-child(3),
.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.cross .hamburger span:nth-child(4),
.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(4) {
	top: 9px;
	width: 0;
	left: 50%
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(2) {
	left: -2px;
	width: 60%;
	top: 4.2px;
	transform: rotate(-45deg)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(3) {
	width: 100%;
	left: 1px;
	transform: rotate(0deg)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(4) {
	width: 60%;
	top: 11.7px;
	left: -2px;
	transform: rotate(45deg)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-desktop {
	display: none
}

.apps-menu-desktop .apps-menu-button.apps-menu-button-desktop {
	color: inherit
}

.border-aqua {
	border-color: #00acaf
}

.screen.vui-screen-document.child-resource-edit {
	height: 100%
}

.screen.vui-screen-document.child-resource-edit form {
	height: 100%
}

.screen.vui-screen-document.child-resource-edit form .lightbox-panel {
	height: 100%
}

.screen.vui-screen-document.child-resource-edit form .lightbox-panel .form-area.dyntable-form {
	height: 100%
}

.screen.vui-screen-document.child-resource-edit form .lightbox-panel .form-area.dyntable-form .fields-area {
	height: calc(100% - 170px) !important;
	overflow: auto !important
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close {
	background-color: #02C2EF;
	border: 0;
	position: relative;
	color: white;
	height: 50px;
	padding-right: 10px;
	padding-left: 35px
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-cancel {
	background-color: #666;
}



.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close span {
	color: white
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close:focus:before,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close:hover:before {
	opacity: 0.2;
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close:hover,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close:focus {
	background: #02C2EF;
	border: 0
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-cancel:hover,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-cancel:focus {
	background: #555;
	border: 0;
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy {
	background-color: #fff;
	border: 1px solid #ccc;
	transition: all ease-out 0.25s;
	white-space: nowrap
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new span,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy span {
	font-size: 16px;
	font-weight: bold;
	color: #666
}

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

	.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new span,
	.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy span {
		font-size: 14px
	}
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new:focus,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new:hover,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy:focus,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy:hover {
	background: #fff;
	border: 1px solid #cacaca
}

.overlay {
	visibility: hidden;
	background-color: transparent;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	/*left: -10px;*/
	transition: all ease-out 0.2s;
	z-index: 1500
}

.overlay.active {
	visibility: visible;
	background-color: rgba(0, 0, 0, 0.6)
}

.overlay.shortcut-overlay {
	z-index: 90
}

.overlay.apps-menu-overlay {
	z-index: 100
}

.bg-white-theme {
	background: #fff;
	height: 100%
}

.bg-webexplorer {
	background: #fff;
	height: inherit !important;
}

.application-hp:after {
	content: "";
	display: table;
	clear: both
}


.container-fluid .search-zone.col-xs-12 {
	padding: 0
}

@media screen and (max-width: 1365px) {
	.container-fluid {
		padding-top: 65px
	}
}

@media screen and (max-width: 767px) {
	.container-fluid {
		padding-top: 55px
	}
}




.main {
	padding: 0;
}

@media (min-width: 1800px) {
	.main {
		width: calc(100% - 45px);
	}
}

.self-clear:after {
	content: '';
	display: block;
	clear: both
}

.sys-footer {
	display: none
}

.all-applications .panel.category {
	display: inline-block;
	padding: 0;
	margin: 22px
}

@media screen and (max-width: 390px) {
	.all-applications .panel.category {
		display: inherit;
		margin: 22px 0
	}
}

.all-applications .home-tile {
	width: 150px
}

@media screen and (max-width: 390px) {
	.all-applications .home-tile {
		width: 49.66%
	}
}

.all-applications h3 {
	font-size: 1.1em;
	font-weight: 700;
	padding-left: 10px;
	margin-bottom: 7px
}


.footer {
	text-align: center;
	color: black;
	position: relative;
	z-index: 500;
	margin-top: -24px;
	height: 24px;
}

.footer small {
	font-size: 12px;
	background-color: #F6F6F6;
	padding: 5px 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}


.middle-office {
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
}

.middle-office .middleoffice-homepage h2 {
	font-weight: normal;
	border-bottom: 5px solid #e0e0e0;
	margin-top: 5px
}

.middle-office .middleoffice-homepage p {
	margin-bottom: 30px
}

.middle-office #main-content-column {
	padding: 30px 60px
}

@media (max-width: 768px) {
	.middle-office #main-content-column {
		padding: 20px
	}
}

@media (max-width: 767px) {
	.middle-office #main-content-column {
		padding: 0
	}
}

.middle-office #main-content-column .form-area.fixed-buttons .document-top-buttons {
	left: 60px;
	padding-left: 120px
}

@media (max-width: 767px) {
	.middle-office #main-content-column .form-area.fixed-buttons .document-top-buttons {
		left: 0;
		padding-left: 10px
	}
}

.middle-office #main-content-column .form-area.fixed-buttons .document-top-buttons .buttons-group {
	padding: 0
}



span.image a {
	border-bottom: none
}

.col .home-tiles.self-clear>div {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row
}

.panel.category {
	padding: 0
}

@media (max-width: 544px) {
	.panel.category {
		padding: 15px
	}
}

.application-hp .col>div {
	width: 100%
}

.bg-webexplorer .default-template-container,
.bg-webexplorer .default-template-container .webexplorer_container {
	padding: 0
}



@media screen and (max-width: 979px) {
	.login-full-page .login-page .row .message {
		margin-top: 25px
	}
}

@media screen and (max-width: 430px) {
	.login-full-page .login-page .row .message {
		margin-top: 0
	}

	.login-full-page .login-page .row .message h2 {
		font-size: 18px
	}
}



a.team-authentication-button {
	color: #4d4d4d;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 15px;
	height: 40px;
	line-height: 26px
}

.login-full-page {
	height: 100%
}

.middle-office .handler-filter-screen .filter-value input:not([type="radio"]) {
	margin-bottom: 5px
}

.ui-loader-background {
	background-color: rgba(0, 0, 0, 0.6);
	display: flex;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden
}

.ui-loader-background .ui-loader {
	display: none
}

.ui-loader-background .loader-circles-wrapper {
	position: absolute;
	width: 70px;
	height: 70px;
	top: calc(50% - 70px);
	left: calc(50% - 35px)
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper {
	position: absolute;
	left: calc(50% - 5px);
	top: 0;
	transform-origin: center 35px
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:first-child {
	transform: rotate(120deg)
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:first-child .loader-circle {
	animation: rotate-anim-1 2.6s ease-out forwards infinite
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(2) {
	transform: rotate(90deg)
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(2) .loader-circle {
	animation: rotate-anim-1 2.6s ease-out 0.1s forwards infinite
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(3) {
	transform: rotate(60deg)
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(3) .loader-circle {
	animation: rotate-anim-1 2.6s ease-out 0.2s forwards infinite
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(4) {
	transform: rotate(30deg)
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(4) .loader-circle {
	animation: rotate-anim-1 2.6s ease-out 0.3s forwards infinite
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(5) .loader-circle {
	animation: rotate-anim-1 2.6s ease-out 0.4s forwards infinite
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper .loader-circle {
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	transform-origin: center 35px;
	position: absolute
}

@keyframes rotate-anim-1 {
	0% {
		opacity: 1
	}

	5% {
		transform: rotate(60deg) scale(1.5);
		opacity: 0.2
	}

	10% {
		transform: rotate(120deg) scale(1);
		opacity: 1
	}

	50% {
		transform: rotate(180deg) scale(1);
		opacity: 1
	}

	55% {
		transform: rotate(240deg) scale(1.5);
		opacity: 0.2
	}

	60% {
		transform: rotate(300deg) scale(1);
		opacity: 1
	}

	100% {
		transform: rotate(359.9deg) scale(1);
		opacity: 1
	}
}

@keyframes blink-anim {
	0% {
		opacity: 0
	}

	35% {
		opacity: 1
	}

	70% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 1.625em
	}

	.header .avatar {
		width: 50px;
		height: 50px;
		margin: 0 0 0 3px
	}

	.main-content-column-left {
		padding: 0 !important
	}

	.header .username {
		display: none;
	}

	.header>div>.button-square {
		margin: 5px;
		line-height: 40px;
		height: 40px;
		width: 40px
	}

	.header>div>.button-square:before {
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		left: 3px;
		top: 3px
	}

	.streamline {
		white-space: nowrap;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0 15px
	}

	.streamline .streamline-entry {
		display: inline-block;
		float: none
	}

	.section h2 span,
	.section .section h2 span,
	.section.section-highlighted h2 span,
	.section.section-highlighted .section.section-highlighted h2 span {
		font-size: 18px
	}

	.section .section.subsection H2 SPAN,
	.section-highlighted .section.subsection H2 SPAN {
		font-size: 16px
	}

	label,
	.fields-group input:not([type='checkbox']),
	.fields-group input:not([type='radio']),
	.fields-group textarea,
	.fields-group select {
		font-size: 16px
	}
}

@media (max-width: 767px) and (max-width: 767px) {

	label,
	.fields-group input:not([type='checkbox']),
	.fields-group input:not([type='radio']),
	.fields-group textarea,
	.fields-group select {
		font-size: 14px
	}
}

@media (max-width: 767px) {

	.button1.action-showall,
	.button1.action-deleteall {
		margin-top: 5px
	}

	.lightbox-panel .lightbox-header {
		margin-right: 76px
	}

	.view-header .popup-menu-handler.handler-row {
		margin-right: 0;
		height: 32px
	}

	.view-header .popup-menu-handler.handler-sorter,
	.view-header .view-options .popup-menu-handler {
		height: 32px
	}

	.view-header .popup-menu-handler.handler-sorter:before {
		top: 0 !important
	}
}


.lightbox-content .buttons-group button {
	font-size: 16px
}

.lightbox-content .buttons-group ul>li.last .button1.action-terminate,
.lightbox-content .buttons-group ul>li.last .button1.action-next {
	background-color: #02C2EF;
	border: 0
}

.lightbox-content .buttons-group ul>li.last .button1.action-terminate:hover,
.lightbox-content .buttons-group ul>li.last .button1.action-next:hover {
	opacity: 0.7;
}

.lightbox-content .buttons-group ul>li.last .button1.action-terminate span,
.lightbox-content .buttons-group ul>li.last .button1.action-next span {
	color: #fff
}

.dialog-content-confirm,
.dialog-content-information {
	padding-left: 0;
	background: none
}

.dialog-content-confirm:before,
.dialog-content-information:before {
	content: "";
	font-size: 24px;
	line-height: 24px;
	color: #0128C0;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px
}

.search-main .view-area .informations p:before {
	content: ""
}

.lightbox-panel .informations {
	background: none;
	padding: 10px 0
}

.informations {
	background: none;
	padding: 0;
	margin: 0
}

@media (max-width: 544px) {
	.informations p {
		text-align: left
	}
}

.lightbox-background:before {
	content: "";
	background: transparent;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.lightbox-panel {
	padding: 0
}

.lightbox-panel .lightbox-header {
	font-size: 18px;
	font-weight: 500;
	margin-left: 30px
}

.lightbox-content .lightbox-panel .wizard-area,
.dyntable-form .wizard-area {
	background: #fff;
	padding: 30px;
	padding-top: 0
}

.lightbox-content .lightbox-panel .wizard-area .informations,
.dyntable-form .wizard-area .informations {
	background-color: #fff
}

.lightbox-content .lightbox-panel .wizard-area .informations h2,
.dyntable-form .wizard-area .informations h2 {
	background-color: #fff;
	padding-bottom: 30px;
	font-weight: 300;
	padding-top: 30px
}

.lightbox-content .lightbox-panel .wizard-area .informations span,
.dyntable-form .wizard-area .informations span {
	background-color: #f7f7f7;
	display: block;
	border: 1px solid #e0e0e0;
	padding: 16px 30px;
	text-align: center
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form,
.dyntable-form .wizard-area .wizard-form {
	text-align: center
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .section,
.dyntable-form .wizard-area .wizard-form .section {
	border: 0
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .section h2,
.dyntable-form .wizard-area .wizard-form .section h2 {
	background-color: transparent
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .section .task-operators,
.dyntable-form .wizard-area .wizard-form .section .task-operators {
	display: inline-block;
	text-align: left
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .section .task-operators li,
.dyntable-form .wizard-area .wizard-form .section .task-operators li {
	color: #0128C0;
	padding-left: 25px;
	position: relative
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .section .task-operators li:before,
.dyntable-form .wizard-area .wizard-form .section .task-operators li:before {
	content: "\e41c";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: scale(-1, 1);
	position: absolute;
	left: 0
}

.lightbox-content .lightbox-panel .button-area,
.dyntable-form .button-area {
	background-color: #fff
}

.lightbox-content .activity-transition .lightbox-panel .wizard-area .wizard-form .section .fields-group {
	margin: 0;
	padding: 10px
}

.lightbox-content .lightbox-panel {
	padding: 0
}

.lightbox-content .lightbox-header {
	font-size: 18px;
	font-weight: 600;
	line-height: 36px;
	height: 50px;
	padding: 0 30px 0;
	color: #fff;
	background-color: #4d4d4d;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	margin: 0
}

.lightbox-content .form-area {
	padding-right: 0
}

.lightbox-content .fields-area {
	padding-top: 20px;
	padding-right: 20px;
	background-color: #fff
}

.lightbox-content .form-area {
	padding-top: 0
}

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

	.lightbox-content .button-area.document-bottom-buttons,
	.dyntable-form .button-area.document-bottom-buttons {
		background: #fff;
		position: fixed;
		width: 100%;
		z-index: 50
	}

	.lightbox-content .fields-group,
	.dyntable-form .fields-group {
		margin-bottom: 60px
	}

	.lightbox-content .fields-group .cell-right .date-field input {
		width: 190px
	}
}

.lightbox-panel .screen {
	padding: 0
}

.lightbox-panel .screen.options-pager-part {
	padding: 0
}

.lightbox-empty .lightbox-dialog h1 {
	padding-left: 16px;
	margin: 0;
	padding-bottom: 0.5em;
	padding-top: 16px;
	background-color: #fff
}

.lightbox-empty .lightbox-dialog .form-area {
	padding-left: 20px;
	background-color: white
}

.lightbox-empty .lightbox-dialog .form-area .buttons-group {
	padding: 0
}

.lightbox-empty .lightbox-dialog .content-area {
	padding-right: 20px
}

.lightbox-content .buttons-group {
	padding: 0
}

.vui-selector .vui-information {
	width: 100%;
	padding: 10px 25px;
	max-height: none;
	background-color: #fff
}

.vui-selector .vui-selector-filter-view~.button-area,
.vui-selector .vui-selector-search-view~.button-area {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	position: relative
}

.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul {
	display: flex;
	flex-direction: row-reverse;
	align-items: center
}

.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.last button.action-close:not(.button3),
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3),
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3),
.lightbox-panel .button-area .buttons-group ul li.last button.action-cancel,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.last button.action-close:not(.button3) {
	font-size: 18px;
	font-weight: 700;
	line-height: 38px;
	position: relative;
	display: inline-block;
	height: 40px;
	padding: 0 10px 0 0;
	margin-top: 2px;
	padding-left: 25px;
	color: white;
	background: #666;
	border: none;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	transition: opacity 0.1s linear
}

.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):before,
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):before,
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):before,
.lightbox-panel .button-area .buttons-group ul li.last button.action-cancel:before,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	width: 104%;
	background-color: rgba(0, 0, 0, 0.12);
	transform: scale(0.8);
	border-radius: 5px;
	line-height: 40px
}

.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):hover:before,
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):hover:before,
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):hover:before,
.lightbox-panel .button-area .buttons-group ul li.last button.action-cancel:hover:before,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):after,
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):after,
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):after,
.lightbox-panel .button-area .buttons-group ul li.last button.action-cancel:after,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):after {
	content: "\e925";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 42px;
	position: absolute;
	top: 0;
	left: 0;
	color: white;
}


.action-cancel span {
	color: white;
}

.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.last button.action-close.button3:after,
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close.button3:after,
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close.button3:after,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.last button.action-close.button3:after {
	content: "\e925";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 30px;
	line-height: 38px;
	position: absolute;
	top: 6px;
	left: 5px;
	color: #fff
}

.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button,
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button {
	padding-right: 16px
}

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

	.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.button2 span,
	.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.button2 span {
		line-height: 38px
	}
}

.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.first button,
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.first button,
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.first button,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.first button {
	height: 50px;
	padding-left: 35px;
	font-size: 18px;
	white-space: nowrap
}

.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.first button:after,
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.first button:after,
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.first button:after,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.first button:after {
	content: "\e934";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 40px;
	position: absolute;
	top: 8px;
	left: 5px
}

.lightbox-panel .lightbox-header {
	height: auto !important;
	padding: 10px 20px 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #fff;
	background-color: #2891be;
	margin: 0;
	font-weight: 700;
	line-height: 27px;
	text-align: inherit;
	border-radius: 30px 30px 0 0;
}

.lightbox-panel .dyntable-form .button-area.document-top-buttons {
	padding: 10px 15px;
	background-color: #fff;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: +1
}

@media screen and (max-width: 320px) {
	.lightbox-panel .dyntable-form .button-area.document-top-buttons {
		white-space: nowrap;
		padding-left: 10px
	}
}

.lightbox-panel .dyntable-form .button-area.document-top-buttons .action-delete {
	padding-left: 30px
}

.lightbox-panel .dyntable-form .button-area.document-top-buttons .action-delete:after {
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e925";
	color: #eb003b;
	font-size: 24px;
	position: absolute;
	top: 6px;
	left: 5px
}

@media screen and (max-width: 768px) {
	.lightbox-panel .dyntable-form .button-area.document-top-buttons .action-delete:after {
		top: 2px
	}
}

.lightbox-panel .button-area.document-top-buttons {
	padding: 0
}

.lightbox-panel .section,
.lightbox-panel .section .section,
.dyntable-form .section,
.dyntable-form .section .section {
	border-left: 0
}

.lightbox-panel .section h2,
.lightbox-panel .section .section h2,
.dyntable-form .section h2,
.dyntable-form .section .section h2 {
	background-color: transparent;
	padding: 0
}

.lightbox-panel .section h2 span,
.lightbox-panel .section .section h2 span,
.dyntable-form .section h2 span,
.dyntable-form .section .section h2 span {
	font-size: 18px;
	font-weight: 700
}

.lightbox-panel .button-area.document-bottom-buttons,
.dyntable-form .button-area.document-bottom-buttons {
	position: relative;
	width: 100%;
	height: 70px;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	display: flex;
	flex-direction: row-reverse;
	align-items: center
}

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

	.lightbox-panel .button-area.document-bottom-buttons,
	.dyntable-form .button-area.document-bottom-buttons {
		height: 72px;
		padding-right: 5px
	}
}

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

	.lightbox-panel .button-area.document-bottom-buttons,
	.dyntable-form .button-area.document-bottom-buttons {
		height: 72px;
		padding-right: 1px
	}
}

.lightbox-panel .button-area.document-bottom-buttons ul,
.dyntable-form .button-area.document-bottom-buttons ul {
	display: flex;
	flex-direction: row-reverse;
	align-items: center
}

.lightbox-content .lightbox-panel {
	height: 100%
}

.lightbox-content .form-area {
	height: 100%
}

.lightbox-content {
	background-color: transparent
}

.lightbox-content input[type="radio"]+label {
	width: auto;
	padding-right: 10px;
	margin: 0 30px 0 0;
	line-height: 23px
}

.lightbox-content input[type="radio"]+label:before,
.lightbox-content input[type="radio"]+label:after {
	margin-top: 0
}

.vui-selecting~.button-area {
	background-color: #fff;
	position: relative
}

.vui-selector-search-view .search-filter input {
	background-image: url("../img/filter.png")
}

.lightbox-panel .long-field {
	width: 100%
}

.vui-single-selector .vui-selector-unbrowsable-view.vui-selecting {
	width: 100%
}

.vui-selector.vui-basket-hidden.vui-single-selector .vui-selecting.vui-selector-filter-view.vui-selector-browsable-view.vui-selector-hide-path {
	width: 100%
}

.lightbox-panel .fields-group td.cell-left {
	text-align: left;
	padding-left: 30px;
	width: 30%
}

.lightbox-panel .fields-group td.cell-right img+a+table>tbody>tr>td {
	padding-left: 0
}

.lightbox-panel .fields-group td.cell-right .textarea-default {
	width: 90%
}

.lightbox-panel .fields-group td.cell-right textarea.medium-field {
	width: 75%;
	height: 100px
}

.lightbox-panel .document-bottom-buttons .buttons-group,
.dyntable-form .document-bottom-buttons .buttons-group {
	padding: 0
}

.lightbox-panel .form-area .informations,
.dyntable-form .form-area .informations {
	background-color: lightgray;
	padding: 15px
}

.dyntable-form .button-area.document-bottom-buttons .button1.action-close {
	background-color: #02C2EF;
	border: 0
}

.dyntable-form .button-area.document-bottom-buttons .button1.action-close:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #FFFFFF;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.dyntable-form .button-area.document-bottom-buttons .button1.action-close:hover:before {
	opacity: 0.2;
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.dyntable-form .button-area.document-bottom-buttons .button1.action-close>span {
	color: #fff
}

.dropdown-menu,
.slide-menu {
	display: flex;
	align-items: center;
	min-height: 60px;
	height: auto;
	padding: 8px 20px 0;
	border: none;
	background-color: #fff;
	border-bottom: 1px solid #ccc
}

.dropdown-menu .dropdown,
.slide-menu .dropdown {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	height: auto
}

.dropdown-menu .dropdown li,
.slide-menu .dropdown li {
	position: relative;
	display: flex;
	align-items: center;
	height: auto;
	min-height: 40px;
	background-color: transparent;
	border: none
}

.dropdown-menu .dropdown>li>a,
.slide-menu .dropdown>li>a {
	margin-bottom: 8px
}

.dropdown-menu .dropdown li a,
.slide-menu .dropdown li a {
	font-size: 18px;
	font-weight: 400;
	line-height: 34px;
	position: relative;
	display: flex !important;
	align-items: center;
	min-height: 40px;
	height: auto;
	padding: 0 15px;
	color: #4d4d4d
}

.dropdown-menu .dropdown li a:link,
.dropdown-menu .dropdown li a:visited,
.slide-menu .dropdown li a:link,
.slide-menu .dropdown li a:visited {
	font-size: 18px;
	font-weight: 400;
	display: block;
	color: #4d4d4d;
	border: none
}

.dropdown-menu .dropdown li a::before,
.slide-menu .dropdown li a::before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	height: 100%;
	top: 0;
	width: calc(100% - 8px);
	left: 4px;
	background-color: #e0e0e0;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	z-index: 0
}

.dropdown-menu .dropdown li a:hover,
.slide-menu .dropdown li a:hover {
	background-color: transparent
}

.dropdown-menu .dropdown li a:hover::before,
.slide-menu .dropdown li a:hover::before {
	opacity: 1;
	transform: scale(1)
}

.dropdown-menu .dropdown li a.current,
.slide-menu .dropdown li a.current {
	position: relative;
	display: inline-block;
	border: 0;
	line-height: 40px;
	padding: 0 10px;
	font-weight: 500;
	font-size: 18px;
	color: #0128C0
}

.dropdown-menu .dropdown li a.current:before,
.slide-menu .dropdown li a.current:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.12);
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	background-color: rgba(0, 126, 217, 0.15);
	opacity: 1;
	transform: scale(1);
	height: calc(100% - 8px);
	top: 4px;
	height: 100%;
	top: 0;
	z-index: +2
}

.dropdown-menu .dropdown li a+ul>li>a:only-child:after,
.slide-menu .dropdown li a+ul>li>a:only-child:after {
	content: none
}

.dropdown-menu .dropdown li a+ul>li>a:not(:only-child):after,
.slide-menu .dropdown li a+ul>li>a:not(:only-child):after {
	content: "\e910";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 6px;
	font-size: 24px;
	color: #4d4d4d;
	z-index: +5
}

.dropdown-menu .dropdown li a span,
.dropdown-menu .dropdown ul li a span,
.slide-menu .dropdown li a span,
.slide-menu .dropdown ul li a span {
	position: relative;
	height: auto;
	border: none;
	margin: 0;
	padding: 0;
	z-index: +4
}

.dropdown-menu .dropdown ul,
.slide-menu .dropdown ul {
	position: absolute;
	top: 40px;
	left: 0;
	width: 180px;
	height: auto;
	padding: 0;
	background-color: #fff;
	z-index: +8;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3)
}

.dropdown-menu .dropdown ul ul,
.slide-menu .dropdown ul ul {
	left: 180px
}

.dropdown-menu .dropdown ul li,
.slide-menu .dropdown ul li {
	display: flex;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 0;
	border: none;
	background-color: #fff
}

.dropdown-menu .dropdown ul li:last-child,
.slide-menu .dropdown ul li:last-child {
	margin-top: 0
}

.dropdown-menu .dropdown ul li:only-of-type,
.slide-menu .dropdown ul li:only-of-type {
	margin-top: 8px
}

.dropdown-menu .dropdown ul li>a,
.slide-menu .dropdown ul li>a {
	width: 100%
}

.dropdown-menu .dropdown ul li>a:before,
.slide-menu .dropdown ul li>a:before {
	width: calc(100% - 16px);
	left: 8px
}

.dropdown-menu .dropdown ul li a>span,
.slide-menu .dropdown ul li a>span {
	padding: 0 19px
}

.dropdown-menu .dropdown ul li>a.current {
	width: calc(100% - 16px);
	left: 4px
}

.dropdown-menu .dropdown ul li>a::before {
	width: calc(100% - 16px);
	height: 100%;
	top: 0;
	left: 8px
}

.tab1 {
	height: auto
}

.side-menu {
	width: auto;
	max-width: 350px;
	background: #fff;
	margin: 0 5px 20px 0;
	padding: 10px 5px
}

.side-menu .side {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none
}

.side-menu .side li {
	position: relative;
	border: none;
	background-color: transparent
}

.side-menu .side li a {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	display: block;
	width: 100%;
	height: auto;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	color: #4d4d4d;
	border: none;
	padding-right: 25px
}

.side-menu .side li a:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	background-color: #f2f2f2;
	width: calc(100% - 4px);
	height: 40px;
	left: 2px;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear
}

.side-menu .side li a:hover {
	padding: 10px;
	padding-right: 25px;
	background-color: transparent;
	color: #4d4d4d;
	border: none
}

.side-menu .side li a:hover:before {
	opacity: 1;
	transform: scale(1)
}

.side-menu .side li a span {
	position: relative;
	z-index: 2
}

.side-menu .side li>a:only-child:after {
	content: none
}

.side-menu .side li>a:not(:only-child):after {
	content: "\e910";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 4px;
	font-size: 24px;
	color: #4d4d4d;
	z-index: +5
}

.side-menu ul.side li>a {
	display: block
}

.side-menu ul.side li>a+ul {
	display: none;
	position: absolute;
	top: 9px;
	left: 98%;
	background: white;
	width: auto;
	padding: 8px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
	z-index: +8
}

@media screen and (max-width: 544px) {
	.side-menu ul.side li>a+ul {
		top: 100%;
		left: 50px
	}
}

.side-menu ul.side li>a:hover+ul {
	display: block
}

.side-menu ul.side li>a.current {
	color: #0128C0
}

.side-menu ul.side li>a.current:before {
	content: '';
	position: absolute;
	display: block;
	transform-origin: center center;
	width: 100%;
	left: 0;
	border-radius: 5px;
	transition: all 0.1s linear;
	background-color: rgba(0, 126, 217, 0.15);
	opacity: 1;
	transform: scale(1);
	height: 100%;
	top: 0;
	z-index: +2
}

.side-menu .side li ul {
	margin: 0 0 0 5px
}

.side-menu .side li:hover>ul,
.side-menu .side li:focus>ul {
	display: block
}

.sitemap a {
	border: none
}

.sitemap a:hover {
	border: none
}

.middle-office .dropdown-menu .dropdown {
	display: block;
	white-space: nowrap;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden
}

.middle-office .dropdown-menu .dropdown li {
	display: inline-block;
	float: none
}

.middle-office .dropdown li.top a span:before {
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right: 5px
}

.middle-office .dropdown li.top a[href*="middleoffice/middleoffice-home"] span:before {
	content: "\e918"
}

.middle-office .dropdown li.top a[href*="middleoffice/branding"] span:before {
	content: "\e02a"
}

.middle-office .dropdown li.top a[href*="middleoffice/category"] span:before {
	content: "";
	position: relative;
	top: 2px
}

.middle-office .dropdown li.top a[href*="middleoffice/services"] span:before {
	content: "";
	position: relative;
	top: 2px
}

.middle-office .dropdown li.top a[href*="middleoffice/news"] span:before {
	content: "";
	position: relative;
	top: 2px
}

.middle-office .dropdown li.top a[href*="middleoffice/translations"] span:before {
	content: "\e2c4"
}

.middle-office .dropdown li.top a[href*="middleoffice/faq"] {
	padding-left: 35px
}

.middle-office .dropdown li.top a[href*="middleoffice/faq"]:after {
	content: "\e9d0";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	font-size: 24px;
	left: 10px;
	z-index: +2
}

.middle-office .dropdown li.top a[href*="middleoffice/page360"] span:before {
	content: "";
	position: relative;
	top: 2px
}

#news-column {
	padding-right: 0
}

.news-feed .panel,
.thematic-page-container .panel-content .panel,
.default-template-container .panel-content .panel {
	padding: 10px;
}

.news-feed article>*,
.thematic-page-container .panel-content article>*,
.default-template-container .panel-content article>* {
	float: left
}

.news-feed article,
.thematic-page-container .panel-content article,
.default-template-container .panel-content article {
	margin-bottom: 20px;
	display: flex
}

.news-feed article figure,
.thematic-page-container .panel-content article figure,
.default-template-container .panel-content article figure {
	margin-right: 10px;
	min-width: 120px;
	max-width: 120px;
	height: 80px
}

.news-feed article figure img,
.thematic-page-container .panel-content article figure img,
.default-template-container .panel-content article figure img {
	min-width: 100%;
	height: auto
}

.news-feed article .article-body,
.thematic-page-container .panel-content article .article-body,
.default-template-container .panel-content article .article-body {
	position: relative;
	min-height: 85px;
	max-height: 85px
}

.news-feed article .article-body header,
.thematic-page-container .panel-content article .article-body header,
.default-template-container .panel-content article .article-body header {
	max-height: 40px;
	margin-bottom: 3px;
	overflow: hidden
}

.news-feed article a,
.thematic-page-container .panel-content article a,
.default-template-container .panel-content article a {
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	color: #4d4d4d;
	border: none
}

.news-feed article a:hover,
.news-feed article a:focus,
.thematic-page-container .panel-content article a:hover,
.thematic-page-container .panel-content article a:focus,
.default-template-container .panel-content article a:hover,
.default-template-container .panel-content article a:focus {
	border: none;
	outline: none
}

.news-feed article h1,
.thematic-page-container .panel-content article h1,
.default-template-container .panel-content article h1 {
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	margin: 0
}

.news-feed article .article-body span,
.thematic-page-container .panel-content article .article-body span,
.default-template-container .panel-content article .article-body span {
	position: relative;
	font-size: 13px;
	color: #0128C0
}

.news-feed article .article-body span.article-author::after,
.thematic-page-container .panel-content article .article-body span.article-author::after,
.default-template-container .panel-content article .article-body span.article-author::after {
	content: ", "
}

.news-feed article .article-body span.article-date::after,
.thematic-page-container .panel-content article .article-body span.article-date::after,
.default-template-container .panel-content article .article-body span.article-date::after {
	content: " - "
}

.news-feed article P,
.thematic-page-container .panel-content article P,
.default-template-container .panel-content article P {
	font-size: 14px;
	line-height: 1.3;
	position: relative;
	display: inline;
	margin: 0
}

@media screen and (max-width: 1199px) {
	#news-column {
		width: 100%
	}

	.news-feed .panel,
	.thematic-page-container .panel-content .panel,
	.default-template-container .panel-content .panel {
		padding: 30px 15px 15px
	}

	.news-feed article,
	.thematic-page-container .panel-content article,
	.default-template-container .panel-content article {
		float: left;
		width: 33.33%;
		padding: 0 15px
	}
}

@media screen and (max-width: 1365px) {
	#news-column {
		padding-left: 0
	}

	.news-feed .panel,
	.thematic-page-container .panel-content .panel,
	.default-template-container .panel-content .panel {
		padding: 30px 15px 15px
	}

	.news-feed-inner {
		margin: 0 -15px
	}

	.news-feed article:nth-child(n+4),
	.thematic-page-container .col-lg-4 .panel-content article:nth-child(n+4),
	.default-template-container .col-lg-4 .panel-content article:nth-child(n+4) {
		display: none
	}

	.news-feed .bottom-link-wrapper,
	.thematic-page-container .panel-content .bottom-link-wrapper,
	.default-template-container .panel-content .bottom-link-wrapper {
		margin-top: 10px
	}
}

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

	.news-feed article,
	.thematic-page-container .panel-content article,
	.default-template-container .panel-content article {
		width: 50%
	}

	.news-feed article:nth-child(n+4),
	.thematic-page-container .panel-content article:nth-child(n+4),
	.default-template-container .panel-content article:nth-child(n+4) {
		display: flex
	}
}

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

	.news-feed article h5,
	.thematic-page-container .panel-content article h5,
	.default-template-container .panel-content article h5 {
		font-size: 0.889em
	}
}

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

	.news-feed article,
	.thematic-page-container .panel-content article,
	.default-template-container .panel-content article {
		width: 100%;
		float: none;
		max-height: 105px;
		overflow: hidden;
		display: block
	}

	.news-feed article figure,
	.thematic-page-container .panel-content article figure,
	.default-template-container .panel-content article figure {
		float: left;
		width: 80px;
		height: auto;
		margin-right: 10px;
		margin-bottom: 7px;
		min-width: inherit
	}

	.news-feed article .article-body,
	.thematic-page-container .panel-content article .article-body,
	.default-template-container .panel-content article .article-body {
		display: inline;
		min-height: inherit
	}

	.news-feed article a,
	.thematic-page-container .panel-content article a,
	.default-template-container .panel-content article a {
		float: none
	}

	.news-feed article:nth-child(n+4),
	.thematic-page-container .panel-content article:nth-child(n+4),
	.default-template-container .panel-content article:nth-child(n+4) {
		display: block
	}
}

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

	.news-feed,
	.thematic-page-container .panel-content,
	.default-template-container .panel-content {
		box-shadow: none
	}

	.news-feed,
	.thematic-page-container .panel-content,
	.default-template-container .panel-content {
		padding: 0
	}

	.news-feed .panel,
	.thematic-page-container .panel-content .panel,
	.default-template-container .panel-content .panel {
		padding: 20px 20px 15px
	}

	.h2-wrapper {
		margin: 10px 0 0
	}

	.news-feed .h2-wrapper {
		margin-bottom: 15px
	}

	.h2-wrapper h2 {
		margin-bottom: 10px
	}

	.h2-wrapper a {
		display: none
	}

	.news-feed article,
	.thematic-page-container .panel-content article,
	.default-template-container .panel-content article {
		padding: 0 15px 0 0
	}

	.bottom-link-wrapper {
		text-align: right
	}
}

@media screen and (min-width: 640px) {

	.news-feed .h2-wrapper,
	.activity .bottom-link-wrapper {
		display: none
	}
}

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

	.news-feed,
	.thematic-page-container .panel-content,
	.default-template-container .panel-content {
		padding: 0
	}

	.news-feed .panel,
	.thematic-page-container .panel-content .panel,
	.default-template-container .panel-content .panel {
		padding: 15px 20px
	}

	.news-feed article,
	.thematic-page-container .panel-content article,
	.default-template-container .panel-content article {
		margin-bottom: 25px;
		padding: 0;
		display: block
	}

	.news-feed article>*,
	.thematic-page-container .panel-content article>*,
	.default-template-container .panel-content article>* {
		float: none
	}
}

.extended-upload .ctlimage {
	max-width: 210px
}

.homepage-with-news .news-feed article,
.thematic-page-container .panel-content article,
.default-template-container .panel-content article {
	margin-bottom: 10px
}

.homepage-with-news .news-feed .panel,
.thematic-page-container .panel-content .panel,
.default-template-container .panel-content .panel {
	padding-bottom: 9px
}

.homepage-with-news .news-feed .bottom-link-wrapper,
.thematic-page-container .panel-content .bottom-link-wrapper,
.default-template-container .panel-content .bottom-link-wrapper {
	padding-top: 9px
}

@media (min-width: 1200px) and (max-width: 1550px) {

	.homepage-with-news .news-feed article:nth-child(3),
	.homepage-with-news .news-feed article:nth-child(4),
	.homepage-with-news .news-feed article:nth-child(5),
	.thematic-page-container .col-lg-4 .panel-content article:nth-child(3),
	.thematic-page-container .col-lg-4 .panel-content article:nth-child(4),
	.thematic-page-container .col-lg-4 .panel-content article:nth-child(5),
	.default-template-container .col-lg-4 .panel-content article:nth-child(3),
	.default-template-container .col-lg-4 .panel-content article:nth-child(4),
	.default-template-container .col-lg-4 .panel-content article:nth-child(5) {
		display: none
	}
}

.crop-image-field-preview {
	position: relative;
	padding-left: 40px
}

.crop-image-field-preview .action-openWizard,
.crop-image-field-preview .action-deleteImage {
	position: absolute;
	top: -5px;
	left: -5px;
	transition: opacity 0.1s linear;
	background-color: #ededed;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	color: #fff;
	width: 40px;
	height: 40px
}

.crop-image-field-preview .action-openWizard>span,
.crop-image-field-preview .action-deleteImage>span {
	position: relative;
	display: block;
	font-size: 0
}

.crop-image-field-preview .action-openWizard>span:before,
.crop-image-field-preview .action-deleteImage>span:before {
	position: absolute;
	display: block;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	height: 100%;
	top: 0;
	left: -2px;
	line-height: 27px;
	font-size: 24px
}

.crop-image-field-preview .action-openWizard {
	top: 0px;
	left: -5px
}

.crop-image-field-preview .action-openWizard>span:before {
	content: "\e92a";
	color: #0128C0
}

.crop-image-field-preview .action-deleteImage {
	top: 45px;
	left: -5px
}

.crop-image-field-preview .action-deleteImage>span:before {
	content: "\e925";
	color: #eb003b
}

.notif-button {
	position: relative
}

.notif-counter {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	width: 27px;
	height: 27px;
	border: 3px solid #fff;
	border-radius: 50%;
	z-index: 10;
	transition: border-color 0.2s linear
}

.notif-button:hover .notif-counter,
.notif-button:focus .notif-counter {
	border-color: #e0e0e0;
	transition: border-color 0.1s linear
}

.panel h1,
.panel h2,
.panel h5,
.panel h6 {
	margin-top: 0
}

.panel h3,
.panel h4 {
	margin-top: 0;
	padding-left: 0;
}

@media (max-width: 767px) {
	.homepage-container .panel {
		margin-bottom: 30px
	}
}

.panel-title {
	border-bottom: 5px solid #e0e0e0
}

.panel .panel-title h3 {
	font-size: 28px;
	font-weight: 300;
	line-height: 40px;
	float: left;
	margin: 0 0 15px;
	max-width: 80%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.panel .panel-title a {
	font-size: 16px;
	font-weight: 700;
	display: block;
	float: right;
	margin-top: 5px;
	color: #0128C0
}

.activity.tasks h3 {
	font-size: 26px;
	font-weight: 300;
	line-height: 30px;
	border-bottom: 5px solid #e0e0e0;
	margin: 0;
	padding-bottom: 10px;
	color: #000
}

.panel-content .view-area .view-header {
	margin-bottom: 5px
}

@media print {
	header.header {
		display: none !important
	}

	.shortcut-bar {
		display: none !important
	}

	.buttons-group.document-main-buttons,
	.form-area.fixed-buttons .button-area.document-top-buttons {
		display: none;
		padding: 0 !important
	}

	.button-area.document-top-buttons {
		padding: 0 !important
	}

	.mandatory:after {
		content: none !important
	}

	.vui-info-handler img {
		display: none
	}

	.cke_top,
	.cke_bottom {
		display: none !important
	}

	.datetime-field button,
	.datetime-field a,
	.treatment-edit .button1.action-buttonShow,
	.treatment-edit .button1.action-buttonErase {
		display: none !important
	}

	.time-field select {
		margin: 0 !important;
		height: 38px !important;
		margin-top: -3px !important
	}

	.shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~#default-container,
	.shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~.middle-office #default-container {
		margin-left: 0 !important;
		padding-top: 0 !important
	}

	.section.section-highlighted,
	.section.section-highlighted .section.section-highlighted {
		margin: 0
	}

	.overlay {
		width: auto !important;
		height: auto !important;
		left: 0 !important
	}

	body {
		background-color: #fff
	}

	.vui-combobox:after {
		content: none !important
	}

	.vui-combobox img {
		display: none !important
	}

	.section.section-highlighted {
		border-left: 0 !important
	}

	select {
		-webkit-appearance: none !important;
		-moz-appearance: none !important;
		appearance: none;
	}

	html,
	body,
	.root,
	.page {
		height: auto !important
	}

	.treatment-edit h1 .document-label-reference {
		color: #4d4d4d !important
	}

	.list-view .detail .title a,
	.links-view .detail .title a,
	.thumbnails-view .detail .title a {
		border-bottom: 0 !important;
		color: #4d4d4d !important
	}

	.list-view .detail .title a p,
	.links-view .detail .title a p,
	.thumbnails-view .detail .title a p {
		display: none !important
	}

	.list-view .detail .title a h4 img,
	.links-view .detail .title a h4 img,
	.thumbnails-view .detail .title a h4 img {
		display: none !important
	}

	.actions span {
		display: none !important
	}

	.vui-combobox-single.vui-selector-field input,
	.vui-combobox.vui-combobox-single input {
		color: #4d4d4d !important;
		padding-left: 10px !important
	}

	.section {
		margin: 0 !important;
		border-left: 0 !important
	}

	.vui-error-indicator {
		display: none !important
	}

	.buttonlike,
	.dropfiles-helper {
		display: none !important
	}

	.treatment-edit .fields-group td.cell-left,
	.treatment-edit .fields-group td.cell-left * {
		font-weight: 700 !important
	}

	.footer a {
		color: #4d4d4d !important;
		border-bottom: 0 !important
	}

	input[type="checkbox"]+label:after,
	input[type="checkbox"]+.single-checkbox:after,
	input[type="checkbox"]+.reversed-checkbox:after {
		color: #4d4d4d !important
	}

	.cell-full span {
		color: #4d4d4d !important
	}

	.vui-selector-field input,
	.vui-combobox.vui-combobox-single input,
	.vui-combobox-multi input,
	.fields-group input:not([type="checkbox"]),
	.fields-group input:not([type="radio"]),
	.fields-group textarea,
	.fields-group select {
		width: 100% !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important
	}

	td a img[width="16"][height="16"] {
		display: none !important
	}

	td a {
		color: #4d4d4d !important
	}

	.fields-group>.table-border>tbody {
		display: block !important
	}

	.fields-group>.table-border>tbody .radio-group,
	.fields-group>.table-border>tbody .checkboxgroup {
		display: block !important
	}

	.detail-main .title a h4 {
		word-break: break-all
	}

	.treatment-edit h1 {
		margin-bottom: 0 !important
	}

	.form-area.fixed-buttons,
	.form-area {
		padding: 0 !important
	}

	.view-header.view-has-actions,
	.treatment-edit .table-view.responsive-table>table>tbody>tr:first-child th:first-child {
		display: none !important
	}

	td.cell-right {
		position: relative
	}

	td.cell-right select[multiple] {
		overflow: hidden
	}

	td.cell-right select[multiple] option {
		display: none;
		background-color: transparent !important
	}

	td.cell-right select[multiple] option:checked,
	td.cell-right select[multiple] option[selected="true"] {
		display: block;
		background-color: transparent !important
	}

	td.cell-right select[multiple] option::selection {
		background: yellow
	}

	.list-view .detail .title a h4 {
		white-space: inherit !important
	}

	.section h2,
	.section-highlighted h2 {
		background-color: transparent !important;
		position: relative !important;
		z-index: +1 !important;
		overflow: hidden !important;
		padding: 10px !important
	}

	.section h2:before,
	.section-highlighted h2:before {
		content: '' !important;
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		border: 99999px #f2f2f2 solid !important;
		z-index: -1 !important
	}

	.section h2 *,
	.section-highlighted h2 * {
		position: relative !important;
		z-index: 1 !important
	}

	input[type="radio"]:checked+label:after,
	input[type="radio"]:checked+label:focus:after,
	input[type="radio"]:checked+label:hover:after,
	input[type="radio"]:checked+.reversed-radio:after,
	input[type="radio"]:checked+.reversed-radio:focus:after,
	input[type="radio"]:checked+.reversed-radio:hover:after {
		content: "\e43b" !important;
		font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		pointer-events: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background-color: transparent !important;
		color: #4d4d4d !important;
		font-size: 24px !important;
		position: absolute !important;
		top: -1px !important;
		left: -1px !important
	}

	input[type="radio"]+label,
	input[type="radio"]+.reversed-radio,
	input[type="checkbox"]+label,
	input[type="checkbox"]+.reversed-checkbox {
		width: 100px !important
	}

	.date-field,
	strong {
		font-weight: normal !important
	}

	.date-field *,
	strong * {
		font-weight: normal !important
	}

	.vui-combobox-multi.vui-selector-field {
		display: none
	}

	.vui-combobox-selected-items span .vui-combobox-item:before,
	.vui-combobox-selected-items>span:before,
	.vui-combobox-selected-items span .vui-combobox-item:after,
	.vui-combobox-selected-items>span:after {
		content: none !important
	}

	.button1.action-showall,
	.treatment-edit .button1.action-showall,
	.button1.action-deleteall,
	.treatment-edit .button1.action-deleteall {
		display: none !important
	}

	.vui-combobox-multi {
		display: none !important
	}

	.buttons-group.vui-combobox-actions {
		display: none !important
	}

	.vui-combobox-selected-items span .vui-combobox-item,
	.vui-combobox-selected-items>span {
		color: #4d4d4d !important
	}

	.vui-combobox.vui-combobox-single.vui-combobox-auto .vui-combobox-input-autocomplete {
		display: block !important
	}

	.treatment-edit .button1 {
		display: none
	}

	.popup-menu-handler.handler-actions.popup-menu-handler-single {
		display: none
	}

	.table-view table th.cell1:not(.has-title):first-child,
	.table-view table td.cell1:not(.has-title):first-child,
	.table-view table th.cell2:not(.has-title):first-child,
	.table-view table td.cell2:not(.has-title):first-child {
		display: none !important
	}

	.table-view table th.cell1:not(.has-title):first-child:before,
	.table-view table td.cell1:not(.has-title):first-child:before,
	.table-view table th.cell2:not(.has-title):first-child:before,
	.table-view table td.cell2:not(.has-title):first-child:before {
		display: none !important
	}

	.table td.cell1,
	.table td.cell2 {
		width: auto;
		text-align: left !important
	}

	.table .unsorted {
		background-image: none
	}

	.table-view table th,
	.table-view table td:before {
		border: 1px solid #000
	}

	.table-view table tbody tr:nth-child(even) {
		background: #fff;
		display: block !important;
		border: 1px solid #4d4d4d
	}

	.subsection .fields-group {
		padding-bottom: 0 !important
	}

	.table-view table tbody tr:nth-child(odd) {
		background: #fff;
		margin-bottom: 100px !important;
		display: block !important;
		border: 1px solid #4d4d4d
	}

	.table-view table tbody tr:first-child {
		display: none !important
	}

	table.table-border .table-view .table tbody {
		display: contents !important
	}

	.table-view table td::before {
		content: attr(data-vdp-th) "";
		font-weight: bold;
		width: 100%;
		display: block
	}

	.table-view table td:before {
		content: attr(data-vdp-th) "";
		font-weight: bold;
		display: block
	}

	td.cell-right,
	td.cell-left {
		vertical-align: top !important;
		padding-left: 0 !important;
		padding-bottom: 0 !important
	}

	.treatment-edit .radiogroup {
		margin: 0 !important
	}

	.treatment-edit input,
	.treatment-edit .vui-combobox input,
	.treatment-edit .vui-combobox-multi input,
	.treatment-edit .vui-selector-field input {
		min-height: 0 !important
	}

	.treatment-edit .fields-group TD.cell-right,
	.treatment-edit .fields-group TD.cell-left {
		width: 25% !important
	}

	.button-area.document-top-buttons {
		display: none
	}

	.treatment-edit h1 {
		margin-bottom: 0
	}

	.shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~#default-container,
	.shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~.middle-office #default-container {
		padding: 0
	}

	.treatment-edit .fields-group td.cell-right[colspan="75"],
	.treatment-edit .fields-group td.cell-left[colspan="75"] {
		width: 75% !important
	}
}

@media print {
	.table-view table {
		margin: 0 !important;
		min-width: 280px !important
	}

	.table-view table th {
		display: none !important
	}

	.table-view table td {
		display: block !important
	}

	.table-view table td:first-child {
		padding-top: .5em !important;
		white-space: normal !important
	}

	.table-view table td:last-child {
		padding-bottom: .5em !important
	}

	.table-view table td:before {
		content: attr(data-vdp-th) "" !important;
		font-weight: bold !important;
		width: 100% !important;
		display: block !important;
		padding: 3px !important;
		border: 0 !important
	}
}

@media print and (min-width: 4500px) {

	.table-view table th,
	.table-view table td {
		display: table-cell !important;
		padding: .25em .5em !important
	}

	.table-view table th:first-child,
	.table-view table td:first-child {
		padding-left: 0 !important
	}

	.table-view table th:last-child,
	.table-view table td:last-child {
		padding-right: 0 !important
	}
}

@media print {

	.fields-group td.cell-right,
	.fields-group td.cell-left {
		display: inline-block !important;
		width: 25%
	}

	.vui-combobox-selected-items span.vui-combobox-selected-item-plus {
		margin: 0 !important
	}

	.vui-combobox-selected-items span .vui-combobox-item,
	.vui-combobox-selected-items>span {
		width: 100% !important;
		white-space: initial !important;
		height: auto !important;
		margin: 0 !important;
		line-height: 22px !important
	}

	.section.subsection h2:before {
		content: none !important
	}

	.vui-file-upload .files .view-area,
	.vui-file-upload .list-view,
	.vui-file-upload .files td {
		padding: 0 !important
	}

	label {
		color: #666 !important;
		font-weight: normal !important
	}

	.checkboxgroup table,
	.radiogroup table {
		display: inline-block
	}

	input[type="radio"] {
		display: block !important
	}

	.treatment-edit .radiogroup>table>tbody {
		font-size: 16px !important
	}

	.table-view table {
		color: #fff !important;
		overflow: hidden !important
	}

	.table-view table th,
	.table-view table td {
		margin: 0 !important
	}
}

@media print and (min-width: 4500px) {

	.table-view table th,
	.table-view table td {
		padding: 10px 8px !important
	}
}

@media print {

	.table-view table th,
	.table-view table td:before {
		color: #4d4d4d !important
	}
}

@media print and (max-width: 767px) {

	.table td.cell1,
	.table td.cell2 {
		padding: 5px 10px !important
	}
}

@media print and (min-width: 768px) and (max-width: 1024px) {

	.client-view .table-view table,
	.application-hp .table-view table {
		margin: 0 !important;
		min-width: 280px !important
	}

	.client-view .table-view table th,
	.application-hp .table-view table th {
		display: none !important
	}

	.client-view .table-view table td,
	.application-hp .table-view table td {
		display: block !important
	}

	.client-view .table-view table td:first-child,
	.application-hp .table-view table td:first-child {
		padding-top: .5em !important
	}

	.client-view .table-view table td:last-child,
	.application-hp .table-view table td:last-child {
		padding-bottom: .5em !important
	}

	.client-view .table-view table td:before,
	.application-hp .table-view table td:before {
		content: attr(data-vdp-th) "" !important;
		font-weight: bold;
		width: 100% !important;
		display: block
	}

	.client-view .table-view table th,
	.client-view .table-view table td,
	.application-hp .table-view table th,
	.application-hp .table-view table td {
		text-align: left !important
	}
}

@media print and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {

	.client-view .table-view table th,
	.client-view .table-view table td,
	.application-hp .table-view table th,
	.application-hp .table-view table td {
		padding: .25em .5em !important
	}

	.client-view .table-view table th:first-child,
	.client-view .table-view table td:first-child,
	.application-hp .table-view table th:first-child,
	.application-hp .table-view table td:first-child {
		padding-left: 0 !important
	}

	.client-view .table-view table th:last-child,
	.client-view .table-view table td:last-child,
	.application-hp .table-view table th:last-child,
	.application-hp .table-view table td:last-child {
		padding-right: 0 !important
	}
}

@media print and (min-width: 768px) and (max-width: 1024px) {

	.client-view .table-view table,
	.application-hp .table-view table {
		color: #fff !important;
		overflow: hidden !important
	}

	.client-view .table-view table th,
	.client-view .table-view table td,
	.application-hp .table-view table th,
	.application-hp .table-view table td {
		margin: 0 !important
	}
}

@media print and (min-width: 768px) and (max-width: 1024px) and (min-width: 4500px) {

	.client-view .table-view table th,
	.client-view .table-view table td,
	.application-hp .table-view table th,
	.application-hp .table-view table td {
		padding: 0.3em 0.5em !important
	}
}

@media print and (min-width: 768px) and (max-width: 1024px) {

	.client-view .table-view table th,
	.client-view .table-view table td:before,
	.application-hp .table-view table th,
	.application-hp .table-view table td:before {
		color: #4d4d4d !important
	}

	.table td.cell1,
	.table td.cell2 {
		padding: 5px 10px !important
	}
}

@media print {
	.row {
		margin: 0 !important
	}

	.view-header {
		display: none
	}

	.vui-file-upload {
		margin-top: -25px;
		margin-left: -25px
	}

	.action-summary {
		background-color: transparent !important;
		position: relative !important;
		z-index: +1 !important;
		overflow: hidden !important;
		padding: 10px !important;
		display: block
	}

	.action-summary:before {
		content: '' !important;
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		border: 99999px #f2f2f2 solid !important;
		z-index: -1 !important
	}

	.action-history {
		display: block
	}

	.section.section-highlighted {
		background: transparent !important
	}

	.section.section-highlighted * {
		background: transparent !important
	}

	select::-ms-expand {
		display: none !important
	}

	.section .fields-group .table-border>tbody>tr {
		display: block !important
	}

	input[type="radio"]+label:before,
	input[type="radio"]+label :after,
	input[type="radio"]+.reversed-radio:before,
	input[type="radio"]+.reversed-radio:after {
		margin-top: 0 !important
	}

	.treatment-edit input[type="radio"]+label,
	input[type="radio"]+.reversed-radio {
		margin-top: 0;
		line-height: 22px
	}

	h2,
	h3 {
		page-break-after: avoid !important
	}

	img {
		max-width: 100% !important
	}

	article {
		page-break-before: always !important
	}

	ul,
	img {
		page-break-inside: avoid !important
	}

	select::-ms-value {
		background: none !important;
		color: #000 !important
	}

	select {
		-webkit-appearance: none !important;
		appearance: none;
	}

	select option {
		background: none !important;
		color: #000 !important;
		-webkit-appearance: none !important;
		appearance: none;
	}

	input[type="radio"]+label:before,
	input[type="radio"]+label:after,
	input[type="radio"]+.reversed-radio:before,
	input[type="radio"]+.reversed-radio:after {
		margin-top: 0 !important
	}
}

strong.mandatory {
	color: #4d4d4d;
	display: inline-block
}

strong.mandatory>label {
	position: relative;
	display: inline
}

strong.mandatory>label:after {
	content: '';
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	right: -6px;
	top: -3px;
	border-radius: 50%;
	background-color: #EB5149;
}

i[class*="${icon}"]:empty {
	font-size: 0 !important
}

span.mandatory-asterisk,
.mandatory span:first-child {
	display: none
}

.view-header .view-options .handler-filter span:before,
.view-header .popup-menu-handler.handler-sorter:before,
.view-header .view-options .action-refresh span:before,
.view-header .view-options .popup-menu-handler.handler-displaymode:before,
.search-main .horizontal-top-tabs .informations p:before,
.vui-selector-field:after,
.date-field .action-buttonShow:after,
.date-field .action-buttonErase:after,
.vui-combobox:after,
.vui-combobox-multi:after,
.datetime-field .postaction:after {
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga" 1
}

.view-header .view-options .popup-menu-handler.handler-displaymode:before {
	content: "\e90b";
	transform: rotate(-90deg)
}

.view-header .popup-menu-handler.handler-sorter:before {
	content: "\e931"
}

.view-header .view-options .action-refresh span:before {
	content: "\e932"
}

.vui-combobox.vui-selector-field:after,
.vui-combobox-multi.vui-selector-field:after {
	content: "\e90b";
	transform: rotate(0deg)
}

.vui-combobox:after,
.vui-combobox-multi:after {
	content: "\e910";
	transform: rotate(90deg)
}

@media (max-width: 544px) {
	.navigation-area .list-view .horizontal td {
		width: 100%;
		display: inline-block
	}

	.navigation-area .list-view .detail {
		margin: 0
	}
}

.navigation-area .list-view .detail a {
	padding: 5px 10px 6px 10px;
	font-size: 16px;
	color: #4d4d4d;
	border: none;
	position: relative;
	display: inline-block;
	border: 0;
	line-height: 40px;
	padding: 0 10px;
	font-weight: 500;
	font-size: 16px
}

.navigation-area .list-view .detail a:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: calc(100% - 8px);
	top: 4px;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.12);
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
}

.navigation-area .list-view .detail a:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.navigation-area .list-view .detail strong {
	position: relative;
	display: inline-block;
	border: 0;
	line-height: 40px;
	padding: 0 10px;
	font-weight: 700;
	font-size: 16px;
	color: #02C2EF;
	font-size: 16px;
	line-height: inherit;
	padding: 10px
}

.date-field strong {
	font-weight: normal
}

.period-field-inline .datetime-field {
	margin-right: 0
}

.cell-right>strong {
	font-weight: normal
}

.navigation-area .list-view .detail strong:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: none;
	transform-origin: center center;
	width: 100%;
	height: calc(100% - 8px);
	top: 4px;
	left: 0;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	background-color: rgba(0, 255, 255, 0.15);
	opacity: 1;
	transform: scale(1);
}

.navigation-area {
	padding-top: 17px;
	padding-bottom: 0
}

.treatment-edit h1 .document-label-process-name {
	display: none;
}





.treatment_class-create_treatment h2 {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	padding: 12px 30px 13px;
	line-height: 38px;
	margin-top: 0;
	height: 64px
}

.treatment_class-create_treatment .header-level5 {
	margin: 30px 30px 0
}

.treatment_class-create_treatment .action-next {
	border: 0;
	background-color: #02C2EF
}

.treatment_class-create_treatment .action-next:hover {
	border: 0;
	background-color: #528e00
}

.treatment_class-create_treatment .action-next span {
	color: #fff
}

.treatment_class-create_treatment .buttons-group {
	padding: 0 20px
}

.document-main-buttons .popup-menu-handler-empty span:hover {
	border-radius: 5px
}

.section.section-col .section {
	margin: 0 0 40px 0;
	box-shadow: 0px 2px 4px #022a8e1a;
	border: 1px solid #F3F3FF;
	border-radius: 0;
}



.section h2,
.subsection h2,
.section-highlighted h2,
.subsection-highlighted h2 {
	background-color: white;
	margin: 0;
	font-size: inherit;
}


.section.vui-section-expanded h2 span,
.section.vui-section-collapsed h2 span {
	padding-left: 25px
}

.activity-transition .section.vui-section-expanded h2 span {
	background: none;
	padding-left: 0
}


.section .section h2,
.section-highlighted .section.section h2,
.section .section.subsection H2,
.section-highlighted .section.subsection H2 {
	border: none;
	margin-bottom: 0;
}

.section .section h2 span,
.section-highlighted .section.section h2 span,
.section .section.subsection H2 SPAN,
.section-highlighted .section.subsection H2 SPAN {
	font-size: 22px;
	color: #02C2EF;
}

.section h2 span:empty {
	display: none;
}

@media (max-width: 767px) {

	.section .fields-group,
	.subsection .fields-group,
	.section-highlighted .fields-group,
	.subsection-highlighted .fields-group {
		padding: 10px
	}
}

.section .fields-group .fields-group,
.subsection .fields-group .fields-group,
.section-highlighted .fields-group .fields-group,
.subsection-highlighted .fields-group .fields-group {
	padding-left: 0;
	padding-right: 0;
}

.vui-screen-form.view-filter .fields-group {
	padding: 0;
	margin: 0
}


.section.document-history table {
	width: 100%
}

table.table-border {
	table-layout: fixed
}

table.table-border .table-view .table {
	table-layout: fixed
}

table.table-border .table-view .table tbody {
	overflow-x: auto;
	width: 100%;
	display: block
}

table.table-border .vui-screen-view .table-view .table tbody {
	display: inherit
}

td {
	font-family: "Source Sans Pro", helvetica, sans-serif;
	font-size: inherit
}



.fields-group .cell-v2 {
	padding: 10px 20px;
}

.cell-v2>label {
	display: block;
	margin-top: 0;
	color: #0128C0;
	font-weight: 700;
}

.cell-v2>strong>label {
	margin-top: 0;
	color: #0128C0;
	font-weight: 700;
}

.cell-v2 strong.mandatory {
	display: block;
	padding-bottom: 5px;
}



.cell-left {
	text-align: right
}

.cell-full label {
	padding-bottom: 5px;
}

.cell-right input,
.cell-right textarea,
.cell-right select {
	color: gray
}

.cell-right input::placeholder {
	color: #cacaca
}

.cell-right input {
	color: #4d4d4d
}

label {
	color: #666;
	font-weight: normal
}

.vui-combobox,
.vui-combobox-multi {
	background: inherit;
	height: 40px;
	padding-left: 0;
	border-radius: 0 5px 5px 0;
	margin-bottom: 0
}

.vui-combobox input,
.vui-combobox-multi input {
	border: 1px solid #ccc
}

.vui-combobox input:focus,
.vui-combobox-multi input:focus {
	border: 2px solid #0128C0;
}

.vui-combobox input,
.vui-combobox-multi input {
	padding: 0 5px
}

.vui-combobox-actions * {
	vertical-align: top
}

.vui-combobox .vui-combobox-opener,
.vui-combobox-multi .vui-combobox-opener,
.vui-selector-field .vui-combobox-opener {
	border: 1px solid #ccc;
	background-color: rgba(0, 0, 0, 0.05);
	background-image: none;
	height: 38px;
	width: 38px;
	border-left: 0;
	transition: all ease-out 0.15s;
	position: absolute;
	right: 0;
	z-index: 1;
	vertical-align: top !important;
	border-radius: 0 5px 5px 0
}

.vui-combobox .vui-combobox-opener:hover,
.vui-combobox-multi .vui-combobox-opener:hover,
.vui-selector-field .vui-combobox-opener:hover {
	background-image: none;
	height: 38px;
	width: 38px;
	border-left: 1px solid #ccc;
	background-color: #fff
}

td[width="75%"] .vui-combobox,
td[width="75%"] .vui-combobox-multi,
td[width="75%"] .vui-selector-field {
	width: 50%
}

@media (max-width: 544px) {

	td[width="75%"] .vui-combobox,
	td[width="75%"] .vui-combobox-multi,
	td[width="75%"] .vui-selector-field {
		width: 100%
	}
}

.vui-combobox,
.vui-combobox-multi,
.vui-selector-field {
	position: relative;
	width: 100%
}

.vui-combobox input,
.vui-combobox-multi input,
.vui-selector-field input {
	min-height: 38px !important
}

.vui-combobox.vui-combobox-small,
.vui-combobox-multi.vui-combobox-small,
.vui-selector-field.vui-combobox-small {
	width: 80%
}

.vui-combobox.vui-combobox-medium,
.vui-combobox-multi.vui-combobox-medium,
.vui-selector-field.vui-combobox-medium {
	width: 90%
}

.vui-combobox.vui-combobox-large,
.vui-combobox-multi.vui-combobox-large,
.vui-selector-field.vui-combobox-large {
	width: 100%
}

.vui-selector-field input,
.vui-combobox.vui-combobox-single input,
.vui-combobox-multi input {
	width: calc(100% - 37px) !important
}

.vui-combobox:after,
.vui-combobox-multi:after,
.vui-selector-field:after {
	position: absolute;
	top: 6px;
	right: 9px;
	font-size: 20px;
	z-index: +1
}

.vui-combobox-no-item,
.vui-combobox-menu-browse .vui-combobox-item {
	padding: 5px 8px;
	font-size: 14px
}

.vui-combobox-menu-browse .vui-combobox-item {
	padding: 10px 8px;
	font-size: 14px
}

.vui-combobox-value .vui-combobox-item {
	font-size: 14px
}

.vui-combobox-items UL LI LABEL {
	font-size: 14px;
	font-weight: normal
}

.vui-combobox-items UL LI.ariaSelected LABEL {
	color: #fff
}

.vui-selector-view .detail .title H4 {
	font-size: 14px;
	color: #4d4d4d
}

.vui-selector-view .detail .date,
.vui-selector-view .detail .author,
.vui-selector-view .detail .properties,
.vui-selector-view .detail .extended-properties,
.vui-selector-view .detail .property,
.vui-selector-view .detail .path {
	font-size: 12px;
	color: gray
}

.vui-selector-field .vui-delete {
	margin-top: -6px
}

.vui-selector .button-area {
	padding: 10px 0
}

.buttons-group {
	padding: 0 0 10px 0
}

.buttons-group button {
	margin: 0 0 0 5px
}

.vui-screen-form .form-area .fields-group>table {
	width: 100%
}

.form-area button {
	font-size: 16px
}

.form-area .view-area {
	border: 0
}

@media (max-width: 544px) {
	.form-area .view-area {
		padding: 0
	}
}

.form-area .view-area.vui-selector-view {
	border-left: 4px solid #e0e0e0
}


.fields-group TD td.entry-inline {
	padding: 0
}

.fields-group TD.cell-right {
	font-size: 14px;
	font-weight: normal;
	color: #4d4d4d;
	vertical-align: top
}

.fields-group input:not([type='checkbox'],[type='radio'],[type='range']),
.fields-group textarea,
.fields-group select {
	min-height: 38px !important;
	margin-bottom: 5px
}

.fields-group select[multiple] {
	resize: both
}

textarea {
	padding: 6px 12px
}

.textarea-default {
	height: inherit
}

.vui-info-handler {
	vertical-align: text-bottom
}

.vui-file-upload .files .detail H4 {
	font-size: 18px
}

.vui-context-message {
	border-radius: 5px;
	margin-left: -25px
}

.vui-context-message label {
	font-size: 14px
}



.vui-context-info label,
.vui-context-error label {
	color: #fff
}

.vui-context-error {
	border: 0;
	background-color: #eb003b;
	color: #fff;
	z-index: 9070
}

.vui-context-error .vui-arrow-bottom {
	content: "";
	position: absolute;
	left: 13px;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #eb003b transparent;
	background: none;
	display: block;
	width: 0;
	bottom: -10px
}

.vui-context-error .vui-arrow-top {
	content: "";
	position: absolute;
	left: 13px;
	border-width: 0 10px 10px;
	border-style: solid;
	border-color: #eb003b transparent;
	background: none;
	display: block;
	width: 0;
	top: -10px
}

.action-summary {
	padding: 15px 20px 15px;
	background: #f7f7f7;
	margin-top: 20px;
	/* margin-bottom: -28px; */
	/* margin-left: -10px; */
	/* margin-right: -10px; */
}

.vui-noinfo-handler {
	display: none
}

.list-view .detail .title H4 {
	word-break: break-word
}

.vui-selector .location {
	height: auto
}

.vui-selector .location .streamline {
	height: 46px;
	display: block
}

.vui-selector .location .streamline .streamline-entry:last-child:after {
	display: none
}

@media (max-width: 1200px) {
	.section {
		margin: 15px
	}

	.subsection .fields-group {
		padding: 0 0 20px
	}

	.fields-group TD {
		display: block;
		width: 100%
	}

	.cell-left {
		text-align: left
	}
}

@media (max-width: 544px) {

	input[type="checkbox"],
	input[type="radio"] {
		width: auto
	}

	textarea {
		width: 100%
	}

	.fields-group TD {
		width: 100%
	}

	.vui-combobox-medium .vui-combobox-offset {
		width: 87.5%
	}

	.vui-combobox,
	.vui-combobox-multi {
		width: 100%
	}

	.vui-selector-field .vui-combobox-opener {
		float: right
	}

	.container-fluid .treatment-edit {
		margin-left: 0
	}

	.fck-editor-container {
		min-height: 402px
	}

	.cke {
		width: 100%
	}

	.date-field input {
		width: 66%
	}
}

@media (max-width: 320px) {
	.vui-combobox-medium .vui-combobox-offset {
		width: 76%
	}
}

@media (max-width: 375px) {
	.vui-combobox-medium .vui-combobox-offset {
		width: 77%
	}

	.vui-combobox-medium input {
		width: 83%
	}
}

input[type="radio"]+label,
input[type="radio"]+.reversed-radio {
	position: relative;
	display: block;
	padding-left: 25px;
	line-height: 27px;
	cursor: pointer;
	width: 200px;
	word-wrap: break-word
}

input[type="radio"]+.reversed-radio {
	display: initial
}

.color-item input[type="radio"]+label {
	width: inherit;
	font-size: 0
}

.table-view input[type="radio"]+label,
.table-view input[type="radio"]+.reversed-radio {
	height: 20px
}

input[type="radio"]+label:before,
input[type="radio"]+.reversed-radio:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #b3b3b3
}

input[type="radio"]+label:before,
input[type="radio"]+.single-checkbox:before,
input[type="checkbox"]+label:before,
input[type="checkbox"]+.single-checkbox:before,
input[type="checkbox"]+.reversed-checkbox:before,
input[type="radio"]+.reversed-radio:before {
	box-shadow: 0 0 rgba(204, 204, 204, 0);
	transition: all 0.2s linear
}

input[type="radio"]:focus+label:before,
input[type="radio"]+label:hover:before,
input[type="radio"]:focus+.reversed-radio:before,
input[type="radio"]+.reversed-radio:hover:before {
	border: 1px solid #0095D1;
	box-shadow: none;
	transition: all 0.1s linear
}

input[type="radio"]:checked+label:after,
input[type="radio"]:checked:focus+label:after,
input[type="radio"]:checked+label:hover:after,
input[type="radio"]:checked+.reversed-radio:after,
input[type="radio"]:checked:focus+.reversed-radio:after,
input[type="radio"]:checked+.reversed-radio:hover:after {
	transform: scale(0.6);
	transition: transform 0.2s cubic-bezier(0.6, 0.2, 0, 2), opacity 0.2s linear;
	background-color: #0128C0
}

input[type="radio"]:disabled+label:hover:before,
input[type="radio"]:disabled+.reversed-radio:hover:before {
	border: 1px solid #b3b3b3;
	box-shadow: none
}

input[type="radio"]+label:after,
input[type="radio"]+.reversed-radio:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transform: scale(0);
	transition: transform 0.4s ease-out
}

.table-view input[type="radio"]+label:after,
.table-view input[type="radio"]+label:before,
.table-view input[type="radio"]+.reversed-radio:after,
.table-view input[type="radio"]+.reversed-radio:before {
	left: calc(50% - 10px)
}

input[type="radio"]:checked+label,
input[type="radio"]:checked+.reversed-radio {
	pointer-events: none;
	word-wrap: break-word
}

input[type="radio"]:checked+label:after,
input[type="radio"]:checked+label:focus:after,
input[type="radio"]:checked+label:hover:after,
input[type="radio"]:checked+.reversed-radio:after,
input[type="radio"]:checked+.reversed-radio:focus:after,
input[type="radio"]:checked+.reversed-radio:hover:after {
	transform: scale(0.6);
	transition: transform 0.2s cubic-bezier(0.9, -2.5, 0.9, 0.15);
	background-color: #0095D1
}

input[type="radio"]+label:before,
input[type="radio"]+label:after,
input[type="radio"]+.reversed-radio:before,
input[type="radio"]+.reversed-radio:after {
	margin-top: 3px
}

input[type="radio"]:disabled+label,
input[type="radio"]:disabled+.reversed-radio {
	opacity: 0.7;
	cursor: default
}

input[type="radio"]:disabled+label::after,
input[type="radio"]:disabled+.reversed-radio::after {
	display: none
}

.crop-title {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	display: inline-block;
	padding-left: 15px;
	width: 100%;
	margin-bottom: 25px
}

.crop-buttons li {
	display: inline-block;
	margin-bottom: 25px;
	margin-left: 15px
}

.crop-area {
	position: relative;
	max-width: 80%;
	margin: 0 auto
}

.button-area.document-top-buttons .buttons-group:empty,
.button-area.document-top-buttons .buttons-group:empty,
.button-area.document-top-buttons:empty,
.button-area.document-top-buttons:empty {
	display: none
}

.lightbox-content .child-resource-edit .mandatory:after {
	position: absolute
}

.lightbox-content .child-resource-edit input[type="radio"]+label {
	width: auto;
	padding-right: 10px
}

.lightbox-content .child-resource-edit .fields-group td td.entry-inline {
	display: inline-block
}

.lightbox-content .child-resource-edit .fields-group input:not([type="radio"]) {
	margin-right: 10px
}

.lightbox-content .child-resource-edit .fields-group .cell-right {
	height: 100%;
	vertical-align: top
}

.lightbox-content .child-resource-edit .fields-group .cell-right>table {
	height: 100% !important
}

.lightbox-content .child-resource-edit .fields-group .cell-left {
	background-color: #f7f7f7;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	text-align: left
}

.lightbox-content .child-resource-edit .fields-group .cell-left label {
	font-weight: 600
}

.treatment-edit .button1.action-buttonShow,
.treatment-edit .button1.action-buttonErase {
	border: 0
}

.child-resource-edit .lightbox-panel .dyntable-form .fields-group select {
	width: 100%
}

.activity-transition .lightbox-panel .fields-group td.cell-right {
	text-align: left
}

.fields-group .table input[type=checkbox] {
	min-height: 0 !important
}

.fields-group .table input.vui-combobox-input-autocomplete {
	background-color: #fff
}

.fields-group .table .button1.action-add {
	height: 35px;
	line-height: 10px;
	border: 1px solid #000;
	background-color: #f2f2f2;
	position: relative;
	width: auto;
	margin: 0 10px 0 0;
	border-radius: 5px;
	background-image: none !important;
	color: #4d4d4d;
	overflow: hidden;
	transition: all ease-out 0.1s;
	padding: 10px 10px;
	text-decoration: none;
	font-weight: 700
}

.fields-group .table .button1.action-add:hover {
	border: 1px solid #cacaca;
	background-color: #fff;
	color: #4d4d4d
}

.fields-group .table .button1.action-add:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.fields-group .table .button1.action-add:hover:before {
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.fields-group .table .files input {
	background-color: #fff
}

.fields-group .table-view .table .files a.buttonlike {
	height: 35px;
	line-height: 10px;
	border: 1px solid #e0e0e0;
	background-color: #f2f2f2;
	position: relative;
	width: auto;
	margin: 0 10px 0 0;
	border-radius: 5px;
	background-image: none !important;
	color: #4d4d4d;
	overflow: hidden;
	transition: all ease-out 0.1s;
	padding: 10px 10px;
	text-decoration: none;
	font-weight: 700
}

.fields-group .table-view .table .files a.buttonlike:hover {
	border: 1px solid #cacaca;
	background-color: #fff;
	color: #4d4d4d
}

.fields-group .table-view .table .files a.buttonlike:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.fields-group .table-view .table .files a.buttonlike:hover:before {
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.treatment_class-create_treatment .fields-area {
	margin: 30px;
	padding: 20px 22px 20px;
	margin-top: 50px;
	background-color: #fff;
	border-left: 4px solid #e0e0e0
}

.treatment_class-create_treatment .fields-area .cell-left {
	padding: 5px 10px;
	vertical-align: middle
}

.treatment_class-create_treatment .fields-area .cell-left .mandatory {
	margin-top: 7px
}

.treatment_class-create_treatment .fields-area .cell-right {
	padding: 5px 10px;
	vertical-align: top
}

.date-field {
	white-space: nowrap
}

.treatment-edit .section.section-highlighted .fields-group .table-border>tbody>tr:nth-child(2) .fields-group .entry-inline {
	text-align: left
}

.treatment-edit .section.section-highlighted .fields-group .table-border>tbody>tr:nth-child(2) .fields-group .entry-inline input[type="radio"]+label,
.treatment-edit .section.section-highlighted .fields-group .table-border>tbody>tr:nth-child(2) .fields-group .entry-inline input[type="radio"]:disabled+.reversed-radio {
	width: 180px
}

.treatment-edit .section.subsection .fields-group .table-border>tbody td.cell-left .mandatory {
	display: block
}

input[type="radio"]:checked:disabled+label:after,
input[type="radio"]:checked:disabled+.reversed-radio:after {
	transform: scale(0.6);
	transition: transform 0.2s cubic-bezier(0.6, 0.2, 0, 2), opacity 0.2s linear;
	display: block;
	background-color: #4d4d4d
}

.treatment-edit .vui-file-upload .files {
	padding: 0;
	border: 0
}

.treatment-edit .fields-group td.cell-left:not(:empty)+td.cell-right:empty:before {
	content: "-"
}

.cell-right ul {
	margin: 0;
	padding: 0
}

.date-field * {
	vertical-align: inherit
}

.entry-inline>label:first-child {
	width: 200px;
	cursor: pointer;
	display: inline-block
}

.entry-inline>label:first-child:hover~.reversed-radio:before {
	border: 1px solid #0128C0;
	box-shadow: none;
	transition: all 0.1s linear
}

.view-header span.filter-value {
	line-height: 24px;
	display: inline-flex;
}

.handler-filter-screen .filter-value .datetime-field {
	vertical-align: top
}

.radiogroup>table>tbody>tr,
.checkboxgroup>table>tbody>tr {
	display: inline-block
}



.treatment-edit .radiogroup>table>tbody {
	font-size: 0
}

.treatment-edit .radiogroup>table>tbody>* {
	font-size: 16px
}

.innertree input[type="checkbox"]+label:before,
.innertree input[type="checkbox"]+.single-checkbox:before {
	content: none
}

.innertree input[type="checkbox"]:checked+label:after,
.innertree input[type="checkbox"]:checked+.single-checkbox:after {
	content: none
}

.innertree input[type="checkbox"]+label,
.innertree input[type="checkbox"]+.single-checkbox {
	display: inline-block;
	padding-left: 0;
	vertical-align: sub;
}

.innertree input[type="checkbox"] {
	position: initial;
	left: inherit;
	opacity: 1;
	min-height: auto
}

.innertree input[type="checkbox"]:focus,
.innertree input[type="checkbox"]:active,
.innertree input[type="checkbox"]:hover {
	outline: 0;
	border: 0
}

.innertree>table>tbody>tr td+td {
	padding-top: 4px
}

.treatment-edit input[type="radio"]+label,
input[type="radio"]+.reversed-radio {
	width: auto;
	margin: 0 5px;
}

.middle-office .vui-file-upload .files {
	border: 0
}

.middle-office .button1.action-exportDynamicStringButton.buttonlike {
	padding-left: 40px
}

.middle-office .button1.action-exportDynamicStringButton.buttonlike:after {
	content: "\e990";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	font-size: 24px;
	color: #4d4d4d;
	top: 5px;
	left: 10px
}

.middle-office .button1.action-importDynamicStringButton.buttonlike {
	margin-top: 10px;
	padding-left: 40px
}

.middle-office .button1.action-importDynamicStringButton.buttonlike:after {
	content: "\e98f";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	font-size: 24px;
	color: #4d4d4d;
	top: 5px;
	left: 10px
}

.vui-file-upload .dropfiles-helper {
	margin-bottom: 30px;
	display: inline-block
}

.fileUpload-view>.view-area {
	padding: 0
}

.fileUpload-view>.view-area>.informations[style="display:none"]+.view-header {
	padding: 0
}

.screen.vui-screen-view.fileUpload-view .handler-actions.popup-menu-handler-dropdown-only:after {
	right: -5px
}

.list-view .vertical>table>tbody>tr>td {
	padding: 0
}

.treatment-edit .detail-main .title,
.middle-office .detail-main .title {
	padding: 0
}

.treatment-edit .detail-main .title a,
.middle-office .detail-main .title a {
	border-bottom: 0
}

.treatment-edit .detail-main .title a:focus,
.middle-office .detail-main .title a:focus {
	outline: 1px dotted #4d4d4d;
	outline-offset: 2px
}

.treatment-edit .detail-main .title a h4,
.treatment-edit .detail-main .title a p,
.middle-office .detail-main .title a h4,
.middle-office .detail-main .title a p {
	font-weight: normal;
	text-decoration: none
}

.treatment-edit .detail-main .title a p.description,
.middle-office .detail-main .title a p.description {
	padding-bottom: 4px;
	display: inline-block;
	padding-left: 4px
}

.view-header>div:empty {
	display: none
}

.view-header:empty {
	display: none
}

.document-label-reference {
	margin-right: 30px
}

.document-label-parent-information {
	font-size: 16px;
	vertical-align: top
}

.document-label-parent-information .parent-workflow-label+a {
	border-bottom: 0;
	vertical-align: top;
	color: white;
	text-decoration: underline;
}

.document-label-parent-information .parent-workflow-label+a:hover,
.document-label-parent-information .parent-workflow-label+a:focus {
	border-bottom: 1px dotted #0128C0
}

.document-label-parent-information .parent-workflow-label {
	font-weight: bold;
	margin-right: 10px;
	margin-left: 5px;
	vertical-align: top
}

.document-label-parent-information a {
	font-weight: bold
}

.action-BackToParent.backtoparent {
	margin-right: 30px
}

.document-label-parent-information-text {
	padding-left: 18px;
	position: relative;
	vertical-align: top
}

.document-label-parent-information-text:before {
	content: "\e964";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	color: white;
	position: absolute;
	top: -8px;
	left: 0
}

.buttons-group.document-main-buttons .left-document-main-buttons .action-BackToParent {
	padding-left: 30px
}

.buttons-group.document-main-buttons .left-document-main-buttons .action-BackToParent:after {
	content: "\e964";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	color: #666;
	position: absolute;
	top: 5px;
	left: 7px
}

.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross,
.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross.vui-combobox-offset {
	position: absolute;
	left: 0
}

.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross:focus,
.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross.vui-combobox-offset:focus {
	z-index: +5
}

.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross:focus+img:hover,
.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross.vui-combobox-offset:focus+img:hover {
	z-index: 1;
	border-left: 0
}



@media (max-width: 1199px) {
	.container-fluid .default-template-container .empty-navigation .treatment-edit form {
		margin: -15px -15px 0 -15px
	}
}

@media (max-width: 1199px) {
	.container-fluid .default-template-container .empty-navigation .treatment-edit form {
		margin: 0
	}
}

.document-delegate .lightbox-panel .wizard-area,
.document-abort .lightbox-panel .wizard-area,
.activity-transition .lightbox-panel .wizard-area,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area,
.document-copy .lightbox-panel .wizard-area {
	padding: 0
}

.document-delegate .lightbox-panel .wizard-area .wizard-guide,
.document-abort .lightbox-panel .wizard-area .wizard-guide,
.activity-transition .lightbox-panel .wizard-area .wizard-guide,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-guide,
.document-copy .lightbox-panel .wizard-area .wizard-guide {
	padding: 0 30px
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area {
	padding: 0 30px
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area>div>.fields-group>table,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area>div>.fields-group>table,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area>div>.fields-group>table,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area>div>.fields-group>table,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area>div>.fields-group>table {
	width: 100%
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area {
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
	position: relative;
	padding: 15px
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group {
	padding: 0
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first {
	float: right
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next {
	background-color: #02C2EF;
	border: 0;
	position: relative;
	color: white;
	height: 40px;
	margin-left: 0
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next span,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next span,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next span,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next span,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next span {
	color: white
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:before,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:before,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:before,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:before,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus:before,
.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover:before,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus:before,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover:before,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus:before,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover:before,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus:before,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover:before,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus:before,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover:before {
	opacity: 0.2;
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover,
.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus {
	background: #02C2EF;
	border: 0
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate {
	font-size: 18px;
	font-weight: 700;
	line-height: 38px;
	position: relative;
	display: inline-block;
	height: 40px;
	padding: 0 10px 0 0;
	margin-top: 1px;
	padding-left: 25px;
	color: #4d4d4d;
	background: transparent;
	border: none;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	transition: opacity 0.1s linear;
	margin-right: 10px
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:before,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:before,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:before,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:before,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	width: 104%;
	background-color: rgba(0, 0, 0, 0.12);
	transform: scale(0.8);
	border-radius: 5px;
	line-height: 40px
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:hover:before,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:hover:before,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:hover:before,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:hover:before,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:after,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:after,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:after,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:after,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate:after {
	content: "\e925";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	color: #4d4d4d
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate>span,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate>span,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate>span,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate>span,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li.last .action-terminate>span {
	color: #4d4d4d
}

.document-delegate .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul li.last .action-cancel,
.document-abort .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul li.last .action-cancel,
.activity-transition .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul li.last .action-cancel,
.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul li.last .action-cancel,
.document-copy .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul li.last .action-cancel {
	margin-top: 0;
	margin-right: 15px
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-group .cell-left {
	width: auto;
	text-align: right;
	vertical-align: middle
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-group .cell-right {
	text-align: left
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .mandatory {
	color: #4d4d4d
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul {
	display: flex;
	justify-content: right
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first {
	float: none;
	order: 2
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-previous {
	margin-right: 15px
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li {
	order: 3
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li+li.last {
	order: 1
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group button {
	height: 40px
}

.treatment-edit .left-document-main-buttons+.middle-document-main-buttons {
	padding-top: 2px;
	float: left;
	margin-left: 30px
}

.treatment-edit .left-document-main-buttons+.middle-document-main-buttons .action-team-discussion {
	padding-left: 30px;
	background: #0128C0;
	border: 0
}

.treatment-edit .left-document-main-buttons+.middle-document-main-buttons .action-team-discussion:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.treatment-edit .left-document-main-buttons+.middle-document-main-buttons .action-team-discussion:focus:before,
.treatment-edit .left-document-main-buttons+.middle-document-main-buttons .action-team-discussion:hover:before {
	opacity: 0.2;
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.treatment-edit .left-document-main-buttons+.middle-document-main-buttons .action-team-discussion:after {
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e904";
	position: absolute;
	font-size: 20px;
	top: 4px;
	left: 6px;
	color: #fff
}

.treatment-edit .left-document-main-buttons+.middle-document-main-buttons .action-team-discussion span {
	color: #fff
}

.vui-screen-wizard.treatment_class-create_treatment .wizard-form .fields-group .celle-right input:not([type="checkbox"]),
.fields-group input:not([type="radio"]) {
	margin: 0
}

.radiogroup.vertical>table>tbody>tr,
.checkboxgroup.vertical>table>tbody>tr {
	display: block
}

.files.dropfiles {
	background-color: rgba(0, 126, 217, 0.15)
}

.row.thematic-page-container+.row,
.row.default-template-container+.row {
	padding: 30px;
	padding-top: 0;
	margin-top: -30px
}

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

	.row.thematic-page-container+.row,
	.row.default-template-container+.row {
		padding: 15px;
		padding-top: 0;
		margin-top: -15px
	}
}

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

	.row.thematic-page-container+.row,
	.row.default-template-container+.row {
		padding: 0;
		margin-top: 0
	}
}

.row.thematic-page-container+.row .col,
.row.default-template-container+.row .col {
	padding: 0
}

.row+.row {
	padding: 30px;
	padding-top: 0
}

@media screen and (max-width: 1199px) {
	.row+.row {
		padding: 15px;
		padding-top: 0
	}
}

@media screen and (max-width: 544px) {
	.row+.row {
		padding: 0;
		margin-top: 0
	}
}

.row+.row .col {
	padding: 0
}

.screen.vui-screen-resource.resource-edit .cell-right select+input {
	margin-bottom: 5px
}

.application-hp h1 {
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 0;
	text-align: left;
	font-size: 20px;
}

.application-hp a.button.button-big.bg-green i {
	vertical-align: middle
}

.application-hp a.button.button-big.bg-green span {
	vertical-align: middle;
	margin-top: -1px
}

.application-hp .navigation-area {
	padding-top: 10px
}

.application-hp .list-view .detail {
	margin: 0 7px 10px 0
}

.multiservice-links,
.custom-multiservice-menu {
	margin-top: 5px;
	margin-left: -10px;
}

.multiservice-links a,
.custom-multiservice-menu a {
	font-size: 14px;
	font-weight: 700;
	padding: 15px 20px;
	display: block;
	position: relative;
	margin-bottom: 2px;
	border: none;
	z-index: 2
}

.multiservice-links a:hover,
.custom-multiservice-menu a:hover {
	opacity: 1
}

.multiservice-links a:before,
.custom-multiservice-menu a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 4px);
	height: 100%;
	transform-origin: center center;
	background-color: #e0e0e0;
	transform: scale(0.8);
	transition: all 0.1s linear;
	opacity: 0;
	z-index: -1
}

.multiservice-links a:hover:before,
.custom-multiservice-menu a:hover:before {
	opacity: 0.5;
	transform: scale(1)
}

.multiservice-links a:after,
.custom-multiservice-menu a:after {
	content: "\e910";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	z-index: 5;
	opacity: 0;
	transform: translateX(-5px);
	transition: transform 0.2s ease-out, opacity 0.2s linear
}

.multiservice-links a:hover:after,
.custom-multiservice-menu a:hover:after {
	transform: translateX(0);
	opacity: 0.5
}

.multiservice-links a span,
.custom-multiservice-menu a span {
	position: relative;
	z-index: 2;
	word-wrap: break-word;
	display: block;
	width: 95%
}

.multiservice-links a.active,
.custom-multiservice-menu a.active {
	color: #60D8F5;
	background: #F6F6F6;
}

.multiservice-links a.active:before,
.custom-multiservice-menu a.active:before {
	content: '';
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 4px);
	height: 100%;
	transform-origin: center center;
	background-color: #D6FFFF;
	transform: scale(1);
	border-radius: 5px;
	transition: all 0.1s linear;
	opacity: 1;
	z-index: -1
}

.multiservice-links a.active:after,
.custom-multiservice-menu a.active:after {
	opacity: 1;
	transform: translateX(0)
}

.multiservice-links a.active:hover,
.custom-multiservice-menu a.active:hover {
	opacity: 1
}

.multiservice-links.active a,
.custom-multiservice-menu.active a {
	margin: 2px 0;
	border-radius: 5px;
	background-color: #999999;
	color: #fff
}

.bottom-link-wrapper-simple {
	text-align: center;
	margin: 10px 0 -15px
}

.quick-search.template {
	display: none
}

.quicksearch-item .users-photo {
	max-width: 70px
}

.quicksearch-item .users-photo img {
	width: 100%
}

.quicksearch-item a {
	padding: 10px;
	display: block;
	transition: all ease-out 0.2s;
	border-bottom: 1px solid #ccc
}

.quicksearch-item a:focus,
.quicksearch-item a:hover {
	background-color: #f0f0f0;
	border-bottom: 1px solid #ccc;
	outline: 0;
	box-shadow: none
}

.quicksearch-item a.searched-document .search-result-misc {
	margin: -10px 0 0 60px;
	position: inherit;
	text-align: left;
	padding: 0;
	color: #0128C0
}

@media (max-width: 1365px) {
	.quicksearch-item a.searched-document .search-result-misc {
		margin-left: 42px
	}
}

.quicksearch-item a.searched-document small {
	font-size: 16px
}

.quicksearch-item .searched-document .search-result-image img {
	width: auto;
	margin-top: 8px
}

.quicksearch-item .searched-document .search-result-data {
	padding-left: 0
}

.quicksearch-item.no-result span {
	display: block;
	text-align: center;
	padding: 185px 10px 10px 10px;
	background: url("../img/noelement.png") no-repeat center top
}

.quicksearch-item .search-result-inner {
	max-height: inherit;
	overflow: inherit
}

.quicksearch-item .search-result-data {
	width: calc(100% - 90px)
}

.quicksearch-item .searched-faq .search-result-data {
	width: 100%
}

.quicksearch-item .search-result-thumbnail-small+.search-result-data {
	width: calc(100% - 60px)
}

.quicksearch-item .searched-customer .search-result-data {
	padding: 0 15px
}

.quicksearch-item .searched-customer .search-result-data h2 {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 5px
}

.quicksearch-item .searched-customer .search-result-data .search-misc-data {
	font-size: 18px;
	overflow: inherit;
	max-height: inherit
}

.quicksearch-item .searched-customer .search-result-data .search-misc-data .activity-code-customer,
.quicksearch-item .searched-customer .search-result-data .search-misc-data .activity-name-customer {
	display: none
}

.quicksearch-item .searched-customer .search-result-data .search-misc-data span {
	display: block
}

.quicksearch-item .search-result-thumbnail {
	width: 90px;
	height: auto;
	overflow: hidden
}

.quicksearch-item .search-result-thumbnail-small {
	width: 60px;
	height: auto;
	overflow: hidden
}

.quicksearch-item .search-result-image img {
	width: 100%;
	height: auto;
	vertical-align: bottom
}

.quicksearch-item .search-result h2 {
	font-size: 18px;
	overflow: inherit;
	text-overflow: inherit;
	white-space: normal
}

.quicksearch-item .search-result .search-misc-data {
	margin: 0;
	overflow: hidden;
	max-height: 42px
}

.quicksearch-item .search-result.searched-user .search-misc-data {
	margin: 0 0 0 -6px
}

.quicksearch-item .search-result.searched-news h2 {
	overflow: inherit;
	text-overflow: inherit;
	white-space: normal;
	background: transparent;
	display: block;
	display: -webkit-box;
	max-height: 46.8px;
	font-size: 18px;
	line-height: 1.3;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0
}

@-moz-document url-prefix() {
	.quicksearch-item .search-result.searched-news h2 {
		overflow: hidden;
		position: relative
	}

	.quicksearch-item .search-result.searched-news h2:before {
		background: transparent;
		bottom: 0;
		position: absolute;
		right: 0;
		float: right;
		content: '\2026';
		margin-left: -3rem;
		width: 3rem
	}

	.quicksearch-item .search-result.searched-news h2:after {
		content: '';
		background: transparent;
		position: absolute;
		height: 50px;
		width: 100%;
		z-index: 1
	}
}

.quicksearch-item .search-result.searched-news .search-misc-data {
	margin: 0;
	overflow: hidden;
	max-height: 42px;
	background: transparent;
	display: block;
	display: -webkit-box;
	max-height: 46.8px;
	font-size: 18px;
	line-height: 1.3;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

@-moz-document url-prefix() {
	.quicksearch-item .search-result.searched-news .search-misc-data {
		overflow: hidden;
		position: relative
	}

	.quicksearch-item .search-result.searched-news .search-misc-data:before {
		background: transparent;
		bottom: 0;
		position: absolute;
		right: 0;
		float: right;
		content: '\2026';
		margin-left: -3rem;
		width: 3rem
	}

	.quicksearch-item .search-result.searched-news .search-misc-data:after {
		content: '';
		background: transparent;
		position: absolute;
		height: 50px;
		width: 100%;
		z-index: 1
	}
}

.quicksearch-item .date-news {
	display: block;
	color: #0128C0
}

.screen .screen.vui-screen-sheet:not(.workplace-search,
	.workplace-autoexecutesearch),
.screen .screen.vui-screen-group:not(.workplace-search,
	.workplace-autoexecutesearch) {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.screen .vui-screen-sheet:not(.workplace-search,
	.workplace-autoexecutesearch),
.screen .vui-screen-group:not(.workplace-search,
	.workplace-autoexecutesearch) {
	background-color: #fff;
	padding: 30px
}

.screen .vui-screen-sheet:not(.workplace-search,
	.workplace-autoexecutesearch) .tab1,
.screen .vui-screen-group:not(.workplace-search,
	.workplace-autoexecutesearch) .tab1 {
	margin-top: 0;
	height: auto
}

.screen .vui-screen-sheet:not(.workplace-search,
	.workplace-autoexecutesearch) .tab1-content,
.screen .vui-screen-group:not(.workplace-search,
	.workplace-autoexecutesearch) .tab1-content {
	background-color: transparent;
	padding: 0
}

.vui-screen-sheet .form-area .tab1>ul,
.vui-screen-group .form-area .tab1>ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.vui-screen-sheet .form-area .tab1>ul li span.current,
.vui-screen-group .form-area .tab1>ul li span.current {
	color: #0128C0;
	padding: 0 10px;
	pointer-events: none;
	font-weight: normal;
	margin: 0 5px 0 0;
	min-height: 40px;
	height: auto;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: none;
	background: transparent;
	position: relative;
	font-size: 18px;
	border-radius: 5px;
	overflow: hidden;
	padding-right: 15px;
	text-align: center;
	transition: opacity 0.1s linear
}

.vui-screen-sheet .form-area .tab1>ul li span.current:before,
.vui-screen-group .form-area .tab1>ul li span.current:before {
	opacity: 1;
	transform: scale(1);
	background-color: rgba(0, 126, 217, 0.15);
	height: calc(100% - 8px);
	top: 4px;
	border-radius: 5px;
	transition: all 0.1s linear;
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	left: 0
}

.vui-screen-sheet .form-area .tab1>ul li span.current span,
.vui-screen-group .form-area .tab1>ul li span.current span {
	font-size: 16px;
	position: relative;
	z-index: 2;
	white-space: nowrap
}

.vui-screen-sheet .form-area .tab1>ul li a,
.vui-screen-group .form-area .tab1>ul li a {
	color: #4d4d4d;
	padding: 0 10px;
	font-weight: normal;
	margin: 0 5px 0 0;
	min-height: 40px;
	height: auto;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: none;
	background: transparent;
	position: relative;
	font-size: 18px;
	border-radius: 5px;
	overflow: hidden;
	padding-right: 15px;
	text-align: center;
	transition: opacity 0.1s linear
}

.vui-screen-sheet .form-area .tab1>ul li a:before,
.vui-screen-group .form-area .tab1>ul li a:before {
	height: calc(100% - 8px);
	top: 4px;
	background-color: rgba(0, 0, 0, 0.12);
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	left: 0;
	opacity: 0
}

.vui-screen-sheet .form-area .tab1>ul li a:hover:before,
.vui-screen-group .form-area .tab1>ul li a:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.vui-screen-sheet .form-area .tab1>ul li a>span,
.vui-screen-group .form-area .tab1>ul li a>span {
	font-size: 16px
}

.vui-screen-sheet .form-area .tab2>ul,
.vui-screen-group .form-area .tab2>ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0
}

.vui-screen-sheet .form-area .tab2>ul li,
.vui-screen-group .form-area .tab2>ul li {
	padding: 0
}

.vui-screen-sheet .form-area .tab2>ul li span.current,
.vui-screen-group .form-area .tab2>ul li span.current {
	color: #4d4d4d;
	padding: 0 10px;
	pointer-events: none;
	font-weight: 700;
	margin: 0 3px 3px 0;
	min-height: 40px;
	height: auto;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: none;
	background: transparent;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	padding-right: 15px;
	text-align: center;
	transition: opacity 0.1s linear
}

.vui-screen-sheet .form-area .tab2>ul li span.current:before,
.vui-screen-group .form-area .tab2>ul li span.current:before {
	opacity: 1;
	transform: scale(1);
	background-color: rgba(0, 0, 0, 0.12);
	height: calc(100% - 8px);
	top: 4px;
	border-radius: 5px;
	transition: all 0.1s linear;
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	left: 0
}

.vui-screen-sheet .form-area .tab2>ul li span.current span,
.vui-screen-group .form-area .tab2>ul li span.current span {
	font-size: 14px;
	position: relative;
	z-index: 2;
	white-space: nowrap
}

.vui-screen-sheet .form-area .tab2>ul li a,
.vui-screen-group .form-area .tab2>ul li a {
	color: #4d4d4d;
	padding: 0 10px;
	font-weight: 700;
	margin: 0 3px 3px 0;
	min-height: 40px;
	height: auto;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: none;
	background: transparent;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	padding-right: 15px;
	text-align: center;
	transition: opacity 0.1s linear
}

.vui-screen-sheet .form-area .tab2>ul li a:before,
.vui-screen-group .form-area .tab2>ul li a:before {
	height: calc(100% - 8px);
	top: 4px;
	background-color: rgba(0, 0, 0, 0.12);
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	left: 0;
	opacity: 0
}

.vui-screen-sheet .form-area .tab2>ul li a:hover:before,
.vui-screen-group .form-area .tab2>ul li a:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.vui-screen-sheet .form-area .tab2>ul li a>span,
.vui-screen-group .form-area .tab2>ul li a>span {
	font-size: 14px
}




.search-main .horizontal-top-tabs .informations p:before {
	content: "\e903"
}

input.search-input {
	display: block;
	width: 100%;
	height: 100%;
	margin: 5px 0 20px;
	padding: 0 40px;
	line-height: 36px
}

input.search-input::placeholder {
	color: #0128C0;
}

.home-button-big-wrapper {
	display: inline-block;
	vertical-align: bottom
}

.title-zone-if-shortcut-bar {
	padding-left: 15px
}

.title-zone .button,
.title-zone .button+h1 {
	vertical-align: middle
}

.title-zone .button {
	margin-right: 10px
}

.title-zone .button,
.title-zone .button i {
	padding: 0
}

.title-zone .button+h1 {
	display: inline-block;
	width: calc(100% - 80px);
	margin-right: 10px
}

.h2-wrapper-actions {
	float: right;
	margin: 0 15px 15px
}

.h2-wrapper-actions .pager {
	display: inline-block
}

.h2-wrapper-actions .pager,
.h2-wrapper-actions button {
	vertical-align: middle
}

.h2-wrapper-actions button {
	margin-left: 10px
}

.h2-wrapper-actions .pager-item {
	font-size: 18px;
	margin-left: 2px
}

.pager-item span {
	line-height: 38px
}

.search-main .group {
	padding: 0
}

.search-main.if-shortcut-bar {
	padding-left: 20px;
	padding-right: 20px;
}

.search-main .container-fluid {
	padding-top: 2px
}

.search-main a {
	color: #4d4d4d
}

.search-main .horizontal-top-tabs {
	position: relative;
	width: 370px;
	margin-right: 30px
}

.search-main .horizontal-top-tabs .informations {
	margin: 0 0 10px 0;
	padding: 0;
	background: none
}

.search-main .horizontal-top-tabs .informations p {
	position: relative;
	font-weight: 500
}

.search-main .horizontal-top-tabs .informations p:before {
	display: none
}

.search-main .horizontal-top-tabs h4 {
	margin: 0 0 20px 0;
	font-size: 18px
}

.search-main .horizontal-top-tabs table {
	width: 100%
}

.search-main .horizontal-top-tabs input,
.search-main .horizontal-top-tabs textarea,
.search-main .horizontal-top-tabs select {
	background-color: transparent
}

.search-main .horizontal-top-tabs .tab1-content {
	padding: 0;
	background: none
}

.search-main .horizontal-top-tabs .tab1-content>div {
	margin-bottom: 30px;
	padding: 30px
}

.search-main .horizontal-top-tabs .cell-left {
	text-align: left
}

.search-main .horizontal-top-tabs .label.contents.cell-left {
	margin-bottom: 15px
}

.search-main .horizontal-top-tabs .label.cell-left,
.search-main .horizontal-top-tabs .field.cell-right {
	display: block
}

.search-main .horizontal-top-tabs .label.cell-left label {
	padding: 0;
	font-weight: normal
}

.search-main .horizontal-top-tabs .field.cell-right tr {
	display: block;
	margin: 5px 0 20px
}

.search-main .horizontal-top-tabs .field.cell-right tr .checkboxgroup tr {
	margin: 0
}

.search-main .horizontal-top-tabs .field.cell-right td {
	display: block;
	margin-bottom: 10px
}

.search-main .horizontal-top-tabs .field.search-wrapper tr {
	margin: 0
}

.search-main .horizontal-top-tabs .field.cell-right input[type="text"] {
	width: 100%;
	line-height: 38px;
	padding: 0 10px
}

.search-main .horizontal-top-tabs .field.search-wrapper.cell-right input[type="text"] {
	padding: 0 15px 0 40px
}

.search-main .horizontal-top-tabs .field.cell-right .date-field input[type="text"] {
	width: calc(100% - 89px);
	margin-right: 3px
}

.search-main .horizontal-top-tabs .field.cell-right select {
	width: 100%;
	height: 40px;
	padding: 0 0 0 6px
}

.search-main .horizontal-top-tabs .search-wrapper {
	margin-bottom: 20px
}

.search-main .horizontal-top-tabs .search-facets-categories {
	margin: 0 0 15px 0;
	padding: 0
}

.search-main .horizontal-top-tabs .search-facets-categories input[type="radio"] {
	width: 20px;
	height: 20px
}

.search-main .horizontal-top-tabs .search-facets-categories input[type="radio"]:checked+label {
	font-weight: 700
}

.search-main .horizontal-top-tabs .search-facets-categories .search-name {
	font-size: 20px;
	line-height: 21px;
	position: relative;
	display: block;
	width: calc(100% - 35px);
	padding-left: 10px;
	cursor: pointer
}

.search-main .horizontal-top-tabs .search-facets-categories .radiogroup tr {
	display: block;
	margin-bottom: 15px
}

.search-main .horizontal-top-tabs .search-facets-categories .radiogroup td {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.search-main .horizontal-top-tabs .search-facets-categories .radiogroup td:last-child {
	width: calc(100% - 20px)
}

.search-main .horizontal-top-tabs .search-facets-categories .search-result {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	width: 33px;
	height: 33px;
	border: 3px solid #fff;
	border-radius: 50%;
	background-color: #666;
	text-align: center;
	color: #fff;
	z-index: 10;
	transition: border-color 0.2s linear
}

.search-main .horizontal-top-tabs .axvdocsearch-button-container {
	margin: 15px 0 0 0
}

.search-main .horizontal-top-tabs .axvdocsearch-button button {
	padding: 0;
	background: transparent;
	border: none;
	font-weight: inherit;
	color: inherit;
	z-index: 5
}

.search-main .horizontal-top-tabs .axvdocsearch-button button span {
	color: inherit;
	display: inline-block;
	vertical-align: text-bottom;
	line-height: 40px;
	font-weight: bold;
}

.search-main .horizontal-top-tabs .axvdocsearch-button button:before {
	display: none
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button {
	float: right;
	max-width: 152px;
	max-height: 50px
}


.search-main .horizontal-top-tabs .axvdocsearch-button.form-secondary-action {
	max-height: 40px;
	font-weight: 400;
	background-color: #EB5149;
	color: white;
}

.search-main .horizontal-top-tabs .axvdocsearch-button i.icon_24_close,
.search-main .horizontal-top-tabs .axvdocsearch-button i.icon_24_arrow-full-right {
	padding-right: 0
}

.search-main .horizontal-top-tabs,
.search-main .view-area {
	float: left;
	height: 100%;
	margin-top: 0;
	overflow-x: hidden
}

.search-main .horizontal-top-tabs:after,
.search-main .view-area:after {
	clear: both;
	content: "";
	display: table
}

.search-main .navigation-area {
	display: none
}

.search-main .view-area {
	width: calc(100% - 400px);
	padding: 15px 30px 30px 30px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	background: #fff;
	font-size: 0;
	margin-bottom: 30px;
	margin-right: 0
}

.search-main .view-area>* {
	font-size: 18px
}

.search-main .view-header:after {
	content: "";
	display: table;
	clear: both
}

.search-main .view-header .pager {
	float: right
}

.search-main .searched-user {
	display: inline-block;
	min-height: 245px;
	margin: 15px 20px 0 0;
	padding: 25px 20px 15px;
	vertical-align: top;
	border: 1px solid #f1f1f1;
	background-color: #fff;
	width: calc(33.333333% - 15px)
}

.search-main .searched-user .search-result-image,
.search-main .searched-user .search-result-data {
	display: block;
	margin: 0 auto;
	padding: 0
}

.search-main .searched-user .search-result-image {
	width: 65px;
	height: 65px;
	margin: 0 auto 15px
}

.search-main .searched-user .search-result-data {
	width: 100%;
	text-align: center
}

.search-main .searched-user .search-misc-data {
	margin: 0 0 10px 0;
	font-size: 14px
}

.search-main .searched-user .colleague-search-mail {
	top: inherit;
	bottom: inherit;
	right: inherit;
	left: 50%;
	margin-left: -25px
}

.search-main .searched-user .search-result-inner,
.search-main .searched-user .search-result-data {
	position: initial
}

.search-main .searched-user .search-result:focus:before,
.search-main .searched-user .search-result:hover:before {
	opacity: 0.3
}

.search-main .searched-news {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border: none;
	border-top: 1px solid #ccc;
	text-overflow: inherit;
	white-space: inherit;
	line-height: 1.2;
	display: block
}

.search-main .searched-news:before {
	display: none
}

.search-main .searched-news:first-child {
	margin-top: 0;
	border-top: 0
}

.search-main .searched-news .search-result-inner {
	position: relative;
	max-height: inherit;
	overflow: inherit;
	font-size: 0
}

.search-main .searched-news .search-result-image {
	width: 30%;
	height: inherit;
	margin-right: 15px;
	overflow: initial
}

.search-main .searched-news .search-result-image img {
	transition: transform 0.1s ease-out, opacity 0.1s linear
}

.search-main .searched-news .search-result-inner:focus .search-result-image img,
.search-main .searched-news .search-result-inner:hover .search-result-image img {
	transform: translate(3px, 3px);
	opacity: 0.7
}

.search-main .searched-news .search-result-data {
	position: relative;
	width: calc(70% - 15px);
	padding: 0
}

.search-main .searched-news h2 {
	max-height: 48px;
	margin: 0 0 0.5em;
	text-overflow: inherit;
	white-space: inherit;
	overflow: inherit;
	line-height: 1.2
}

.search-main .searched-news .search-misc-data {
	margin: 0;
	font-size: 16px;
	height: 77px
}

.search-main .searched-news .date-news {
	font-weight: 700;
	color: #007bc2
}

.search-main .searched-news .date-news::after {
	content: " - "
}

.search-main .searched-news .search-result:focus:before,
.search-main .searched-news .search-result:hover:before {
	opacity: 0.3
}

.search-main .search-result:before {
	transition: opacity 0.2s linear, transform 0.2s ease-out;
	background-color: #ccc
}

.search-main .search-result.searched-customer .search-result-inner {
	padding: 20px 0;
	border-bottom: 1px solid #ccc
}

.search-main .search-result.searched-customer .search-result-image {
	max-width: 120px
}

.search-main .search-result.searched-customer .search-result-data {
	width: calc(100% - 120px)
}

.search-main .search-result.searched-customer .search-result-data .search-misc-data {
	margin: 0
}

.search-main .search-result.searched-customer .search-result-data .search-misc-data .activity-name-customer:before {
	content: "- "
}

.search-main .search-result.searched-customer .search-result-data .search-misc-data .activity-code-customer,
.search-main .search-result.searched-customer .search-result-data .search-misc-data .activity-name-customer {
	color: gray
}

.search-main .search-result.searched-customer .search-result-data .search-misc-data .activity-code-customer:before {
	content: "";
	display: block
}

.search-main .search-result.searched-customer:last-child .search-result-inner {
	border: 0
}

.search-main.all-news>.empty-navigation {
	padding-right: 0
}

.search-main.all-news .view-area .view-header {
	margin-top: 10px
}

.pager-current.button-square {
	font-weight: normal;
	pointer-events: none;
	border-radius: 0;
	width: auto;
	min-width: 25px;
	border-bottom: 2px solid #ccc
}

.pager-current span {
	line-height: 40px;
	height: 38px;
	overflow: hidden
}

.pager-first:after {
	content: '';
	display: block;
	height: 13px;
	width: 2px;
	background-color: #4d4d4d;
	position: absolute;
	z-index: 3;
	left: 14px;
	top: 13px
}

.pager-last:after {
	content: '';
	display: block;
	height: 13px;
	width: 2px;
	background-color: #4d4d4d;
	position: absolute;
	z-index: 3;
	right: 14px;
	top: 14px
}

.search-left-col,
.search-main-col {
	overflow-x: hidden
}

.search-facets .search-wrapper {
	margin-bottom: 20px
}

.search-facets h4 {
	margin-bottom: 20px
}

.search-facets-categories label {
	padding-right: 37px;
	font-size: 18px
}

.search-facets-categories .notif-counter {
	font-size: 16px;
	line-height: 27px;
	top: -3px;
	width: 33px;
	height: 33px;
	text-align: center
}

.search-facets-categories li {
	margin-bottom: 15px
}

.search-facets-categories li:last-of-type {
	margin-bottom: 0
}

.search-facet-inactive {
	opacity: 0.5;
	pointer-events: none
}

.refine-search input {
	margin-bottom: 15px
}

.search-result {
	position: relative
}

.search-result-inner {
	position: relative;
	display: block
}

.search-results-main .search-result:last-of-type .search-result-inner {
	border: none
}

.search-result-inner>* {
	position: relative
}

.search-result-inner:focus,
.search-result-inner:hover {
	opacity: 1;
	outline: 0;
	box-shadow: none
}

.search-result-inner:focus:before,
.search-result-inner:hover:before {
	opacity: 0.3;
	transition: opacity 0.1s linear, transform 0.1s ease-out
}

.search-result-inner:active:before {
	opacity: 0;
	transition: opacity 0.1s linear, transform 0.1s ease-out
}

.search-result h3 {
	margin: 0 0 5px
}

.search-result p {
	font-size: 18px;
	margin: 0
}

.search-misc-data>i {
	vertical-align: middle;
	padding-bottom: 2px
}

.search-result-image,
.search-result-data {
	display: inline-block;
	vertical-align: top
}

.search-result-thumbnail-small {
	width: 60px;
	height: 60px
}

.search-result-thumbnail-big {
	width: 90px;
	height: auto
}

.search-result-image img {
	width: 100%;
	height: auto;
	vertical-align: bottom
}

.default-avatar {
	padding: 6px;
	background-color: #b3b3b3
}

.default-avatar img {
	width: 48px;
	opacity: 0.5
}

.search-result-data,
.client-view-internal-contacts .search-result .search-result-data {
	width: calc(100% - 60px);
	padding: 0 40px 0 15px;
	position: relative
}

.search-result-thumbnail-big+.search-result-data {
	width: calc(100% - 90px)
}

.search-result-misc {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	text-align: right;
	padding: 25px 15px 0 0;
	pointer-events: none;
	z-index: 10
}

.search-result-misc>* {
	display: inline-block;
	vertical-align: top
}

.search-result-misc .search-result-misc-actions {
	padding-left: 50px
}

.search-result h3 {
	margin-bottom: 0;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width: 544px) and (max-width: 979px) {
	.search-result .search-result-data h3 {
		width: calc(100% - 85px)
	}
}

.search-result .search-result-misc {
	width: 425px
}

.search-result .search-result-misc-data {
	font-size: 16px;
	text-align: left
}

.search-result-misc a,
.search-result-misc button {
	pointer-events: auto
}

.refine-search-products,
.search-results-products-wrapper {
	display: none;
	opacity: 0
}

.search-results-products {
	margin: 10px -10px 0
}

.search-results-products .catalog-item {
	padding: 10px
}

@media screen and (min-width: 1600px) {
	.search-main .searched-news {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 35px);
		margin: 20px 20px 0 0
	}

	.search-main .searched-news:first-of-type,
	.search-main .searched-news:nth-of-type(2) {
		padding-top: 0;
		border: none
	}
}

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

	.search-results-wrapper .h2-wrapper h2,
	.search-results-wrapper .h2-wrapper-actions {
		float: none
	}

	.search-results-wrapper .h2-wrapper-actions {
		margin-left: 0
	}

	.search-results-wrapper .h2-wrapper-actions>button {
		float: right
	}

	.search-result-misc .button {
		padding: 0
	}

	.search-result-misc .button span {
		display: none
	}
}

@media screen and (max-width: 1365px) {
	.search-main .container-fluid {
		padding-top: 0
	}

	.search-main .horizontal-top-tabs {
		width: 255px;
		margin-right: 15px
	}

	.search-main .horizontal-top-tabs .tab1-content>div {
		margin-bottom: 15px;
		padding: 20px
	}
}

@media screen and (max-width: 1365px) and (max-width: 1199px) {
	.search-main .horizontal-top-tabs .tab1-content>div {
		margin-left: 15px
	}
}

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

	.search-main input[type="radio"]+label::before,
	.search-main input[type="radio"]+label::after {
		margin-top: 0
	}

	.search-main .horizontal-top-tabs .axvdocsearch-button-container {
		margin: 5px -5px 0
	}

	.search-main .horizontal-top-tabs .axvdocsearch-button-container .button {
		margin-top: 20px;
	}

	.search-main .horizontal-top-tabs .axvdocsearch-button.form-secondary-action {
		margin-top: 0
	}

	.search-main .view-area {
		width: calc(100% - 300px);
		margin-top: -15px;
		padding: 20px
	}
}

@media screen and (max-width: 1365px) and (max-width: 1199px) {
	.search-main .view-area {
		width: calc(100% - 270px)
	}
}

@media screen and (max-width: 1365px) {
	.search-main .searched-user .colleague-search-mail {
		margin-left: -20px
	}

	.h2-wrapper-actions {
		margin-right: 10px
	}

	.search-results-inner {
		padding: 15px 10px
	}

	.search-result-misc {
		padding-right: 10px
	}

	.search-result-misc>* {
		padding-left: 20px
	}

	.search-main .searched-news .search-misc-data {
		font-size: 14px
	}
}

@media (max-width: 1024px) {
	.search-main .view-area {
		width: calc(100% - 270px);
		margin-right: 0
	}
}

@media screen and (min-width: 1280px) {
	.search-main .searched-user:nth-child(3n+2) {
		margin-right: 0
	}
}

@media (max-width: 979px) {
	.default-template-container>div:first-child.search-main.all-news {
		padding: 0
	}
}

@media screen and (max-width: 1279px) {
	.search-main .searched-user {
		width: calc(50% - 10px);
		margin: 15px 20px 0 0;
		padding: 25px 20px 15px
	}

	.search-main .searched-user:nth-child(2n+2) {
		margin-right: 0
	}
}

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

	.search-main .horizontal-top-tabs,
	.search-main .view-area {
		width: 100%
	}

	.search-main .horizontal-top-tabs {
		margin-right: 0;
		margin-top: 1px
	}

	.search-main .horizontal-top-tabs .tab1-content>div {
		margin-bottom: 0
	}

	.search-main .horizontal-top-tabs .tab1-content>div:nth-child(2) {
		padding-top: 0
	}

	.search-main .view-area {
		margin-top: 15px;
		margin-left: 0;
		margin-bottom: 0
	}

	.search-main .col {
		padding-right: 0;
		padding-left: 0
	}

	.title-zone .button i {
		margin: 0;
		height: 50px;
		line-height: 50px
	}
}

@media screen and (max-width: 639px) {
	.title-zone-if-shortcut-bar {
		padding-left: 0
	}

	.search-main .horizontal-top-tabs .informations {
		margin: 0
	}

	.search-main input[type="radio"]+label {
		padding-left: 27px
	}

	.search-main .horizontal-top-tabs .field.cell-right input[type="text"] {
		line-height: 38px
	}

	.search-main .horizontal-top-tabs .field.cell-right select {
		height: 40px
	}

	.search-main .axvdocsearch-button-container {
		margin: 5px 0 0 0
	}

	.search-main .searched-user {
		width: 100%
	}

	.search-main .searched-user:nth-child(3n+2) {
		margin-right: inherit
	}

	.search-main .searched-user:nth-child(2n+2) {
		margin-right: inherit
	}

	.search-main .searched-news .search-result-inner {
		max-height: 117px
	}

	.search-main .search-result-inner {
		padding: 10px 0
	}

	.search-main .search-result-thumbnail-small {
		width: 50px;
		height: 50px
	}

	.search-main .search-result-thumbnail-small {
		width: 30px;
		height: 30px
	}

	.search-main .search-result-data {
		width: calc(100% - 60px)
	}

	.search-main .search-result-data,
	.search-main .search-result-data {
		padding: 0 25px 0 10px
	}

	.search-main .search-result h2 {
		margin: 0 0 3px;
		font-size: 18px
	}

	.search-main .colleague-search-mail {
		right: -20px;
		top: -10px;
		padding: 0
	}

	.search-main .search-result-misc {
		width: 100%;
		padding: 14px 0 0 0
	}

	.search-main .search-result-misc-data {
		display: none
	}

	.search-main .search-result-misc .button {
		line-height: 35px
	}

	.search-main .search-result-misc .button i {
		font-size: 20px;
		line-height: 35px;
		height: 35px;
		padding: 0 9px
	}
}

@media screen and (max-width: 979px) {
	.title-zone .button i {
		font-size: 24px;
		line-height: 40px;
		height: 40px;
		width: 40px
	}

	.search-main .horizontal-top-tabs .tab1-content>div {
		margin-left: 0
	}

	.search-main .group {
		margin-right: 15px
	}
}

@media screen and (max-width: 979px) and (max-width: 979px) {
	.search-main .group {
		width: 100%
	}
}

@media screen and (max-width: 979px) {
	.search-main .horizontal-top-tabs {
		margin-left: 0
	}
}

@media screen and (max-width: 544px) {
	.search-main .group {
		margin-right: 0
	}
}

.search-result-inner {
	position: relative;
	font-size: 0
}

.workplace-autoexecutesearch {
	margin: 0
}

.workplace-autoexecutesearch:after {
	clear: both;
	content: "";
	display: table
}

@media (max-width: 979px) {
	.workplace-autoexecutesearch {
		margin-left: 0
	}
}

.search-result h2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #4d4d4d
}

.news-panel .search-result h2 {
	font-size: 18px;
	line-height: 1.2
}

.search-result p {
	font-size: 18px
}

.search-result .search-misc-data,
.search-result strong {
	margin: 0 0 0 0;
	font-size: 16px
}

.search-misc-data>* {
	margin-right: 3px
}

.search-misc-data small {
	font-size: 0.89em
}

.search-misc-data i {
	vertical-align: middle
}

.search-result-image,
.search-result-data {
	display: inline-block;
	vertical-align: top
}

.search-result-thumbnail-small {
	width: 60px;
	height: 60px;
	overflow: hidden
}

.search-result-thumbnail-big {
	width: 90px;
	height: auto
}

.search-result-image img {
	width: 100%;
	height: auto;
	vertical-align: bottom
}

.default-avatar {
	padding: 6px;
	background-color: #b3b3b3
}

.default-avatar img {
	width: 48px;
	opacity: 0.5
}

.shortcut-panel-search-result-data {
	position: relative;
	width: calc(100% - 64px);
	padding: 0 40px 0 15px
}

.shortcut-panel-search-result-thumbnail-big+.shortcut-panel-search-result-data {
	width: calc(100% - 90px)
}

.colleague-search-mail {
	position: absolute;
	right: 0;
	top: 0
}

.colleague-search-mail .icon_24_mail {
	position: relative;
	transition: transform 0.1s ease-out 0.1s
}

.colleague-search-mail .icon_24_mail.color-orange {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
	opacity: 0;
	transform: scaleY(-1);
	transition: opacity 0.1s linear, transform 0.1s ease-out
}

.colleague-search-mail:before {
	background-color: #fff
}

.colleague-search-mail:focus .icon_24_mail,
.colleague-search-mail:hover .icon_24_mail {
	transform: scaleY(0);
	opacity: 0;
	transition: transform 0.1s ease-out
}

.colleague-search-mail:focus .icon_24_mail.color-orange,
.colleague-search-mail:hover .icon_24_mail.color-orange {
	transform: scaleY(1);
	opacity: 1;
	transition: opacity 0.1s linear 0.1s, transform 0.1s ease-out 0.1s
}

.searched-document {
	border-bottom: 1px solid #ccc;
	padding: 15px
}

.search-main .workplace-search .group .view-area .informations p {
	font-size: 28px;
	font-weight: 300;
	line-height: 1.2;
	border-bottom: 5px solid #e0e0e0;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em
}

.search-main .view-header {
	padding-top: 0
}

.search-main .view-header .view-options {
	margin-top: 0
}

.workplace-search table.table tr td:nth-child(6) {
	display: flex;
	align-items: center
}

@media screen and (max-width: 1024px) {
	.workplace-search table.table tr td:nth-child(6) {
		display: block
	}
}

.workplace-search table.table tr td:nth-child(6) img {
	margin-right: 10px;
	min-width: 40px;
	border-radius: 20px;
}

.screen.empty-navigation .workplace-search {
	margin-top: 30px
}

@media screen and (max-width: 1199px) {
	.screen.empty-navigation .workplace-search {
		margin-top: 0
	}
}

@media screen and (max-width: 1199px) {
	.workplace-search .horizontal-top-tabs {
		margin-left: -15px
	}
}

@media screen and (max-width: 1199px) and (max-width: 979px) {
	.workplace-search .horizontal-top-tabs {
		margin-left: 0
	}
}

.workplace-search a.search-result-inner.color-base,
.workplace-search a.search-result.color-base {
	position: relative
}

.workplace-search a.search-result-inner.color-base:before,
.workplace-search a.search-result.color-base:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: opacity 0.2s linear, transform 0.2s ease-out;
	background-color: #ccc
}

.workplace-search a.search-result-inner.color-base:hover:before,
.workplace-search a.search-result.color-base:hover:before {
	opacity: 0.3;
	transition: opacity 0.1s linear, transform 0.1s ease-out
}

.screen.vui-screen-selector.selector-select {
	position: relative
}

.vui-selector .vui-selector-menu {
	display: block;
	height: auto !important;
	width: 100%;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 0 15px
}

.vui-selector-menu li a span,
.vui-selector-menu li a span.current span,
.vui-selector-menu .current,
.vui-selector-menu .first .current {
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	background-color: transparent;
	background-image: none
}

.vui-selector-menu .current {
	position: relative;
	display: inline-block;
	border: 0;
	line-height: 40px;
	padding: 0 10px;
	font-weight: 500;
	font-size: 16px;
	color: #0128C0;
	line-height: 22px
}

.vui-selector-menu .current:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.12);
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	background-color: rgba(0, 126, 217, 0.15);
	opacity: 1;
	transform: scale(1);
	height: calc(100% - 8px);
	top: 4px
}

.vui-selector-menu li a:link,
.vui-selector-menu li a:visited {
	background-image: none;
	margin: 5px 5px 5px 0;
	border: none;
	position: relative;
	display: inline-block;
	border: 0;
	line-height: 40px;
	padding: 0 10px;
	font-weight: 500;
	font-size: 16px
}

.vui-selector-menu li a:link:before,
.vui-selector-menu li a:visited:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.12);
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	height: calc(100% - 8px);
	top: 4px
}

.vui-selector-menu li a:link:hover:before,
.vui-selector-menu li a:visited:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.vui-selecting {
	background: #fff
}

.vui-selector-menu .current,
.vui-selector-menu li a:hover,
.vui-selector-menu li a:active {
	border-bottom: 0
}

.vui-selector-menu li a {
	padding: 8px 10px
}

.vui-selector-menu .current {
	position: relative;
	padding: 9px 10px 9px;
	margin: 0 5px 5px 0
}

.vui-selector-menu li {
	display: inline-block
}

.vui-basket-visible .vui-selecting {
	display: block;
	width: 100%;
	border: 0;
	background-image: none;
	padding-top: 10px
}

.vui-basket-hidden .vui-selecting {
	display: block;
	width: 50%;
	border: 0;
	background-image: none;
	padding-top: 10px
}

.vui-selector.vui-basket-hidden.vui-single-selector {
	width: 100%
}

.vui-selector.vui-basket-hidden.vui-single-selector .vui-selecting.vui-selector-filter-view.vui-selector-browsable-view {
	width: 100%
}

.vui-selector .list-view .detail .path {
	font-size: 14px
}

.vui-selector .list-view .detail-selected {
	border: 0
}

.vui-selector .list-view {
	margin-left: 0;
	padding-left: 15px
}

.vui-selector .list-view.basket-content {
	margin-top: 6px
}

.vui-selecting .view-area {
	border: 0;
	margin-left: 0;
	border-top: 0;
	box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1), 1px -1px 0 rgba(0, 0, 0, 0.1);
	margin-top: 12px;
	position: relative
}

.vui-basket-visible .vui-selector-basket {
	display: block;
	width: 100%;
	border: 0;
	padding: 0 5px 5px;
	background: #f5f5f5
}

.vui-selector-basket #basket.view-area {
	border-top: 0;
	box-shadow: 1px -1px 0 rgba(0, 0, 0, 0.1);
	margin-top: 12px
}

.vui-selector .search-filter,
.vui-selector .browser-actions,
.vui-selector .location h2 {
	display: inline-block;
	vertical-align: middle
}

.vui-selector .search-filter {
	padding-left: 15px;
	margin-right: 10px
}

.vui-selector .browser-actions {
	margin-left: 0
}

.vui-selector .search-filter input {
	padding: 6px 4px 6px 32px
}

.vui-selector-filter-view .search-filter input,
.vui-selector-basket .search-filter input {
	background-image: url("../img/filter.png")
}

.vui-selector-basket .location,
.vui-selector-basket .search-filter,
.vui-selector-basket .browser-actions {
	display: inline-block;
	vertical-align: middle;
	width: auto
}

.vui-selector .location {
	padding: 0
}

.vui-basket-visible .vui-selector-basket {
	display: none
}

.vui-basket-hidden .vui-selector-basket {
	display: block;
	right: 0
}

.vui-basket-hidden .vui-selecting .location,
.vui-basket-hidden .vui-selecting .location .selected-items {
	display: block
}

.vui-basket-hidden .vui-selecting .location {
	margin-left: 20px
}

.vui-selector .vui-context-feedback {
	background-color: rgba(0, 0, 0, 0.6);
	border: 0;
	color: #fff
}

.vui-selector-basket {
	border: 0;
	background: #fff;
	background: transparent
}

.vui-selecting .popup-menu-handler,
.vui-selector-basket .popup-menu-handler {
	box-shadow: none
}

.vui-selector .list-view .detail H4 {
	font-size: 18px
}

.list-view .detail P,
.list-view .detail .property {
	font-size: 14px
}

.vui-selector .list-view .detail .date,
.vui-selector .list-view .detail .author,
.vui-selector .list-view .detail .path,
.vui-selector .list-view .detail .properties {
	color: #666
}

.vui-selector .search-filter INPUT.medium-field {
	width: 250px
}

.vui-selector .view-has-actions {
	padding-top: 0
}

.vui-selector .view-header {
	display: inline-block;
	padding: 0;
	vertical-align: middle
}

.vui-selector .view-has-actions .view-actions {
	position: initial;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	line-height: 36px;
	height: 38px
}

.vui-selector .view-header .options-pager-part {
	display: inline-block;
	vertical-align: middle
}

.popup-menu-handler IMG {
	height: inherit;
	line-height: inherit
}

.handler-actions>span {
	vertical-align: inherit
}

.handler-actions span,
.handler-actions:hover span,
.handler-actions:hover .button-imgr {
	background-image: none
}

.handler-actions:hover .button-imgr {
	background-color: #f2f2f2
}

.handler-actions.popup-menu-handler-dropdown-only {
	width: 40px;
	line-height: 32px
}

.handler-actions.popup-menu-handler-dropdown-only:after {
	margin: 5px 8px
}

.vui-file-upload .files td {
	padding-left: 0
}

.handler-actions,
.popup-menu-handler.handler-selection,
.popup-menu-handler.handler-deselection {
	position: relative;
	height: 38px;
	border-radius: 5px;
	background-image: none;
	width: 75px
}

.handler-actions .button-imgr,
.popup-menu-handler.handler-selection .button-imgr,
.popup-menu-handler.handler-deselection .button-imgr {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-image: none
}

.handler-actions:before,
.popup-menu-handler.handler-selection:before,
.popup-menu-handler.handler-deselection:before {
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	margin: 6px 0;
	vertical-align: middle;
	display: inline-block
}

.handler-actions:after,
.popup-menu-handler.handler-selection:after,
.popup-menu-handler.handler-deselection:after {
	content: "";
	font-size: 24px;
	line-height: 24px;
	color: #4d4d4d;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(90deg);
	margin: 5px 0;
	border-radius: 5px;
	position: absolute;
	top: 3px;
	right: 10px
}

.popup-menu-handler.handler-deselection:before {
	margin: 3px 0
}

.handler-selectall input {
	margin-bottom: 0
}

.handler-actions .button-imgr {
	left: inherit;
	right: 0;
	width: 40px;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	background-color: #f2f2f2;
	transition: background-color ease-out 0.1s
}

.handler-actions .button-imgr:hover {
	background: #fff
}

.popup-menu-handler.handler-actions>span {
	padding: 0 5px 0 0
}

.handler-actions.popup-menu-handler-dropdown-only .button-imgr {
	width: 100%
}

.popup-menu-handler.handler-selection:before {
	content: "\e934";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #02C2EF;
	font-size: 18px;
	margin-top: 4px
}

.popup-menu-handler.handler-deselection:before {
	content: "\e925";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #eb003b
}

.vui-basket-hidden .selected-items,
.vui-basket-visible .selected-items {
	width: 38px;
	height: 38px;
	line-height: 34px;
	padding: 0;
	margin: 0;
	z-index: +1;
	right: 20px;
	position: absolute;
	margin-top: 60px
}

.vui-selector .location h2 {
	font-size: 16px;
	margin: 0
}

.vui-basket-visible .selected-items:hover:before {
	transform: scale(1);
	opacity: 1
}

.vui-basket-hidden .selected-items:hover:before {
	transform: rotate(180deg) scale(1);
	opacity: 1
}

.vui-selector-basket .location {
	margin-left: 25px
}

.view-header .popup-menu-handler.handler-deselection {
	line-height: 32px;
	margin-right: 0;
	padding-left: 30px
}

.view-header .popup-menu-handler.handler-deselection:after {
	top: 1px;
	left: 6px;
	right: inherit
}

.vui-selector .view-header .view-options {
	height: 38px;
	line-height: 36px
}

#vui-multiple-selector-root.vui-selector.vui-basket-visible {
	display: flex;
	flex-wrap: wrap
}

#vui-multiple-selector-root.vui-selector.vui-basket-visible .vui-selecting.vui-selector-filter-view {
	width: 100%
}

#vui-multiple-selector-root.vui-selector.vui-basket-hidden {
	display: flex;
	flex-wrap: wrap
}

#vui-multiple-selector-root.vui-selector.vui-basket-hidden .vui-selecting.vui-selector-filter-view {
	width: 50%
}

#vui-multiple-selector-root.vui-selector.vui-basket-hidden .vui-selector-basket {
	width: 50%;
	background: #fff;
	padding-top: 10px
}

.vui-selector .view-header .view-options .popup-menu-handler {
	margin-left: 10px
}

@media (max-width: 1146px) {
	.lightbox-content {
		width: 80% !important;
		left: 10% !important
	}

	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-unbrowsable-view .browser-actions,
	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-browsable-view .browser-actions {
		padding-left: 25px;
		margin-top: 10px
	}

	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-basket .location {
		display: block;
		line-height: 37px;
		margin-bottom: 9px
	}

	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-basket .search-filter {
		padding-left: 25px;
		margin-right: 0
	}

	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-basket .view-header.view-has-actions {
		margin-left: 10px
	}

	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-unbrowsable-view .selected-items,
	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-browsable-view .selected-items {
		margin-top: 110px
	}
}

@media (min-width: 769px) and (max-width: 862px) {
	#vui-multiple-selector-root.vui-basket-hidden .vui-selector-basket .view-header.view-has-actions {
		margin-top: 10px;
		margin-left: 25px !important
	}

	#vui-multiple-selector-root.vui-basket-hidden .view-has-actions .view-actions {
		display: block
	}

	#vui-multiple-selector-root.vui-basket-hidden .view-header .options-pager-part {
		margin-top: 10px
	}

	#vui-multiple-selector-root.vui-basket-hidden .view-header .options-pager-part .view-options .popup-menu-handler {
		margin-left: 0
	}

	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-unbrowsable-view .selected-items,
	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-browsable-view .selected-items {
		margin-top: 160px
	}
}

@media (max-width: 768px) {
	.lightbox-content {
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important
	}

	#vui-multiple-selector-root.vui-selector .vui-selector-filter-view~.button-area {
		margin-top: 0;
		height: auto
	}

	.vui-selector .vui-selector-filter-view~.button-area {
		margin-top: -8px
	}

	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-unbrowsable-view .browser-actions,
	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-browsable-view .browser-actions {
		padding-left: 20px
	}

	.vui-selector .view-header .view-options {
		line-height: 42px
	}

	.vui-selector .view-header .view-options,
	.vui-selector .view-header .pager {
		line-height: 38px;
		height: 38px
	}

	.vui-selector .search-filter {
		line-height: 38px;
		height: 38px
	}

	.vui-selector.vui-basket-hidden .browser-actions {
		margin-left: 5px
	}

	.vui-selector.vui-basket-hidden .vui-selector-basket .browser-actions {
		margin-left: 0;
		margin-right: 10px
	}

	.vui-selector-menu li a {
		padding: 10px 10px 9px 10px
	}

	.vui-selector-menu .current {
		padding: 10px
	}

	.vui-selector-menu li a span,
	.vui-selector-menu li a span.current span,
	.vui-selector-menu .current,
	.vui-selector-menu .first .current {
		font-size: 12px
	}

	.vui-selecting .view-actions {
		padding-left: 0
	}

	.vui-selecting .browser-actions {
		margin-left: 0
	}

	.vui-selector.vui-basket-visible {
		height: inherit
	}

	.screen.vui-screen-selector.selector-select {
		height: inherit
	}

	.lightbox-panel {
		height: 100%
	}

	.screen.vui-screen-selector.selector-container,
	.screen.vui-screen-selector.selector-container form,
	.vui-selector.vui-basket-hidden {
		height: inherit
	}

	.vui-selector-basket {
		top: 43px
	}

	.vui-selector .search-filter INPUT.medium-field {
		width: 100%
	}
}

@media (max-width: 767px) {
	.vui-selector-basket {
		top: 41px
	}

	.vui-selector-basket {
		top: 43px
	}

	.vui-selector.vui-basket-hidden .view-header .popup-menu-handler.handler-deselection {
		margin-right: 0
	}

	.view-header .popup-menu-handler.handler-sorter:before,
	.view-header .view-options .popup-menu-handler.handler-displaymode:before {
		top: 3px
	}
}

@media (max-width: 605px) {
	.vui-selector-basket {
		display: none !important
	}

	#vui-multiple-selector-root.vui-selector.vui-basket-hidden .vui-selecting.vui-selector-filter-view {
		width: 100%
	}

	.vui-selecting .browser-actions {
		line-height: 36px;
		margin-right: 10px
	}

	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-unbrowsable-view .browser-actions,
	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-browsable-view .browser-actions {
		margin-top: 0;
		margin-left: 0;
		padding-left: 0
	}

	.vui-basket-hidden .selected-items,
	.vui-basket-visible .selected-items {
		cursor: default;
		pointer-events: none
	}

	.vui-basket-hidden .selected-items:hover,
	.vui-basket-visible .selected-items:hover {
		background-color: #f2f2f2
	}

	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-unbrowsable-view .selected-items,
	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-browsable-view .selected-items {
		margin-top: 60px
	}

	.vui-selector-filter-view~.button-area .button2 span {
		line-height: 40px
	}
}

@media (max-width: 479px) {

	.vui-selecting .browser-actions,
	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-unbrowsable-view .browser-actions,
	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-browsable-view .browser-actions {
		margin-top: 10px;
		margin-left: 25px
	}

	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-unbrowsable-view .selected-items,
	.lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-browsable-view .selected-items,
	.vui-basket-hidden .selected-items,
	.vui-basket-visible .selected-items {
		margin-top: 110px
	}

	.vui-selector .search-filter {
		display: block
	}

	.vui-selector.vui-basket-hidden .browser-actions {
		margin-left: 15px
	}

	.vui-selector .vui-information[style="display:none;"]+.vui-selector-menu,
	#vui-multiple-selector-root.vui-selector .vui-information[style="display:none;"]+.vui-selector-menu {
		margin-top: 0
	}

	.vui-selector .vui-information~.button-area .buttons-group ul .first,
	#vui-multiple-selector-root.vui-selector .vui-information~.button-area .buttons-group ul .first {
		margin-top: -7px
	}

	.vui-selector .vui-information[style="display:none;"]~.button-area .buttons-group ul .first,
	#vui-multiple-selector-root.vui-selector .vui-information[style="display:none;"]~.button-area .buttons-group ul .first {
		margin-top: 0
	}
}

.vui-selector-basket .search-filter {
	margin-left: 0
}

.vui-selector .view-header .view-options,
.vui-selector .view-header .pager {
	display: inline-block
}

.vui-selector .view-header .view-options .popup-menu-handler,
.vui-selector .view-header .view-options .handler-filter,
.vui-selector .view-header .view-options .action-refresh,
.vui-selector .view-header .popup-menu-handler.handler-sorter,
.vui-selector .view-header .popup-menu-handler.handler-row {
	display: inline-block
}

.vui-selector .view-header .pager .itemsperpage,
.vui-selector .view-header .pager .items,
.vui-selector .view-header .pager .browser {
	font-size: 16px
}

.lightbox-panel .lightbox-header {
	height: auto;
	min-height: 50px
}

.handler-sorter-screen .list-sort .sorting-order {
	margin-left: 10px
}

.vui-selector .vui-selector-basket .list-view .detail-hover {
	background-image: none;
	position: relative
}

.vui-selector .vui-selector-basket .list-view .detail-hover:after {
	content: "";
	font-size: 24px;
	line-height: 24px;
	color: #eb003b;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 7px;
	left: 6px
}

.vui-selector .list-view .detail,
.vui-selector .list-view .detail-hover {
	position: relative;
	border: 0
}

.vui-selector .list-view .detail-hover {
	background: #f0f0f0
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable {
	background-image: none;
	position: relative
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable:before {
	content: "";
	height: 20px;
	width: 20px;
	background: #fff;
	border: 1px solid #ccc;
	position: absolute;
	left: 8px;
	top: 8px
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable.detail-selected {
	background-image: none;
	position: relative;
	border: 0 !important
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable.detail-selected:before {
	content: "";
	height: 20px;
	width: 20px;
	background: #fff;
	border: 1px solid #cccccc;
	position: absolute;
	left: 8px;
	top: 8px
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable.detail-selected:after {
	content: "";
	font-size: 18px;
	line-height: 24px;
	color: #02C2EF;
	display: inline-block;
	vertical-align: middle;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 7px;
	left: 9px;
	border: 0;
	height: 0;
	width: 0
}

.vui-single-selector.vui-selector .list-view .detail-selectable {
	background-image: none;
	position: relative
}

.vui-single-selector.vui-selector .list-view .detail-selectable:before {
	content: "";
	height: 20px;
	width: 20px;
	background: #fff;
	border: 1px solid #ccc;
	position: absolute;
	border-radius: 50%;
	left: 8px;
	top: 8px
}

.vui-single-selector.vui-selector .list-view .detail-selectable:hover:before {
	border: 2px solid #0128C0
}

.vui-single-selector.vui-selector .list-view .detail-selectable.detail-selected {
	background-image: none;
	position: relative;
	border: 0 !important
}

.vui-single-selector.vui-selector .list-view .detail-selectable.detail-selected:before {
	content: '';
	position: absolute;
	left: 8px;
	top: 8px;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #0128C0;
	box-shadow: 0 0 rgba(204, 204, 204, 0);
	transition: all 0.2s linear
}

.vui-single-selector.vui-selector .list-view .detail-selectable.detail-selected:after {
	content: '';
	position: absolute;
	left: 8px;
	top: 8px;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transform: scale(0.5);
	transition: transform 0.4s ease-out;
	background-color: #0128C0;
	color: #fff
}

@media (max-width: 768px) {
	.streamline {
		padding: 0 15px
	}

	.vui-selecting .view-header .pager .items {
		margin: 0;
		text-align: center
	}

	.vui-selector .view-has-actions {
		padding-left: 0
	}

	.vui-selector .view-has-actions .view-actions {
		line-height: 38px
	}

	.topbar .process-reference {
		float: inherit;
		margin: 0 0 10px 52px;
		font-size: 14px
	}

	.topbar .process-header.panel-tabs .plugin-process-app-icon {
		left: -5px
	}

	.topbar .process-header.panel-tabs h1 {
		padding: 15px 15px 0 50px
	}

	.vui-selector-menu ul {
		white-space: nowrap;
		overflow-x: auto
	}
}

.view-header .pager .browser strong,
.view-header .pager .browser a {
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	margin-left: 2px;
	border-radius: 5px;
	background: transparent !important;
	text-align: center;
	color: #4d4d4d !important;
	overflow: hidden
}

@media (max-width: 544px) {

	.view-header .pager .browser strong,
	.view-header .pager .browser a {
		width: 38px;
		line-height: 38px
	}
}

.view-header .pager .browser a:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	background-color: rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	transform: scale(0.8);
	transition: all 0.1s linear
}

.view-header .pager .browser a:focus:before,
.view-header .pager .browser a:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.view-header .pager .browser strong {
	pointer-events: none;
	color: #02C2EF !important;
	font-size: 20px;
}

.view-header .pager .browser a.first-page,
.view-header .pager .browser a.previous-page,
.view-header .pager .browser a.next-page,
.view-header .pager .browser a.last-page {
	border: 1px solid #02C2EF;
	background-color: #FFFFFF !important;
	color: #4d4d4d;
	font-size: 0;
	transition: all ease-out 0.1s
}

.view-header .pager .browser a.first-page:hover,
.view-header .pager .browser a.previous-page:hover,
.view-header .pager .browser a.next-page:hover,
.view-header .pager .browser a.last-page:hover {
	background-color: #f2f2f2 !important
}

.view-header .pager .browser a[title]:before {
	display: none
}

.view-header .pager .browser a.first-page:after,
.view-header .pager .browser a.previous-page:after,
.view-header .pager .browser a.next-page:after,
.view-header .pager .browser a.last-page:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px
}

.view-header .pager .browser a.first-page:after {
	content: "\e910";
	transform: rotate(180deg)
}

.view-header .pager .browser a.first-page:before {
	content: '';
	display: block;
	height: 13px;
	width: 2px;
	background-color: #4d4d4d;
	position: absolute;
	z-index: 7;
	opacity: 1;
	transform: scale(1);
	left: 14px;
	top: 13px
}

@media (max-width: 544px) {
	.view-header .pager .browser a.first-page:before {
		left: 12px;
		top: 12px
	}
}

.view-header .pager .browser a.previous-page:after {
	content: "\e910";
	transform: rotate(180deg)
}

.view-header .pager .browser a.next-page:after {
	content: "\e910"
}

.view-header .pager .browser a.last-page:after {
	content: "\e910"
}

.view-header .pager .browser a.last-page:before {
	content: '';
	display: block;
	height: 13px;
	width: 2px;
	background-color: #4d4d4d;
	position: absolute;
	z-index: 7;
	opacity: 1;
	transform: scale(1);
	right: 9px;
	left: inherit;
	top: 8px;
}

@media (max-width: 544px) {
	.view-header .pager .browser a.last-page:before {
		right: 11px;
		top: 11px
	}
}

.handler-sorter-screen .fields-area,
.handler-sorter-screen .button-area {
	padding: 0 10px
}

.handler-sorter-screen .document-top-buttons {
	display: none
}

.handler-sorter-screen .list-sort .sorting-item select {
	height: 35px;
	font-size: 16px
}

.handler-sorter-screen .list-sort .sorting-order label {
	vertical-align: inherit
}

.list-view .detail .title A H4,
.links-view .detail A H4,
.thumbnails-view .detail A H4 {
	vertical-align: middle
}

.list-view .detail .title H4 IMG {
	display: inline-block !important;
	vertical-align: middle;
	margin-top: -3px;
	position: absolute;
    right: 50px;
}

@media (max-width: 544px) {
	.list-view .detail .title A H4 {
		width: auto;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@media (max-width: 320px) {
	.list-view .detail .title A H4 {
		width: auto
	}
}

.vui-combobox-selected-items span .vui-combobox-item,
.vui-combobox-selected-items>span {
	position: relative;
	display: inline-block;
	border: 0;
	line-height: 40px;
	padding: 0 10px;
	font-weight: 500;
	font-size: 16px;
	color: #0128C0;
	font-size: 16px;
	line-height: 28px;
	position: relative;
	padding-right: 32px;
	padding-left: 10px;
	margin: 3px 5px 4px 0;
	height: 30px;
	transition: all 0.2s linear
}

.vui-combobox-selected-items span .vui-combobox-item:before,
.vui-combobox-selected-items>span:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.12);
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	background-color: rgba(0, 126, 217, 0.15);
	opacity: 1;
	transform: scale(1);
	height: calc(100% - 8px);
	top: 4px;
	border-radius: 15px;
	height: 100%;
	top: 0;
	transform-origin: left center
}

.vui-combobox-selected-items span .vui-combobox-item:hover:before,
.vui-combobox-selected-items>span:hover:before {
	opacity: 0;
	transform: scaleX(0.5);
	transition: all 0.05s linear
}

.vui-combobox-selected-items span .vui-combobox-item:after,
.vui-combobox-selected-items>span:after {
	font-size: 24px;
	line-height: 23px;
	content: '\e925';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 24px;
	height: 24px;
	margin: 3px;
	top: 0;
	right: 0;
	opacity: 1;
	transition: all ease-out 0.25s;
	color: #0128C0;
	text-align: center;
	border-radius: 50%;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.vui-combobox-selected-items span .vui-combobox-item:hover:after,
.vui-combobox-selected-items>span:hover:after {
	background-color: #0128C0;
	color: #fff
}

.vui-combobox-selected-items .vui-delete {
	position: absolute;
	left: 0;
	z-index: +1;
	float: right;
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background-image: none;
	transition: all 0.2s linear
}

.vui-combobox-selected-items .vui-delete:hover {
	background-image: none
}

.vui-combobox-selected-items .vui-delete:hover+.vui-combobox-selected-items .vui-combobox-item:after {
	color: #fff
}

.vui-combobox-selected-items span.vui-combobox-selected-item-plus {
	padding-left: 0
}

.vui-combobox-selected-items span.vui-combobox-selected-item-plus:before,
.vui-combobox-selected-items span.vui-combobox-selected-item-plus:after {
	display: none
}

.vui-combobox-selected-items>span.vui-combobox-plus,
.vui-combobox-selected-items>span.vui-combobox-minus {
	padding: 0;
	margin: 0
}

.vui-combobox-selected-items>span.vui-combobox-plus:before,
.vui-combobox-selected-items>span.vui-combobox-plus:after,
.vui-combobox-selected-items>span.vui-combobox-minus:before,
.vui-combobox-selected-items>span.vui-combobox-minus:after {
	display: none
}

.vui-combobox-selected-items.vui-selector-selected-items>span:not(.vui-combobox-plus) {
	display: inline;
	height: inherit;
	line-height: inherit;
	padding-right: inherit;
	padding-left: inherit;
	margin: inherit;
	position: inherit
}

.vui-combobox-single.vui-selector-field input,
.vui-combobox.vui-combobox-single input {
	color: #007bc2;
	font-size: 16px;
	padding-left: 40px
}

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

	.vui-combobox-single.vui-selector-field input,
	.vui-combobox.vui-combobox-single input {
		margin: 0
	}
}

.vui-combobox-single.vui-selector-field .vui-delete,
.vui-combobox.vui-combobox-single .vui-delete {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 4px;
	left: 4px;
	margin: 0;
	background: transparent url(../img/vui-delete.png) no-repeat center center;
	transition: all ease-out 0.1s
}

.vui-combobox-single.vui-selector-field .vui-delete:hover,
.vui-combobox.vui-combobox-single .vui-delete:hover {
	background: transparent url(../img/vui-delete-hover.png) no-repeat center center
}

li.action-showall {
	font-size: 16px;
	color: #666
}

.buttons-group LI {
	display: inline-block;
	vertical-align: middle
}

.vui-combobox-plus {
	color: #fff;
	display: inline-block
}

.vui-selector-view .list-view .horizontal tr:nth-child(odd) {
	background: #f7f7f7
}

.vui-selector-view .list-view .horizontal tr tr {
	background: none !important
}

.vui-selector .list-view .detail .vui-selector-browsable-column h4 {
	padding-right: 15px
}

.vui-selector .list-view .detail .vui-selector-browsable-column h4:after {
	content: "\e910";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all ease-out 0.2s;
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
	position: absolute
}

.vui-selector .list-view .detail .vui-selector-browsable-column:hover h4:after {
	transform: rotate(90deg)
}

.vui-selector .list-view .detail .vui-selector-browsable-column-hover H4 {
	background: none
}

.fields-area .vui-section-expanded h2 span {
	cursor: default
}

.shortcut-bar {
	position: absolute;
	z-index: 2005;
	height: auto;
	width: 60px;
	transition: width ease-out 0.25s;
	background-color: #4d4d4d;
	text-align: left;
	bottom: 60px;
	display: none;
}

.shortcut-bar.shortcut-bar-expanded {
	transition: width ease-out 0.075s
}

.shortcut-bar.shortcut-bar-empty {
	display: none
}


.shortcut-bar ul {
	background: #4d4d4d
}

.shortcut-bar ul ul {
	background: inherit;
	height: inherit
}

.shortcut-bar .search-zone {
	display: none
}

.shortcut-bar .shortcutbar-action {
	height: 60px;
	line-height: 60px;
	display: block;
	text-align: left;
	border-radius: 0;
	width: 100%;
	position: relative;
	padding: 0;
	overflow: hidden
}

.shortcut-bar .shortcutbar-action i {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	z-index: 3;
	position: relative
}

.shortcut-bar .shortcutbar-action span {
	font-size: 16px;
	font-weight: 400;
	line-height: 60px;
	padding: 0 15px 0 5px;
	display: inline-block;
	opacity: 0;
	width: 180px;
	transform: scaleX(0);
	transition: all ease-out 0.3s;
	transform-origin: left center
}

.shortcut-bar a.shortcutbar-action {
	border: none
}

.shortcut-bar a.shortcutbar-action:link,
.shortcut-bar a.shortcutbar-action:visited {
	color: #fff
}

.shortcut-bar.shortcut-bar-expanded {
	width: 240px
}

.shortcut-bar.shortcut-bar-expanded .shortcutbar-action span {
	opacity: 1;
	transform: scaleX(1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.shortcut-bar.shortcut-bar-expanded .shortcutbar-action {
	transition: all 0.1s linear
}

.shortcut-bar.shortcut-bar-expanded .shortcutbar-action:hover {
	background-color: #666
}

.shortcut-bar.shortcut-bar-expanded li.active .shortcut-panel {
	visibility: visible;
	opacity: 1;
	transform: translateX(0)
}

.shortcut-bar.shortcut-bar-expanded li.active .shortcutbar-action {
	background-color: gray
}

.shortcut-panel {
	position: fixed;
	top: 75px;
	left: 240px;
	height: calc(100% - 75px);
	width: 480px;
	opacity: 0;
	transform: translateX(-30px);
	z-index: -1;
	visibility: hidden;
	transition: all ease-out 0.2s
}

@media (max-width: 767px) {
	.shortcut-panel {
		height: calc(100% - 55px)
	}
}

.shortcut-panel .shortcut-panel-top {
	padding: 0 20px;
	position: relative
}

.shortcut-panel .shortcut-panel-top h1 {
	font-size: 30px;
	line-height: 59px;
	height: 60px;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	max-width: 271px;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (max-width: 767px) {
	.shortcut-panel .shortcut-panel-top h1 {
		font-size: 20px;
		line-height: 40px;
		height: 40px
	}
}

.shortcut-panel .shortcut-panel-top .custom-link {
	margin-left: 5px;
	vertical-align: middle;
	height: 40px;
	position: relative;
	display: inline-block;
	border: 0;
	line-height: 40px;
	padding: 0 10px;
	font-weight: 700;
	font-size: 16px;
	color: #0128C0
}

.shortcut-panel .shortcut-panel-top .custom-link:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 126, 217, 0.15);
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear
}

.shortcut-panel .shortcut-panel-top .custom-link:hover:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.shortcut-panel .shortcut-panel-top .custom-link span:before {
	content: "\e910";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	padding: 0 5px 0 0;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px
}

@media (max-width: 544px) {
	.shortcut-panel .shortcut-panel-top .custom-link {
		font-size: 14px
	}

	.shortcut-panel .shortcut-panel-top .custom-link:before {
		height: calc(100% - 8px);
		top: 4px
	}
}

.shortcut-panel .shortcut-panel-top .button span {
	position: inherit
}

.shortcut-panel .shortcut-panel-top button i {
	height: auto;
	line-height: inherit
}

.shortcut-panel .shortcut-panel-top .form {
	height: 60px
}

@media (max-width: 767px) {
	.shortcut-panel .shortcut-panel-top .form {
		height: 50px
	}
}

.shortcut-panel .shortcut-panel-top .shortcut-panel-close {
	position: absolute;
	top: 5px;
	right: 5px;
	padding-right: 0;
	width: 40px
}

.shortcut-panel .shortcut-panel-scroll {
	background-color: #e0e0e0;
	overflow-y: auto;
	height: calc(100% - 110px)
}

@media (max-width: 979px) {
	.shortcut-panel .shortcut-panel-scroll {
		height: calc(100% - 100px)
	}
}

@media (max-width: 767px) {
	.shortcut-panel .shortcut-panel-scroll {
		height: calc(100% - 90px)
	}
}

.shortcut-panel li.category h3 {
	font-size: 18px;
	font-weight: bold;
	color: #4d4d4d;
	padding: 0 10px
}

.shortcut-panel li.category a {
	padding: 10px;
	border: none;
	position: relative;
	display: block;
	color: #4d4d4d
}

.shortcut-panel li.category a i {
	margin-right: 15px;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 8px 12px;
	line-height: 32px;
	vertical-align: middle
}

.shortcut-panel li.category a i:after {
	content: '';
	display: block;
	border-radius: 5px;
	position: absolute;
	transform-origin: center center;
	background-color: #fff;
	opacity: 0.7;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	transition: all 0.25s linear;
	width: 48px;
	height: 48px;
	z-index: -1;
	top: 0;
	left: 0
}

.shortcut-panel li.category a:hover i:after {
	transform: scale(1.1);
	transition: all 0.1s linear;
	opacity: 1
}

.shortcut-panel li.category a:hover {
	background: #f0f0f0
}


.shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~#default-container .process-hp,
.shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~.middle-office #default-container .process-hp {
	padding: 105px 30px 0 30px
}

.shortcut-bar.shortcut-bar-mobile {
	left: -100%
}

.shortcut-bar.shortcut-bar-mobile.shortcut-bar-expanded {
	left: 0
}

@media (max-width: 767px) {
	.shortcut-bar.shortcut-bar-mobile {
		padding-top: 55px;
		width: calc(100% - 50px);
		transition: all ease-out 0.1s
	}

	.shortcut-bar.shortcut-bar-mobile.shortcut-bar-expanded {
		width: calc(100% - 50px)
	}

	.shortcut-bar.shortcut-bar-mobile li.active .shortcut-panel {
		left: 0;
		width: 100%;
		z-index: 201
	}

	.shortcut-bar.shortcut-bar-mobile .shortcut-panel {
		top: 55px
	}
}

@media (min-width: 768px) and (max-width: 1365px) {
	.shortcut-bar.shortcut-bar-mobile {
		padding-top: 65px
	}

	.shortcut-bar.shortcut-bar-mobile .shortcut-panel {
		top: 65px
	}
}

@media (min-width: 768px) and (max-width: 1365px) {
	.shortcut-bar.shortcut-bar-mobile .shortcut-panel {
		top: 55px
	}

	.shortcut-bar.shortcut-bar-mobile {
		padding-top: 55px
	}
}

.shortcutbar-action .counter {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	display: none;
	position: absolute;
	top: 8px;
	left: 30px;
	transition: all 0.3s ease;
	background-color: #d1003b;
	color: #fff;
	text-align: center;
	width: 27px;
	height: 27px;
	border: 3px solid #4d4d4d;
	border-radius: 50%;
	z-index: 10
}

.shortcutbar-action:hover .counter {
	border: 3px solid #666
}

@keyframes fadein {
	0% {
		opacity: 0;
		margin-left: -150px
	}

	100% {
		opacity: 1;
		margin-left: 0
	}
}

@keyframes fadeout {
	0% {
		opacity: 1;
		margin-left: 0
	}

	100% {
		opacity: 0;
		margin-left: -150px
	}
}

.shortcut-bar .icon_24_documents {
	font-size: 24px
}

.slider-container .responsive-slider-slides span.title {
	font-size: 52px;
	font-weight: 300;
	position: absolute;
	bottom: 90px;
	right: 50px;
	color: white;
	width: 60%;
	text-align: right;
	text-shadow: 2px 2px 5px #000
}

.responsive-slider .arrow-left,
.responsive-slider .arrow-right {
	display: block;
	position: absolute;
	width: 90px;
	height: 100%;
	top: 0 !important;
	cursor: pointer;
	background: transparent;
	overflow: hidden;
	border-radius: 0;
	padding: 0 15px;
	opacity: 0;
	transition: opacity 0.1s linear
}

.responsive-slider .arrow-left .arrow-inner,
.responsive-slider .arrow-right .arrow-inner {
	position: absolute;
	top: calc(50% - 25px);
	z-index: +1
}

.responsive-slider .arrow-left:hover,
.responsive-slider .arrow-right:hover {
	background: transparent
}

.responsive-slider .arrow-left:before,
.responsive-slider .arrow-right:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 1;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	left: 20px;
	top: calc(50% - 25px);
	transition: transform 0.1s ease-out
}

.responsive-slider .arrow-left:hover:before,
.responsive-slider .arrow-right:hover:before {
	transform: scale(1.2)
}

.responsive-slider .arrow-left {
	left: 0
}

.responsive-slider .arrow-left .arrow-inner {
	margin: 15px 0 0 25px
}

.responsive-slider .arrow-right {
	right: 0
}

.responsive-slider .arrow-right .arrow-inner {
	margin: 16px 0 0 15px
}

.responsive-slider:hover .arrow-left,
.responsive-slider:hover .arrow-right {
	opacity: 1
}

.responsive-slider-slides a:before {
	transition: all 0.1s linear;
	background: rgba(255, 255, 255, 0);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	z-index: +1
}

.responsive-slider-slides a:hover:before {
	background: rgba(255, 255, 255, 0.2)
}

.system-page {
	margin-top: 50px
}

@media (max-width: 544px) {
	.system-page {
		margin-top: 15px
	}
}

.system-page h1 {
	font-size: 4em;
	font-weight: 700
}

@media (max-width: 544px) {
	.system-page h1 {
		font-size: 2em
	}
}

.system-page .nothing-here {
	background: url("../img/noelement.png") no-repeat center center;
	height: 183px;
	width: 206px;
	display: block;
	margin: 0 auto
}

.system-page .max-session div p {
	text-align: left
}

.table-view table {
	margin: 0;
	min-width: auto
}

.table-view table th {
	display: none
}

.table-view table td {
	display: block
}

.table-view table td:first-child {
	padding-top: .5em;
	white-space: normal
}

.table-view table td:last-child {
	padding-bottom: .5em
}

.table-view table td:before {
	content: attr(data-vdp-th) "";
	font-weight: bold;
	width: 100%;
	display: block
}

@media (min-width: 767px) {
	.table-view table td:before {
		display: none
	}
}

@media (min-width: 767px) {

	.table-view table th,
	.table-view table td {
		display: table-cell;
		padding: .25em .5em
	}

	.table-view table th:first-child,
	.table-view table td:first-child {
		padding-left: 0
	}

	.table-view table th:last-child,
	.table-view table td:last-child {
		padding-right: 0
	}
}

.table-view table {
	color: #fff;
	overflow: hidden
}

.table-view table th,
.table-view table td {
	margin: 0
}

@media (min-width: 767px) {

	.table-view table th,
	.table-view table td {
		padding: 20px 10px;
	}
}

.table-view table th,
.table-view table td:before {
	color: #4d4d4d
}

@media (max-width: 767px) {

	.table td.cell1,
	.table td.cell2 {
		padding: 5px 10px
	}
}

@media (min-width: 768px) and (max-width: 1024px) {

	.client-view .table-view table,
	.application-hp .table-view table {
		margin: 0;
		min-width: 280px
	}

	.client-view .table-view table th,
	.application-hp .table-view table th {
		display: none
	}

	.client-view .table-view table td,
	.application-hp .table-view table td {
		display: block
	}

	.client-view .table-view table td:first-child,
	.application-hp .table-view table td:first-child {
		padding-top: .5em
	}

	.client-view .table-view table td:last-child,
	.application-hp .table-view table td:last-child {
		padding-bottom: .5em
	}

	.client-view .table-view table td:before,
	.application-hp .table-view table td:before {
		content: attr(data-vdp-th) "";
		font-weight: bold;
		width: 100%;
		display: block
	}

	.client-view .table-view table th,
	.client-view .table-view table td,
	.application-hp .table-view table th,
	.application-hp .table-view table td {
		text-align: left
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {

	.client-view .table-view table th,
	.client-view .table-view table td,
	.application-hp .table-view table th,
	.application-hp .table-view table td {
		padding: .25em .5em
	}

	.client-view .table-view table th:first-child,
	.client-view .table-view table td:first-child,
	.application-hp .table-view table th:first-child,
	.application-hp .table-view table td:first-child {
		padding-left: 0
	}

	.client-view .table-view table th:last-child,
	.client-view .table-view table td:last-child,
	.application-hp .table-view table th:last-child,
	.application-hp .table-view table td:last-child {
		padding-right: 0
	}
}

@media (min-width: 768px) and (max-width: 1024px) {

	.client-view .table-view table,
	.application-hp .table-view table {
		color: #fff;
		overflow: hidden
	}

	.client-view .table-view table th,
	.client-view .table-view table td,
	.application-hp .table-view table th,
	.application-hp .table-view table td {
		margin: 0
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 767px) {

	.client-view .table-view table th,
	.client-view .table-view table td,
	.application-hp .table-view table th,
	.application-hp .table-view table td {
		padding: 0.3em 0.5em !important
	}
}

@media (min-width: 768px) and (max-width: 1024px) {

	.client-view .table-view table th,
	.client-view .table-view table td:before,
	.application-hp .table-view table th,
	.application-hp .table-view table td:before {
		color: #4d4d4d
	}

	.table td.cell1,
	.table td.cell2 {
		padding: 5px 10px
	}
}


@media (max-width: 1199px) {

	.default-template-container>.topbar {
		margin: 30px;
	}
}

.default-template-container>.topbar {
	/* margin: -30px 0 0 -30px */
	border-radius: 15px;
	background: transparent linear-gradient(90deg, #1685BD 0%, #9DDBC4 100%) 0% 0% no-repeat padding-box;
}

.default-template-container>.topbar h1 {
	color: white;
	text-align: left;
	padding: 20px;
	font-weight: inherit;
}

.default-template-container>.search-main.if-shortcut-bar>.container-fluid {
	padding-left: 0
}

@media screen and (max-width: 1365px) {
	.default-template-container>.search-main.if-shortcut-bar>.container-fluid .col {
		padding: 0
	}
}

@media screen and (max-width: 1199px) {
	.default-template-container>.search-main.if-shortcut-bar>.container-fluid .col {
		padding: 15px
	}
}

@media screen and (max-width: 767px) {
	.default-template-container>.search-main.if-shortcut-bar>.container-fluid .col {
		margin-left: -15px
	}
}

@media screen and (max-width: 544px) {
	.default-template-container>.search-main.if-shortcut-bar>.container-fluid .col {
		margin-right: -15px
	}
}

@media screen and (max-width: 1199px) {
	.default-template-container>.search-main.if-shortcut-bar>.container-fluid .horizontal-top-tabs {
		margin-top: 0
	}
}

@media screen and (max-width: 544px) {
	.default-template-container>.search-main.if-shortcut-bar>.container-fluid .horizontal-top-tabs {
		margin-top: -14px
	}
}

@media screen and (max-width: 1199px) {
	.default-template-container>.search-main.if-shortcut-bar>.container-fluid .horizontal-top-tabs~.view-area {
		margin-top: 0
	}
}

.panel-title-footer {
	background-color: #fff;
	padding: 30px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	width: 100%
}

.thematic-page-container .panel-title-footer,
.thematic-page-container .screen,
.default-template-container .panel-title-footer,
.default-template-container .screen {
	margin-bottom: 30px
}

.thematic-page-container .panel-title-footer:last-child,
.thematic-page-container .panel-title-footer+.panel-title-footer:last-child,
.thematic-page-container .screen:last-child,
.thematic-page-container .screen+.panel-title-footer:last-child,
.default-template-container .panel-title-footer:last-child,
.default-template-container .panel-title-footer+.panel-title-footer:last-child,
.default-template-container .screen:last-child,
.default-template-container .screen+.panel-title-footer:last-child {
	margin-bottom: 0
}

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

	.thematic-page-container .panel-title-footer,
	.thematic-page-container .screen,
	.default-template-container .panel-title-footer,
	.default-template-container .screen {
		margin-bottom: 15px
	}
}

.thematic-page-container .panel-title-footer>.screen,
.thematic-page-container .screen>.screen,
.default-template-container .panel-title-footer>.screen,
.default-template-container .screen>.screen {
	margin-bottom: 0
}

.default-template-container .webexplorer_container .screen {
	margin-bottom: 0
}

.panel-title-footer>h2 {
	line-height: 1.2;
	margin: -0.4em 0 0.5em 0;
	padding-bottom: 0.5em;
	border-bottom: 5px solid #e6e6e6;
	font-size: 28px;
	font-weight: 300
}

.panel-title-footer .panel-content {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px
}

.panel-title-footer .panel-footer {
	padding: 15px 0 0;
	border-top: 5px solid #e0e0e0;
	text-align: center;
	clear: both
}

.panel-title-footer .panel-footer a {
	font-size: 18px;
	font-weight: 700;
	line-height: 40px;
	color: #0128C0;
	display: inline-block;
	padding: 0 10px;
	border: none;
	background: transparent;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	transition: opacity 0.1s linear
}

.panel-title-footer .panel-footer a:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	transition: 0.1s linear;
	background-color: rgba(0, 126, 217, 0.15);
	transform: scale(0.8);
	border-radius: 5px
}

.panel-title-footer .panel-footer a:hover:before,
.panel-title-footer .panel-footer a:focus:before {
	opacity: 1;
	transform: scale(1)
}

.panel-title-footer .paragraph-two-columns {
	column-count: 2
}

@media (max-width: 768px) {
	.panel-title-footer .paragraph-two-columns {
		column-count: 1
	}
}

.thematic-page-container .tiles.row,
.default-template-container .tiles.row {
	margin: 0 0 22px -8px !important;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%
}

@media (max-width: 1199px) {

	.thematic-page-container .tiles.row,
	.default-template-container .tiles.row {
		padding-left: 15px
	}
}

.thematic-page-container .col-lg-12 .tile,
.default-template-container .col-lg-12 .tile,
.thematic-page-container .col-lg-12 .single-tile,
.default-template-container .col-lg-12 .single-tile,
#default-container>.row .col-lg-12>.single-tile,
#default-container>.row .col-lg-12>.tile {
	width: 10%
}

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

	.thematic-page-container .col-lg-12 .tile,
	.default-template-container .col-lg-12 .tile,
	.thematic-page-container .col-lg-12 .single-tile,
	.default-template-container .col-lg-12 .single-tile,
	#default-container>.row .col-lg-12>.single-tile,
	#default-container>.row .col-lg-12>.tile {
		width: 12.5%
	}
}

.thematic-page-container .col-lg-11 .tile,
.default-template-container .col-lg-11 .tile,
.thematic-page-container .col-lg-11 .single-tile,
.default-template-container .col-lg-11 .single-tile,
#default-container>.row .col-lg-11>.single-tile,
#default-container>.row .col-lg-11>.tile {
	width: 10%
}

.thematic-page-container .col-lg-10 .tile,
.default-template-container .col-lg-10 .tile,
.thematic-page-container .col-lg-10 .single-tile,
.default-template-container .col-lg-10 .single-tile,
#default-container>.row .col-lg-10>.single-tile,
#default-container>.row .col-lg-10>.tile {
	width: 11%
}

.thematic-page-container .col-lg-8 .tile,
.default-template-container .col-lg-8 .tile,
.thematic-page-container .col-lg-8 .single-tile,
.default-template-container .col-lg-8 .single-tile,
#default-container>.row .col-lg-8>.single-tile,
#default-container>.row .col-lg-8>.tile {
	width: 14.2857142857%
}

.thematic-page-container .col-lg-9 .tile,
.default-template-container .col-lg-9 .tile,
.thematic-page-container .col-lg-9 .single-tile,
.default-template-container .col-lg-9 .single-tile,
#default-container>.row .col-lg-9>.single-tile,
#default-container>.row .col-lg-9>.tile {
	width: 12.5%
}

.thematic-page-container .col-lg-7 .tile,
.default-template-container .col-lg-7 .tile,
.thematic-page-container .col-lg-7 .single-tile,
.default-template-container .col-lg-7 .single-tile,
#default-container>.row .col-lg-7>.single-tile,
#default-container>.row .col-lg-7>.tile {
	width: 18%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

	.thematic-page-container .col-lg-7 .tile,
	.default-template-container .col-lg-7 .tile,
	.thematic-page-container .col-lg-7 .single-tile,
	.default-template-container .col-lg-7 .single-tile,
	#default-container>.row .col-lg-7>.single-tile,
	#default-container>.row .col-lg-7>.tile {
		width: 20% !important
	}
}

.thematic-page-container .col-lg-6 .tile,
.default-template-container .col-lg-6 .tile,
.thematic-page-container .col-lg-6 .single-tile,
.default-template-container .col-lg-6 .single-tile,
#default-container>.row .col-lg-6>.single-tile,
#default-container>.row .col-lg-6>.tile {
	width: 20%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

	.thematic-page-container .col-lg-6 .tile,
	.default-template-container .col-lg-6 .tile,
	.thematic-page-container .col-lg-6 .single-tile,
	.default-template-container .col-lg-6 .single-tile,
	#default-container>.row .col-lg-6>.single-tile,
	#default-container>.row .col-lg-6>.tile {
		width: 25% !important
	}
}

.thematic-page-container .col-lg-5 .tile,
.default-template-container .col-lg-5 .tile,
.thematic-page-container .col-lg-5 .single-tile,
.default-template-container .col-lg-5 .single-tile,
#default-container>.row .col-lg-5>.single-tile,
#default-container>.row .col-lg-5>.tile {
	width: 20%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

	.thematic-page-container .col-lg-5 .tile,
	.default-template-container .col-lg-5 .tile,
	.thematic-page-container .col-lg-5 .single-tile,
	.default-template-container .col-lg-5 .single-tile,
	#default-container>.row .col-lg-5>.single-tile,
	#default-container>.row .col-lg-5>.tile {
		width: 33.333334% !important
	}
}

.thematic-page-container .col-lg-4 .tile,
.default-template-container .col-lg-4 .tile,
.thematic-page-container .col-lg-4 .single-tile,
.default-template-container .col-lg-4 .single-tile,
#default-container>.row .col-lg-4>.single-tile,
#default-container>.row .col-lg-4>.tile {
	width: 25%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

	.thematic-page-container .col-lg-4 .tile,
	.default-template-container .col-lg-4 .tile,
	.thematic-page-container .col-lg-4 .single-tile,
	.default-template-container .col-lg-4 .single-tile,
	#default-container>.row .col-lg-4>.single-tile,
	#default-container>.row .col-lg-4>.tile {
		width: 33.333334% !important
	}
}

.thematic-page-container .col-lg-3 .tile,
.default-template-container .col-lg-3 .tile,
.thematic-page-container .col-lg-3 .single-tile,
.default-template-container .col-lg-3 .single-tile,
#default-container>.row .col-lg-3>.single-tile,
#default-container>.row .col-lg-3>.tile {
	width: 33.333334%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

	.thematic-page-container .col-lg-3 .tile,
	.default-template-container .col-lg-3 .tile,
	.thematic-page-container .col-lg-3 .single-tile,
	.default-template-container .col-lg-3 .single-tile,
	#default-container>.row .col-lg-3>.single-tile,
	#default-container>.row .col-lg-3>.tile {
		width: 50% !important
	}
}

.thematic-page-container .col-lg-2 .tile,
.default-template-container .col-lg-2 .tile,
.thematic-page-container .col-lg-2 .single-tile,
.default-template-container .col-lg-2 .single-tile,
#default-container>.row .col-lg-2>.single-tile,
#default-container>.row .col-lg-2>.tile {
	width: 50%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

	.thematic-page-container .col-lg-2 .tile,
	.default-template-container .col-lg-2 .tile,
	.thematic-page-container .col-lg-2 .single-tile,
	.default-template-container .col-lg-2 .single-tile,
	#default-container>.row .col-lg-2>.single-tile,
	#default-container>.row .col-lg-2>.tile {
		width: 100% !important
	}
}

.thematic-page-container .col-lg-1 .tile,
.default-template-container .col-lg-1 .tile,
.thematic-page-container .col-lg-1 .single-tile,
.default-template-container .col-lg-1 .single-tile,
#default-container>.row .col-lg-1>.single-tile,
#default-container>.row .col-lg-1>.tile {
	width: 100%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

	.thematic-page-container .col-lg-1 .tile,
	.default-template-container .col-lg-1 .tile,
	.thematic-page-container .col-lg-1 .single-tile,
	.default-template-container .col-lg-1 .single-tile,
	#default-container>.row .col-lg-1>.single-tile,
	#default-container>.row .col-lg-1>.tile {
		width: 100% !important
	}
}

.thematic-page-container .single-tile a.tile,
.default-template-container .single-tile a.tile,
#default-container>.row .single-tile a.tile {
	width: 100% !important
}

.thematic-page-container .col .tile,
.default-template-container .col .tile,
.thematic-page-container .col .single-tile,
.default-template-container .col .single-tile,
#default-container>.row .col .single-tile,
#default-container>.row .col .tile {
	height: inherit
}

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

	.thematic-page-container .col .tile,
	.default-template-container .col .tile,
	.thematic-page-container .col .single-tile,
	.default-template-container .col .single-tile,
	#default-container>.row .col .single-tile,
	#default-container>.row .col .tile {
		width: 16.6666666667%
	}
}

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

	.thematic-page-container .col .tile,
	.default-template-container .col .tile,
	.thematic-page-container .col .single-tile,
	.default-template-container .col .single-tile,
	#default-container>.row .col .single-tile,
	#default-container>.row .col .tile {
		width: 20%
	}
}

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

	.thematic-page-container .col .tile,
	.default-template-container .col .tile,
	.thematic-page-container .col .single-tile,
	.default-template-container .col .single-tile,
	#default-container>.row .col .single-tile,
	#default-container>.row .col .tile {
		width: 16.6666666667%
	}
}

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

	.thematic-page-container .col .tile,
	.default-template-container .col .tile,
	.thematic-page-container .col .single-tile,
	.default-template-container .col .single-tile,
	#default-container>.row .col .single-tile,
	#default-container>.row .col .tile {
		width: 20%
	}
}

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

	.thematic-page-container .col .tile,
	.default-template-container .col .tile,
	.thematic-page-container .col .single-tile,
	.default-template-container .col .single-tile,
	#default-container>.row .col .single-tile,
	#default-container>.row .col .tile {
		width: 25%
	}
}

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

	.thematic-page-container .col .tile,
	.default-template-container .col .tile,
	.thematic-page-container .col .single-tile,
	.default-template-container .col .single-tile,
	#default-container>.row .col .single-tile,
	#default-container>.row .col .tile {
		width: 33.333334%
	}
}

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

	.thematic-page-container .col .tile,
	.default-template-container .col .tile,
	.thematic-page-container .col .single-tile,
	.default-template-container .col .single-tile,
	#default-container>.row .col .single-tile,
	#default-container>.row .col .tile {
		width: 50%
	}
}


.thematic-page-container .col .tile>span,
.thematic-page-container .col .tile>i,
.default-template-container .col .tile>span,
.default-template-container .col .tile>i,
.thematic-page-container .col .single-tile>span,
.thematic-page-container .col .single-tile>i,
.default-template-container .col .single-tile>span,
.default-template-container .col .single-tile>i,
#default-container>.row .col .single-tile>span,
#default-container>.row .col .single-tile>i,
#default-container>.row .col .tile>span,
#default-container>.row .col .tile>i {
	position: absolute
}

.thematic-page-container .col .tile>span,
.default-template-container .col .tile>span,
.thematic-page-container .col .single-tile>span,
.default-template-container .col .single-tile>span,
#default-container>.row .col .single-tile>span,
#default-container>.row .col .tile>span {
	height: 40px;
	width: calc(100% - 16px);
	left: 0
}

.thematic-page-container .col .tile>span>span,
.default-template-container .col .tile>span>span,
.thematic-page-container .col .single-tile>span>span,
.default-template-container .col .single-tile>span>span,
#default-container>.row .col .single-tile>span>span,
#default-container>.row .col .tile>span>span {
	width: 100%;
	position: relative;
	padding: 0 10px
}

.thematic-page-container .col .tile>i,
.default-template-container .col .tile>i,
.thematic-page-container .col .single-tile>i,
.default-template-container .col .single-tile>i,
#default-container>.row .col .single-tile>i,
#default-container>.row .col .tile>i {
	top: 45%;
	left: 0;
	width: 100%
}

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

	.thematic-page-container .col .tile>i,
	.default-template-container .col .tile>i,
	.thematic-page-container .col .single-tile>i,
	.default-template-container .col .single-tile>i,
	#default-container>.row .col .single-tile>i,
	#default-container>.row .col .tile>i {
		font-size: 250%
	}
}

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

	.thematic-page-container .col .tile>i,
	.default-template-container .col .tile>i,
	.thematic-page-container .col .single-tile>i,
	.default-template-container .col .single-tile>i,
	#default-container>.row .col .single-tile>i,
	#default-container>.row .col .tile>i {
		font-size: 64px
	}
}

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

	.thematic-page-container .col .tile>i,
	.default-template-container .col .tile>i,
	.thematic-page-container .col .single-tile>i,
	.default-template-container .col .single-tile>i,
	#default-container>.row .col .single-tile>i,
	#default-container>.row .col .tile>i {
		font-size: 200%
	}
}

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

	.thematic-page-container .col .tile>i,
	.default-template-container .col .tile>i,
	.thematic-page-container .col .single-tile>i,
	.default-template-container .col .single-tile>i,
	#default-container>.row .col .single-tile>i,
	#default-container>.row .col .tile>i {
		top: 43%
	}
}

.thematic-page-container .col .single-tile:after,
.default-template-container .col .single-tile:after,
#default-container>.row .col .single-tile:after {
	content: none
}

.thematic-page-container .h2-wrapper,
.default-template-container .h2-wrapper {
	border: 0
}

.thematic-page-container .h2-wrapper h2,
.default-template-container .h2-wrapper h2 {
	line-height: 1.2;
	margin: -0.4em 0 0.5em 0;
	font-weight: 300;
	display: none
}

.thematic-page-container .bottom-link-wrapper,
.default-template-container .bottom-link-wrapper {
	display: none
}

.thematic-page-container .homepage-with-news .slider-container,
.default-template-container .homepage-with-news .slider-container {
	margin-bottom: 30px
}

.thematic-page-container .col-lg-11 .panel-content article,
.thematic-page-container .col-lg-10 .panel-content article,
.default-template-container .col-lg-11 .panel-content article,
.default-template-container .col-lg-10 .panel-content article {
	width: 33.333334%;
	float: left
}

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

	.thematic-page-container .col-lg-11 .panel-content article,
	.thematic-page-container .col-lg-10 .panel-content article,
	.default-template-container .col-lg-11 .panel-content article,
	.default-template-container .col-lg-10 .panel-content article {
		width: 50%
	}
}

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

	.thematic-page-container .col-lg-11 .panel-content article,
	.thematic-page-container .col-lg-10 .panel-content article,
	.default-template-container .col-lg-11 .panel-content article,
	.default-template-container .col-lg-10 .panel-content article {
		width: 100%;
		clear: both
	}
}

.thematic-page-container .col-lg-9 .panel-content article,
.thematic-page-container .col-lg-8 .panel-content article,
.default-template-container .col-lg-9 .panel-content article,
.default-template-container .col-lg-8 .panel-content article {
	width: 50%;
	float: left
}

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

	.thematic-page-container .col-lg-9 .panel-content article,
	.thematic-page-container .col-lg-8 .panel-content article,
	.default-template-container .col-lg-9 .panel-content article,
	.default-template-container .col-lg-8 .panel-content article {
		width: 100%;
		clear: both
	}
}

.thematic-page-container .view-header .view-options .popup-menu-handler.handler-displaymode:before,
.default-template-container .view-header .view-options .popup-menu-handler.handler-displaymode:before {
	top: 5px
}

.thematic-page-container .thumbnail-view .detail,
.default-template-container .thumbnail-view .detail {
	border: 0
}

.thematic-page-container .screen.empty-navigation.sys-views-process,
.thematic-page-container .screen.empty-navigation.sys-application-portal-filecenter-folders,
.default-template-container .screen.empty-navigation.sys-views-process,
.default-template-container .screen.empty-navigation.sys-application-portal-filecenter-folders {
	width: 100%
}

.thematic-page-container .sys-application-portal-filecenter-folders .navigation-area .list-view .detail a,
.default-template-container .sys-application-portal-filecenter-folders .navigation-area .list-view .detail a {
	padding-left: 30px
}

.thematic-page-container .sys-application-portal-filecenter-folders .navigation-area .list-view .detail a:after,
.default-template-container .sys-application-portal-filecenter-folders .navigation-area .list-view .detail a:after {
	content: "\e94a";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	color: #faa700;
	position: absolute;
	left: 4px;
	z-index: +1
}

.thematic-page-container .navigation-area>div>div>table,
.default-template-container .navigation-area>div>div>table {
	display: inline-flex
}

.thematic-page-container .navigation-area>div>div>table>tbody>tr,
.default-template-container .navigation-area>div>div>table>tbody>tr {
	display: inline
}

.thematic-page-container .navigation-area>div>div>table>tbody>tr>td,
.default-template-container .navigation-area>div>div>table>tbody>tr>td {
	width: auto;
	display: inline-block
}

.thematic-page-container .sys-application-portal-filecenter-folders .view-area a,
.default-template-container .sys-application-portal-filecenter-folders .view-area a {
	border: 0;
	overflow-wrap: break-word;
	word-break: break-all
}

.thematic-page-container .sys-application-portal-filecenter-folders .view-area a:hover,
.default-template-container .sys-application-portal-filecenter-folders .view-area a:hover {
	border-bottom: 1px dotted #0128C0
}

.thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view tr,
.default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view tr {
	display: inline
}

.thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td,
.default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td {
	display: inline-flex;
	justify-content: center
}

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

	.thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td,
	.default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td {
		width: 33.333333334%
	}
}

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

	.thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td,
	.default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td {
		width: 50%
	}
}

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

	.thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td,
	.default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td {
		width: 100%
	}
}

.thematic-page-container .thumbnail-view .detail,
.default-template-container .thumbnail-view .detail {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.thematic-page-container .thumbnail-view .detail .thumbnail-zone,
.default-template-container .thumbnail-view .detail .thumbnail-zone {
	width: auto
}

.thematic-page-container .thumbnail-view .detail .thumbnail-zone .thumbnail,
.default-template-container .thumbnail-view .detail .thumbnail-zone .thumbnail {
	font-size: 0
}

.thematic-page-container .thumbnail-view .detail .thumbnail-zone,
.default-template-container .thumbnail-view .detail .thumbnail-zone {
	display: flex;
	align-items: center
}

.thematic-page-container .streamline .streamline-entry:before,
.default-template-container .streamline .streamline-entry:before {
	content: none
}

.thematic-page-container .streamline,
.default-template-container .streamline {
	display: flex;
	align-items: center
}

.thematic-page-container .navigation-area .streamline .action-root,
.default-template-container .navigation-area .streamline .action-root {
	height: 30px;
	width: 30px;
	background-image: none;
	top: -4px
}

.thematic-page-container .navigation-area .streamline .action-root:before,
.default-template-container .navigation-area .streamline .action-root:before {
	content: "\e918";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	color: #4d4d4d;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: +1
}

.thematic-page-container .navigation-area .streamline .action-root:after,
.default-template-container .navigation-area .streamline .action-root:after {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	background-color: #d4d4d4;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	z-index: 0
}

.thematic-page-container .navigation-area .streamline .action-root:hover:after,
.thematic-page-container .navigation-area .streamline .action-root:focus:after,
.default-template-container .navigation-area .streamline .action-root:hover:after,
.default-template-container .navigation-area .streamline .action-root:focus:after {
	opacity: 0.5;
	transform: scale(1);
	transition: all 0.05s linear
}

.thematic-page-container .streamline .streamline-entry a,
.default-template-container .streamline .streamline-entry a {
	position: relative;
	z-index: +1;
	padding: 3px 5px;
	display: inline
}

.thematic-page-container .streamline .streamline-entry a:before,
.default-template-container .streamline .streamline-entry a:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	background-color: #d4d4d4;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	z-index: -1
}

.thematic-page-container .streamline .streamline-entry a:hover:before,
.thematic-page-container .streamline .streamline-entry a:focus:before,
.default-template-container .streamline .streamline-entry a:hover:before,
.default-template-container .streamline .streamline-entry a:focus:before {
	opacity: 0.5;
	transform: scale(1);
	transition: all 0.05s linear
}

.thematic-page-container .streamline:before,
.default-template-container .streamline:before {
	line-height: inherit;
	display: inline;
	vertical-align: inherit;
	margin: 0 10px 0 0
}

.thematic-page-container .panel-content>a {
	text-align: left;
	padding: 10px 5px;
	padding-left: 25px;
	border: 0;
	color: #4d4d4d;
	font-size: 18px;
	font-weight: 700;
	line-height: 48px;
	position: relative;
	z-index: +1
}

.thematic-page-container .panel-content>a:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	background-color: #e0e0e0;
	transform: scale(0.8);
	border-radius: 5px;
	transition: all 0.1s linear;
	z-index: -1
}

.thematic-page-container .panel-content>a:hover:before,
.thematic-page-container .panel-content>a:focus:before {
	opacity: 1;
	transform: scale(1);
	transition: all 0.05s linear
}

.thematic-page-container .panel-content>a:after {
	content: "\e962";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 20px;
	font-size: 24px;
	position: absolute;
	top: 24px;
	left: 2px;
	transform: rotate(-90deg)
}

.thematic-page-container .block-btn,
.default-template-container .block-btn {
	margin-bottom: 22px;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap
}

.block-btn>a {
	min-width: 48%;
	width: auto
}

.thematic-page-container .block-btn .button1,
.default-template-container .block-btn .button1 {
	font-size: 24px;
	font-weight: 700;
	line-height: 58px;
	background-color: #02C2EF;
	color: #fff;
	height: 60px;
	padding: 0 10px;
	display: inline-block;
	border: none;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 15px;
	transition: opacity 0.1s linear
}

@media (max-width: 767px) {

	.thematic-page-container .block-btn .button1,
	.default-template-container .block-btn .button1 {
		height: 32px;
		font-size: 16px;
		line-height: 32px
	}
}

.thematic-page-container .block-btn .button1:before,
.default-template-container .block-btn .button1:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.thematic-page-container .block-btn .button1:hover:before,
.default-template-container .block-btn .button1:hover:before {
	opacity: 0.2;
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.thematic-page-container .block-btn .button2,
.default-template-container .block-btn .button2,
.thematic-page-container .block-btn a,
.default-template-container .block-btn a {
	font-size: 24px;
	font-weight: 700;
	line-height: 58px;
	background-color: #f2f2f2;
	color: #666;
	height: 60px;
	padding: 0 10px;
	display: inline-block;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 15px;
	transition: opacity 0.1s linear;
	z-index: +1
}

@media (max-width: 767px) {

	.thematic-page-container .block-btn .button2,
	.default-template-container .block-btn .button2,
	.thematic-page-container .block-btn a,
	.default-template-container .block-btn a {
		height: 32px;
		font-size: 16px;
		line-height: 32px
	}
}

.thematic-page-container .block-btn .button2:before,
.default-template-container .block-btn .button2:before,
.thematic-page-container .block-btn a:before,
.default-template-container .block-btn a:before {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear;
	z-index: -1
}

.thematic-page-container .block-btn .button2:hover:before,
.default-template-container .block-btn .button2:hover:before,
.thematic-page-container .block-btn a:hover:before,
.default-template-container .block-btn a:hover:before {
	opacity: 1;
	transition: transform 0.2s ease-out, opacity 0.05s linear
}

.thematic-page-container .block-contact h4,
.default-template-container .block-contact h4 {
	font-size: 18px;
	margin-bottom: 0;
	line-height: 1.3
}

.thematic-page-container .block-contact h4+p,
.default-template-container .block-contact h4+p {
	font-size: 16px
}

.thematic-page-container .block-contact a,
.default-template-container .block-contact a {
	font-size: 16px
}

.thematic-page-container .block-contact h6,
.default-template-container .block-contact h6 {
	font-size: 16px;
	font-weight: normal;
	line-height: 21px
}

.thematic-page-container .block-contact .tel-numbers h6,
.default-template-container .block-contact .tel-numbers h6 {
	display: inline-block;
	position: relative;
	padding-left: 20px
}

.thematic-page-container .block-contact .tel-numbers h6:nth-child(2),
.default-template-container .block-contact .tel-numbers h6:nth-child(2) {
	margin-left: 10px
}

.thematic-page-container .block-contact .tel-numbers h6.fix:before,
.default-template-container .block-contact .tel-numbers h6.fix:before {
	content: "\e92c";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: -5px;
	color: #4d4d4d;
	font-size: 24px
}

.thematic-page-container .block-contact .tel-numbers h6.portable:before,
.default-template-container .block-contact .tel-numbers h6.portable:before {
	content: "\e92b";
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: -5px;
	color: #4d4d4d;
	font-size: 24px
}

.thematic-page-container .block-contact+.block-contact,
.default-template-container .block-contact+.block-contact {
	border-top: 1px solid #b3b3b3
}

#cboxLoadedContent {
	margin-bottom: 0 !important
}

#cboxLoadedContent img {
	height: 100%
}

.thematic-page-container .fields-group>table,
.default-template-container .fields-group>table {
	width: 100%
}

.home-tiles {
	margin: -8px -10px 22px
}

@media (max-width: 640px) {
	.home-tiles {
		margin: inherit
	}
}

@media (max-width: 544px) {
	.home-tiles {
		margin: -8px 5px 22px
	}
}

.tile {
	font-size: 16px;
	font-weight: normal;
	line-height: 19px;
	display: block;
	width: 14.28%;
	height: 150px;
	padding: 8px;
	position: relative;
	text-align: center;
	text-decoration: none;
	border: none
}

.tile:hover {
	opacity: 1;
	border: none
}

.tile>span {
	display: block;
	margin: 5px;
	position: relative;
	z-index: 2
}

.tile>span:before {
	content: '';
	width: 0;
	height: 38px
}

.tile>span:before,
.tile span span {
	display: inline-block;
	vertical-align: middle;
	max-height: 40px;
	overflow: hidden
}

.tile:not(.more):hover>span:after,
.tile:not(.more):focus>span:after {
	background-color: #fff;
	box-shadow: -3px -3px 10px 10px #fff
}

.tile span span {
	width: 100%;
	vertical-align: middle;
	word-wrap: break-word
}

.tile.more>span {
	margin: 30px 10px 0
}

.tile>i {
	display: block;
	height: 64px;
	line-height: 64px;
	position: relative;
	z-index: 3
}

.tile.more i {
	height: 40px;
	line-height: 40px
}

.tile:focus {
	outline: none;
	border: none
}

.tile:before {
	content: '';
	display: block;
	border-radius: 5px;
	position: absolute;
	transform-origin: center center;
	z-index: 1;
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	transition: all 0.25s linear;
	background-color: #fff;
	box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
	border-style: solid;
	border-width: 0 0 2px
}

.tile:hover:before,
.tile:focus:before {
	transform: scale(1.06);
	transition: all 0.1s linear;
	opacity: 1
}

.tile.more:before {
	opacity: 0.5;
	border-color: #fff
}

.tile.more:hover:before,
.tile.more:focus:before {
	opacity: 0.8
}

.tile:active:before {
	transform: scale(1.02)
}

.tile .notif-counter {
	border-color: #e6e6e6;
	position: absolute;
	top: -2px;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 23px
}

.tile .tile-title {
	display: inline-block;
}

button.tile-help {
	position: absolute;
	left: 0;
	bottom: 2px;
	height: 46px;
	line-height: 46px;
	width: 46px;
	padding: 0;
	text-align: center;
	opacity: 0.4;
	transition: all 0.15s linear;
	z-index: 20
}

button.tile-help i {
	padding: 0
}

.tile:hover button.tile-help,
.tile:focus button.tile-help {
	opacity: 0.4
}

.tile button.tile-help:hover,
.tile button.tile-help:focus {
	opacity: 0.8
}

.tile:active button.tile-help {
	opacity: 0.4
}

.tile-help:before {
	display: none
}

.section-applications>div {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap
}

.section-applications .tile {
	width: 20%
}

@media screen and (max-width: 1679px) {
	.section-applications .tile {
		width: 23%
	}
}

@media screen and (max-width: 1365px) {
	.section-applications .tile {
		width: 30%
	}
}

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

	.section-applications .home-tile,
	.section-applications .tile {
		width: 35%
	}
}

@media screen and (max-width: 979px) {
	.section-applications .tile {
		width: 25%
	}
}

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

	.section-applications .home-tile,
	.section-applications .tile {
		width: 33.33%
	}
}

@media screen and (max-width: 639px) {
	.section-applications .tile {
		width: 50%
	}
}

.apps-menu .tile {
	font-size: 14px;
	line-height: 20px;
	width: 120px;
	height: 120px;
	padding: 5px
}

.apps-menu .category {
	transition: all .3s ease;
	overflow: hidden
}

.apps-menu .tile:before {
	width: calc(100% - 10px);
	height: calc(100% - 10px)
}

.apps-menu .tile:hover:before,
.apps-menu .tile:focus:before {
	transform: scale(1.055)
}

.apps-menu .tile .notif-counter {
	border-color: #e0e0e0
}

.apps-menu .tile>i {
	font-size: 48px;
	line-height: 48px;
	height: 48px
}

.apps-menu .tile>span {
	margin: 8px 5px 5px
}

.apps-menu .tile .notif-counter {
	font-size: 13px;
	line-height: 18px;
	width: 26px;
	height: 26px
}

.col-xs-12>.home-tiles .tile {
	width: 10%
}

@media screen and (min-width: 1700px) {

	.all-apps .tile,
	.col-xs-12>.home-tiles .tile {
		width: 10%
	}
}

@media screen and (max-width: 1599px) {
	.tile {
		width: 20%
	}

	.all-apps .tile {
		width: 13%
	}

	.col-xs-12>.home-tiles .tile {
		width: 12%
	}
}

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

	.tile,
	.all-apps .tile {
		width: 16.66%
	}
}

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

	.tile,
	.all-apps .tile,
	.col-xs-12>.home-tiles .tile {
		width: 16.66%
	}
}

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

	.tile,
	.all-apps .tile,
	.col-xs-12>.home-tiles .tile {
		width: 25%
	}
}

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

	.tile,
	.all-apps .tile,
	.col-xs-12>.home-tiles .tile {
		width: 33.33%
	}

	.homepage-with-news .home-tiles {
		margin-top: 15px
	}
}

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

	.tile,
	.all-apps .tile,
	.col-xs-12>.home-tiles .tile {
		width: 50%
	}
}

.middle-office-links .tile {
	width: 160px !important
}

.middle-office-links .tile:before {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.col-lg-8 .tile {
	width: 14.2857142857%;
	height: inherit
}

@media screen and (max-width: 1599px) {
	.col-lg-8 .tile {
		width: 16.6666666667%
	}
}

@media screen and (max-width: 1365px) {
	.col-lg-8 .tile {
		width: 20%
	}
}

@media screen and (max-width: 1199px) {
	.col-lg-8 .tile {
		width: 16.6666666667%
	}
}

@media screen and (max-width: 979px) {
	.col-lg-8 .tile {
		width: 20%
	}
}

@media screen and (max-width: 860px) {
	.col-lg-8 .tile {
		width: 25%
	}
}

@media screen and (max-width: 639px) {
	.col-lg-8 .tile {
		width: 33.333334%
	}
}

@media screen and (max-width: 430px) {
	.col-lg-8 .tile {
		width: 50%
	}
}

.col-lg-8 .tile:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.col-lg-8 .tile>span,
.col-lg-8 .tile>i {
	position: absolute
}

.col-lg-8 .tile>span {
	height: 40px;
	width: calc(100% - 16px);
	left: 0
}

.col-lg-8 .tile>span>span {
	width: 100%;
	position: relative;
	padding: 0 10px
}

.col-lg-8 .tile>i {
	top: 45%;
	left: 0;
	width: 100%
}

@media screen and (max-width: 550px) {
	.col-lg-8 .tile>i {
		font-size: 250%
	}
}

@media screen and (max-width: 430px) {
	.col-lg-8 .tile>i {
		font-size: 64px
	}
}

@media screen and (max-width: 350px) {
	.col-lg-8 .tile>i {
		font-size: 200%
	}
}

@media screen and (max-width: 320px) {
	.col-lg-8 .tile>i {
		top: 43%
	}
}

.all-apps .tile {
	width: 14.2857142857%;
	height: inherit
}

@media screen and (min-width: 1599px) {
	.all-apps .tile {
		width: 10%
	}
}

@media screen and (max-width: 1599px) {
	.all-apps .tile {
		width: 12.5%
	}
}

@media screen and (max-width: 1365px) {
	.all-apps .tile {
		width: 14.2857142857%
	}
}

@media screen and (max-width: 1199px) {
	.all-apps .tile {
		width: 16.6666666667%
	}
}

@media screen and (max-width: 979px) {
	.all-apps .tile {
		width: 20%
	}
}

@media screen and (max-width: 860px) {
	.all-apps .tile {
		width: 25%
	}
}

@media screen and (max-width: 639px) {
	.all-apps .tile {
		width: 33.333334%
	}
}

@media screen and (max-width: 430px) {
	.all-apps .tile {
		width: 50%
	}
}

.all-apps .tile:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.all-apps .tile>span,
.all-apps .tile>i {
	position: absolute
}

.all-apps .tile>span {
	height: 40px;
	width: calc(100% - 16px);
	left: 0
}

.all-apps .tile>span>span {
	width: 100%;
	position: relative;
	padding: 0 10px
}

.all-apps .tile>i {
	top: 45%;
	left: 0;
	width: 100%
}

@media screen and (max-width: 550px) {
	.all-apps .tile>i {
		font-size: 250%
	}
}

@media screen and (max-width: 430px) {
	.all-apps .tile>i {
		font-size: 64px
	}
}

@media screen and (max-width: 350px) {
	.all-apps .tile>i {
		font-size: 200%
	}
}

@media screen and (max-width: 320px) {
	.all-apps .tile>i {
		top: 43%
	}
}

.tile-group.self-clear.category-applications,
.category-tiles.self-clear {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	src: url("../fonts/source-sans-pro/SourceSansPro-Light.ttf.woff2") format("woff2"), url("../fonts/source-sans-pro/SourceSansPro-Light.otf.woff") format("woff")
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	src: url("../fonts/source-sans-pro/SourceSansPro-Regular.ttf.woff2") format("woff2"), url("../fonts/source-sans-pro/SourceSansPro-Regular.otf.woff") format("woff")
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	src: url("../fonts/source-sans-pro/SourceSansPro-Bold.ttf.woff2") format("woff2"), url("../fonts/source-sans-pro/SourceSansPro-Bold.otf.woff") format("woff")
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	src: url("../fonts/source-sans-pro/SourceSansPro-Black.ttf.woff2") format("woff2"), url("../fonts/source-sans-pro/SourceSansPro-Black.otf.woff") format("woff")
}


@font-face {
	font-family: "futura-pt";
	src: url("../fonts/futura-pt.woff2") format("woff2"), url("../fonts/futura-pt.woff") format("woff"), url("../fonts/futura-pt.opentype") format("opentype");
	font-display: auto;
	font-style: normal;
	font-weight: 500;
}

h4 {
	font-size: 18px;
	text-align: left;
	letter-spacing: 0px;
	color: #0095D1;
	opacity: 1;
}

h5 {
	font-size: .9em;
	font-weight: normal
}

h6 {
	font-size: 0.7em
}

@media screen and (max-width: 1365px) {
	h2 {
		font-size: 26px
	}

	h3 {
		font-size: 18px
	}
}

@media screen and (max-width: 639px) {
	small {
		font-size: 12px !important
	}
}

.username span {
	line-height: 28px;
	padding: 10px
}

.user-profil .section {
	border-radius: 0;
	box-shadow: none;
}



.user-profil .title-zone-if-shortcut-bar {
	padding-left: 15px
}


.user-profil .user-panel-left {
	margin-bottom: 20px;
	position: relative;
	width: 100px;
	height: 100px;
	display: inline-block;
}

.user-profil h1 {
	display: inline-block;
}

.user-profil .user-panel-left img.profile-avatar {
	width: 100px;
	border-radius: 5px;
}

.user-profil .user-panel-left .upload-avatar-button {
	position: absolute;
	top: -5px;
	right: -5px;
	transition: opacity 0.1s linear;
	background-color: #ededed;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 5px;
}


.user-profil .user-panel-left .remove-avatar-button {
	position: absolute;
	top: -15px;
	right: 36px;
	transition: opacity 0.1s linear;
	background-color: #ededed;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 5px;
}

.user-profil .user-panel-left .remove-avatar-button>span:before {
	position: absolute;
	display: block;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e925";
	width: 100%;
	height: 100%;
	top: -4px;
	left: 0px;
	line-height: 10px;
	font-size: 18px;
	color: red;
}

@media screen and (max-width: 544px) {
	.user-profil .user-panel-left .upload-avatar-button {
		top: 5px;
		right: 5px
	}
}

.user-profil .user-panel-left .upload-avatar-button>span {
	position: relative;
	display: block;
	font-size: 0
}

.user-profil .user-panel-left .upload-avatar-button>span:before {
	position: absolute;
	display: block;
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e92a";
	width: 100%;
	height: 100%;
	top: -2px;
	left: -8px;
	line-height: 10px;
	font-size: 18px;
	color: #0128C0
}

.user-profil .user-panel-left .upload-avatar-button:hover {
	opacity: 1
}

.user-profil .user-panel-left .upload-avatar-button:after {
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #fff;
	transition: transform 0.4s ease-out, opacity 0.1s linear
}

.user-profil .user-panel-left .upload-avatar-button:hover:after {
	opacity: 0.8
}


.user-profil .user-panel-right {
	width: 100%;
	box-shadow: 0px 2px 3px rgb(2 42 102 / 10%);
	background-color: #FFF;
}

.user-profil .user-panel-right:after {
	content: '';
	background: url(../img/plante.png) no-repeat;
	width: 77px;
	height: 96px;
	position: absolute;
	bottom: 15px;
	right: 40px;
}

.user-profil .user-panel-right .button-area.document-top-buttons {
	padding: 0
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section {
	border: 0;
	margin: 0;
	padding: 20px;
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2 {
	display: none
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group {
	margin: 0;
	padding: 0
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group td.cell-left {
	text-align: left;
	min-width: 250px
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group td.cell-right:empty:before {
	content: " -"
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group td.cell-right a.postaction {
	display: block;
	text-decoration: underline dotted;
	border-bottom: 0;
	text-decoration-skip-ink: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 270px
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group td.cell-right a.postaction:hover {
	text-decoration: underline
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section {
	margin-left: 0;
	border: 0
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section h2 {
	position: relative;
	background-color: transparent;
	z-index: +1;
	padding-left: 0
}

@media screen and (min-width: 979px) {
	.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section h2:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 8px;
		top: 44%;
		right: -50%;
		background-color: #e0e0e0;
		z-index: -1
	}
}

@media screen and (max-width: 430px) {
	.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section h2 {
		padding: 10px
	}
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section h2>span {
	font-size: 24px;
	background-color: #fff;
	padding-right: 25px
}

@media screen and (max-width: 430px) {
	.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section h2>span {
		font-size: 20px
	}
}

.user-profil .user-panel-right .fields-group tr {
	display: inline-block;
	width: 50%;
	margin-bottom: 20px;
}

.user-profil .user-panel-right .fields-group tr:nth-child(7) {
	width: 100%;
	padding-bottom: 40px;
	border-bottom: 1px solid #0128C0;
}

.user-profil .user-panel-right .fields-group tr:nth-child(8),
.user-profil .user-panel-right .fields-group tr:nth-child(9),
.user-profil .user-panel-right .fields-group tr:nth-child(10) {
	width: 100%;
}

.user-profil .user-panel-right .fields-group td.cell-left,
.user-profil .user-panel-right .fields-group td.cell-right {
	width: 100%;
	display: block;
}

.user-profil .user-panel-right .fields-group td.cell-right input {
	width: 75%;
}

.user-profil .user-panel-right .action-close {
	display: none
}

.user-profil .user-panel-right-list {
	padding: 0;
	list-style: none
}

.user-profil .user-panel-right-list li {
	padding: 0 0 20px 0
}

.user-profil .user-panel-right-list li div {
	display: table
}

.user-profil .user-panel-right-list li div label,
.user-profil .user-panel-right-list li div span {
	display: table-cell
}

.user-profil .panel {
	margin-top: 25px;
	padding: 15px 0
}

.user-profil .panel .user-panel-right i {
	display: inline-block;
	vertical-align: middle;
	height: 48px;
	width: 48px;
	background: #00adb0;
	border-radius: 50%;
	line-height: 48px;
	text-align: center;
	color: #fff
}

.user-profil .user-panel-right-list label {
	font-weight: 700;
	width: 150px;
	display: inline-block
}

.user-profil .user-panel-right-list span {
	width: calc(100% - 150px)
}

.user-profil .user-panel-right-list label,
.user-profil .user-panel-right-list span {
	margin-left: 10px
}

.userProfile-edit .action-close {
	display: none
}

@media screen and (max-width: 544px) {
	.userProfile-edit .fields-area+.button-area {
		padding-left: 5px
	}
}

.userProfile-edit .fields-area+.button-area.document-bottom-buttons li.last {
	width: 100%;
	text-align: left
}

.userProfile-edit .fields-area+.button-area.document-bottom-buttons .action-saveandclose {
	margin-left: 250px
}

@media screen and (max-width: 919px) {
	.userProfile-edit .fields-area+.button-area.document-bottom-buttons .action-saveandclose {
		margin-left: 0
	}
}

.user-profil .user-panel-right .buttons-group ul {
	text-align: center;
}

.user-profil .user-panel-right .buttons-group ul .last button {
	margin: 0
}












.not-implemented {
	position: relative;
	-ms-filter: blur(8px);
	filter: blur(8px);
	user-select: none;
	cursor: not-allowed;
	pointer-events: none
}

.hidden {
	display: none
}

.view-area .popup-menu-handler img.button-imgr {
	border: 0;
	background-color: transparent
}

.table-view li.text-list {
	display: inline-block
}

.table-view li.text-list:first-child::before {
	content: ""
}

.table-view li.text-list::before {
	content: "\00a0/\00a0"
}

.webexplorer {
	height: 100%;
	background: white
}

.webexplorer .container-fluid {
	padding-left: inherit;
	padding-right: inherit
}

.webexplorer .row {
	margin-left: inherit;
	margin-right: inherit
}


.webexplorer_container {
	box-shadow: 0px 2px 3px rgb(2 42 102 / 10%);
}

.elfinder-navbar-wrapper,
.elfinder-place-wrapper {
	color: #1F0098;
}

#default-container .elfinder .ui-state-active {
	color: #02C2EF;
}

#default-container td.ui-state-hover {
	color: #1F0098;
}


#default-container .elfinder .elfinder-buttonset {
	margin-right: 15px;
	padding-right: 15px;
}




.welcome {
	background-color: #1c5959;
	color: #fff;
	padding: 1.667em 30px 3.889em;
	background-size: cover
}

.welcome-inner {
	letter-spacing: -0.25em
}

.welcome-inner>* {
	letter-spacing: normal
}

.welcome-inner .col-xs-12 {
	padding: 0
}

.welcome-inner {
	margin: 0 auto;
	max-width: 1620px
}

.main-inner {
	margin: 0 auto;
	height: 100%;
}





.home-button-big-wrapper {
	padding-left: 160px
}

.home-col {
	float: left
}

.home-left-col {
	width: calc(100% - 440px);
	margin-right: 30px
}

.home-right-col {
	width: 410px
}

.h2-wrapper {
	border-bottom: 5px solid #e0e0e0;
	margin-bottom: 15px
}

.h2-wrapper h2 {
	margin: 0 0 12px;
	line-height: 30px;
	font-weight: 300;
	color: #000
}

.h2-wrapper a {
	font-size: .889em;
	font-weight: 700;
	display: block;
	float: right;
	margin-top: 0.55em
}

.activity>div {
	float: left;
	padding: 30px;
	width: 100%
}

.activity ul {
	list-style: none
}

.activity ul li>* {
	display: inline-block;
	vertical-align: middle
}

.activity ul i {
	margin-right: 20px;
	width: 32px;
	height: 32px;
	line-height: 32px
}

.activity ul span {
	width: calc(100% - 52px);
	padding: 15px 0
}

.bottom-link-wrapper {
	text-align: center;
	clear: both
}

.bottom-link-wrapper a {
	font-weight: 700;
	line-height: 16px;
	color: #0128C0
}

@media screen and (max-width: 1199px) {
	#main-content-column {
		width: 100%
	}
}

@media screen and (max-width: 1365px) {
	#main-content-column {
		width: 100%
	}

	#main-content-column {
		padding-right: 0
	}

	.welcome-search {
		width: 60%
	}

	.home-button-big-wrapper {
		padding-left: 30px;
		text-align: center;
		width: calc(40% - 5px)
	}

	.welcome-inner,
	.home-col {
		width: auto;
		max-width: none;
		margin-right: auto;
		margin-left: auto
	}

	.welcome-inner>button {
		margin-left: 60px
	}

	.home-col {
		float: none
	}

	.home-right-col {
		width: auto;
		margin-top: 30px
	}
}

@media screen and (max-width: 1279px) {
	.home-button-big-wrapper button {
		text-align: center
	}
}

@media screen and (max-width: 979px) {
	.home-button-big-wrapper {
		width: calc(50% - 3px)
	}

	.activity>div {
		float: none;
		width: auto
	}
}

@media screen and (max-width: 767px) {
	.if-shortcut-bar {
		padding-left: 15px
	}

	.welcome {
		padding-bottom: 40px
	}

	.welcome h1 {
		margin: 0 0 20px 0
	}

	.welcome-inner .search-zone>* {
		display: block;
		width: 100%
	}

	.home-button-big-wrapper {
		padding: 40px 0 0
	}
}

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

	.welcome,
	.main {
		padding-left: 15px;
		padding-right: 15px
	}

	.activity,
	.news-feed {
		box-shadow: none
	}

	.activity .panel {
		margin: 0;
		padding: 30px 10px
	}

	.news-feed {
		padding: 0
	}

	.news-feed .panel {
		padding: 20px 10px 15px
	}

	.h2-wrapper {
		margin: 10px 0 0
	}

	.news-feed .h2-wrapper {
		margin-bottom: 15px
	}

	.h2-wrapper h2 {
		margin-bottom: 10px
	}

	.h2-wrapper a {
		display: none
	}

	.news-feed article {
		padding: 0 15px 0 0
	}

	.main-inner {
		margin-left: -15px;
		margin-right: -15px
	}
}

.button-area.document-bottom-buttons .buttons-group ul li.last button span {
	width: 100%;
	padding: 0;
	display: inline
}

.welcome.small {
	padding: 25px 30px
}

.welcome.small h1 {
	font-size: 22px;
	line-height: 26px;
	margin: 0;
	padding: 12px 0
}

.welcome.small .welcome-search>label {
	display: none
}

.welcome.small .welcome-search>div.screen {
	margin-left: 40px
}

.welcome.small .welcome-search .search-wrapper {
	height: 40px
}

.welcome.small .welcome-search .search-wrapper>i,
.welcome.small .welcome-search .search-wrapper button {
	top: 0
}


.welcome.small #welcome-col {
	display: flex;
	justify-content: center
}

.homepage-with-news .slider-container {
	margin-bottom: 20px
}

@media screen and (max-width: 979px) {
	.welcome.small #welcome-col {
		display: block
	}

	.welcome.small .welcome-search>div.screen {
		margin-left: 0
	}
}

.wizard-area .picture {
	display: none
}

.crop img {
	max-width: none
}

.wizard-form h3 {
	margin: 15px 30px
}

.axvdocsearch-search .xtended-search-section-menuSection .fields-group td {
	vertical-align: middle
}

.axvdocsearch-search .group td input:not([type="radio"]),
.axvdocsearch-search .group td input:not([type="checkbox"]) {
	width: 100%
}

.axvdocsearch-search .group td .date-field input {
	width: calc(100% - 100px)
}

.axvdocsearch-search .group td .date-field button:focus {
	border: 0
}

.axvdocsearch-search .group .horizontal-top-tabs .button-area li.last button {
	margin-left: 15px
}

.axvdocsearch-search .cell-right td td {
	padding: 0
}

.axvdocsearch-search .cell-right td td select[multiple="true"] {
	min-width: calc(100% + 5px)
}

.axvdocsearch-search .cell-right td td select[multiple="true"]:empty {
	min-width: 110px
}

td.cell-right .action-buttonIn,
td.cell-right .action-buttonOut {
	position: relative;
	padding: 5px 20px;
	margin: 0 20px 0 26px;
	line-height: 20px
}

td.cell-right .action-buttonIn:before,
td.cell-right .action-buttonOut:before {
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	color: #4d4d4d;
	font-size: 24px;
	top: 5px;
	left: 8px
}

td.cell-right .action-buttonIn:active:before,
td.cell-right .action-buttonOut:active:before {
	opacity: 1
}

td.cell-right .action-buttonIn>span,
td.cell-right .action-buttonOut>span {
	font-size: 0
}

td.cell-right .action-buttonIn {
	margin-bottom: 8px
}

td.cell-right .action-buttonIn:before {
	content: "\e93d"
}

td.cell-right .action-buttonOut:before {
	content: "\e93f"
}

.axvdocsearch-search .fields-group .cell-right>table>tbody>tr>td select,
.axvdocsearch-search .fields-group .cell-right>table>tbody>tr>td input {
	max-width: 100%
}

.axvdocsearch-search td.cell-right>table>tbody>tr>td {
	padding-top: 0;
	padding-bottom: 0
}

.axvdocsearch-search .informations.info1 p {
	position: relative;
	padding-left: 35px
}

.axvdocsearch-search .informations.info1 p:before {
	position: absolute;
	top: -3px;
	left: 0
}

.axvdocsearch-search .action-reset,
.axvdocsearch-search .action-search {
	line-height: inherit
}

.axvdocsearch-search .action-reset span,
.axvdocsearch-search .action-search span {
	line-height: 26px
}

.table-border .action-Rechercher-Document,
.axvdocsearch-search .action-Rechercher-Document {
	background: #f2f2f2;
	border: 1px solid #ccc;
	transition: all ease-out 0.25s;
	color: #666
}

.table-border .action-Rechercher-Document:hover,
.axvdocsearch-search .action-Rechercher-Document:hover {
	background-color: #fff
}

.lightbox-content .buttons-group .button1.action-reset,
.axvdocsearch-search .buttons-group .button1.action-reset {
	background: #f2f2f2;
	border: 1px solid #ccc;
	transition: all ease-out 0.25s
}

.lightbox-content .buttons-group .button1.action-reset:hover,
.axvdocsearch-search .buttons-group .button1.action-reset:hover {
	background-color: #fff
}

.lightbox-content .buttons-group .button1.action-reset span,
.axvdocsearch-search .buttons-group .button1.action-reset span {
	color: #666;
	font-weight: bold
}

.axvdocsearch-search .buttons-group .button1.action-search {
	background-color: #02C2EF;
	border: 0
}

.axvdocsearch-search .buttons-group .button1.action-search:hover {
	background: #528e00
}

.axvdocsearch-search .buttons-group .button1.action-search span {
	color: #fff
}

.axvdocsearch-search .cell-right>table>tbody>tr>td>table>tbody>tr {
	display: flex
}

.axvdocsearch-search .cell-right>table>tbody>tr>td>table>tbody>tr td {
	min-width: 33%;
	width: 33%
}

.axvdocsearch-search .cell-right>table>tbody>tr>td>table>tbody>tr>td[width="97%"]:last-child {
	display: none
}



/*** Ajouts x-rgpd  */



.list-view .detail .title h4 {
	word-break: break-word;
	background-color: inherit;
	padding: 1px;
}




/* Page 360 */

.default-template-container .client-view {
	padding-top: 0px;
}

.client-view-client-contacts h4 {
	background-color: inherit;
	color: #0128C0;
}

.client-view h2 {
	border: none;
	color: #003F7E;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

.view-options .popup-menu-handler {
	display: none !important;
}

.btn_creer {
	width: 100%;
	height: 60px;
}

.btn_creer .dropdown-actions-wrapper .dropdown-actions {
	width: 300px;
}

.btn_creer .dropdown-actions-wrapper .dropdown-actions a.button-clear-light {
	color: #02C2EF;
}

.btn_creer .dropdown-actions-wrapper .dropdown-actions a.button-clear-light:hover {
	background-color: #02C2EF;
	color: white;
}




.client-view-contacts h5 {
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
}


/* Bibliotheque */

.icon-bibli {
	margin: auto;
	display: block;
	color: white;
	background-color: #0128C0;
	width: inherit;
	text-align: center;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	padding: 1px;
	padding-bottom: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.icon-bibli:before {
	font-size: 50px;
	margin: 20px 0;
	display: block;
}

#i_modeles:before {
	content: '\e467';
}

#i_guides:before {
	content: '\e362';
}

#i_utiles:before {
	content: '\e343';
}

#i_lignes:before {
	content: '\e0b1';
}

.row-bibli h4 {
	text-align: center;
	background-color: #02C2EF;
	color: white;
	padding: 10px;
	border-radius: 0;
	margin: 0 -10px;
}

.spandesc {
	display: block;
	margin: 20px 0;
	font-size: 14px;
}

.alien {
	position: relative;
	display: block;
	font-size: 15px;
	text-decoration: none;
	border: 0;
	font-weight: bold;
	margin: 5px 0;
	padding-left: 20px;
}

.alien:before {
	content: "\00bb";
	margin-right: 10px;
	margin-left: -20px;
}

.alien.new:before {
	padding-right: 25px;
}

.alien.new:after {
	content: "(new)";
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 2px;
	margin-left: 9px;
	font-style: italic;
	color: red;
	font-size: 12px;
}





/* Pour cacher les path des orga des users */
div.lightbox-content div.detail-selectable p.path {
	display: none;
}


/* Registre : Lignes de formulaires pour les tableaux dynamiques */
.section-bleu {
	background-color: #F7F7FC;
}

.section-bleu .view-area {
	background: transparent;
}

.section-bleu td label {
	display: block;
	padding: 5px 5px;
	font-weight: bold;
}

.section-bleu td table {
	border: 1px solid #e5e5f1;
}




div.fields-area input[type="radio"]:disabled+label:after {
	opacity: 0.5;
}

.storagecreate span a {
	text-decoration: none;
}


/* Cacher l'option "Sécurité" dans les popup des réservoirs */
li.action-security.last {
	display: none;
}


/* Réservoirs de données  */
img.img-data-mrgpd {
	height: 30px;
}


.h3bleu {
	padding-left: 20px;
	font-weight: bold;
	font-size: 18px;
	border-top: 1px solid #0128C0;
	border-radius: 0;
}


.mchart {
	background: white;
}

.mchart strong {
	display: block;
	font-size: 13px;
}






/* Menu de sections */

.section-col {
	margin: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.section.ssection_affichage .fields-group {
	padding-right: 0;
	padding-left: 10px;
}

.section.ssection_affichage .cell-left {
	text-align: left;
}

.div_btns {
	display: block;
	width: 100%;
	text-align: center;
}

.btn_ssection {
	width: 100%;
	min-width: 150px;
	height: auto;
	margin: 10px 0;
	background-color: #DCDCEF;
}

@media (max-width: 1200px) {
	.btn_ssection {
		width: 22%;
		height: 36px;
		margin: 1%;
	}
}

.btn_ssection[sel="1"] {
	background-color: #02C2EF;
	color: white;
}



/* Liste dans les vues */
.table-view li.text-list {
	display: inherit;
}

.table-view li.text-list::before {
	content: "";
}


/* Liens des planning */
.planning-menu-entry {
	display: inline !important;
	margin-left: 10px;
	vertical-align: super;
}


/* Masquage des données de réservoirs */
.datapool-hide {
	display: none !important;
}



button.action-login {
	width: fit-content !important;
}


.action-refresh {
	display: none !important;
}




.ul_recap li {
	list-style: inherit;
	margin-left: 20px;
}



.col-viewcontainer {
	margin-top: 50px;
}


.cell-bull:before {
	content: "•";
	position: absolute;
	margin-left: -10px;
}



/* Planning */

div.ipoplan .section {
	border-left: none !important;
	border-radius: inherit;
}

div.ipoplan #thematics {
	display: none;
}


.cell-tabledescs table {
	width: 100%;
	display: table;
}

.cell-tabledescs td.entry-inline {
	width: 40%;
}








/*** x-rgpd-home */





#home {
	height: 100%;
	width: 100%;
	position: absolute;
}


#home #default-container {
	border-top: 0px;
}





#home #default-container .page-title h1,
#home #default-container .page-title #sstitle {
	display: inline-block;
	width: 80%;
}


#home #default-container .title-logo {
	right: 0;
}

#select-orgas {
	float: left;
	width: 250px;
	padding: 5px 10px;
	border-radius: 8px;
	color: #0128C0;
	font-weight: 600;
	font-size: 14px;
	margin: 20px 0px 30px 30px;
}

#select-orgas option {
	padding: 10px;
	color: #0128C0;
	font-weight: 600;
}

/*#home .div-tuiles .single-tile a.moovapps-rgpd-gestion-droits .color-base ,
#home .div-tuiles .single-tile a.moovapps-rgpd-gestion-droits i ,
#home .div-tuiles .single-tile a.moovapps-rgpd-gestion-droits .notif-counter {
	color: #0128C0;
}*/



@media (max-width: 1200px) {
	#select-orgas {
		margin-top: 30px;
		margin-right: 30px;
	}

	.welcome-search {
		margin-top: 30px;
	}
}


/*
.div-orga {
}
	.div-orga a{
		display: block;
		background: #E3F2FD;
		margin: 5px 15px;
		text-align: center;
		border: none;
		border-radius: 5px;
	}
	.div-orga a:hover{
		font-weight:bold;
	}
*/


.news-feed .panel {
	padding: 10px;
}

.news-feed h1 {
	text-align: left;
}



.panel-infos {
	text-align: center;
}

.panel-infos h4 {
	text-align: left;
}

.panel-reseaux {
	width: 150px;
	float: right;
}

#svg-linkedin {
	width: 44px;
	height: 40px;
	vertical-align: middle;
	border-radius: 5px;
	background: #006097;
}

#svg-linkedin .fill-white {
	fill: #FFFFFF;
	stroke-width: 0;
}

#svg-linkedin .fill-blue {
	fill: #006097;
}

#svg-twitter {
	width: 44px;
	height: 40px;
	vertical-align: middle;
	border-radius: 5px;
	background: #1b95e0;
	padding: 7px;
}





.go-to-highlighted {
	display: none;
}




.view-header .view-actions .button2.action-delete,
.button2.action-delete {
	background-color: #EB5149;
}

.button2.action-delete span,
.button2.action-delete:after,
.lightbox-panel .dyntable-form .button-area.document-top-buttons .action-delete:after {
	color: white;
}

.view-header .view-actions .button2.action-delete span {
	padding-left: 25px;
}

.view-header .view-actions .button2.action-delete span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url("../img/delete.svg");
	background-repeat: no-repeat;
	background-size: 20px;
}



.view-header .view-actions .button1.action-exportProcessings span {
	padding-left: 30px;
}

.view-header .view-actions .button1.action-exportProcessings span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url("../img/import.svg");
	background-repeat: no-repeat;
	background-size: 20px;
}





.treatment-edit {
	padding: 0 15px;
}

@media (max-width: 1199px) {
	.treatment-edit {
		padding: 0;
	}
}


/* Toujours afficher les vues supplémentaires */
.multiservice-links .collapsable-block-content.expanded,
.multiservice-links .collapsable-block-content.collapsed {
	display: block !important;
}

.multiservice-links .collapsable-block-button {
	display: none;
}


.elfinder-navbar-icon:after,
.ui-state-active .elfinder-navbar-icon:after {
	color: #02C2EF !important;
}

.elfinder-cwd-icon-directory {
	background-image: url(../img/picto-file.png) !important;
	background-size: contain !important;
}





/* Ressources juridiques */

.ripple-after {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 100%;
	height: 100px;
	position: absolute;
	display: block;
	transform: scale(0);
	width: 100px;
}

.ripple-after.animate {
	animation: ripple 0.7s linear;
}

@keyframes ripple {
	100% {
		transform: scale(13);
		background-color: transparent;
	}
}


/* SIDEBAR */

.sidebar-panel .panel {
	box-shadow: none;
	padding: 0 0 0 10px;
}

.sidebar-panel .action-create {
	margin-left: 5px;
}

.sidebar-title {
	font-size: 18px;
	font-weight: 600;
	padding: 0 0 20px 20px;
	margin: 0;
}


.sidebar-link:hover {
	opacity: 0.7;
}

.sidebar-link:after {
	content: '';
	background-image: url("../img/arrow-right.svg");
	position: absolute;
	top: 50%;
	right: -100px;
	width: 6px;
	height: 10px;
	margin: -5px 0 0 0;
	transition: right 0.3s;
}

.sidebar-link.link-active {
	color: #02C2EF;
	background: #F6F6F6;
}

.sidebar-link.link-active:after {
	right: 20px;
}

/* ********** */
/* MAIN PANEL */
.main-panel {
	padding: 20px;
	/* width: 100%; */
}

.main-panel-title {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px 0;
	display: flex;
	align-items: center;
}

.main-panel-title img {
	margin: 0 20px 0 0;
}


p.nodoc {
	color: #1F0098;
	display: none;
}

p.nodoc.aff {
	display: block;
}


.title-container.user-profil {
	height: 120px;
	padding: 10px 10px;
}

.risk-low {
	font-weight: bold;
	color: #70bf00;
}

.risk-moderate {
	font-weight: bold;
	color: #007ed9;
}

.risk-high {
	font-weight: bold;
	color: #ff7b00;
}

.risk-critical {
	font-weight: bold;
	color: #eb003b;
}


.risk-5 {
	font-weight: bold;
	color: #70bf00;
}

.risk-4 {
	font-weight: bold;
	color: #27c027;
}

.risk-3 {
	font-weight: bold;
	color: #007ed9;
}

.risk-2 {
	font-weight: bold;
	color: #ff7b00;
}

.risk-1 {
	font-weight: bold;
	color: #eb003b;
}


p.p-header {
	color: #0128C0;
	font-weight: normal;
}




/* ***** PROGRESS BAR ***** */


#default-container .section-progress {
	margin: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.section-progress .fields-group {
	padding: 0;
}

.section-progress .fields-group>table {
	background-color: #FFF;
	box-shadow: 0px 2px 3px rgb(2 42 102 / 10%);
}

.section-progress .cell-left {
	text-align: left;
}


button.button-progress {
	color: #BCBCCC;
	font-weight: 500;
	text-align: left;
	padding: 0 10px;
	margin: 0 0 15px 0;
}

@media (min-width: 1200px) {
	button.button-progress {
		width: 100%;
	}

	#default-container .section-progress {
		padding: 0 0 0 30px;
	}
}

.mi-progressbar {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.mi-progressbar .progressbar-inner {
	background: #DCDCEF;
	height: 8px;
	width: 100%;
	border-radius: 10px;
	position: relative;
}

.mi-progressbar .progressbar-inner.progressbar-innerbig {
	height: 16px;
}



.progressval {
	margin-left: 5px;
}

.fields-prog {
	display: none !important;
}



/* **************************************************************************************************************  */
/** Formulaire web demande de droits  **/

.form-ddroit {
	min-height: 100%;
	padding: 20px;
	background-color: #F6F6F6;
}

.form-ddroit-hidden {
	min-height: 100%;
	padding: 20px;
	background-color: #F6F6F6;
	display: none;
}

.form-ddroit form {
	width: 50%;
	min-width: 600px;
	max-width: 1000px;
	background-color: #FFF;
	margin: auto;
	padding: 20px;
	box-shadow: 0px 2px 4px #022a8e1a;
}

.form-ddroit form h2 {
	margin-top: 0;
	font-size: 22px;
}

.form-ddroit form i.desc {
	color: #0128C0;
	font-size: 11px;
	font-weight: 700;
}




.form-ddroit input[type="text"],
.form-ddroit .vui-combobox-multi,
.form-ddroit textarea,
.form-ddroit select {
	width: 60%;
}

/*
@media (max-width: 1000px) {
	.form-ddroit input[type="text"],
	.form-ddroit .vui-combobox-multi,
	.form-ddroit textarea,
	.form-ddroit select {
		width: 100%;
	}
}*/

.form-ddroit select {
	height: 35px;
}


.form-ddroit button.action-Valider,
.form-ddroit button.action-Validate {
	margin: auto;
	margin-top: 40px;
	display: block;
	border-radius: 5px;
}

.form-ddroit .vui-file-upload .dropfiles-helper {
	margin-bottom: 0;
}


.aff-erreur,
.aff-confirmation {
	width: 100%;
	height: 100%;
	background-color: #F6F6F6;
	position: absolute;
}

.aff-erreur p,
.aff-confirmation p {
	display: block;
	width: fit-content;
	margin: auto;
	margin-top: 20px;
	padding: 20px;
	background-color: #FFF;
	box-shadow: 0px 2px 4px #022a8e1a;
	border: 1px solid #F3F3FF;
}


.form_warning {
	color: #EB5149;
	font-style: italic;
	font-weight: bold;
}


td.demobtn>label {
	visibility: hidden;
}

td.demodocs>input {
	max-height: 100px;
	overflow-x: auto;
}




/* Migration 17 */


.toggle-form-density {
	display: none;
}

.lightbox-content div.screen .lightbox-panel>.group {
	padding-top: 20px;
	padding-right: 20px;
	background-color: #fff;
}



/* Middle-office */

.middle-office #default-container {
	padding-top: 50px;
}

.middle-office .form-area.fixed-buttons>.document-top-buttons {
	position: inherit;
	padding-top: 20px;
}

.header-left {
	float: left;
}

.header-left .page-title {
	display: none;
}

.header-left .apps-menu-desktop {
	display: none;
}


.header-right {
	height: 50px;
	position: fixed;
	right: 0;
	margin: 15px 60px 0 0;
	display: flex;
	align-items: center;
}

.shortcut-bar-middle-office .shortcut-bar {
	display: block;
	top: 100px;
	background-color: white;
	width: 200px;
}

.shortcut-bar-middle-office .shortcut-bar ul {
	background-color: white;
}


.vdp-middle-office-menu-collapsible>a {
	cursor: pointer;
}

.vdp-middle-office-menu-collapsible>a:before {
	content: "\25BC";
	font-size: 12px;
	margin-right: 2px;
	vertical-align: text-top;
	display: inline-block;
	transform: rotate(270deg);
}

.vdp-middle-office-menu-collapsible.open>a:before {
	transform: rotate(0deg);
}

.middle-office-menu ul {
	margin: 5px 0 5px 10px;
	list-style: none;
	width: auto;
}


/* Refonte resources juridiques */


.sidebar-title.reload {
	cursor: pointer;
}

.folders>ul {
	margin-left: 10px;
}

.folders>ul>li {
	list-style-position: inside;
	list-style-type: disc;
}

.folders>ul ul {
	padding-left: 10px;
}

.folders>ul ul li {
	list-style-position: inside;
	list-style-type: disc;
}


.folders li {
	position: relative;
	padding: 5px 0 5px 10px;
	overflow: hidden;
	color: #1F0098;
}

.folders li.link-active {
	color: #02C2EF;
	background: #F6F6F6;
}

.folders li.link-active:after {
	content: '';
	position: absolute;
	display: block;
	top: 5px;
	right: 30px;
	width: 6px;
	height: 10px;
	margin: 5px 0 0 0;
	background-image: url('../img/arrow-right.svg');
	transition: right 0.3s;
}

.folders li[collapsed="1"] {
	list-style-type: disclosure-closed;
}

.folders li[collapsed="1"]>ul {
	display: none;
}

.folders li[collapsed="0"] {
	list-style-type: disclosure-open;
}

.folders li[collapsed="0"]>ul {
	display: block;
}


.folders span {
	cursor: pointer;
}

.folders span:hover {
	opacity: 0.7;
}


.col-ressources {
	padding-bottom: 10px;
}

.col-ressources:after {
	content: '';
	background: url("../img/illustration-ressources-juridiques.svg") no-repeat;
	width: 264px;
	height: 127px;
	position: absolute;
	bottom: -25px;
	right: -10px;
}


.ressources-panel {
	position: relative;
	background-color: #FFF;
	box-shadow: 0px 2px 3px rgb(2 42 102 / 10%);
	min-height: 200px;
	padding: 20px;
	margin-bottom: 30px;
}

.ressources-panel ul li a {
	position: relative;
	color: #0128C0;
	display: flex;
	margin: 0 0 20px 0;
	transition: color 0.3s;
}

.ressources-panel ul li a:hover,
.ressources-panel ul li a:focus {
	color: #02C2EF;
	border: 0;
	outline: 0;
}

.ressources-panel ul li img {
	margin: 0 10px 0 0;
}

.ressources-panel h3 {
	margin-top: 0;
}

.lien-doc:before {
	content: '';
	display: block;
	width: 14px;
	height: 17px;
	margin-right: 10px;
	background-image: url('/moovapps/easysite-resources/skins/workplace/img/pdf-file.svg');
	background-repeat: no-repeat;
}

#breadcrumbs {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 20px 0;
	color: #0128C0;
}


p.error:empty {
	display: none;
}


/* Correctifs migration "Mon profil" */

.modify-avatar-dropdown .dropdown-actions {
	display: block !important;
	opacity: 1 !important;
}


.modify-avatar-dropdown .uploadAvatar-openLightbox {
	position: absolute;
}

.modify-avatar-dropdown .dropdown-actions-button {
	display: none;
}

.user-profil .user-panel-left .upload-avatar-button {
	top: -15px;
	right: 15px;
}

.user-profil .user-panel-left .upload-avatar-button>span:before {
	top: -4px;
	left: 0px;
}



/* Correctifs plannings iporta */


.ipo-planning2-filters {
	display: inline-block;
}

.ipo-planning2-navigation {
	display: inline-flex !important;
	float: right;
	flex-direction: row-reverse !important;
}

.ipo-planning2-navigation>div {
	margin-left: 20px;
}

.ipo-planning2-theme-legends-label {
	visibility: hidden;
}

.ipo-planning2-component-workplace-material .ipo-planning2-filters-button span:before,
.ipo-planning2-component-workplace-material i.ipo-planning2-icon:before,
.ipo-planning2-component-workplace-material .ipo-planning2-button-date button span:before,
.ipo-planning2-component-workplace-material .ipo-planning2-export-button span:before {
	display: none !important;
}

.ipo-planning2-component-workplace-material .ipo-planning2-button-date button span:after {
	content: "\e936";
	font-family: 'icomoon' !important;
	font-weight: 400;
	font-size: 18px;
	color: var(--primary-color);
}

.ipo-planning2-navigation .element:nth-child(3) {
	display: none;
}

.ipo-planning2-navigation {
	justify-content: space-evenly !important;
}

.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):hover:before {
	display: none;
}

.ipo-reservation2 div.title {
	color: white;
}

/* Modale */

.page[blur="1"] {
	filter: blur(2px);
}

#modale-bg-mrgpd {
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2000;
	top: 0;
	left: 0;
	display: none;
}

#modale-bg-mrgpd[aff="1"] {
	display: block;
}

#modale-mrgpd {
	position: relative;
	display: none;
	min-width: 500px;
	width: fit-content;
	max-width: calc(100% - 44px);
	min-height: 500px;
	max-height: calc(100% - 200px);
	background: #FFF;
	margin: auto;
	margin-top: 100px;
	border: 1px solid #666;
	box-shadow: 0px 0px 8px 1px #666;
	cursor: auto;
	overflow: auto;
}

#modale-mrgpd[aff="1"] {
	display: block;
}

#modale-mrgpd iframe {
	border: 0;
	width: 700px;
	height: 500px;
}


#btnmodale {
	position: absolute;
	bottom: 50px;
	left: 20px;
}


/*Page Tutoriels et Centre d'aide*/

.tcd_container {
	display: flex;
	justify-content: space-around;
	height: 90%;
	width: auto;
	margin-top: 1.5%;
}

.tcd_guide_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 45%;
	height: auto;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	transition: 0.5s;
	border-radius: 10px;
	cursor: pointer;
}

.tcd_guide_container:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	transition: 0.5s;
	background-color: white;
}

.tcd_guide_trigger {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 90%;
}

.tcd_guide_trigger p {
	padding: 3% 10% 3% 10%;
}

.tcd_guide_button {
	margin-bottom: 3%;
}

.tcd_guide_img {
	position: relative;
	bottom: 0;
	width: 90%;
	height: auto;
}

.tcd_guide_img img{
	border-radius: 10px;
}


.tcd_expert_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 45%;
	height: auto;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	transition: 0.5s;
	border-radius: 10px;
	cursor: pointer;
}

.tcd_expert_container:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	transition: 0.5s;
	background-color: white;
}

.tcd_expert_trigger {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 90%;
}

.tcd_expert_trigger p {
	padding: 3% 10% 3% 10%;
}

.tcd_expert_button {
	margin-bottom: 3%;
}

.tcd_expert_img {
	position: relative;
	bottom: 0;
	width: 90%;
	height: auto;
}

.tcd_expert_img img{
	border-radius: 10px;
}


.data_management_text {
	color: #1685BD;
}

.registre_sosddc {
	color: #1685BD;
	cursor: pointer;
}

.passdiag_quest_line {
	display: flex !important;
	align-items: center !important;
}

.passdiag_cell_quest {
	width: 65% !important;
}

.passdiag_cell_resp {
	width: 15% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.passdiag_cell_cmnt {
	width: 30% !important;
}


.radiogroup table tbody tr {
	border: none !important;
}

.radiogroup table tbody tr:hover {
	border: none;
	background: none;
}

/* Barre d'avancée PassAction /!\ À NE PAS CHANGER DE FEUILLE DE STYLE, PROBLÈME D'HÉRITAGE*/

.passActionHandler input[type="range"] {
	min-height: unset !important;
}