.top-bar {
  position: fixed;
  width: 100%;
  z-index: 111;
  background: #04192c;
}

.top-bar-section ul li > a {
  display: block;
  width: 100%;
  color: white;
  padding: 12px 0 12px 0;
  padding-left: 12px;
  font-family: "Inter",sans-serif;
  font-size: .8125rem;
  font-weight: normal;
  text-transform: none;
}


/* This is a plain classic CSS file added to the custom and automatically appended to every import of efficy.css */

#tab-fields label {
	display: inline-block;
}

.i-Adip:before {
	content: "\e610" ;
}

.i-Acce:before {
	content: "\e600" ;
}

#dd-entity-picker{max-width:35rem;padding:0;overflow:hidden;}

#dd-entity-picker .tabs-content {
  min-height: 2.625rem;
  max-height: 33.125rem;
  overflow-y: auto;
}

/*
.button, button {
	border-radius: 4px;
}



/* apply an existing image to a new icon name, both the new class name and the existing one will produce the same icon */
/*
.i-Demo:before {
	content: "\e602";
}
*/
/* override standard icon by replacing its image with the one from another existing icon */
.i-Adip:before hover {
 	content: "\e610" !important;
	color: #C13737 !important;
}


.i-Acce:before hover {
 	content: "\e600" !important;
	color: #C13737 !important;
}

/* ICON for your custom entity "TERM" */
.i-Term::before { content: "\e908"; }


/* field labels in edit */
/*
.field-label {
	color: steelblue;
	font-weight: bold;
}
*/
/* it is perfectly possible not to use SASS to add agenda color styles,
   do not forget to add a border color a bit darker than the appointment background
   and define a color for the links inside the appointment
*/
.appo-location-london {
	/* if you use a darker color as background, switch the text color to a light one */
	color: #ddd;
	background-color: #48008f;
	border-color: #27004e;
}
.appo-location-london a {
	color: #ddd;
}

.appo-status-temp {
	background: repeating-linear-gradient(
  45deg,
  rgba(0, 0, 0, 0.2),
  rgba(0, 0, 0, 0.2) 10px,
  rgba(0, 0, 0, 0.3) 10px,
  rgba(0, 0, 0, 0.3) 20px
);
}

.appo-type-default-custom {
	background-color: #e75546;
	border-color: #e75546;
}


.appo-mode-exterieur {
	background-color: #b4e681;
	border-color: #9de15a;
}

.appo-mode-exterieur-nf {
	background-color: #d7fbb4;
	border-color: #9de15a;
}

.appo-mode-absent {
	background-color: #858585;
	border-color: #858585;
}

.appo-nature-absent {
	background-color: #858585;
	border-color: #858585;
}

.appo-nature-commercial {
	background-color: #E8B282;
	border-color: #E8B282;
}

.appo-mode-bureau-nf {
	background-color: #ddccee;
	border-color: #af88d8;
}

.appo-mode-bureau{
	background-color: #C2A4E1;
	border-color: #af88d8;
}

.appo-mode-option {
	background-color: #d3e34b;
	border-color: #d3e34b;
	
}

/*
.c-Comp{background:#36B14F !important}
.c-Cont{background:#E87509 !important}
.c-Proj{background:#522d80 !important}
.c-Publ{background:#743CA6 !important}
.c-Oppo{background:#e5a14b !important}
.c-Case{background:#0599B5 !important}
.c-Prof{background:#DE3E67 !important}
.c-Prod{background:#983c8b !important}
.c-Docu{background:#0574B5 !important}
.c-Acti{background:#000000 !important}
.c-Task{background:#C13737 !important}
.c-Appo{background:#000000 !important}
.c-Time{background:#95ae9e !important}
.c-Mail{background:#69B411 !important}
.c-Quer{background:#95ae9e !important}
.c-Tmpl{background:#95ae9e !important}
.c-Repo{background:#95ae9e !important}
.c-Objv{background:#95ae9e !important}
*/
/* ICON for your custom entity "CONTRAT" */
.i-Ctrt::before { content: "\e990"; }

.btn-copy-password::before {
	content: "\e639";
	font-family: 'efficy-icons';
	color: #4ca928;
}

.btn-copy-password {
	margin-bottom: 0;
	margin-left: 15px;
	background: none;
	padding: 0 10px; 
}

.btn-copy-password:hover {background: none;}

.btn-copy-password:hover:before {color: #3d8720;}

.fc-event a, .fc-event:hover a, .fc-following a {
    color: #000;
}

.fc-event , .fc-event:hover , .fc-following  {
    color: #000;
}

.fc-title .text-bold  {
    font-weight: normal;
}

#efficy-logo {
    background: url("../img/CIBEO-LOGO.png") center center no-repeat;
        background-size: auto;
    background-size: 120px 40px;
    width: 10.875rem;
    height: 2.8125rem;
}


.text-ellipsis-medium{max-width:25rem;}
.text-ellipsis-medium9{max-width:12rem;}


.muuri-grids-row {display: block;}
.muuri-grids-col-header {display: block;}

.consult-banner {
  width: 100%;
  background-color: red;
  color: #fff;
  padding: .25rem;
  margin: 0 .625rem .75rem .625rem;
  font-size: .875rem;
  font-style: italic;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}


/*
2024-10 MBR : Modif CSS pour rendre plus lisible et icone font icomoon

*/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?i8rdj0');
  src:  url('fonts/icomoon.eot?i8rdj0#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?i8rdj0') format('truetype'),
    url('fonts/icomoon.woff?i8rdj0') format('woff'),
    url('fonts/icomoon.svg?i8rdj0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sad2-red:before {
  content: "\f119";
  font-family: "Font Awesome 6 Free" !important;
  color:red;
  font-size: 0.85rem;
  font-weight: 900;
}

.icon-sad2-white:before {
	font-family: "Font Awesome 6 Free" !important;
  content: "\f119";
  color:white;
  font-size: 0.85rem;
}

.i-star-gold:before {
	content:"\f005";
	font-family: "Font Awesome 6 Free" !important;
	font-size: 0.85rem !important;
	color:goldenrod;
	font-weight: 900;
}

.i-star-white:before {
	content:"\f005";
		font-family: "Font Awesome 6 Free" !important;
	font-size: 0.85rem !important;
	color:white;
}

.i-circle-green:before {
	font-family: "Font Awesome 6 Free" !important;
	content:"\f111";
	font-size: 0.85rem !important;
	color:#4ca928;
	font-weight: 900;
}


.i-circle-red:before {
	font-family: "Font Awesome 6 Free" !important;
	content:"\f111";
	font-size: 0.85rem !important;
	color:red;
	font-weight: 900;
}

.i-false-red:before {
	font-family: "Font Awesome 6 Free" !important;
	content:"\f111";
	font-size: 0.85rem !important;
	color:red;
}

.i-false-green:before {
	font-family: "Font Awesome 6 Free" !important;
	content:"\f111";
	font-size: 0.85rem !important;
	color:#4ca928;
}

.icon-trophy:before {
  content: "\e99e";
}

.icon-fire:before {
  content: "\e9a9";
}

.user-contact-info {
  align-self: start;
  margin-left: 15px;
}

.fc-now-indicator {
  border-color: #54b950;
}

.fc-day-grid-event.fc-event > .fc-content > .fc-title, .fc-day-grid-event.fc-event.inactive > .fc-content > .fc-title, .fc-timeline-event.fc-event > .fc-content > .fc-title, .fc-timeline-event.fc-event.inactive > .fc-content > .fc-title {
  max-width: 100%;
  overflow: hidden;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
}


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
  background-color: #fff;
  font-family: "Inter",sans-serif;
  border: 1px solid #dee2e6;
  box-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05);
  color: #001830;
  display: block;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0 0 1rem 0;
    margin-bottom: 1rem;
  padding: 8px 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow .45s,border-color .45s ease-in-out;
}

.not-done.i-not-done::before {
  color: #cc375b !important;
  background-color: #f8f9fa;
  border-radius: 50%;
  cursor: pointer;
}

.done.i-done::before {
  color: #157501 !important;
  background-color: #ebf7f3;
  border-radius: 50%;
  cursor: pointer;
}

.switch label {
  border: 1px solid #979595;
  color: #0000;
  background: #fff;
}

.i-unchecked::before {
  content: "\e647";
}

.i-false::before {
  content: "\e647";
}

.i-checked::before {
  content: "\e646";
}

.i-checked::before {
  color: #157501 !important;
  background-color: #ebf7f3;
  border-radius: 50%;
  cursor: pointer;
}

.i-unchecked::before {
  color: #cc375b !important;
  
  border-radius: 50%;
  cursor: pointer;
}

.done.i-checked::before {
  color: #157501 !important;
  background-color: #ebf7f3;
  border-radius: 50%;
  cursor: pointer;
}

.i-false::before {
  color: #cc375b !important;
  background-color: #f8f9fa;
  border-radius: 50%;
  cursor: pointer;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  height: 16px !important;
  width: 16px;
  border: 1px solid #585959;
  border-radius: 4px;
  background-color: #fff;
}

.inseeModal .grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.inseeModal .grid-item{padding:10px;border:1px solid #ccc}.inseeModal .grid-item-label{font-weight:bold}.inseeModal .grid-header{background-color:#313131;color:#fff}.inseeModal .grid-field{background-color:#f0f0f0}.inseeModal .center-title{text-align:center;margin-bottom:20px}.inseeModal .active{background-color:green;color:#fff}.inseeModal .active:hover{background-color:#f0f0f0;color:#222}.inseeModal .inactive{background-color:#f0f0f0;color:#222}.inseeModal .inactive:hover{background-color:green;color:#fff}.inseeModal #dataCRMGrid{margin-bottom:20px}/*# sourceMappingURL=EfficyCustom.css.map */


.i-search::before {
  content: "\e619";
  display: none;
}