/* Minification failed. Returning unminified contents.
(1579,23): run-time error CSS1030: Expected identifier, found ','
(1579,67): run-time error CSS1031: Expected selector, found ')'
(1579,67): run-time error CSS1025: Expected comma or open brace, found ')'
(1601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*************************************************************************************************
/* Common : 
/* Modification des styles par défaut (reset) et des styles apportés par bootstrap et admin-lte.
*************************************************************************************************/

/* Définition d'un fond d'écran légèrement gris et réduction du padding induit par bootstrap. */
body {
    background-color: #ecf0f5;
}

/* Réduction des margin du hr hérité de bootstrap (16px) */
hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Applique un style particulier aux entêtes des panel */
.panel-heading {
    font-weight: bold !important;
    font-size: 14px !important;
    font-family: inherit;
    color: #588aaf !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Réduit la padding du corp des panel */
.panel-body {
    padding: 10px;
}

/* Supprime les pointillés sous toutes les abbréviations.  */
abbr {
    text-decoration: none !important;
}

/* Applique une taille un peu plus grande au contenu des alertes. */
.alert li {
    font-size: 16px;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

div.form-group-display {
    margin-top: 5px;
}

/*Mettre les alertes audio premier plan*/
.messageBox {
    z-index: 100003;
}

/*Concerne le design des étapes d'une intervention*/
.panel-heading-pointer {
    cursor: pointer;
}

.panel-no-margintop {
    margin-top: 0px !important;
}

/*Nécessaire pour que les tableaux à l'intérieur d'un panel prennent la bonne place*/
.table-custom-margin {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

/*Ajoute un padding à un formulaire*/
.tab-custom-margin {
    margin: 0px !important;
    padding: 10px;
}

span.error {
    outline: none;
    border: 1px solid #800000;
    box-shadow: 0 0 5px 1px #800000;
}

label.error {
    float: none;
    color: red;
    padding-left: 0px;
    vertical-align: bottom;
}

/* 
 * nav-list / nav-header / li
 * Pour les menus et sous-menus dans les barres latérales.
*/
.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    color: #999999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.nav li + .nav-header {
    margin-top: 9px;
}

.nav-list {
    margin-bottom: 15px;
}

.nav-list > li > a,
.nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list > li > a {
    padding: 3px 15px;
}

.nav-list > li.selected > a {
    background-color: #e3e3e3;
    color: #848484;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #428bca;
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
    margin-right: 2px;
}

.nav-list .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav-list li ul {
    margin-left: -35px;
    list-style: none;
}

.nav-list .box-header {
    padding: 5px 10px;
}

.nav-list .box-tools button {
    margin-top: 2px;
}

.nav-list .box-title {
    font-size: 11px;
    text-transform: uppercase;
}

.nav-list .form-group {
    margin: 5px 0;
}

.nav-list .checkbox {
    margin-bottom: 0;
}

.well {
    padding: 15px;
}

/* .well qui fonctionne avec .overlay et .overlay-wrapper (adminlte). */
.box-well {
    min-height: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding: 15px;
    position: relative;
    border-radius: 3px;
    margin-bottom: 20px;
    width: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.well .nav-list li a.active {
    background: #e9e9e9;
}

/*************************************************************************************************
/* Styles utilisés sur les boîtes adminlte.
*************************************************************************************************/
.box-overflow {
    overflow: auto;
}

.box.disabled {
    border-color: #dde0e8;
    background-color: #dde0e8;
    cursor: not-allowed;
}

.box.disabled .box-tools {
    display: none;
}

.box.disabled * {
    color: #979ba4;
}

.box-tools-custom {
    margin-top: 10px;
}

.box-body:not(.no-padding) .box-body-tools > * {
    margin-bottom: 4px;
}

.box-body.no-padding .box-body-tools {
    margin: 5px 5px 0 5px;
}

.box-body.no-padding .box-body-tools > * {
    margin-bottom: 5px;
}

.box-body.no-padding table {
    margin-top: 0px !important;
}

.box-body.no-padding .form-actions {
    padding: 0px 10px 7px 10px;
}

.frame-rapport-birt {
    width: 100%;
    border: 0;
    outline: none;
    min-height: 320px;
}

.nav-tabs-only {
    margin-bottom: 20px;
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 3px;
}

.nav-tabs-only > .tab-content {
    background-color: transparent !important;
    padding: 10px 0;
}

.nav-tabs-only .nav-tabs {
    background-color: #fff;
    border-radius: 3px;
}

.box-separation {
    margin-top: 16px;
    margin-bottom: 16px;
    border-top: 1px dashed #b4b4b4;
}

.box-separation-sm {
    margin-top: 8px;
    margin-bottom: 8px;
    border-top: 1px dashed #b4b4b4;
}

/*************************************************************************************************
/* Styles utilisés sur les onglets adminlte.
*************************************************************************************************/

.tab-pane .box-body-tools > * {
    margin-bottom: 4px;
}

/*************************************************************************************************
/* Splitter Vertical
*************************************************************************************************/
@media (min-width: 768px) {
    .splitter {
        width: 100%;
        display: flex;
    }

    #first, #second {
        min-width: 25%;
        padding: 0 15px;
    }

    #separator {
        cursor: col-resize;
        background-color: rgba(0, 0, 0, 0.1);
        border-left: 1px dotted rgba(0, 0, 0, 0.3);
        border-right: 1px dotted rgba(0, 0, 0, 0.3);
        min-width: 5px;
        min-height: 150px;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #separator:hover {
        background-color: rgba(0, 0, 0, 0.2);
        border-color: rgba(0, 0, 0, 0.4);
    }
}

/*************************************************************************************************
/* Styles qui s'appliquent aux textes.
*************************************************************************************************/
.avertissement {
    display: block;
    margin-bottom: 10px;
    color: red;
    font-weight: bold;
}

.surlignage {
    background-color: Orange;
}

.popover {
    max-width: 100%;
}

/**************************************************************/
/*   Styles qui s'appliquent aux icônes dans les tableaux      */
/**************************************************************/
/* C'est nécessaire de le faire car sinon la propriété font-family est écrasé par Telerik dans les tableaux Telerik. */
.glyphicon {
    font-family: "Glyphicons Halflings" !important;
}

table tr td > .glyphicon,
table tr td > .fa,
table tr td > .fa-solid,
table tr td > .fa-regular,
table tr td > .fa-duotone {
    color: #333;
    font-weight: normal;
    font-size: 1.65rem;
    line-height: 1.2rem;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem;
}

table tr td > .fa-solid {
    font-weight: bolder;
}

.glyphicon.light, .fa.light, .fa-solid.light, .fa-regular.light, .fa-duotone.light {
    color: #f4f4f4;
}

.glyphicon.blue, .fa.blue, .fa-solid.blue, .fa-regular.blue, .fa-duotone.blue {
    color: #0073b7;
}

.glyphicon.red, .fa.red, .fa-solid.red, .fa-regular.red, .fa-duotone.red {
    color: #dd4b39;
}

.glyphicon.green, .fa.green, .fa-solid.green, .fa-regular.green, .fa-duotone.green {
    color: #00a65a;
}

.glyphicon.orange, .fa.orange, .fa-solid.orange, .fa-regular.orange, .fa-duotone.orange {
    color: #f39c12;
}

.invalidEmail {
    background: linear-gradient(to right, red, red);
}

.div-action {
    position: relative;
    float: right;
    font-size: 1.65rem;
}

/**************************************************************/
/*   Styles qui s'appliquent aux loaders                                 */
/**************************************************************/
.spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*************************************************************************************************
/* Layout : 
/* Styles appliqués sur les éléments des layouts les plus employés (_Layout, _LayoutDossier)
/* comme par exemple les barres de navigations en haut et à gauche.
*************************************************************************************************/
.logo-nexpublica {
	width: 190px;
	height: 31px;
}
/*************************************************************************************************
/* NAVBAR
*************************************************************************************************/
/* Menu déroulant dans le menu principal (ex : tâche) */
.dropdown-ccs {
	width: auto !important;
	min-width: 450px;
}

	.dropdown-ccs .title, .dropdown-ccs .description {
		margin: 0;
		-ms-word-break: break-all;
		word-break: break-all;
		white-space: normal;
	}

	.dropdown-ccs .title, .dropdown-ccs .date {
		color: #666;
	}

	.dropdown-ccs .description {
		color: #999;
	}

	.dropdown-ccs .title {
		font-size: 14px;
	}

	.dropdown-ccs .header {
		font-weight: bolder;
		padding: 10px 5px !important;
	}

.navbar-nav > .tasks-menu > .dropdown-ccs > li .menu > li > a {
	padding: 5px !important;
}

.dropdown-ccs .footer a {
	padding: 12px 0 !important;
	font-size: 14px !important;
}

.dropdown-ccs .overlay {
	padding: 15px 0;
	text-align: center;
}

/* Réduit la taille des boutons du menu principal. */
header .nav > li > a {
	padding: 15px 9px;
}

/* Permet de garder le contenu des menus déroulants dans la partie visible de la fenêtre. */
header .dropdown-menu {
	position: absolute;
	right: 0;
	left: auto;
}

/* Cache la barre (contenant uniquement des icônes) affichée sur les petits écrans par défaut. */
#navbar-list-1 {
	display: none;
}

/* Modifie les icônes "lu" affichés dans le menu évènements de la barre de navigation. */
.navbar-list-item-evenement .title i {
	padding: 4px;
}

.navbar-list-item-evenement .title i, .liste-evenements .header i {
	cursor: pointer;
}

	.navbar-list-item-evenement .title i.fa-check, .liste-evenements .header i.fa-check {
		color: green;
	}

/* 
    Modifie la navbar pour l'afficher correctement sur les petits écrans.
    Cette largeur maximale doit être mise à jour dès lors qu'un propriété 'width', 'padding' ou 'margin' est modifiée
    dans le menu principal.
*/
@media (max-width: 1054px) {
	/* Affiche la barre (contenant uniquement des icônes) les petits écrans par défaut. */
	#navbar-list-1 {
		display: inline-block;
	}

	/* Cache la barre (contenant uniquement des icônes) affichée sur les écrans ayant une taille moyenne ou plus par défaut. */
	#navbar-list-2 {
		display: none;
	}

	/* Empêche le placement de chaque bouton à gauche de la barre (à partir d'une largeur de 768px). */
	.navbar-header {
		float: none;
	}

	/* Le bouton hamburger doit être affiché, jusqu'a la largeur fixé par la media query (au delà de 768px). */
	.navbar-toggle {
		display: block;
	}

	/* Dans le menu hamburger, affiche une séparation entre chaque groupe de menus. */
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

		/* N'affiche pas les menus du menu hamburger par défaut. */
		.navbar-collapse.collapse {
			display: none !important;
		}

	/* Permet aux menus du menu hamburger d'occuper toute la largeur de l'écran. */
	.navbar-nav {
		width: 100%;
	}

	/* 
        Supprime les écarts entre les différentes sections de boutons de la navbar.
        Permet aussi d'occuper toute la largeur disponible sur les petits écrans dans les menus
        du menu hamburger.
    */
	.navbar-collapse-1, .navbar-collapse-2, .navbar-collapse-3 {
		padding-right: 0;
		padding-left: 0;
	}

		/* 
        Supprime les marges pour les menus dans le menu hamburger 
        (sinon une partie des menus sont cachées sur les très petits écrans) 
    */
		.navbar-collapse-1 .navbar-nav, .navbar-collapse-2 .navbar-nav, .navbar-collapse-3 .navbar-nav {
			margin-right: 0;
			margin-left: 0;
		}

	/* A partir de 768px : permet de placer les menus du menu hamburger du haut vers le bas (plutôt que de gauche à droite). */
	.navbar-nav > li {
		float: none;
	}

	/* Permet l'affichage des menus du menu hamburger. */
	.collapse.in {
		display: block !important;
	}

	/* Permet d'alligner chaque menu du menu hamburger à gauche sur les petits écrans. */
	.navbar-collapse.navbar-collapse-1,
	.navbar-collapse.navbar-collapse-2,
	.navbar-collapse.navbar-collapse-3 {
		float: left !important;
		width: 100%;
	}

	/* Permet d'avoir les menus qui se déroulent à l'intérieur des menus. */
	.navbar-collapse .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

		/* Assure que les textes soient lisibles même sur fond bleu. */
		.navbar-collapse .navbar-nav .open .dropdown-menu li a,
		.navbar-collapse .navbar-nav .open .dropdown-menu .nav-header {
			color: #fff;
		}

	/* Empêche d'avoir un fond blanc au survol. */
	.navbar-nav .open .dropdown-menu li a:hover {
		background-color: #367fa9;
	}

	/* Modifie les listes des menus rss, évènements, etc... pour qu'ils occupent toute la largeur. */
	.navbar-header .navbar-collapse-3 .navbar-nav .open .dropdown-menu {
		position: fixed;
		top: 50px;
		left: 50px;
		right: 0;
		bottom: 0;
		background-color: #fff;
		border: 1px solid #eee;
		overflow-y: auto;
	}

	/* Alligne horizontalement les menus avec icônes seulement. */
	.navbar-header .navbar-collapse-3 > ul > li {
		display: inline-block;
	}

		/* Rend les boutons du menu (avec icônes seulement) plus grand pour les petits écrans. */
		.navbar-header .navbar-collapse-3 > ul > li > a {
			padding: 15px;
		}

	/* Fait tenir les boutons du menu (îcones seulement) dans la navbar tout en étant aligner avec le bouton du menu hamburger. */
	.navbar-header .navbar-collapse-3 > ul {
		margin: 0;
	}
}

/* à partir de 768px, ce n'est plus nécéssaire d'occuper toute la largeur pour les menus du menu (avec icônes seulement). */
@media (min-width: 768px) {
	.navbar-header .navbar-collapse-3 .navbar-nav .open .dropdown-menu {
		position: absolute;
		top: auto;
		right: 0;
		left: auto;
		bottom: auto;
		background-color: #fff;
		border: 1px solid #eee;
	}
}

/*************************************************************************************************
/* Style permettant de donner aux button présent dans la navbar un style de lien href.
*************************************************************************************************/
.btn-link-navbar {
	color: #777;
	display: block;
	padding: 3px 20px;
	margin: 0;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
}

	.btn-link-navbar:hover, .btn-link-navbar:focus, .btn-link-navbar:active {
		color: #262626;
		background-color: #f5f5f5;
		text-decoration: none;
		border: none;
		outline: none;
		border: none !important;
		border-radius: 0 !important;
		outline: none !important;
		box-shadow: none !important;
	}

@media(max-width: 767px) {
	.btn-link-navbar {
		padding: 5px 15px 5px 25px;
		color: white;
	}

		.btn-link-navbar:hover, .btn-link-navbar:focus, .btn-link-navbar:active {
			background: #367fa9;
			color: white;
		}
}

/*************************************************************************************************
/* SIDEBAR
*************************************************************************************************/

.sidebar-menu > li > a > span {
	min-width: 215px;
}

@media (max-width: 768px) {
	/* Fix : Affiche le libellé des boutons dans la sidebar sur les plus petits écrans. */
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
		display: block !important;
		position: absolute;
		left: 50px;
		top: 0;
		margin-left: -3px;
		padding: 12px 5px 12px 20px;
		background-color: #1e282c;
		border-top-right-radius: 4px;
	}

	/* Fix : Déplace le contenu principal pour qu'il ne soit pas partiellement cacher derrière la sidebar. */
	.sidebar-mini.sidebar-collapse .content-wrapper,
	.sidebar-mini.sidebar-collapse .right-side,
	.sidebar-mini.sidebar-collapse .main-footer {
		margin-left: 50px !important;
	}

	/* 
        Fix : les boutons de la sidebar ne sont pas affichés si on ne positionne pas les éléments
        et si on n'impose pas une largeur fixe.
    */
	.sidebar-mini.sidebar-collapse .main-sidebar {
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
		width: 50px !important;
		z-index: 850;
	}

		/* 
        Cache certains éléments inutiles comme les header ou les libellés normalement affiché lorsque la sidebar
        est déployée (et non pas dans sa position "mini").
    */
		.sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
		.sidebar-mini.sidebar-collapse .sidebar-form,
		.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
		.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
		.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
		.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span > .pull-right,
		.sidebar-mini.sidebar-collapse .sidebar-menu li.header {
			display: none !important;
			-webkit-transform: translateZ(0);
		}

	/* Fix : Supprime l'espace noir inutile dans la sidebar sur les petits écrans. */
	.main-sidebar {
		padding-top: 50px;
	}

	/* Déplace la navbar vers la droite pour éviter qu'elle soit par dessus la sidebar. */
	.layout-top-nav .main-header .navbar {
		margin-left: 50px;
	}
}

/* Fix : Le bouton hamburger n'était plus affiché à cause de la sidebar affichée en permanence. */
@media (max-width: 767px) {
	.layout-top-nav .main-header .navbar {
		padding-right: 50px;
	}
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
	height: 100%;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
	width: 240px;
}

/* boîte A Propos */
#a-propos-dialog .row.vertical-align {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

@media (max-width: 767px) {
	#a-propos-dialog .row.vertical-align {
		/* pour désactiver le type d'affichage flexbox */
		display: block;
	}
}

/*************************************************************************************************
/* ONGLETS
*************************************************************************************************/

.nav-tabs {
	border-bottom: 2px solid #f4f4f4;
}

.nav-tabs * {
	box-sizing: content-box;
}

.nav-tabs > li {
	border-top: 0 !important;
}

.nav-tabs > li.active > a {
	border-top: 3px solid #004c6d !important;
	padding: 9px 15px;
}

.nav-tabs > li > a {
	border: 0;
	border-right: 2px solid #f4f4f4;
}

.nav-tabs > li:not(.active) > a:hover,
.nav-tabs > li:not(.active) > a:focus,
.nav-tabs > li:not(.active) > a:active {
	border: 0 !important;
	border-right: 2px solid #f4f4f4 !important;
	background-color: #FCFCFC;
}

.nav-tabs > li {
	margin-right: 0 !important;
}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active:hover > a {
		color: white !important;
		background-color: #004c6d !important;
	}

/*************************************************************************************************
/* TITRE
*************************************************************************************************/

.title-section {
	border-bottom: 2px solid #333;
}

h5 .title-section, h5.title-section {
	font-weight: bold;
}
/*************************************************************************************************
/* Form : 
/* Styles appliqués sur n'importe quel type de champ que l'on peut trouver dans des
/* formulaires (les styles s'appliquent sur toutes les pages, si vous souhaitez par exemple ajouter 
	des styles spécifiques aux pages 'dossier', il faut le faire dans 'dossier.css').
*************************************************************************************************/

/* Classe réduisant le padding des formulaires */
.form-group-small {
	margin-bottom: 5px;
}

.form-group-inline .form-group {
	display: inline-block;
	margin-bottom: 5px;
}

.form-group .checkbox {
	margin: 0px 10px 0px 0px;
}

.horizontal .form-group {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.horizontal .form-group > * {
	flex: auto;
}

.horizontal .form-group > label {
	flex: none;
	margin-right: 6px;
}

/* Form vertical */
/* Pour placer les boutons sur la même ligne que les champs lorsqu'ils sont situés sous un label. */
.btn-form-vertical {
	margin-top: 21.8px;
}

/* Validation de formulaire */
.validation-error-icon {
	color: #dd4b39;
}

.validation-success-icon {
	color: #00a65a;
}

.validation-warning-icon {
	color: #f39c12;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #dd4b39;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
	color: #00a65a;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
	color: #f39c12;
}

.has-success .select2-dropdown, .has-success .select2-selection {
	color: #00a65a;
	border-color: #00a65a;
	box-shadow: none;
}

.has-error .select2-dropdown, .has-error .select2-selection {
	color: #dd4b39;
	border-color: #dd4b39;
	box-shadow: none;
}

/* Classes permettant d'avoir des cases à coches plus grandes. */
.checkbox-size-l input[type="checkbox"] {
	transform: scale(1.25);
}

.checkbox-size-l {
	font-size: 16px;
}

.pellet.success {
	background-color: white;
	border: 2px solid black;
	padding: 5px 16px;
	cursor: pointer;
	border-color: #4CAF50;
	border-radius: 5px;
	font-size: 12px;
	color: green;
}

.pellet.success:hover {
	background-color: #4CAF50;
	color: white;
}

.pellet.success.active {
	background-color: #4CAF50;
	color: white;
}

/* Orange */
.pellet.warning {
	background-color: white;
	border: 2px solid black;
	padding: 5px 16px;
	cursor: pointer;
	border-color: #ff9800;
	border-radius: 5px;
	color: orange;
}

.pellet.warning:hover {
	background: #ff9800;
	color: white;
}

.pellet.warning.active {
	background-color: #ff9800;
	color: white;
}

/* Red */
.pellet.danger {
	background-color: white;
	border: 2px solid black;
	padding: 5px 16px;
	cursor: pointer;
	border-color: #f44336;
	border-radius: 5px;
	font-size: 12px;
	color: red
}

.pellet.danger:hover {
	background: #f44336;
	color: white;
}

.pellet.danger.active {
	background-color: #f44336;
	color: white;
}

/* Violet */
.pellet.critical {
	background-color: white;
	border: 2px solid #605ca8;
	padding: 5px 16px;
	cursor: pointer;
	border-radius: 5px;
	color: black;
}

.pellet.critical:hover {
	background: #605ca8;
}

.pellet.btn.critical.active {
	background-color: #605ca8;
	color: white;
}

/* Style de transition pour les màj en JS */
.transition {
	-webkit-transition: background-color 3000ms linear;
	-moz-transition: background-color 3000ms linear;
	-o-transition: background-color 3000ms linear;
	-ms-transition: background-color 3000ms linear;
	transition: background-color 3000ms linear;
}

/* 
    Fix : 
    Donne une taille fixe aux listes déroulantes dans les tableaux (qui sont d'habitude redimensionnées 
    selon la longueur de l'élément sélectionné.
    Il suffit d'appliquer une largeur en pourcent sur la colonne ou se trouve les listes pour toutes
    les redimensionner.
*/
.table .form-group .select2-container {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: table;
	table-layout: fixed;
}

.checkbox {
	font-size: 14px;
}

input[type="radio"], input[type="checkbox"] {
	margin-top: 1px !important;
}

/*******************************************/
/*   Radios button en mode interrupteur */
/*******************************************/
input[type=radio].radgroup, .chkgroup input[type=checkbox] {
	display: none;
}

form .required label.control-label:after, td.required:after {
	color: #e32;
	content: '*';
	display: inline;
}

input[type=radio].radgroup + label, .chkgroup input[type=checkbox] + label, .chkgroup input[type=checkbox] + input[type=hidden] + label {
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #b3b3b3;
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center; /*text-shadow: 0 1px 1px rgba(255,255,255,0.75);*/
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	/* Chrome/Safari */
	/* Firefox */
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -2px;
}

.chkgroup input[type=checkbox] + label, .chkgroup input[type=checkbox] + input[type=hidden] + label {
	padding: 0px 12px !important;
}

input[type=radio].radgroup:checked + label, .chkgroup input[type=checkbox]:checked + label, .chkgroup input[type=checkbox]:checked + input[type=hidden] + label {
	/* Couleur style bandeau:  From(#6b7986) To(#546169)     outline: 0; /*-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);          -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);          box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);     background-color: #e0e0e0;*/
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#588aaf),to(#588aaf));
	background-image: -webkit-linear-gradient(top,#588aaf,#588aaf);
	background-image: -o-linear-gradient(top,#588aaf,#588aaf);
	background-image: linear-gradient(to bottom,#588aaf,#588aaf);
	-moz-box-shadow: inset 1px 1px 2px 1px #355369;
	-webkit-box-shadow: inset 1px 1px 2px 1px #355369;
	-o-box-shadow: inset 1px 1px 2px 1px #355369;
	box-shadow: inset 1px 1px 2px 1px #355369;
	background-color: #588aaf;
	color: #fff;
	font-size: 16px;
}

div.chkgroup {
	display: inline-table !important;
}

/*******************************************/
/*   Styles des listes de cases à coches     */
/*******************************************/
.liste-multiple {
	margin-bottom: 5px;
}

.liste-multiple * {
	margin: 0;
	padding: 0;
}

.checkboxes-list > ul > li > .control-label {
	font-weight: normal;
}

.checkboxes-list-inline > ul {
	display: flex;
	gap: 15px;
}

.checkbox-list-section {
	margin-bottom: 6px;
	padding-left: 16px;
}

/*******************************************/
/* Styles des options (listes déroulantes) */
/*******************************************/
.select2-results__option[aria-label*="archiv"] li {
	color: red;
}

/*******************************************/
/*   Styles des listes de boutons radios    */
/*******************************************/

.radio-list {
	display: flex;
}

.radio-list * {
	font-weight: normal;
}

.radio-list.inline {
	flex-direction: row;
}

.radio-list.block {
	flex-direction: column;
}

.radio-group > * {
	margin-right: 10px;
}

.radio-list .radio-group {
	display: flex;
	flex-direction: row;
}

.radio-group > label {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2px;
}

.radio-group > label input[type="radio"] {
	margin: 0 !important;
}

/*******************************************/
/*   Styles des champs trumbowyg          */
/*******************************************/

.form-group .trumbowyg-box {
	margin: 0;
}

/*******************************************/
/*   Styles des timepicker                          */
/*******************************************/

.timepicker.dropdown-menu {
	min-width: 220px;
}
/*************************************************************************************************
/* Dossier : 
/* Styles appliqués uniquement sur les pages de type 'Dossier' uniquement.
*************************************************************************************************/

#layout-dossier,
#layout-dossier body,
#layout-dossier .wrapper,
#layout-dossier .content,
#layout-dossier .content > .row,
#layout-dossier-toolbar-body {
    height: 100%;
    margin: 0;
    padding: 0;
}

    #layout-dossier body, #layout-dossier body .wrapper {
        overflow-y: hidden;
    }

.layout-dossier-body {
    overflow-y: auto;
    overflow-x: hidden;
}

    .layout-dossier-body > .alert {
        margin: 15px 15px 0 15px;
    }

    /* début des styles pour diminuer la hauteur dans le layout dossier */
    .layout-dossier-body .content-header > h1 {
        font-size: 22px;
    }

    .layout-dossier-body label {
        font-size: 13px;
        margin-bottom: 0;
    }

    .layout-dossier-body .form-control {
        font-size: 13px;
        padding: 2px 4px;
        height: 25px;
    }

    .layout-dossier-body textarea.form-control {
        min-height: 52px;
        height: auto;
    }

    .layout-dossier-body .input-group-addon {
        padding: 2px 6px;
        height: 25px;
    }

    .layout-dossier-body .datetimepicker {
        padding: 2px 4px;
        margin-top: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

.layout-dossier-body .select2-selection {
    padding: 2px 4px !important;
    font-size: 13px;
}

.layout-dossier-body .select2-selection--single {
    height: 25px;
}

.layout-dossier-body .select2-selection--single .select2-selection__arrow {
    height: 20px;
}

.layout-dossier-body .select2-selection--multiple {
    min-height: 25px;
}

.layout-dossier-body .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
    display: block;
}

.layout-dossier-body .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin: 2px 2px 0 0;
    padding: 1px 4px;
}

.layout-dossier-body .select2-selection--multiple .select2-selection__rendered .select2-search {
    margin-top: 3px;
}

.layout-dossier-body .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    margin: 0;
}

.select2-results__option {
    font-size: 13px;
    padding: 6px;
}

.layout-dossier-body .btn:not(.btn-social):not(.pellet) {
    padding: 4px 10px;
    font-size: 13px;
}

.layout-dossier-body .btn-social {
    font-size: 13px;
    padding: 4px 10px 4px 40px;
}

.layout-dossier-body .btn-social i {
    line-height: 28px;
}

.layout-dossier-body .box-header,
.layout-dossier-body .box-body:not(.no-padding),
.layout-dossier-body .box-footer,
.box-body-padding {
    padding: 7px 10px !important;
}

.layout-dossier-body .box-title {
    font-size: 16px !important;
    font-weight: bold;
}

.layout-dossier-body h4.box-title {
    font-size: 15px !important;
    font-weight: bold;
}

.layout-dossier-body .help-block {
    margin-bottom: 4px;
}

.layout-dossier-body .box-header {
    line-height: 13px;
}

.layout-dossier-body .box-header .btn.btn-box-tool {
    padding: 0px 5px;
}

.layout-dossier-body .box-header .btn.btn-box-tool:last-child {
    padding: 0px 0px 0px 5px;
}

.layout-dossier-body .box-header .box-tools {
    margin-top: -1px;
}

.layout-dossier-body .form-group-small {
    margin-bottom: 8px;
}

.layout-dossier-body .nav-tabs a {
    font-size: 16px;
}

.layout-dossier-body table {
    font-size: 13px;
}

.layout-dossier-body .checkbox {
    margin-left: 0;
}

.layout-dossier-body .checkbox .control-label {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.layout-dossier-body .checkboxes-list .control-label {
    display: flex;
    align-items: center;
}

.layout-dossier-body .checkbox .control-label *,
.layout-dossier-body .checkboxes-list .control-label * {
    height: 100%;
}

.layout-dossier-body .checkbox .control-label {
    display: flex;
    align-items: center;
}

.layout-dossier-body .checkbox .control-label span {
    margin-left: 16px;
}

.layout-dossier-body .checkbox .control-label input[type="checkbox"] {
    margin: 0px;
    margin-bottom: 3px;
}

.layout-dossier-body .checkboxes-list .control-label input[type="checkbox"] {
    margin-bottom: 2px;
    margin-right: 3px;
}

.layout-dossier-body .row {
    margin-right: -7px !important;
    margin-left: -7px !important;
}

.layout-dossier-body .col-xs-1,
.layout-dossier-body .col-sm-1,
.layout-dossier-body .col-md-1,
.layout-dossier-body .col-lg-1,
.layout-dossier-body .col-xs-2,
.layout-dossier-body .col-sm-2,
.layout-dossier-body .col-md-2,
.layout-dossier-body .col-lg-2,
.layout-dossier-body .col-xs-3,
.layout-dossier-body .col-sm-3,
.layout-dossier-body .col-md-3,
.layout-dossier-body .col-lg-3,
.layout-dossier-body .col-xs-4,
.layout-dossier-body .col-sm-4,
.layout-dossier-body .col-md-4,
.layout-dossier-body .col-lg-4,
.layout-dossier-body .col-xs-5,
.layout-dossier-body .col-sm-5,
.layout-dossier-body .col-md-5,
.layout-dossier-body .col-lg-5,
.layout-dossier-body .col-xs-6,
.layout-dossier-body .col-sm-6,
.layout-dossier-body .col-md-6,
.layout-dossier-body .col-lg-6,
.layout-dossier-body .col-xs-7,
.layout-dossier-body .col-sm-7,
.layout-dossier-body .col-md-7,
.layout-dossier-body .col-lg-7,
.layout-dossier-body .col-xs-8,
.layout-dossier-body .col-sm-8,
.layout-dossier-body .col-md-8,
.layout-dossier-body .col-lg-8,
.layout-dossier-body .col-xs-9,
.layout-dossier-body .col-sm-9,
.layout-dossier-body .col-md-9,
.layout-dossier-body .col-lg-9,
.layout-dossier-body .col-xs-10,
.layout-dossier-body .col-sm-10,
.layout-dossier-body .col-md-10,
.layout-dossier-body .col-lg-10,
.layout-dossier-body .col-xs-11,
.layout-dossier-body .col-sm-11,
.layout-dossier-body .col-md-11,
.layout-dossier-body .col-lg-11,
.layout-dossier-body .col-xs-12,
.layout-dossier-body .col-sm-12,
.layout-dossier-body .col-md-12,
.layout-dossier-body .col-lg-12 {
    padding-right: 7px !important;
    padding-left: 7px !important;
}

/* fin des styles pour diminuer la hauteur dans le layout dossier */

.layout-dossier .popover-content {
    margin: 0;
    padding: 0;
}

.layout-dossier .popover-title {
    margin: 0;
    padding: 8px;
    font-weight: bold;
}

.layout-dossier .popover-content > *:last-child {
    margin: 0;
}

.layout-dossier .popover-content > *:not(:last-child) {
    margin: 0 0 6px;
}

.layout-dossier .popover-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .layout-dossier .popover-content ul li {
        padding: 4px;
    }

        .layout-dossier .popover-content ul li:not(:last-child) {
            border-bottom: 1px solid #eee;
        }

        .layout-dossier .popover-content ul li.selected {
            background-color: #77b2d4;
            color: white;
        }

.layout-dossier .popover-content li i.ouvrir-infos-dossier {
    float: right;
    margin-top: 2px;
    margin-left: 10px;
}

#layout-dossier .layout-toolbar {
    background-color: #6a9ec4;
    border-bottom: 1px solid #ccc;
}

#layout-dossier #layout-dossier-navigation {
    background-color: #fff;
}

.ref-admin-etat-general {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    float: left;
}

.etat-general-1 {
    background-color: #4CAF50;
}

.etat-general-2 {
    background-color: #ff9800;
}

.etat-general-3 {
    background-color: #f44336;
}

.etat-general-4 {
    background-color: #605ca8;
}

.layout-dossier-body .select2-container {
    width: 100% !important;
}

.form-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 6px;
    gap: 4px;
}

.toast-success .swal2-toast {
    background-color: #00a65a !important;
    padding: 1.5em;
}

.toast-success .swal2-title {
    color: white;
}

.toast-warning .swal2-toast {
    background-color: #F8BB86 !important;
    padding: 1.5em;
}

.toast-warning .swal2-title {
    color: white;
}

.div-telerik * :not(h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6) {
    font-size: 13px !important;
}

.div-telerik .k-checkbox-md {
    width: 1.5rem;
    height: 1.5rem;
}

.div-telerik .k-checkbox-label {
    font-weight: normal;
}

.div-telerik table tr td > .glyphicon,
.div-telerik table tr td > .fa,
.div-telerik table tr td > .fa-solid,
.div-telerik table tr td > .fa-regular,
.div-telerik table tr td > .fa-duotone {
    font-size: 1.65rem !important;
}

:root {
    --kendo-font-size: 13px !important;
    --kendo-font-size-sm: 13px !important;
}
/* Style de l'accordéon (navigation) des pages dossiers */
#layout-dossier-accordion, #layout-dossier-accordion * {
    box-shadow: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    list-style: none;
}

    #layout-dossier-accordion,
    #layout-dossier-accordion .rubrique-body {
        height: 100%;
    }

#layout-dossier-navigation {
    box-sizing: border-box;
    border: 0;
    padding: 0;
    margin: 0;
}

@media (max-width: 991px) {
    #layout-dossier-navigation {
        display: none;
    }
}

#layout-dossier #layout-accordion {
    border-right: 1px solid #ccc;
}

#layout-accordion .k-tabstrip-content,
#layout-accordion .k-panelbar {
    padding: 0;
    border: 0;
    border-radius: 0;
    font-family: 'Source Sans Pro',sans-serif;
}

#layout-accordion .k-panelbar-item.k-level-0 {
    transition: all 400ms linear 0s !important;
    border-radius: 0;
}

#layout-accordion .k-panelbar-group {
    border-radius: 0;
}

#layout-accordion .k-panelbar {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    #layout-accordion .k-panelbar * {
        transition: none;
        box-shadow: none;
    }

#layout-accordion .k-panelbar-toggle {
    display: none;
}

#layout-accordion .k-panelbar-item.k-level-0 {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: column;
}

#layout-accordion .k-panelbar-item.k-level-0 {
    height: auto;
}

    #layout-accordion .k-panelbar-item.k-level-0.k-expanded {
        flex: 1;
        overflow: hidden;
    }

    #layout-accordion .k-panelbar-item.k-level-0.fully-expanded .k-panelbar-group {
        overflow: auto !important;
    }

    #layout-accordion .k-panelbar-item.k-level-0.k-expanded .k-panelbar-group {
        height: 100% !important;
    }

    #layout-accordion .k-panelbar-item.k-level-0 > .k-link {
        padding: 0 0 0 10px;
        color: #454545;
        background-color: #f6f6f6;
        font-weight: normal;
        cursor: pointer;
        min-height: 31px;
        height: 31px;
        font-size: 14px;
    }

#layout-accordion .k-panelbar-item.k-level-0-text {
    display: flex;
    align-items: center;
}

#layout-accordion .k-panelbar-item.k-level-0 > .k-link.k-hover {
    background-color: #ededed;
    color: #454545;
}

#layout-accordion .k-panelbar-item.k-level-0.k-expanded > .k-link {
    background-color: #6a9ec4;
    border-bottom: 1px solid #004c6d;
    color: #fff;
}


#layout-accordion .k-panelbar-item.k-level-1 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    border-radius: 0;
}

    #layout-accordion .k-panelbar-item.k-level-1 > .k-link {
        min-height: 29.1px;
        padding: 5px 10px;
        cursor: pointer;
    }

        #layout-accordion .k-panelbar-item.k-level-1 > .k-link.k-hover {
            background-color: #eee;
            color: #333;
        }

        #layout-accordion .k-panelbar-item.k-level-1 > .k-link.k-selected {
            background-color: #77b2d4;
            color: #fff;
        }

            #layout-accordion .k-panelbar-item.k-level-1 > .k-link.k-selected.k-hover {
                background-color: #64a7ce;
            }

#layout-accordion .k-level-1.k-panelbar-item .k-panelbar-item-text {
    display: flex;
    align-items: center;
    gap: 5px;
}

#layout-accordion .navigation-warning {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
}

#navigation-tabs {
    height: 100%;
    background-color: #f6f6f6;
}

    #navigation-tabs .k-tabstrip-content {
        outline: none;
        background-color: #dddddd;
        overflow: hidden;
    }

    #navigation-tabs .k-level-0 .k-panel {
        overflow: hidden;
    }

    #navigation-tabs .k-tabstrip-items {
        height: 31px;
    }

    #navigation-tabs .k-tabstrip-item {
        color: #454545;
        background-color: #f6f6f6;
        font-size: 14px;
        border-radius: 0;
    }

        #navigation-tabs .k-tabstrip-item.k-active {
            flex: 0.75;
        }

        #navigation-tabs .k-tabstrip-item:not(.k-active) {
            flex: 0.25;
        }

        #navigation-tabs .k-tabstrip-item .k-link {
            padding: 0;
        }

            #navigation-tabs .k-tabstrip-item .k-link a {
                flex: 1;
                height: 100%;
                justify-content: center;
                align-items: center;
                gap: 5px;
                color: #fff;
                display: flex;
            }

        #navigation-tabs .k-tabstrip-item.k-active {
            background-color: #6a9ec4;
        }

        #navigation-tabs .k-tabstrip-item:not(.k-active) .tab-name {
            display: none;
        }

        #navigation-tabs .k-tabstrip-item.k-first {
            border-left: 0;
        }

        #navigation-tabs .k-tabstrip-item.k-last {
            border-right: 0;
        }

.layout-toolbar-container {
	padding: 0;
	margin: 0;
	min-height: 0px;
}

.layout-toolbar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	border: 0;
	border-radius: 0;
	font-size: 13px;
	margin: 0;
	padding: 3px;
}

.layout-toolbar button {
	float: left;
	height: 100%;
	padding: 1px 8px;
	max-height: 24px;
}

.layout-toolbar .toolbar-group > * {
	float: left;
	margin-right: 5px;
}

.layout-toolbar .btn-icon {
	padding: 1px;
	float: left;
	margin: 0;
	border: 2px solid transparent;
}

.layout-toolbar .btn-icon.large {
	padding: 1px 10px;
}

.layout-toolbar .btn-icon * {
	display: block;
}

.layout-toolbar .select2-container {
	width: 100% !important;
	padding: 0;
}

.layout-toolbar .dropdown {
	float: left;
}

.layout-toolbar .recherche-dossier {
	margin: 0 5px 0 0;
	float: left;
	width: 200px;
	display: inline-block;
	height: 24px;
}

	.layout-toolbar .recherche-dossier * {
		margin: 0 !important;
		padding: 0 !important;
		height: 100% !important;
	}

	.layout-toolbar .recherche-dossier .select2-container {
		float: left;
	}

	.layout-toolbar .recherche-dossier .select2-selection__rendered {
		line-height: 24px;
		padding: 0 4px !important;
	}

.layout-toolbar .select2-selection__arrow {
	top: 0 !important;
	bottom: 0 !important;
}

.layout-toolbar .group-actions {
	margin-left: 8px;
	margin-top: 1px;
}

.layout-toolbar .btn-toolbar-alertes {
	animation: blinker 0.6s linear infinite;
}

	.layout-toolbar .toolbar-taches-animation {
		animation: blinker 0.6s linear infinite;
	}

@keyframes blinker {
	50% {
		background-color: rgba(255, 218, 116, 255);
		border-color: rgba(217, 203, 151, 255);
	}
}

.md-and-higher-only {
	float: left;
}

.sm-and-lower-only .dropdown > a {
	display: block;
	margin: 4px 8px 2px 0px;
	color: white;
}

.layout-toolbar .favoris img {
	width: 16px;
	height: 16px;
}

@media (min-width: 992px) {
	.sm-and-lower-only {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.md-and-higher-only {
		display: none !important;
	}
}

@media (max-width: 1199px) {
	.layout-toolbar {
		height: auto;
		line-height: normal;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
}

@media (max-width: 991px) {
	.layout-toolbar {
		height: 100%;
	}
}

.layout-toolbar .dropdown-title {
	padding: 4px 20px 0 20px;
	font-weight: bold;
	cursor: default;
	line-height: normal;
}

.layout-toolbar .dropdown .selected a {
	background-color: #77b2d4;
	color: white;
}

.layout-toolbar .dropdown .selected a:hover {
	background-color: #64a7ce;
}

.actions-dossier ul li a {
	display: flex;
	gap: 2px;
	align-items: center;
	padding: 3px 10px;
}

.actions-dossier ul li a .glyphicon {
	margin-right: 0;
}

.layout-toolbar .priorite i {
	font-size: 17px;
}

.layout-toolbar .priorite i.non-prioritaire {
	color: #a9a9a9;
}

.layout-toolbar .priorite i.prioritaire {
	color: #E86468;
}

.liste-dossiers-parcelle,
.liste-resultats-recents {
	overflow-y: auto;
	max-height: 35vh;
}
#layout-references-administratives {
	display: block;
	width: 100%;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
	background-color: rgba(61,116,151,1);
	color: aliceblue !important;
	border-bottom: none !important;
	background-size: cover;
	background-attachment: fixed;
	align-items: center;
}

#layout-references-administratives * {
	font-size: 12.5px;
	line-height: 1;
}

#layout-references-administratives .form-group {
	margin: 0;
}

#layout-references-administratives input[type="text"] {
	padding: 2px 4px 0 4px;
	height: 24px;
	line-height: 24px;
	border-radius: 3px;
}

#layout-references-administratives .input-group-addon {
	padding: 0;
	width: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px 0 0 3px;
}

#layout-references-administratives .icons-group {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	gap: 12px;
	height: 100%;
	padding-left: 0px;
	padding-right: 3px;
}

#layout-references-administratives i {
	font-size: 15px;
	margin-top: 1px;
}

/* Parties des références admin (ligne racine avec une zone a gauche (n° dossier), au milieu et à droite). */
#layout-references-administratives .row-root {
	display: flex;
	margin: 0;
}

#layout-references-administratives .rows-wrapper {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 6px;
}

/* 
 * Partie gauche de la ligne qui contient le n° de dossier, le motif et le bouton de modification.
 */
#layout-references-administratives .row-root-left {
	display: flex;
	flex-direction: column;
	padding: 6px;
	padding-right: 0;
	gap: 4px;
}

/* N° dossier */
#layout-references-administratives .row-root-left .n-dossier {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	height: 24px;
	background-color: #eee;
	border-radius: 3px;
	padding: 3px 5px 2px 5px;
}

#layout-references-administratives .row-root-left .n-dossier * {
	font-size: 1.15em;
	font-weight: bolder;
	color: #444;
	line-height: 1;
}

/* Modifier les infos du dossier + Motif */
#layout-references-administratives .row-root-left .modifier-infos-et-motif {
	display: flex;
	flex-direction: row;
	gap: 4px;
	height: 22px;
}

#layout-references-administratives #modifier-infos-dossier {
	padding: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 1 13%;
}

/* Motif uniquement */
#layout-references-administratives .motif-modification {
	flex: 0 1 87%;
}

#layout-references-administratives .modifier-infos-et-motif.sans-droits .motif-modification {
	flex: 0 1 100%;
}

#layout-references-administratives .motif-modification-libelle {
	height: 22px;
	text-align: center;
	border-radius: 0;
	color: #444;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3px 5px 0 5px;
	background-color: #FAD085;
}

#layout-references-administratives .motif-modification-libelle.round-left {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}


#layout-references-administratives .motif-modification-libelle.round-right {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#layout-references-administratives .input-group-btn {
	width: 28px;
}

#layout-references-administratives .motif-modification .btn {
	height: 22px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
}

#layout-references-administratives .motif-modification .btn-prev {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#layout-references-administratives .motif-modification .btn-next,
#layout-references-administratives .motif-modification .btn-next-multiple {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}


/* 
 * Partie droite de la ligne racine (divisé en 2 lignes, row-1 et row-2. La première ligne est divisé en 2 parties, left et right). 
 */
#layout-references-administratives .row-1,
#layout-references-administratives .row-2 {
	display: flex;
	align-items: center;
}

	#layout-references-administratives .row-1 {
		height: 24px;
		flex-wrap: wrap;
	}

#layout-references-administratives .row-2 {
	margin-top: 4px;
	gap: 30px;
	flex-wrap: nowrap;
	flex: 1 1 100%;
}

#layout-references-administratives .left,
#layout-references-administratives .right {
	display: flex;
	flex-grow: 0;
	flex-shrink: 0;
	gap: 6px;
	align-items: center;
	height: 100%;
}

#layout-references-administratives .row-1 .left {
	flex-basis: 50%;
}

#layout-references-administratives .row-1 .right {
	flex-basis: 50%;
	justify-content: flex-end;
}

/* Ligne 1 - Partie gauche (date de dépôt, id platau, etat général de l'immeuble et dérogation) */
#layout-references-administratives #date-depot {
	display: flex;
	align-items: center;
	gap: 3px;
}

#layout-references-administratives #date-depot .input-group-date {
	display: flex;
	flex-direction: row;
	height: 24px;
}

#layout-references-administratives #date-depot input[type="text"] {
	width: 75px;
	border-radius: 0 3px 3px 0;
}

	#layout-references-administratives #numero-archive {
		display: flex;
		align-items: center;
		gap: 3px;
	}

		#layout-references-administratives #numero-archive .input-group {
			display: flex;
			flex-direction: row;
			height: 24px;
		}

		#layout-references-administratives #numero-archive input[type="text"] {
			width: 80px;
			border-radius: 3px 3px 3px 3px;
		}

#layout-references-administratives #IdPlatau {
	width: 100px;
	font-weight: bold;
}

#layout-references-administratives .input-group-platau {
	display: flex;
}

#layout-references-administratives .input-group-platau input[type="text"] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#layout-references-administratives .derogation {
	color: fuchsia;
}

/* Ligne 1 - Partie droite (icônes et stade) */
#layout-references-administratives .icons-svg {
	height: 22px;
}

#layout-references-administratives .icons-group .fa-solid {
	font-size: 2.5rem;
}

#layout-references-administratives .form-group-stade {
	display: flex;
	align-items: center;
	gap: 3px;
	flex: 0 0 50%;
}

#layout-references-administratives .form-group-stade #Stade {
	width: 100%;
}

/* Ligne 2 - Partie gauche et droite (Demandeur et terrain) */
#layout-references-administratives .infos-demandeur,
#layout-references-administratives .infos-terrain {
	display: flex;
	gap: 5px;
	align-items: center;
}

#layout-references-administratives .infos-demandeur span,
#layout-references-administratives .infos-terrain span {
	margin-top: 3px;
}

/* Fenêtre d'édition des références administratives */
.edition-refs-admins .edition-n-dossier .form-control {
	display: inline-block;
	float: left;
}

.edition-refs-admins .input-group-date {
	display: flex;
}

.edition-refs-admins .input-group-date input[type="text"] {
	width: 80px;
}

.edition-refs-admins .input-group-addon {
	flex: 0 0 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.edition-refs-admins .num-dossier-1 {
	width: 30px;
}

.edition-refs-admins .num-dossier-2 {
	width: 35px;
}

.edition-refs-admins .num-dossier-3 {
	width: 45px;
}

.edition-refs-admins .num-dossier-4 {
	width: 35px;
}

.edition-refs-admins .num-dossier-5 {
	width: 25px;
}

.edition-refs-admins .num-dossier-6 {
	width: 45px;
}

.edition-refs-admins .num-dossier-7 {
	width: 47px;
}

.edition-refs-admins input[type="checkbox"] {
	margin-bottom: 0;
}

.ref-admin-row {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 8px;
}


.ref-admin-row .form-group {
	margin-bottom: 0;
}

.ref-admin-row .checkbox {
	margin-top: 8px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.custom-lg-hidden {
		display: none !important;
	}

	#layout-references-administratives .row-1 .left {
		flex-basis: 39%;
	}

	#layout-references-administratives .row-1 .right {
		flex-basis: 61%;
	}

	#layout-references-administratives .row-2 {
		gap: 10px;
	}

	#layout-references-administratives .row-2 span {
		word-wrap: anywhere;
		word-break: break-all;
	}

	#layout-references-administratives .row-root-left {
		padding: 5px 0 5px 5px;
	}

	#layout-references-administratives .rows-wrapper {
		padding: 5px;
	}

	#layout-references-administratives .left,
	#layout-references-administratives .right {
		gap: 3px;
	}

	#layout-references-administratives .icons-group {
		gap: 3px;
	}
}

@media(max-width: 991px) {
	.custom-md-hidden {
		display: none !important;
	}

	#layout-references-administratives .motif-modification {
		flex-basis: 100%;
	}

	#layout-references-administratives .row-1 .left,
	#layout-references-administratives .row-1 .right {
		flex-basis: 100%;
		justify-content: flex-start;
	}

	#layout-references-administratives .row-1 .right {
		margin-top: 3px;
	}

	#layout-references-administratives #date-depot {
		flex-basis: 100%;
	}

	#layout-references-administratives .form-group-stade {
		flex-basis: 100%;
	}

	#layout-references-administratives .form-group-stade input {
		text-overflow: ellipsis;
	}
}

@media(max-width: 575px) {
	#layout-references-administratives #date-depot {
		flex-basis: 100%;
	}

	#layout-references-administratives .form-group-stade {
		flex-basis: 100%;
	}
}
/*************************************************************************************************
/* Utils : 
/* Classes "utilitaires" : contient uniquement des classes (pas d'id) génériques utilisable dans
/* toute l'application.
/* (ex : OK => ".red", ".green", pas OK => ".tableau-ligne-piece-valide")
*************************************************************************************************/

.disable-user-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: unset;
    user-select: none;
}

.no-label {
    margin-top: 20px;
}

.no-label-center {
    margin-top: 23px;
}

@media (min-width: 1200px) {
    .lg-no-label {
        margin-top: 20px;
    }
}

.checkbox-center {
    margin-top: 28px;
}

table .selectable-row {
    cursor: pointer;
}

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

.right {
    float: right;
}

.left {
    float: left;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.text-red {
    color: red;
}

.text-bold {
    font-weight: bold;
}

/* TODO QR Il semblerait que loader-overlay-container et les classes loader en dessous aient le même objectif (supprimer un des deux ?) */
/* Permet d'afficher le loader dans un conteneur (même s'il est vide) sans déborder. */
.loader-overlay-container {
    min-height: 100px;
}

/* Style pour les loader (sur n'importe quel élément) */
.loader {
    position: absolute;
    z-index: 50;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255, 0.7);
    border-radius: 3px;
}

.loader-dark-bg {
    background: rgba(0,0,0, 0.2);
}

.loader-sm {
    min-height: 100px;
}

.loader-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

.white {
    color: white;
}

.tr-vert {
    background-color: #b4ff83 !important;
}

.tr-orange {
    background-color: #f7ba59 !important;
}

.tr-rouge {
    background-color: #e78175 !important;
}

.td-white {
    background-color: white !important;
}

.td-long-text {
    word-break: break-all;
    width: 30%;
}

.center-fff-button {
    margin: 0 auto;
    text-align: center;
}

.flipped-icon {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.full-width {
    width: 100% !important;
}

.text-center {
    text-align: center !important;
}

table th.center, table td.center {
    vertical-align: middle !important;
    text-align: center !important;
    line-height: 1rem !important;
}

/* ----- Section concernant les styles à appliquer sur les tableaux sélectionnables (avec résumé à droite) ----- */

.btn-cell {
    width: 28px;
    max-width: 28px;
    vertical-align: middle !important;
}

#master table {
    box-sizing: border-box;
    margin-bottom: 0;
}

/* Affichage du curseur sur les lignes sélectionnables (ou non). */
table.selectable-row > tbody > tr {
    cursor: pointer;
    height: 28px;
}

table.selectable-row > tbody > tr.not-selectable {
    cursor: default;
}

/* Styles appliqués aux lignes sélectionnées. */
table.selectable-row > tbody > tr.selected {
    background-color: #fad084;
}

table.selectable-row > tbody > tr.selected > td {
    border: 0;
}

.row-nested-table table > tbody > tr.selected {
    background-color: #fce0ad;
}

/* Styles appliqués à la box principale. */

.box-master .box-header-custom * {
    padding: 0 !important;
    margin: 0 !important;
}

.box-master .box-header-custom {
    height: 30px;
}

.box-master .box-header-custom .box-title {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 7px !important;
}

/* Styles qui s'appliquent aux résumés de l'élément principal. */
.box-resume .checkbox-property {
    display: flex;
    align-items: center;
}

.box-resume .checkbox-property input[type="checkbox"] {
    margin-top: 0px !important;
    margin-left: 5px;
}

.box-resume .box-title {
    margin-top: 2px;
}


    /*************************************************************************************************
/* Styles flex
*************************************************************************************************/

.flex-row {
    display: flex;
    gap: 14px;
}

.flex-row.flex-cross-center {
    align-items: center;
}

.flex-gap-xs {
    gap: 3px;
}

.flex-cross-center {
    align-items: center;
}

.flex-row .space {
    visibility: hidden;
    flex-grow: 1;
}

.flex-row .flex-item.flex-push-right {
    margin-left: auto;
}

.flex-basis-25 {
    flex-basis: 25%;
}

.flex-basis-full {
    flex-basis: 100%;
}

.flex-no-shrink {
    flex-shrink: 0;
}

.flex-item.align-center {
    align-self: center;
}

@media (max-width: 768px) {
    .flex-row {
        flex-wrap: wrap;
    }

    .flex-row .flex-item {
        flex-basis: 100%;
    }
}

/*************************************************************************************************
/* Styles des champs (ex: taille réduite pour les champs de type nombre et date).
*************************************************************************************************/
.number-size input[type="text"],
.number-size .select2-container, 
.bool-size input[type="text"], 
.bool-size .select2-container{
    width: 80px !important;
}

.number-size .select2-container, 
.bool-size .select2-container{
    display: block;
}

.date-size input[type="text"] {
    width: 80px;
}

.datetime-size input[type="text"] {
    width: 120px;
}

/* xs */
@media (max-width: 767px) {
    .number-xs-full-size input[type="text"] {
        width: 100%;
    }

    .date-xs-full-size input[type="text"] {
        width: 100%;
    }

    .datetime-xs-full-size input[type="text"] {
        width: 100%;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .number-sm-full-size input[type="text"] {
        width: 100%;
    }

    .date-sm-full-size input[type="text"] {
        width: 100%;
    }

    .datetime-sm-full-size input[type="text"] {
        width: 100%;
    }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .number-md-full-size input[type="text"] {
        width: 100%;
    }

    .date-md-full-size input[type="text"] {
        width: 100%;
    }

    .datetime-md-full-size input[type="text"] {
        width: 100%;
    }
}

/* lg */
@media (min-width: 1200px) {
    .number-lg-full-size input[type="text"] {
        width: 100%;
    }

    .date-lg-full-size input[type="text"] {
        width: 100%;
    }

    .datetime-lg-full-size input[type="text"] {
        width: 100%;
    }
}

/*************************************************************************************************
/* Styles pour le texte (wrap, break, etc...)
*************************************************************************************************/
.word-wrap-break {
    word-wrap: break-word;
}
/*************************************************************************************************
/*    Cette section d�clare les icones courants de l'application.
**************************************************************************************************/
.itemsCourants
{
    display: inline-block;
    width:16px;
    height:16px;
    background-image:url(../../App_Themes/Defaut/images/menu/ItemsCourants.png);
    background-color: transparent;
    vertical-align: sub;
}

.DossierPortail {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../App_Themes/Defaut/images/Common/arobase.png);
    background-color: transparent;
    background-repeat: no-repeat;
    vertical-align: sub;
}

.itemDocument {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../App_Themes/Defaut/images/menu/Document.png);
    background-color: transparent;
    vertical-align: sub;
}

.itemDossierGo { background-position: 0px -16px; }
.itemFicheRecapitulative { background-position: -16px -16px; }
.itemTransfert { background-position: -16px -80px; }
.itemModificatif { background-position: 0px -80px; }

.itemPrioriteFaible { background-position:0px -32px; }
.itemPrioriteMoyenne { background-position:-16px -32px; }
.itemPrioriteNormale { background-position:-32px -32px; }
.itemPrioriteHaute { background-position:-48px -32px; }


/*************************************************************************************************
/*    Cette section d�clare les icones pr�sents dans la bar d'action du Dashboard.
**************************************************************************************************/
.action
{
    display: inline-block;
    width:40px;
    height:40px;
    background-image:url(../../App_Themes/Defaut/images/Accueil/Actions/Actions.gif);
    cursor: pointer;
    border: 0;
}

.actionCreerDossier { background-position:-328px -0px; }
.actionCreerDossier:Hover { background-position:-328px -41px; }

.actionRechercherDossier { background-position:-164px -0px; }
.actionRechercherDossier:Hover { background-position:-164px -41px; }

.actionRechercherParcelle { background-position:-123px -0px; }
.actionRechercherParcelle:Hover { background-position:-123px -41px; }

.actionGestionTaches { background-position:-1px -0px; }
.actionGestionTaches:Hover { background-position:-1px -41px; }

.actionGestionEvenements { background-position:-287px -0px; }
.actionGestionEvenements:Hover { background-position:-287px -41px; }

.actionParcourirDossiers { background-position:-41px -0px; }
.actionParcourirDossiers:Hover { background-position:-41px -41px; }

.actionTraitementsGroupes { background-position:-451px -0px; }
.actionTraitementsGroupes:Hover { background-position:-451px -41px; }

.actionSaisiePDF { background-position:-205px -0px; }
.actionSaisiePDF:Hover { background-position:-205px -41px; }

.actionStatistiques { background-position:-82px -0px; }
.actionStatistiques:Hover { background-position:-82px -41px; }

.actionAide { background-position:-369px -0px; }
.actionAide:Hover { background-position:-369px -41px; }

.actionElyx { background-position:-492px -0px; }
.actionElyx:Hover { background-position:-492px -41px; }

.actionABF { background-position:-533px -0px; }
.actionABF:Hover { background-position:-533px -41px; }

.commune-select {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    max-width: 100%;
}

.commune-select.top .arrow::after {
    border-top-color: #fff !important;
}

.commune-select.bottom .arrow::after {
    border-bottom-color: #fff !important;
}

.commune-select.left .arrow::after {
    border-left-color: #fff !important;
}

.commune-select.right .arrow::after {
    border-right-color: #fff !important;
}

.commune-select * {
    color: #333;
}

.commune-select .popover-title {
    background-color: #f7f7f7;
}

.commune-select .popover-content, .commune-select .popover-content .list-group {
    padding: 0;
    margin: 0;
}

.commune-select .popover-content .list-group {
    max-height: 200px;
    overflow-y: auto;
}

.commune-select .list-group-item {
    padding: 8px 14px;
}
/* Styles pour les groupes de champ + libellé */
.gfi-input-group {
    margin-bottom: 0px;
}

.gfi-input-checkbox {
    margin-top: 18px;
}

.gfi-input-group.required .k-label:after,
.gfi-input-group.required .k-checkbox-label:after {
    content: '*';
    color: red;
}

.gfi-input-group .help-block {
    color: red;
    margin: 0;
}

/* Styles dans les grid */
.k-grid .k-grid-norecords-template {
    width: 100%;
    border: 0;
}

/* Style pour les lignes de "détails" dans les grilles. */
.k-detail-row .form-actions {
    padding: 0px !important;
}

/* Style pour les radio kendo. */
.k-radio-item label {
    font-weight: normal;
}

/* Style pour les switch kendo. */

.show-text-switch .k-switch-label-on,
.show-text-switch .k-switch-label-off {
    display: none;
}

.text-switch-vertical-gauche {
    margin-top: 5px;
    margin-bottom: 5px;
}

.text-switch-vertical-gauche > label {
    margin-left: 10px;
}

.text-switch-vertical-droite {
    margin-top: 5px;
    margin-bottom: 5px;
}

.text-switch-vertical-droite > label {
    margin-right: 10px;
}

.text-switch-horizontal {
    margin-bottom: 8px;
}

.k-switch-sm {
    height: 25px !important;
}

/* Styles dans les grid kendo */
.k-grid .k-toolbar .btn.btn-primary {
    color: #fff;
}

.k-grid .btn-danger {
    color: #fff;
}

/* Styles pour enlever les bordures noires dans les grilles kendo */
.table-responsive .k-grid-table tr {
    border-color: #dee2e6;
}

/* Styles pour modifier la couleur de sélection dans les grilles kendo */
.k-grid .k-table-th.k-selected,
.k-grid td.k-selected,
.k-grid
.k-table-td.k-selected,
.k-grid .k-table-row.k-selected > td,
.k-grid .k-table-row.k-selected > .k-table-td {
    background-color: rgba(255, 208, 132, 0.7) !important;
}

/* Styles des boutons dans les popover kendo */
.k-popover .btn-social {
    font-size: 13px;
    padding: 4px 10px 4px 40px;
}

.k-popover .btn-social i {
    line-height: 28px;
}

/* Styles pour les boutons (commandes) dans les tableaux kendo */
.grid-command {
    cursor: pointer;
}

/* Styles des champs de type autocomplete (pour qu'il colle aux styles de nos champs actuels) */
.k-autocomplete.k-input-md .k-input-inner {
    font-size: 13px;
    padding: 2px 4px;
    height: 23px;
}

.k-autocomplete.k-input-solid:focus, .k-autocomplete.k-input-solid.k-focus {
    border-color: #004c6d;
    box-shadow: none;
}

/* Styles des champs de type dropdownlist (pour qu'il colle aux styles de nos champs actuels) */
.k-dropdownlist.k-picker-outline, .k-dropdownlist.k-picker-outline:hover, .k-dropdownlist.k-picker-outline.k-hover {
    border-color: #d2d6de;
    color: #555;
    background-color: #fff;
    font-size: 13px;
}

.k-dropdownlist.k-picker-outline.k-focus, .k-dropdownlist.k-picker-outline:focus {
    border-color: #004c6d;
    box-shadow: none;
}

.k-dropdownlist.k-picker-outline:focus-within {
    box-shadow: none;
}

.k-dropdownlist.k-picker-outline .k-svg-i-caret-alt-down {
    color: #888;
}

.k-dropdownlist-popup .k-list-item.k-selected .text-red {
    color: #fff !important;
}

/* Styles des champs de type combobox (pour qu'il colle aux styles de nos champs actuels) */
.gfi-input-group.combobox .k-combobox, 
.gfi-input-group.combobox .k-combobox:hover, 
.gfi-input-group.combobox .k-combobox.k-hover,
.gfi-input-group.combobox .k-combobox .k-icon-button,
.gfi-input-group.combobox .k-combobox.k-hover .k-icon-button {
    border-color: #d2d6de;
    color: #555;
    background-color: #fff;
    font-size: 13px;
}

.gfi-input-group.combobox .k-combobox .k-icon-button {
    border: 0;
}

.gfi-input-group.combobox .k-combobox.k-focus, 
.gfi-input-group.combobox .k-combobox:focus {
    border-color: #004c6d;
    box-shadow: none;
}

.gfi-input-group.combobox .k-combobox:focus-within {
    box-shadow: none;
}

.gfi-input-group.combobox .k-combobox .k-svg-i-caret-alt-down {
    color: #888;
}

/* Styles pour éviter que le titre d'une section et le libellé d'un élément ne se chevauchent dans une liste déroulante kendo. */
.k-list-item.k-first .k-list-item-text {
    padding-top: 2rem;
}

/* Styles des champs de type multiselect (pour qu'il colle aux styles de nos champs actuels) */
.gfi-input-group.multiselect .k-multiselect {
    outline: 0;
    box-shadow: none;
    border-color: #d2d6de;
}

.gfi-input-group.multiselect .k-multiselect.k-focus {
    border-color: #004c6d;
}

/* Styles des tabs (pour qu'ils collent aux styles de nos onglets actuels) */
.kendo-cartads-tabstrip .k-tabstrip-item {
    color: #444 !important;
    background-color: #f8f9fa !important;
    border-color: rgba(33, 37, 41, 0.13) !important;
}

.kendo-cartads-tabstrip .k-tabstrip-item.k-active {
    color: white !important;
    background-color: #004c6d !important;
    border-color: #004c6d !important;
}

/* Style des tableaux (pager) */
.k-pager-md .k-pager-sizes .k-dropdownlist {
    width: auto !important;
}