:root {
		--primary-color: #196fb6 !important;
    --button1-hover: #1b7ac7 !important;
    --button2-hover: #e6f2fc !important;
    --base-link-color: #196fb6 !important;
}

ul.ui-autocomplete {
	font-size : 1.2em !important;
	border-radius: 15px;
	border: 1px solid rgba(0,0,0,0.15) !important;
	box-shadow: 0.5rem 1rem 3.5rem 0 rgb(0 25 111 / 10%);
	padding: 15px 0;
	color: #10122d;
}
.ui-autocomplete li.ui-menu-item {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
    cursor: pointer;
	padding: 8px 16px !important;
}
.ui-autocomplete li.ui-menu-item:hover {
	background: #f5f5f5;
	margin-top: 1px;
}

.ui-menu.ui-autocomplete li.ui-menu-item.ui-state-focus {
	border-top : none;
	border-bottom : none;
	margin-top: 1px;
}

.ui-widget .ui-autocomplete-input + A img {
	 content: url('../img/vui-delete-hover.png');
}
.ui-widget .ui-autocomplete-input + A {
	padding: 7px;
	position: absolute;
}

.login-two-columns, .login-full-page {
	background-image: url('../img/iporta/login-bg.jpg') !important;
}
/*
.container-fluid.login-page .row .login-image {
    background: url('../img/iporta/login-bg.jpg') center center / cover no-repeat !important;
}
*/
.container-fluid.login-page .login-box-inner .image img {
    content: url('../img/iporta/login-logo.png');
}

.application-hp .multiservice-menu .panel-content h1 {
	margin-bottom: 2px;
}

/* Menu vertical avec lien  */
.multiservice-links .static-vertical-menu a:hover {
    color: #10122d;
    background-color: #f5f5f5;
}

.multiservice-links .static-vertical-menu a {
    display: flex;
    align-items: center;
    min-height: 48px;
    color: #10122d;
    font-weight: 500;
    font-size: .875rem;
    text-decoration: none;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 8px 0;
    transition: all linear .1s;
}
.multiservice-links .static-vertical-menu a.active {
    background-color: var(--button2-hover);
    color: var(--primary-color);
    font-weight: 700;
}

/* Boutons de navigation précédent/suivant dans les formulaires de ressources */

.navigation-button.action-next span,
.navigation-button.action-previous span {
	display: none;
}
.navigation-button.action-next,
.navigation-button.action-previous {
	font-size: .875rem;
	height: 40px;
	border: 0;
	display: inline-flex;
	background-color: transparent;
	color: #78798c;
	box-shadow: none;
	font-weight: bold;
	align-items: center;
	padding: 1px 20px 0;
	border-radius: 50px;
	text-decoration: none;
	transition: all linear .1s;
	box-sizing: border-box;
	padding: 0;
	width: 40px;
	justify-content: center;
}
.navigation-button.action-next:hover ,
.navigation-button.action-previous:hover {
	background-color: rgba(120,121,140,0.2);
	box-shadow: none;
}
.navigation-button.action-next::before {
	content: "";
	margin: 0;
}
.navigation-button.action-previous::before {
	content: "";
	margin: 0;
}

/* Styles spécifiques des boutons IPorta */
A.ipo-style-btn{
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	z-index: +1;
	height: 50px;
	font-family: inherit !important;
	font-weight: bold !important;
	font-size: 16px !important;
	text-align: center;
	font-size: .875rem;
	border: 2px solid var(--primary-color);
	display: inline-grid;
	box-shadow: none;
	align-items: center;
	padding: 1px 25px 0;
	border-radius: 50px;
	text-decoration: none;
	transition: all linear .1s;
	box-sizing: border-box;
	top: 0;
	right: 8px;
}

.ipo-style-btn.ipo-btn-primary-outlined {border-color: var(--primary-color) !important; color: var(--primary-color) !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-primary-outlined:hover { background-color: var(--button2-hover) !important;}
.ipo-style-btn.ipo-btn-primary {border-color: var(--primary-color) !important; background-color: var(--primary-color) !important; color: white !important;}
.ipo-style-btn.ipo-btn-primary:hover {color: var(--primary-color) !important; background-color: var(--button2-hover) !important;}

.ipo-style-btn.ipo-btn-green-outlined {border-color: #70bf00 !important; color: #70bf00 !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-emerald-outlined {border-color: #00993d !important; color: #00993d !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-aqua-outlined {border-color: #00acaf !important; color: #00acaf !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-silver-outlined {border-color: #70a6cc !important; color: #70a6cc !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-blue-outlined {border-color: #007ed9 !important; color: #007ed9 !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-indigo-outlined {border-color: #5c5fff !important; color: #5c5fff !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-lilac-outlined {border-color: #b473ff !important; color: #b473ff !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-purple-outlined {border-color: #d900a3 !important; color: #d900a3 !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-pink-outlined {border-color: #ff4772 !important; color: #ff4772 !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-coral-outlined {border-color: #ff4000 !important; color: #ff4000 !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-red-outlined {border-color: #eb003b !important; color: #eb003b !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-sienna-outlined {border-color: #cc2d1f !important; color: #cc2d1f !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-bronze-outlined {border-color: #d67200 !important; color: #d67200 !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-orange-outlined {border-color: #ff7b00 !important; color: #ff7b00 !important; background-color: white !important;}
.ipo-style-btn.ipo-btn-gold-outlined {border-color: #faa700 !important; color: #faa700 !important; background-color: white !important;}

.ipo-style-btn.ipo-btn-green-outlined:hover {background-color: rgba(112, 191, 0, .1) !important;}
.ipo-style-btn.ipo-btn-emerald-outlined:hover {background-color: rgba(0, 153, 61, .1) !important;}
.ipo-style-btn.ipo-btn-aqua-outlined:hover {background-color: rgba(0, 172, 175, .1) !important;}
.ipo-style-btn.ipo-btn-silver-outlined:hover {background-color: rgba(112, 166, 204, .1) !important;}
.ipo-style-btn.ipo-btn-blue-outlined:hover {background-color: rgba(0, 126, 217, .1) !important;}
.ipo-style-btn.ipo-btn-indigo-outlined:hover {background-color: rgba(92, 95, 255, .1) !important;}
.ipo-style-btn.ipo-btn-lilac-outlined:hover {background-color: rgba(180, 115, 255, .1) !important;}
.ipo-style-btn.ipo-btn-purple-outlined:hover {background-color: rgba(217, 0, 163, .1) !important;}
.ipo-style-btn.ipo-btn-pink-outlined:hover {background-color: rgba(255, 71, 114, .1) !important;}
.ipo-style-btn.ipo-btn-coral-outlined:hover {background-color: rgba(255, 64, 0, .1) !important;}
.ipo-style-btn.ipo-btn-red-outlined:hover {background-color: rgba(235, 0, 59, .1) !important;}
.ipo-style-btn.ipo-btn-sienna-outlined:hover {background-color: rgba(204, 45, 31, .1) !important;}
.ipo-style-btn.ipo-btn-bronze-outlined:hover {background-color: rgba(214, 114, 0, .1) !important;}
.ipo-style-btn.ipo-btn-orange-outlined:hover {background-color: rgba(255, 123, 0, .1) !important;}
.ipo-style-btn.ipo-btn-gold-outlined:hover {background-color: rgba(250, 167, 0, .1) !important;}

.ipo-style-btn.ipo-btn-green {border-color: #70bf00 !important; background-color: #70bf00 !important; color: white !important;}
.ipo-style-btn.ipo-btn-emerald {border-color: #00993d !important; background-color: #00993d !important; color: white !important;}
.ipo-style-btn.ipo-btn-aqua {border-color: #00acaf !important; background-color: #00acaf !important; color: white !important;}
.ipo-style-btn.ipo-btn-silver {border-color: #70a6cc !important; background-color: #70a6cc !important; color: white !important;}
.ipo-style-btn.ipo-btn-blue {border-color: #007ed9 !important; background-color: #007ed9 !important; color: white !important;}
.ipo-style-btn.ipo-btn-indigo {border-color: #5c5fff !important; background-color: #5c5fff !important; color: white !important;}
.ipo-style-btn.ipo-btn-lilac {border-color: #b473ff !important; background-color: #b473ff !important; color: white !important;}
.ipo-style-btn.ipo-btn-purple {border-color: #d900a3 !important; background-color: #d900a3 !important; color: white !important;}
.ipo-style-btn.ipo-btn-pink {border-color: #ff4772 !important; background-color: #ff4772 !important; color: white !important;}
.ipo-style-btn.ipo-btn-coral {border-color: #ff4000 !important; background-color: #ff4000 !important; color: white !important;}
.ipo-style-btn.ipo-btn-red {border-color: #eb003b !important; background-color: #eb003b !important; color: white !important;}
.ipo-style-btn.ipo-btn-sienna {border-color: #cc2d1f !important; background-color: #cc2d1f !important; color: white !important;}
.ipo-style-btn.ipo-btn-bronze {border-color: #d67200 !important; background-color: #d67200 !important; color: white !important;}
.ipo-style-btn.ipo-btn-orange {border-color: #ff7b00 !important; background-color: #ff7b00 !important; color: white !important;}
.ipo-style-btn.ipo-btn-gold {border-color: #faa700 !important; background-color: #faa700 !important; color: white !important;}


.ipo-style-btn.ipo-btn-green:hover {color: #70bf00 !important; background-color: rgba(112, 191, 0, .1) !important;}
.ipo-style-btn.ipo-btn-emerald:hover {color: #00993d !important; background-color: rgba(0, 153, 61, .1) !important;}
.ipo-style-btn.ipo-btn-aqua:hover {color: #00acaf !important; background-color: rgba(0, 172, 175, .1) !important;}
.ipo-style-btn.ipo-btn-silver:hover {color: #70a6cc !important; background-color: rgba(112, 166, 204, .1) !important;}
.ipo-style-btn.ipo-btn-blue:hover {color: #007ed9 !important; background-color: rgba(0, 126, 217, .1) !important;}
.ipo-style-btn.ipo-btn-indigo:hover {color: #5c5fff !important; background-color: rgba(92, 95, 255, .1) !important;}
.ipo-style-btn.ipo-btn-lilac:hover {color: #b473ff !important; background-color: rgba(180, 115, 255, .1) !important;}
.ipo-style-btn.ipo-btn-purple:hover {color: #d900a3 !important; background-color: rgba(217, 0, 163, .1) !important;}
.ipo-style-btn.ipo-btn-pink:hover {color: #ff4772 !important; background-color: rgba(255, 71, 114, .1) !important;}
.ipo-style-btn.ipo-btn-coral:hover {color: #ff4000 !important; background-color: rgba(255, 64, 0, .1) !important;}
.ipo-style-btn.ipo-btn-red:hover {color: #eb003b !important; background-color: rgba(235, 0, 59, .1) !important;}
.ipo-style-btn.ipo-btn-sienna:hover {color: #cc2d1f !important; background-color: rgba(204, 45, 31, .1) !important;}
.ipo-style-btn.ipo-btn-bronze:hover {color: #d67200 !important; background-color: rgba(214, 114, 0, .1) !important;}
.ipo-style-btn.ipo-btn-orange:hover {color: #ff7b00 !important; background-color: rgba(255, 123, 0, .1) !important;}
.ipo-style-btn.ipo-btn-gold:hover {color: #faa700 !important; background-color: rgba(250, 167, 0, .1) !important;}

.ipo-style-btn.ipo-btn-medium-large {width: 50%}
.ipo-style-btn.ipo-btn-large {width: 75%}
.ipo-style-btn.ipo-btn-extra-large {width: 100%}

.ipo-style-btn.ipo-btn-icon-create:after {content: "\e07d";}
.ipo-style-btn.ipo-btn-icon-edit:after {content: "\e011";}
.ipo-style-btn.ipo-btn-icon-export:after {content: "\e990";}
.ipo-style-btn.ipo-btn-icon-building:after {content: "\e00b";}
.ipo-style-btn.ipo-btn-icon-cogs:after {content: "\e1e0";}
.ipo-style-btn.ipo-btn-icon-enter:after {content: "\e379";}
.ipo-style-btn.ipo-btn-icon-exit:after {content: "\e37a";}
.ipo-style-btn.ipo-btn-icon-pencil:after {content: "\e00d";}
.ipo-style-btn.ipo-btn-icon-equipments:after {content: "\e9ec";}

.ipo-style-btn:after {
	font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
	speak: none;
	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;
	z-index: 3;
	margin: 0 10px 0 0;
	left: 25px;
}

/* ---- Collapsable treeview ------- */

.apps-menu-tv {
position: fixed;
top: 15px;
left: 90px;
z-index: 150;
padding: 20px 0;
min-width: 480px;
max-width: 700px;
visibility: hidden;
opacity: 0;
transform: translateX(-10px);
transform-origin: center top;
transition: all ease-out 0.25s;
height: calc(100% - 30px) !important;
max-height: 100% !important;
color: #4d4d4d;
background-color: #fff;
border-radius: 15px;
}
.apps-menu-tv:after {
 content:"";
 display:table;
 clear:both
}
.apps-menu-tv.active {
 visibility:visible;
 opacity:1;
 transform:translateX(0px)
}
@media (max-width: 1365px) {
 .apps-menu-tv {
  top:65px
 }
}

.apps-menu-tv-desktop,
.apps-menu-tv-mobile {
 margin:0 20px 0 0;
}
@media screen and (max-width: 979px) {
 .apps-menu-tv-desktop,
 .apps-menu-tv-mobile {
  margin:0;
  width:50px
 }
}

@media screen and (max-width: 979px) {
 .apps-menu-tv-desktop button:before,
 .apps-menu-tv-mobile button:before {
  width:calc(100% - 6px);
  height:calc(100% - 6px);
  left:3px;
  top:3px
 }
}

.apps-menu-tv-button-desktop:hover {
    background-color: var(--button1-hover);
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12);
}
.apps-menu-tv-desktop button,
.apps-menu-tv-mobile button {
    width: 60px;
    height: 50px;
    position: fixed;
    top: 80px;
    z-index: 120;
    border-radius: 0 15px 15px 0;
    border: 0;
    background-color: var(--primary-color);
    color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
    transition: all linear 0.15s;
}

.apps-menu-tv-desktop .apps-menu-tv-inner .ipo-treeview-actions {
	display: inline-flex;
}

.apps-menu-tv-desktop .apps-menu-tv-inner button {
	font-size: .875rem;
	height: 40px;
	border: 2px solid var(--primary-color);
	display: inline-flex;
	background-color: transparent;
	color: var(--primary-color);
	box-shadow: none;
	font-weight: bold;
	align-items: center;
	padding: 1px 20px 0;
	border-radius: 50px;
	text-decoration: none;
	transition: all linear .1s;
	box-sizing: border-box;
	width: auto;
}
.apps-menu-tv-desktop .apps-menu-tv-inner button:hover {
    background-color: var(--button2-hover);
    box-shadow: none;
	color: var(--primary-color);
}

.apps-menu-tv-inner {
	position:relative;
	padding:0px 20px 0;
	overflow:auto;
	background:#fff;
	border-radius:15px;
	transform-origin: center top;
	transition: all ease-out 0.25s;
	max-height:calc(100% - 60px);
	min-height:190px;
	min-width:100%;
	height:100%;
	top: 20px;
}
.overlay.apps-menu-tv-overlay {
    z-index: 110;
}

.apps-menu-tv-always-full-height {
 height:calc(100% - 75px)
}
.apps-menu-tv-always-full-height .apps-menu-tv-inner {
 height:calc(100% - 60px) !important
}
.apps-menu-tv-top-nav {
 position:relative;
 margin:0;
 padding: 0 15px;
 border-radius:5px 5px 0 0;
 z-index:10
}
.apps-menu-tv-top-nav:after {
 content:"";
 display:table;
 clear:both
}
.apps-menu-tv-home-button {
 float:left
}
.all-apps-button {
 float:right
}
.tile-group {
 margin:0 -5px 20px
}
.apps-menu-tv .panel {
 padding:0
}
.apps-menu-tv .panel .home-tiles {
 margin:0 -5px 20px
}
.apps-menu-tv h3 {
 font-size:18px;
 font-weight:bold;
 margin-top:20px;
 margin-bottom:7px;
 padding-left:5px
}
.apps-menu-tv .home-tile {
 font-size:14px;
 line-height:17px;
 width:120px;
 height:120px;
 padding:5px
}
.apps-menu-tv .home-tile:before {
 width:calc(100% - 10px);
 height:calc(100% - 10px)
}
.apps-menu-tv .home-tile .notif-counter {
 border-color:#e0e0e0
}
.apps-menu-tv .home-tile>i {
 font-size:48px;
 line-height:48px;
 height:48px
}
.apps-menu-tv .home-tile>span {
 margin:8px 5px 5px
}
.apps-menu-tv .home-tile span span {
 max-height:35px
}
.apps-menu-tv .home-tile .notif-counter {
 font-size:13px;
 line-height:18px;
 width:26px;
 height:26px
}
.apps-menu-tv .home-tile button.tile-help {
 left:-3px;
 bottom:-3px
}
.apps-menu-tv-search {
 font-size:14px;
 clear:both;
 padding-top:5px
}
.apps-menu-tv-button.apps-menu-tv-button-mobile {
 display:none
}
@media screen and (max-width: 979px) {
 .apps-menu-tv.apps-menu-tv-desktop {
  top:55px;
  width:100%;
  min-width:inherit
 }
}
.apps-menu-tv .panel.category span span {
 max-height:38px
}

.icon_32_app-menu-tv::before {
    content: "\e0c8";
}


.shortcut-bar-with-tv .shortcut-bar {
	top: 140px;
	height: calc(100% - 140px);
}
.shortcut-bar-with-tv .shortcut-panel {
	top: 140px;
	height: calc(100% - 160px);
}


.header .search-header {
    padding-right: 40px;
	float: right;
}

.header .module-search-wrapper {
 width: 450px;
}

.module-search-wrapper {
 position:relative;
 height:40px;
}
.module-search-wrapper>i,
.module-search-wrapper button {
 position:absolute;
 z-index:1;
 top:0;
 height:40px;
 width:40px;
 line-height:40px;
 text-align:center
}
.module-search-wrapper>i {
 left:0
}
.module-search-wrapper button {
	right: 0px;
	border-width: 0px;
	background-color: transparent;
}

.module-search-wrapper button .icon_24.icon_24_arrow-full-right:before {
	content: "\e315";
}

.module-search-wrapper button i {
 line-height:inherit
}
.search button {
 margin:inherit
}
.module-search-wrapper button:before {
 width:calc(100% - 10px);
 height:calc(100% - 10px);
 left:5px;
 top:5px
}
.module-search-wrapper button:hover:before,
.module-search-wrapper button:focus:before {
 background-color:#ccc
}

.header .module-search-wrapper input.search-input {
    display: block;
    width: 100%;
    height: 100%;
    margin: 5px 0 20px;
    padding: 0 40px;
    line-height: 36px;
}
.workplace-module-search .module-search-wrapper.field{
	margin-bottom: 16px;
	display: block;
}
.workplace-module-search .module-search-wrapper i {
    position: absolute;
    color: #595959;
}
.module-search-wrapper input {
    width: 100% !important;
    border-radius: 50px;
    background-color: #ededed;
    border-color: transparent;
    padding-left: 45px;
}

.search-main .horizontal-top-tabs .field.module-search-wrapper.cell-right input[type="text"] {
    padding: 0 15px 0 40px;
	background: #f2f2f2;
}
.search-main .horizontal-top-tabs .field.module-search-wrapper.cell-right input[readonly]:focus {
    outline: none;
}

.module-search-wrapper input:focus {
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
}

.search-main .horizontal-top-tabs .field.module-search-wrapper.cell-right button {
	display: none;
}

.search-main .searched-resources {
 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-resources:before {
 display:none
}
.search-main .searched-resources:first-child {
 margin-top:0;
 border-top:0
}
.search-main .searched-resources .search-result-inner {
 position:relative;
 max-height:inherit;
 overflow:inherit;
 font-size:0
}
.search-main .searched-resources .search-result-image {
 width:30%;
 height:inherit;
 margin-right:15px;
 overflow:initial;
 margin-bottom:10px
}


@media screen and (min-width: 1600px) {
 .search-main .searched-resources {
  display:inline-block;
  vertical-align:top;
  width:calc(50% - 35px);
  margin:20px 20px 0 0
 }
 .search-main .searched-resources:first-of-type,
 .search-main .searched-resources:nth-of-type(2) {
  padding-top:0;
  border:none
 }
}

@media screen and (max-width: 639px) {
 .search-main .searched-resources .search-result-image {
  width:100%
 }
}
.search-main .searched-resources .search-result-image img {
 transition:transform 0.1s ease-out, opacity 0.1s linear
}
.search-main .searched-resources .search-result-inner:focus .search-result-image img,
.search-main .searched-resources .search-result-inner:hover .search-result-image img {
 transform:translate(3px, 3px);
 opacity:0.7
}
.search-main .searched-resources .search-result-data {
 position:relative;
 width:calc(95% - 15px);
 padding:0
}
@media screen and (max-width: 639px) {
 .search-main .searched-resources .search-result-data {
  width:100%
 }
}
.search-main .searched-resources h2 {
 max-height:48px;
 margin:0 0 0.5em;
 text-overflow:inherit;
 white-space:inherit;
 overflow:inherit;
 line-height:1.2
}
.search-main .searched-resources .search-misc-data {
 margin:0;
 font-size:16px;
 height:77px
}
.search-main .searched-resources .date-news {
 font-weight:700;
 color:#007bc2
}
.search-main .searched-resources .date-news::after {
 content:" - "
}
.search-main .searched-resources .search-result:focus:before,
.search-main .searched-resources .search-result:hover:before {
 opacity:0.3
}

.search-main.if-shortcut-bar {
	margin-top: 1px;
}

/*  -------------tuiles dans bloc refermable-------------  */
#default-container>.row .col .home-tiles .collapsable-block-container .tile {
	min-width: 155px;
	display: inline-flex;
	padding: 16px;
	background-color: #fff;
	border-radius: 5px;
	margin: 8px 6px;
	transition: all ease-in-out 0.25s;
}
#default-container>.row .col .home-tiles .collapsable-block-container A.tile:hover {
	background-color: #fff;
}
#default-container>.row .col .home-tiles .collapsable-block-container {
    margin-bottom: 55px;
    position: relative;
}
#default-container>.row .col .home-tiles .collapsable-block-container .collapsable-block-content {
    position: relative;
    top: 46px;
}
#default-container>.row .col .home-tiles .collapsable-block-container .collapsable-block-button {
	position: absolute;
    top: 0px;
    margin-top: 0px;
}
#default-container>.row .col .home-tiles .collapsable-block-container .collapsable-block-button .view-more-button i {
	transform: rotateZ(-90deg) !important;
}
#default-container>.row .col .home-tiles .collapsable-block-container .collapsable-block-button .view-more-button.view-more-expanded i {
	transform: rotateZ(90deg) !important;
}
/*----- identification du bloc en cours --> Dans la page ajout du js : $("a[href*='" + location.pathname + "']").addClass("current"); -----*/
#default-container>.row .col .home-tiles .collapsable-block-container a.current:before {
	transform: scale(1.06);
    border-width: 1px 1px 3px;
}

/*----- panel de retour au planning dans les apps de réservation ------ */

.back-to-planning-panel A {
	display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    transform: scale(1);
    opacity: 1;
    font-size: 18px;
    font-weight: 400;
    padding: 8px 10px;
    color: #4d4d4d !important;
    position: relative;
    z-index: 2;
    padding-left: 45px;
    display: flex;
    align-items: center;
    min-height: 48px;
    border-radius: 10px;
    margin: 8px 0;
    transition: all linear .1s;
    text-decoration: none;
}
.back-to-planning-panel A:hover {
	background-color: #f5f5f5;
    transform: scale(1);
    border: none;
}
.back-to-planning-panel A.active {
	background-color: #e0e0e0;
	font-weight: 700;
}
.back-to-planning-panel A:before {
	font-family: icomoon,icomoon-ultimate,sans-serif!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "liga" 1;
    font-size: 25px;
    content: "\e998";
	padding-left: 10px;
    position: absolute;
    left: 0px;
}

/*----- Vues intégrées dans les formulaires de ressources : Aucun élément (sans image) ------ */
.screen.vui-screen-resource.resource-edit .table-view .empty {
	height: inherit;
}
.screen.vui-screen-resource.resource-edit .table-view .empty:before {
	content: none;
}

/*-------- Page d'accueil Administration IPorta --------*/
.sitemap.iporta-administration div {
	position: relative;
}
.sitemap.iporta-administration li {
	list-style: none;
}
.sitemap.iporta-administration ul li {
    margin-bottom: 2px;
    width: 49%;
    display: inline-block;
}
.sitemap.iporta-administration li a {
	font-weight: 500;
	color: #10122d;
	margin: 0;
    height: 50px;
    display: flex;
    align-items: center;
    text-align: left;
    width: 100%;
    position: relative;
    padding: 0 20px;
    overflow: hidden;
    transition: all linear .1s;
    border-radius: 0 15px 15px 0;
    text-decoration: none;
    font-size: .875rem;
    cursor: pointer;
}
.sitemap.iporta-administration li a:hover {
    border-radius: 15px;
}
.sitemap.iporta-administration li a:hover {
    background-color: #f5f5f5;
}
