.kt-font-grey {
    color:#74788d;
}

.kt-badge--secondary {
    background-color:#eee;
    color: #333;
}

.btn-secondary {
    background-color:#eee;
    color: #333;
}

.kt-font-secondary {
    color:#a2a5b9 !important;
}

.cursor_pointer {
    cursor:pointer;
}

.td_clickable tr {
    cursor: pointer;
}

.helpShowUi .kt-svg-icon g [fill],
#kt_quick_panel_toggler_btn .kt-svg-icon g [fill] {
    fill:#0abb87;
}

/* Appliquer cette classe pour chaine trop longue et insécable (url, email ..) */
.dont-break-out {

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    
}

/* DatePicker modification couleur dates non selectionnables */
.datepicker table tr td.disabled, .datepicker table tr td.day.old.disabled, .datepicker table tr td.disabled:hover,
.datepicker table tr td.new.disabled.day
{
    background: none;
    color: #cccccc;
}

/* Form -- Input file upload */
.custom-file-label::after {
	/*
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 1.3rem);
    padding: 0.65rem 1rem;
    line-height: 1.5;
    color: #495057;
    content: "Choisir";
    background-color: #f7f8fa;
    border-left: inherit;
    border-radius: 0 4px 4px 0;
*/
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07c";
}

.custom-file-label.populated::after {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f044";
}

/* Firefox responsive resize hack for bootstrap-fileinput preview */
.fileinput-preview.fileinput-exists.thumbnail img {
    height: auto;
    overflow: hidden;
    width: 99.9%; /* THIS */
}

/* Mettre les champs formulaires en noir  - #1633 - FICHES : couleurs utilisées pour les champs avec suggestion de valeur*/
input[type=text], select, textarea {
    /*font-weight: bold;*/
    color:#000000;
}
select, textarea {
    text-shadow: 0px 0px 0px black;
}
.typeahead .form-control.tt-input {
    color: #000000;
}

.invalid-input-message {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 90%;
    color: #fd397a;
}

/* Custom login page */
/*
.kt-login.kt-login--v1 .kt-login__wrapper {
    padding: 3rem 3rem;
    background: #fff;
}
*/

/* Fancybox */
.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    min-width: 80%;
    min-height: 80%;
    margin: 0;
}


/* Toastr */
/*#toast-container > div.toast.toast-warning {*/
div.toast-warning > button , div.toast-warning > div.toast-message {
    color: #333333;
}

#toast-container > div > div > a {
    text-decoration:underline;

}
#toast-container > div > div > a:hover {
    font-weight: bold;
    color: #ffffff;
}

/* Sweet Alert 2 */
.swal_radio_startintervention {
    display: grid !important;
    /*
    flex-direction: column;
    align-items: start;
    text-align: left;
    */
}
/*
.swal-wide{
    width:850px !important;
}

.swal-wide div.swal2-content ul {
    max-height: 300px;
    overflow-y: scroll;
}
*/

/* Bootstrap Table */

.table-wrapper-scrollable {
    max-height: 250px;
    overflow: auto;
    display:inline-block;
}

/* Datatable */
table.clickable tbody tr {
    cursor: pointer;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: -50%;
    left: -50%;
}

table mark {
    padding: 0;
    background-color: #ffb822;
}
 

table tr td.nowrap-force {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}



/* Datatable pour liste de choix à cocher style document */
table.table-sitadel-checklist thead {
    display: none;
}   
table.table-sitadel-checklist, table.table-sitadel-checklist tbody td {
    border: none;
} 
table.table-sitadel-checklist .label_checkable:not(.uncheckable) {
    cursor: pointer;
}  
table.table-sitadel-checklist  label.kt-checkbox.uncheckable,
table.table-sitadel-checklist .label_checkable.uncheckable {
    cursor: not-allowed;
}

/* kt-pulse */
.kt-pulse .kt-pulse__ring {
    display: block;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    animation: kt-pulse 1.5s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    border-width: 25px;
    border-style: solid;
    border-color: #ccc;
}

/* blink */
.blink_infinite {
    animation: blinker 1s linear infinite;
}

/* email preview -- admin/labo */
.mail_preview {
    display: block;
    border: 1px solid #acb0bf;
    border-radius: 2px;
    clear: both;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}

.mail_preview_body {
    padding: 15px 30px;
    zoom: 1;
    clear: left;
    overflow-x: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: #ffffff;
}

/* image file preview */
.img-responsive.inputfile_preview {
    max-height: 100%;
    max-width:250px;
    border: 3px solid #ffffff;
    border-radius: 3px;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 10%);
}

/* Fiche Obet - Dashboard bloc opérationnel */
#portlet_objet_dashboard_operationnel .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom {
    border-top: none;
    margin-top: 0rem;
}
#portlet_objet_dashboard_operationnel .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item {
    padding: 0rem 1.5rem 0 0;
}

/* MODALE DETAIL CONTACT */
#component_detail_contact_modal table td {
    color: #646c9a
}

#component_detail_contact_modal table td.kt-font-bolder {
    color: #595d6e
}

/* KT AVATAR CUSTOM */
.kt-avatar .kt-avatar__save {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}
.kt-avatar .kt-avatar__save i {
    color: #0abb87;
    font-size: 0.9rem;
}

.kt-avatar .kt-avatar__rotate {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: 70px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}
.kt-avatar .kt-avatar__rotate i {
    color: #5d78ff;
    font-size: 0.9rem;
}

/* BOOTSTRAP TOOLTIPS */
.tooltip-table {
    width: 250px;
}
  
.tooltip-inner-table {
    text-align: left!important;
} 

.tooltip-inner-table h6 {
    color: #3b5998;
} 

/* SITADEL DASHBOARD */
.kt-bg-diag-valide,
.kt-bg-contrat-valide,
.kt-bg-entretien-valide,
.kt-bg-doc-valide {
    background-color: #24bb45 !important;
}
.kt-bg-diag-surveillance-next,
.kt-bg-contrat-surveillance-next,
.kt-bg-entretien-surveillance-next {
    background-color: #a1f03d !important;
}
.kt-bg-diag-surveillance,
.kt-bg-contrat-surveillance,
.kt-bg-entretien-surveillance {
    background-color: #ffaf00 !important;
}
.kt-bg-diag-vierge,
.kt-bg-contrat-vierge,
.kt-bg-entretien-vierge {
    background-color: #d19e47 !important;
}
.kt-bg-diag-expire-next,
.kt-bg-contrat-expire-next,
.kt-bg-entretien-expire-next,
.kt-bg-alerte-da-encours,
.kt-bg-alerte-di-encours,
.kt-bg-doc-surveillance {
    background-color: #ffe155 !important;
}
.kt-bg-diag-expire,
.kt-bg-contrat-expire,
.kt-bg-entretien-expire,
.kt-bg-alerte-da,
.kt-bg-alerte-di,
.kt-bg-doc-expire {
    background-color: #ff5500 !important;
}

.kt-bg-doc-illimite {
    background-color: #90EE90 !important;
}

pre.code1 {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}

/* Bulle message */

span.msg_bubble_up, span.msg_bubble_bottom {
    display: block;
    width: 100%;
    position: relative;
}

span.msg_bubble_up:before {
    display: block;
    clear: both;
    content: '';
    position: absolute;
    top: -6px;
    left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 15px 12px;
    border-color: transparent transparent #f5f5f5 transparent;
    -webkit-transform: rotate(-37deg);
    -ms-transform: rotate(-37deg);
    transform: rotate(-37deg);
}

span.msg_bubble_bottom:before {
    display: block;
    clear: both;
    content: '';
    position: absolute;
    bottom: -6px;
    left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 15px 12px;
    border-color: transparent transparent #f5f5f5 transparent;
    -webkit-transform: rotate(-37deg);
    -ms-transform: rotate(-37deg);
    transform: rotate(-37deg);
}

span.msg_bubble_up p, span.msg_bubble_bottom p {
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding: 15px;
    background: #f5f5f5;
    display: inline-block;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 0;
}

span.msg_bubble_up p b, span.msg_bubble_bottom p b {
    display: block;
    color: #180660;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

/* STATUTS CONTRATS */  
.kt-label-font-color-statut_contrat_color1 {
  color: #ffb822 !important; }
.kt-label-bg-color-statut_contrat_color1 {
  background-color: #ffb822 !important; }

.kt-label-font-color-statut_contrat_color2 {
  color: #0abb87 !important; }
.kt-label-bg-color-statut_contrat_color2 {
  background-color: #0abb87 !important; }

.kt-label-font-color-statut_contrat_color3 {
  color: #ff7518 !important; }
.kt-label-bg-color-statut_contrat_color3 {
  background-color: #ff7518 !important; }

.kt-label-font-color-statut_contrat_color4 {
  color: #ff2400 !important; }
.kt-label-bg-color-statut_contrat_color4 {
  background-color: #ff2400 !important; }

.kt-label-font-color-statut_contrat_color5 {
  color: #D433FF !important; }
.kt-label-bg-color-statut_contrat_color5 {
  background-color: #D433FF !important; }  

.kt-label-font-color-statut_contrat_color6 {
  color: #c1ced4 !important; }
.kt-label-bg-color-statut_contrat_color6 {
  background-color: #c1ced4 !important; }   

.kt-label-font-color-statut_contrat_supprime {
color: #282a3c !important; }
.kt-label-bg-color-statut_contrat_supprime {
background-color: #282a3c !important; }

/* STATUTS DEMANDES DE FICHIER */
.kt-label-font-color-statut_filerequest_color1 {
    color: #ff7518 !important; }
  .kt-label-bg-color-statut_filerequest_color1 {
    background-color: #ff7518 !important; }    

.kt-label-font-color-statut_filerequest_color2 {
    color: #282a3c !important; }
.kt-label-bg-color-statut_filerequest_color2 {
    background-color: #282a3c !important; }

.kt-label-font-color-statut_filerequest_color3 {
    color: #0abb87 !important; }
    .kt-label-bg-color-statut_filerequest_color3 {
    background-color: #0abb87 !important; }

.kt-label-font-color-statut_filerequest_color4 {
    color: #ff2400 !important; }
    .kt-label-bg-color-statut_filerequest_color4 {
    background-color: #ff2400 !important; }


/* vuejs - selection select2 search ajax */
  section.select2VuejsApp button {
	margin: 0;
	padding: 0;
	border: 0;
	background: "none";
	font-size: 100%;
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	color: inherit;
	-webkit-appearance: none;
	appearance: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

section.select2VuejsApp {
	background: #fff;
	margin: 20px 0 20px 0;
	position: relative;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2),
	            0 25px 50px 0 rgba(0, 0, 0, 0.1);
}

section.select2VuejsApp input::-webkit-input-placeholder {
	font-style: italic;
	font-weight: 300;
	color: #e6e6e6;
}

section.select2VuejsApp input::-moz-placeholder {
	font-style: italic;
	font-weight: 300;
	color: #e6e6e6;
}

section.select2VuejsApp input::input-placeholder {
	font-style: italic;
	font-weight: 300;
	color: #e6e6e6;
}

section.select2VuejsApp h1 {
	padding-top: 15px;
	width: 100%;
	font-size: 1rem;
	text-align: center;
    color: #646c9a;
	/*color: rgba(175, 47, 47, 0.2);*/
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
}

section.select2VuejsApp .new-items {
	position: relative;
	margin: 0;
	width: 100%;
	line-height: 1.4em;
	border: 0;
	color: inherit;
	padding: 6px;
	border: 1px solid #999;
	box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

section.select2VuejsApp .new-items {
	padding: 16px 16px 16px 16px;
	border: none;
	background: rgba(0, 0, 0, 0.003);
	box-shadow: inset 0 -2px 1px rgba(0,0,0,0.03);
}

section.select2VuejsApp .main {
	position: relative;
	z-index: 2;
	border-top: 1px solid #e6e6e6;
}

section.select2VuejsApp .selection-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

section.select2VuejsApp .selection-list li {
	position: relative;
	/*font-size: 14px;*/
	font-size: 1rem;
	border-bottom: 1px solid #ededed;
}

section.select2VuejsApp .selection-list li:last-child {
	border-bottom: none;
}

section.select2VuejsApp .selection-list li.editing {
	border-bottom: none;
	padding: 0;
}

section.select2VuejsApp .selection-list li.editing .edit {
	display: block;
	width: calc(100% - 43px);
	padding: 12px 16px;
	margin: 0 0 0 43px;
}

section.select2VuejsApp .selection-list li.editing .view {
	display: none;
}

section.select2VuejsApp .selection-list li .badge-note {
	/* auto, since non-WebKit browsers doesn't support input styling */
	height: auto;
	position: absolute;
	top: 12px;
	left: 15px;
	/*bottom: 0;*/
	margin: auto 0;
	border: none; /* Mobile Safari */
	-webkit-appearance: none;
	appearance: none;	
}
section.select2VuejsApp .selection-list li .badge-note.contact-type {
	width: 140px;
}

section.select2VuejsApp .selection-list li label {
	word-break: break-all;
	padding: 15px 15px 15px 150px;
	display: block;
	line-height: 1.2;
	transition: color 0.4s;
}


section.select2VuejsApp .selection-list li.completed label {
	color: #d9d9d9;
	text-decoration: line-through;
}


section.select2VuejsApp .selection-list li div.description {
    position: relative;
    display:inline-block;
    margin: 35px 15px 5px 15px;
}

section.select2VuejsApp .selection-list li .destroy {
	/*display: none;*/
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	width: 40px;
	height: 40px;
	margin: auto 0;
	font-size: 30px;
	color: #cc9a9a;
	margin-bottom: 11px;
	transition: color 0.2s ease-out;
}

section.select2VuejsApp .selection-list li .destroy:hover {
	color: #af5b5e;
}

section.select2VuejsApp .selection-list li .destroy:after {
    content: "\f1f8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2rem;    
}

section.select2VuejsApp .selection-list li:hover .destroy {
	display: block;
}

section.select2VuejsApp .selection-list li .edit {
	display: none;
}

section.select2VuejsApp .selection-list li.editing:last-child {
	margin-bottom: -1px;
}

section.select2VuejsApp .footer {
	color: #777;
	padding: 10px 15px;
	height: 40px;
	text-align: center;
	border-top: 1px solid #e6e6e6;
}
/*
section.select2VuejsApp .footer:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 50px;
	overflow: hidden;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
	            0 8px 0 -3px #f6f6f6,
	            0 9px 1px -3px rgba(0, 0, 0, 0.2),
	            0 16px 0 -6px #f6f6f6,
	            0 17px 2px -6px rgba(0, 0, 0, 0.2);
}*/

section.select2VuejsApp .items-count {
	float: left;
	text-align: left;
}

section.select2VuejsApp .items-count strong {
	font-weight: 900;
}

/*
	Hack to remove background from Mobile Safari.
	Can't use it globally since it destroys checkboxes in Firefox
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	section.select2VuejsApp .selection-list li .badge-note {
		height: 40px;
	}	
}

@media (max-width: 430px) {
	section.select2VuejsApp .footer {
		height: 50px;
	}
	.filters {
		bottom: 10px;
	}
}    
  /* END vuejs - selection select2 search ajax */



/* Star rating radio form */  
.star-rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.radio-star-input {
    position: fixed;
    opacity: 0;
    pointer-events: none;
}

.radio-star-label {
    cursor: pointer;
    font-size: 0;
    color: rgba(0,0,0,0.2);
    transition: color 0.1s ease-in-out;
}

.radio-star-label:before {
    content: "★";
    display: inline-block;
    font-size: 32px;
}

.radio-star-input:checked ~ .radio-star-label {
    color: #ffc700;
    color: gold;
}

.radio-star-label:hover,
.radio-star-label:hover ~ .radio-star-label {
    color: goldenrod;
}

.radio-star-input:checked + .radio-star-label:hover,
.radio-star-input:checked + .radio-star-label:hover ~ .radio-star-label,
.radio-star-input:checked ~ .radio-star-label:hover,
.radio-star-input:checked ~ .radio-star-label:hover ~ .radio-star-label,
.radio-star-label:hover ~ .radio-star-input:checked ~ .radio-star-label {
    color: darkgoldenrod;
}


.display-star-container {
    font-size: 30px;
}
.display-star-container .star-item {
    color: rgba(0,0,0,0.2);
}
.display-star-container .star-item-filled {
    color: #ffc700;
    color: gold;
}
.display-star-container .star-item:before {
    content: '★';
}

/* END Star rating radio form */  


.backadmin_section_1 {
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 10px 10px;
    margin: 0 0 1rem 0;
    background: rgba(30, 30, 45, 0.95);
    color: rgb(192, 196, 209);
    border-radius: 4px;
    border-color: 1px solid #e2e5ec;
}

.backadmin_section_2 {
    font-size: 1.2rem;
    padding-bottom: 10px;
    border-bottom: 2px solid #e2e5ec;
}

.backadmin_exergue {
    margin:10px 0px;
    background:rgba(40, 42, 60, 0.07);
    padding:10px 20px;
    border-radius: 4px;
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
}