.container-fluid.iporta-fullpage {
	padding-left: 50px !important;
}
.panel-content .ipo-container-fluid {
    display: inline-block;
}
.CatalogueServicesOpeLocExplorer-access h2,
.ServicesOpeLocExplorer-access h2 {
  font-size: 1.5rem;
  padding-left: 30px;
}
.CatalogueServicesOpeLocExplorer-access .explorer-layout-left .explorer-menu,
.ServicesOpeLocExplorer-access .explorer-layout-left .explorer-menu {
  background-color: #fff;
  padding: 30px 0;
  border-radius: 15px;
}
.CatalogueServicesOpeLocExplorer-access .explorer-layout-left,
.ServicesOpeLocExplorer-access .explorer-layout-left  {
	padding-right: 25px;
	vertical-align: top;
}
.CatalogueServicesOpeLocExplorer-access .explorer-layout-right .explorer-view,
.ServicesOpeLocExplorer-access .explorer-layout-right .explorer-view,
DIV.ServiceOpeLoc-edit,
DIV.ServiceOpeLocDuet-editDuet,
DIV.ActionOnService-report,
DIV.SyntheseTreeView-browse  {
  background-color: #fff;
  padding: 30px;
  border-radius: 15px;
}
.CatalogueServicesOpeLocExplorer-access .explorer-layout-right,
.ServicesOpeLocExplorer-access .explorer-layout-right  {
	padding-left: 25px;
	vertical-align: top;
}

.ServicesOpeLocWizard-add .mandatory-asterisk,
.Service-edit .mandatory-asterisk {
	display: none;
}

.OpeLocsRubriques-admin .navigation-area {
	border-bottom: none;
}

.SyntheseTreeView-browse .fields-group .treeview TD {
  padding: 0px 0px;
}

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

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

/* champ log des imports exports xls */
.iPortaExcelImportExport-result .fields-group TABLE,
.iPortaExcelImportExport-import .fields-group TABLE {
	width: 100%;
}
.iPortaExcelImportExport-result .fields-group TABLE .cell-left,
.iPortaExcelImportExport-import .fields-group TABLE .cell-left {
	width: 25%;
}
.iPortaExcelImportExport-result .fields-group TABLE .cell-right,
.iPortaExcelImportExport-import .fields-group TABLE .cell-right {
	width: 75%;
}
.iPortaExcelImportExport-result .fields-group TABLE .cell-right .textarea-large,
.iPortaExcelImportExport-import .fields-group TABLE .cell-right .textarea-large{
	width: 100%;
}

/* Icones des liens de la shortcutbar spécifique */
.shortcut-bar.iporta-shortcut-bar .shortcutbar-action > [class^="icon_"],
.shortcut-bar-with-tv .shortcut-bar .shortcutbar-action > [class^="icon_"],
.shortcut-bar .shortcutbar-action > [class*=" icon_"] {
  font-family: 'icomoon', 'icomoon-ultimate', 'Material Icons Outlined' !important;
}


/* 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 {
    overflow: hidden;
    font-family: inherit !important;
    font-weight: bold !important;
    font-size: 16px !important;
	white-space: inherit !important;
    display: inline-flex;
    position: relative;
    margin-bottom: 15px;
    z-index: +1;
    height: 50px;
    text-align: center;
    border: 2px solid var(--primary-color);
    box-shadow: none;
    align-items: center;
    padding: 1px 25px 0 45px;
    border-radius: 50px;
    text-decoration: none;
    transition: all linear .1s;
    box-sizing: border-box;
    top: 0px;
    right: 0px;
	justify-content: center;
}

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

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

/*-------- Gestion de favoris --------*/

.ipo-favorite {
  height:50px;
  margin:0 auto;
  position: relative;
}

.ipo-favorite .ipo-favorite-link {
  text-align:center;
  cursor:pointer;
  padding:15px 12px 8px;
  background: rgba(120,121,140,0);
  border-radius:50%;
  display:inline-block;
  margin:0 0 15px;
  color:#aaa;
  transition:.2s;
  height:50px;
  width:50px;
  text-decoration: none;
  font-size: 18px;
}
.ipo-favorite .ipo-favorite-link:hover {
  color:#666;
  background: rgba(120,121,140,0.2);
}

.ipo-favorite .ipo-favorite-link:before {
  font-family:icomoon,icomoon-ultimate,sans-serif!important;
  font-style:normal;
}
.ipo-favorite .ipo-favorite-shape-heart:before {
	content:'\e307';
}
.ipo-favorite .ipo-favorite-shape-star:before {
	content:'\e2fe';
}

.ipo-favorite .ipo-favorite-link.favorite-on {
  animation: size .4s;
  background: rgba(120,121,140,0.2);
}

.ipo-favorite .ipo-favorite-shape-heart.favorite-on {
  color:#e23b3b;
}
.ipo-favorite .ipo-favorite-shape-star.favorite-on {
  color:gold;
}

.ipo-favorite .ipo-favorite-link.favorite-on:hover {
  color:#666;
  background: rgba(120,121,140,0.4);
}
.ipo-favorite .ipo-favorite-label {
	display: none;
}

.action-favButton:before {
  margin: 0 10px 0 0 !important;
}
.action-favButton.ipo-favorite-shape-star:before {
	content:'\e83a';
}
.action-favButton.ipo-favorite-shape-heart:before {
	content:'\e87e';
}

.view-actions .button1.action-updateCostBtn {
	min-width: 200px;
}

.view-with-popup-menu .line-with-attachment-popup-menu SPAN.popup-menu-handler {
	display: inline-flex;
	margin-right: 10px;
}
.view-with-popup-menu .line-no-popup-menu TD:first-child {
	padding-left: 66px !important;
}

/*-------- Extension de vue - colonne pourcentage --------*/

.ipo-cell-value-percent {
	color: transparent;
	position: relative;
	min-width: 140px;
}

.ipo-cell-value-percent:before {
	background-color: var(--primary-color) !important;
    color: var(--button2-hover) !important;
    border-radius: 10px;
    height: 20px;
    display: inline-block;
	font-size: .875rem !important;
	left: 0;
	z-index: 2;
}
.ipo-cell-value-percent:after {
	background-color: var(--button2-hover) !important;
	color: var(--primary-color) !important;
    border-radius: 10px;
    height: 20px;
    display: inline-block;
	font-size: .875rem !important;
	right: 0;
	width: 100%;
    z-index: 1;
	padding-left: 70%;
}
.ipo-cell-value-percent:before,
.ipo-cell-value-percent:after {
  position: absolute;
  align-content: center;
}

.ipo-cell-value-percent.ipo-percentage-value-0:before {
    width: 0%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-1:before {
    width: 1%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-2:before {
    width: 2%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-3:before {
    width: 3%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-4:before {
    width: 4%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-5:before {
    width: 5%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-6:before {
    width: 6%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-7:before {
    width: 7%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-8:before {
    width: 8%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-9:before {
    width: 9%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-10:before {
    width: 10%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-11:before {
    width: 11%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-12:before {
    width: 12%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-13:before {
    width: 13%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-14:before {
    width: 14%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-15:before {
    width: 15%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-16:before {
    width: 16%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-17:before {
    width: 17%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-18:before {
    width: 18%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-19:before {
    width: 19%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-20:before {
    width: 20%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-21:before {
    width: 21%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-22:before {
    width: 22%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-23:before {
    width: 23%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-24:before {
    width: 24%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-25:before {
    width: 25%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-26:before {
    width: 26%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-27:before {
    width: 27%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-28:before {
    width: 28%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-29:before {
    width: 29%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-30:before {
    width: 30%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-31:before {
    width: 31%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-32:before {
    width: 32%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-33:before {
    width: 33%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-34:before {
    width: 34%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-35:before {
    width: 35%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-36:before {
    width: 36%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-37:before {
    width: 37%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-38:before {
    width: 38%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-39:before {
    width: 39%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-40:before {
    width: 40%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-41:before {
    width: 41%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-42:before {
    width: 42%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-43:before {
    width: 43%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-44:before {
    width: 44%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-45:before {
    width: 45%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-46:before {
    width: 46%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-47:before {
    width: 47%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-48:before {
    width: 48%;
    content: "";
}

.ipo-cell-value-percent.ipo-percentage-value-49:before {
    width: 49%;
    content: "";
}
.ipo-cell-value-percent.ipo-percentage-value-50:before {
    width: 50%;
    content: "50%";
}

.ipo-cell-value-percent.ipo-percentage-value-51:before {
    width: 51%;
    content: "51%";
}

.ipo-cell-value-percent.ipo-percentage-value-52:before {
    width: 52%;
    content: "52%";
}

.ipo-cell-value-percent.ipo-percentage-value-53:before {
    width: 53%;
    content: "53%";
}

.ipo-cell-value-percent.ipo-percentage-value-54:before {
    width: 54%;
    content: "54%";
}

.ipo-cell-value-percent.ipo-percentage-value-55:before {
    width: 55%;
    content: "55%";
}

.ipo-cell-value-percent.ipo-percentage-value-56:before {
    width: 56%;
    content: "56%";
}

.ipo-cell-value-percent.ipo-percentage-value-57:before {
    width: 57%;
    content: "57%";
}

.ipo-cell-value-percent.ipo-percentage-value-58:before {
    width: 58%;
    content: "58%";
}

.ipo-cell-value-percent.ipo-percentage-value-59:before {
    width: 59%;
    content: "59%";
}

.ipo-cell-value-percent.ipo-percentage-value-60:before {
    width: 60%;
    content: "60%";
}

.ipo-cell-value-percent.ipo-percentage-value-61:before {
    width: 61%;
    content: "61%";
}

.ipo-cell-value-percent.ipo-percentage-value-62:before {
    width: 62%;
    content: "62%";
}

.ipo-cell-value-percent.ipo-percentage-value-63:before {
    width: 63%;
    content: "63%";
}

.ipo-cell-value-percent.ipo-percentage-value-64:before {
    width: 64%;
    content: "64%";
}

.ipo-cell-value-percent.ipo-percentage-value-65:before {
    width: 65%;
    content: "65%";
}

.ipo-cell-value-percent.ipo-percentage-value-66:before {
    width: 66%;
    content: "66%";
}

.ipo-cell-value-percent.ipo-percentage-value-67:before {
    width: 67%;
    content: "67%";
}

.ipo-cell-value-percent.ipo-percentage-value-68:before {
    width: 68%;
    content: "68%";
}

.ipo-cell-value-percent.ipo-percentage-value-69:before {
    width: 69%;
    content: "69%";
}

.ipo-cell-value-percent.ipo-percentage-value-70:before {
    width: 70%;
    content: "70%";
}

.ipo-cell-value-percent.ipo-percentage-value-71:before {
    width: 71%;
    content: "71%";
}

.ipo-cell-value-percent.ipo-percentage-value-72:before {
    width: 72%;
    content: "72%";
}

.ipo-cell-value-percent.ipo-percentage-value-73:before {
    width: 73%;
    content: "73%";
}

.ipo-cell-value-percent.ipo-percentage-value-74:before {
    width: 74%;
    content: "74%";
}

.ipo-cell-value-percent.ipo-percentage-value-75:before {
    width: 75%;
    content: "75%";
}

.ipo-cell-value-percent.ipo-percentage-value-76:before {
    width: 76%;
    content: "76%";
}

.ipo-cell-value-percent.ipo-percentage-value-77:before {
    width: 77%;
    content: "77%";
}

.ipo-cell-value-percent.ipo-percentage-value-78:before {
    width: 78%;
    content: "78%";
}

.ipo-cell-value-percent.ipo-percentage-value-79:before {
    width: 79%;
    content: "79%";
}

.ipo-cell-value-percent.ipo-percentage-value-80:before {
    width: 80%;
    content: "80%";
}

.ipo-cell-value-percent.ipo-percentage-value-81:before {
    width: 81%;
    content: "81%";
}

.ipo-cell-value-percent.ipo-percentage-value-82:before {
    width: 82%;
    content: "82%";
}

.ipo-cell-value-percent.ipo-percentage-value-83:before {
    width: 83%;
    content: "83%";
}

.ipo-cell-value-percent.ipo-percentage-value-84:before {
    width: 84%;
    content: "84%";
}

.ipo-cell-value-percent.ipo-percentage-value-85:before {
    width: 85%;
    content: "85%";
}

.ipo-cell-value-percent.ipo-percentage-value-86:before {
    width: 86%;
    content: "86%";
}

.ipo-cell-value-percent.ipo-percentage-value-87:before {
    width: 87%;
    content: "87%";
}

.ipo-cell-value-percent.ipo-percentage-value-88:before {
    width: 88%;
    content: "88%";
}

.ipo-cell-value-percent.ipo-percentage-value-89:before {
    width: 89%;
    content: "89%";
}

.ipo-cell-value-percent.ipo-percentage-value-90:before {
    width: 90%;
    content: "90%";
}

.ipo-cell-value-percent.ipo-percentage-value-91:before {
    width: 91%;
    content: "91%";
}

.ipo-cell-value-percent.ipo-percentage-value-92:before {
    width: 92%;
    content: "92%";
}

.ipo-cell-value-percent.ipo-percentage-value-93:before {
    width: 93%;
    content: "93%";
}

.ipo-cell-value-percent.ipo-percentage-value-94:before {
    width: 94%;
    content: "94%";
}

.ipo-cell-value-percent.ipo-percentage-value-95:before {
    width: 95%;
    content: "95%";
}

.ipo-cell-value-percent.ipo-percentage-value-96:before {
    width: 96%;
    content: "96%";
}

.ipo-cell-value-percent.ipo-percentage-value-97:before {
    width: 97%;
    content: "97%";
}

.ipo-cell-value-percent.ipo-percentage-value-98:before {
    width: 98%;
    content: "98%";
}

.ipo-cell-value-percent.ipo-percentage-value-99:before {
    width: 99%;
    content: "99%";
}

.ipo-cell-value-percent.ipo-percentage-value-100:before {
    width: 100%;
    content: "100%";
}
.ipo-cell-value-percent.ipo-percentage-value-more-than-100:before {
    width: 100%;
    content: "> 100%";
}
.ipo-cell-value-percent.ipo-percentage-value-0:after {
    content: "0%";
}

.ipo-cell-value-percent.ipo-percentage-value-1:after {
    content: "1%";
}

.ipo-cell-value-percent.ipo-percentage-value-2:after {
    content: "2%";
}

.ipo-cell-value-percent.ipo-percentage-value-3:after {
    content: "3%";
}

.ipo-cell-value-percent.ipo-percentage-value-4:after {
    content: "4%";
}

.ipo-cell-value-percent.ipo-percentage-value-5:after {
    content: "5%";
}

.ipo-cell-value-percent.ipo-percentage-value-6:after {
    content: "6%";
}

.ipo-cell-value-percent.ipo-percentage-value-7:after {
    content: "7%";
}

.ipo-cell-value-percent.ipo-percentage-value-8:after {
    content: "8%";
}

.ipo-cell-value-percent.ipo-percentage-value-9:after {
    content: "9%";
}

.ipo-cell-value-percent.ipo-percentage-value-10:after {
    content: "10%";
}

.ipo-cell-value-percent.ipo-percentage-value-11:after {
    content: "11%";
}

.ipo-cell-value-percent.ipo-percentage-value-12:after {
    content: "12%";
}

.ipo-cell-value-percent.ipo-percentage-value-13:after {
    content: "13%";
}

.ipo-cell-value-percent.ipo-percentage-value-14:after {
    content: "14%";
}

.ipo-cell-value-percent.ipo-percentage-value-15:after {
    content: "15%";
}

.ipo-cell-value-percent.ipo-percentage-value-16:after {
    content: "16%";
}

.ipo-cell-value-percent.ipo-percentage-value-17:after {
    content: "17%";
}

.ipo-cell-value-percent.ipo-percentage-value-18:after {
    content: "18%";
}

.ipo-cell-value-percent.ipo-percentage-value-19:after {
    content: "19%";
}

.ipo-cell-value-percent.ipo-percentage-value-20:after {
    content: "20%";
}

.ipo-cell-value-percent.ipo-percentage-value-21:after {
    content: "21%";
}

.ipo-cell-value-percent.ipo-percentage-value-22:after {
    content: "22%";
}

.ipo-cell-value-percent.ipo-percentage-value-23:after {
    content: "23%";
}

.ipo-cell-value-percent.ipo-percentage-value-24:after {
    content: "24%";
}

.ipo-cell-value-percent.ipo-percentage-value-25:after {
    content: "25%";
}

.ipo-cell-value-percent.ipo-percentage-value-26:after {
    content: "26%";
}

.ipo-cell-value-percent.ipo-percentage-value-27:after {
    content: "27%";
}

.ipo-cell-value-percent.ipo-percentage-value-28:after {
    content: "28%";
}

.ipo-cell-value-percent.ipo-percentage-value-29:after {
    content: "29%";
}

.ipo-cell-value-percent.ipo-percentage-value-30:after {
    content: "30%";
}

.ipo-cell-value-percent.ipo-percentage-value-31:after {
    content: "31%";
}

.ipo-cell-value-percent.ipo-percentage-value-32:after {
    content: "32%";
}

.ipo-cell-value-percent.ipo-percentage-value-33:after {
    content: "33%";
}

.ipo-cell-value-percent.ipo-percentage-value-34:after {
    content: "34%";
}

.ipo-cell-value-percent.ipo-percentage-value-35:after {
    content: "35%";
}

.ipo-cell-value-percent.ipo-percentage-value-36:after {
    content: "36%";
}

.ipo-cell-value-percent.ipo-percentage-value-37:after {
    content: "37%";
}

.ipo-cell-value-percent.ipo-percentage-value-38:after {
    content: "38%";
}

.ipo-cell-value-percent.ipo-percentage-value-39:after {
    content: "39%";
}

.ipo-cell-value-percent.ipo-percentage-value-40:after {
    content: "40%";
}

.ipo-cell-value-percent.ipo-percentage-value-41:after {
    content: "41%";
}

.ipo-cell-value-percent.ipo-percentage-value-42:after {
    content: "42%";
}

.ipo-cell-value-percent.ipo-percentage-value-43:after {
    content: "43%";
}

.ipo-cell-value-percent.ipo-percentage-value-44:after {
    content: "44%";
}

.ipo-cell-value-percent.ipo-percentage-value-45:after {
    content: "45%";
}

.ipo-cell-value-percent.ipo-percentage-value-46:after {
    content: "46%";
}

.ipo-cell-value-percent.ipo-percentage-value-47:after {
    content: "47%";
}

.ipo-cell-value-percent.ipo-percentage-value-48:after {
    content: "48%";
}

.ipo-cell-value-percent.ipo-percentage-value-49:after {
    content: "49%";
}
.ipo-cell-value-percent.ipo-percentage-value-50:after,
.ipo-cell-value-percent.ipo-percentage-value-51:after,
.ipo-cell-value-percent.ipo-percentage-value-52:after,
.ipo-cell-value-percent.ipo-percentage-value-53:after,
.ipo-cell-value-percent.ipo-percentage-value-54:after,
.ipo-cell-value-percent.ipo-percentage-value-55:after,
.ipo-cell-value-percent.ipo-percentage-value-56:after,
.ipo-cell-value-percent.ipo-percentage-value-57:after,
.ipo-cell-value-percent.ipo-percentage-value-58:after,
.ipo-cell-value-percent.ipo-percentage-value-59:after,
.ipo-cell-value-percent.ipo-percentage-value-60:after,
.ipo-cell-value-percent.ipo-percentage-value-61:after,
.ipo-cell-value-percent.ipo-percentage-value-62:after,
.ipo-cell-value-percent.ipo-percentage-value-63:after,
.ipo-cell-value-percent.ipo-percentage-value-64:after,
.ipo-cell-value-percent.ipo-percentage-value-65:after,
.ipo-cell-value-percent.ipo-percentage-value-66:after,
.ipo-cell-value-percent.ipo-percentage-value-67:after,
.ipo-cell-value-percent.ipo-percentage-value-68:after,
.ipo-cell-value-percent.ipo-percentage-value-69:after,
.ipo-cell-value-percent.ipo-percentage-value-70:after,
.ipo-cell-value-percent.ipo-percentage-value-71:after,
.ipo-cell-value-percent.ipo-percentage-value-72:after,
.ipo-cell-value-percent.ipo-percentage-value-73:after,
.ipo-cell-value-percent.ipo-percentage-value-74:after,
.ipo-cell-value-percent.ipo-percentage-value-75:after,
.ipo-cell-value-percent.ipo-percentage-value-76:after,
.ipo-cell-value-percent.ipo-percentage-value-77:after,
.ipo-cell-value-percent.ipo-percentage-value-78:after,
.ipo-cell-value-percent.ipo-percentage-value-79:after,
.ipo-cell-value-percent.ipo-percentage-value-80:after,
.ipo-cell-value-percent.ipo-percentage-value-81:after,
.ipo-cell-value-percent.ipo-percentage-value-82:after,
.ipo-cell-value-percent.ipo-percentage-value-83:after,
.ipo-cell-value-percent.ipo-percentage-value-84:after,
.ipo-cell-value-percent.ipo-percentage-value-85:after,
.ipo-cell-value-percent.ipo-percentage-value-86:after,
.ipo-cell-value-percent.ipo-percentage-value-87:after,
.ipo-cell-value-percent.ipo-percentage-value-88:after,
.ipo-cell-value-percent.ipo-percentage-value-89:after,
.ipo-cell-value-percent.ipo-percentage-value-90:after,
.ipo-cell-value-percent.ipo-percentage-value-91:after,
.ipo-cell-value-percent.ipo-percentage-value-92:after,
.ipo-cell-value-percent.ipo-percentage-value-93:after,
.ipo-cell-value-percent.ipo-percentage-value-94:after,
.ipo-cell-value-percent.ipo-percentage-value-95:after,
.ipo-cell-value-percent.ipo-percentage-value-96:after,
.ipo-cell-value-percent.ipo-percentage-value-97:after,
.ipo-cell-value-percent.ipo-percentage-value-98:after,
.ipo-cell-value-percent.ipo-percentage-value-99:after,
.ipo-cell-value-percent.ipo-percentage-value-100:after,
.ipo-cell-value-percent.ipo-percentage-value-more-than-100:after {
    content: "";
}


TD.reference-feature-readonly-info {
	background-color: var(--button2-hover);
	font-size: .875rem;
}

/* Installations view - completion column */
.completion-status {
	font-size: 0px !important;
}
.completion-status:before {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	position: relative;
	left: calc(50% - 12px);
	opacity: 0.7;
}
.completion-status-Partiel:before {
	content: "\e86c";
	color: orange;
}
.completion-status-Complet:before {
	content: "\e86c";
	color: green;
}
.completion-status-Incomplet:before {
	content: "\e001";
	color: red;
}
/* Installations view - completion column */
.installation-in-set {
	font-size: 0px !important;
}
.installation-in-set:before {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	position: relative;
	opacity: 0.7;
}
.installation-in-set.no-set-for-installation:before {
	content: "\e16f";
	color: green;
}
.installation-in-set.sets-for-installation:before {
	content: "\e157";
	color: green;
}

/* Installations Sets view - uses column */
.installations-set-uses .installations-set-use {
	display: inline-block;
	border-radius: 12px;
	font-size: 12px;
	height: 24px;
	color: #fff;
	background-color: #9e9e9e;
	border-color: #9e9e9e;
	border-width: thin;
	border-style: solid;
	align-items: center;
	display: inline-flex;
	line-height: 20px;
	overflow: hidden;
	padding: 0 12px;
	position: relative;
	text-decoration: none;
	margin-right: 5px;
}

.installations-set-use.installations-set-use-CMMS {
	background-color: #07c;
	border-color: #07c;
}
.installations-set-use.installations-set-use-HSE {
	background-color: #00abad;
	border-color: #00abad;
}
.installations-set-use.installations-set-use-GER {
	background-color: #70bf00;
	border-color: #70bf00;
}

.field_ipo_TextValues .checkboxgroup.horizontal TR {
	border: none;
}
.field_ipo_TextValues .checkboxgroup.horizontal TR TD {
	padding: 0 !important;
}

.field_ipo_TextValues .checkboxgroup.horizontal TR TD label {
	font-weight: inherit;
}


/*----------------------- Pour avoir des champs readonly sur une même ligne dans un formulaire studio,
ajouter une div avec class="same-line-fields" (à l'aide des composant HTML) et placer les champs dedans -------------------------------------*/

.fields-group .same-line-fields {
	display: inline-flex;
}
.fields-group .same-line-fields .readonly-field {
	padding-right: 2px;
}