@charset "utf-8";
/*-------------------------------------------------------------------*/
/* Général ----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*.content-wrapper {background: #fff;}*/
body {background-color: #f4f6f9; height: 100%;}
#page-content-wrapper {padding-top: 10px;}
.brand-link {padding: .7rem .5rem;}

/* Actions de sauvegarde dans la barre de navigation ----------------*/
.save-actions {
	display: flex;
	align-items: center;
	gap: .35rem;
	white-space: nowrap;
}

/* Popover de classement des favoris dans la barre de navigation. */
.favorite-popover {
	width: min(20rem, calc(100vw - 1rem));
	max-height: min(28rem, calc(100vh - 5rem));
	overflow-y: auto;
}
.favorite-popover .dropdown-item {
	font-size: .9rem;
}
.favorite-popover .dropdown-item:focus,
.favorite-popover .dropdown-item:hover {
	background-color: #e9f2ff;
}
.favorite-section-entry:hover {
	background-color: #e9f2ff;
}
.favorite-section-entry .dropdown-item {
	background-color: transparent;
}
.favorite-section-delete {
	flex: 0 0 auto;
	padding: .25rem .5rem;
}
.favorite-section-create-form .form-control {
	min-width: 0;
}
.favorite-card-dropdown .dropdown-toggle::after,
.favorite-toolbar-dropdown .dropdown-toggle::after {
	display: none;
}
.favorite-card-popover {
	min-width: 14rem;
	max-width: min(20rem, calc(100vw - 1rem));
}
.favorite-card-popover .dropdown-item {
	font-size: .875rem;
	white-space: normal;
}
.favorite-card-dropdown .btnFavoriStl {
	position: relative;
}
.favorite-listed-mark {
	position: absolute;
	right: -.35rem;
	bottom: -.2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: .8rem;
	height: .8rem;
	border: 1px solid #212529;
	border-radius: 50%;
	background: #198754;
	color: #fff;
	font-size: .48rem;
	line-height: 1;
}
.save-actions .btn-save,
.save-actions .btn-cancel-save {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	margin: 0;
	cursor: pointer;
}
.save-actions #savepage {
	top: 0;
	left: 100%;
}

/* Barre de recherche et pagination de la liste STL -----------------*/
.stl-search-toolbar {
	min-width: 0;
}
.stl-search-toolbar .select2-container {
	flex: 1 1 auto;
	min-width: 12rem;
	width: auto !important;
}
.stl-search-toolbar .select2-selection--multiple {
	min-height: 31px;
}
.stl-pagination {
	min-width: 0;
	overflow-x: auto;
}
.stl-pagination nav,
.stl-pagination .pagination {
	max-width: 100%;
}
.stl-pagination .pagination {
	flex-wrap: nowrap;
	white-space: nowrap;
}

/* Gestion immédiate des tags dans le modal -------------------------*/
.tag-stl-chip {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}
.tag-stl-chip .btn-remove-tag {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	line-height: 1;
	cursor: pointer;
}
.tag-stl-chip .btn-remove-tag:hover {
	opacity: .7;
}
#tagStlInput + .select2-container .select2-selection--multiple {
    min-height: 38px;
    padding: .25rem .5rem;
}

/* Statut des tags dans les listes Select2 -------------------------*/
.select2-results__option.tag-option-creator,
.select2-selection__choice.tag-option-creator {
	background-color: #605ca8;
	color: #fff;
}
.select2-results__option.tag-option-manual,
.select2-selection__choice.tag-option-manual {
	background-color: #0dcaf0;
	color: #000;
}
.select2-results__option.tag-option-automatic,
.select2-selection__choice.tag-option-automatic {
	background-color: #6c757d;
	color: #fff;
}
.select2-results__option.tag-option-mixed,
.select2-selection__choice.tag-option-mixed {
	background-color: #ffc107;
	color: #000;
}
.global-tag-option {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}
.global-tag-option .tag-status-label {
	display: inline-block;
	padding: .1rem .35rem;
	border-radius: .25rem;
	font-size: .7em;
	font-weight: 600;
	line-height: 1.2;
}
.global-tag-option .tag-status-label.tag-option-creator {
	background-color: #605ca8;
	color: #fff;
}
.global-tag-option .tag-status-label.tag-option-manual {
	background-color: #0dcaf0;
	color: #000;
}
.global-tag-option .tag-status-label.tag-option-automatic {
	background-color: #6c757d;
	color: #fff;
}
.global-tag-option .tag-status-label.tag-option-mixed {
	background-color: #ffc107;
	color: #000;
}
.select2-selection__choice.tag-option-creator,
.select2-selection__choice.tag-option-manual,
.select2-selection__choice.tag-option-automatic,
.select2-selection__choice.tag-option-mixed {
	border: 0;
}

/* Apercu uniforme des images STL -----------------------------------*/
.stl-image-frame {
	position: relative;
	isolation: isolate;
	height: 420px;
	overflow: hidden;
	background-color: #16191c;
}
.stl-card {
	border-radius: .45rem;
	overflow: hidden;
}
.stl-image-frame::before {
	content: "";
	position: absolute;
	inset: -30px;
	z-index: 0;
	background-image: var(--stl-preview-image);
	background-position: center;
	background-size: cover;
	filter: blur(24px);
	opacity: .72;
	transform: scale(1.08);
}
.stl-video-thumb {
	display: block;
	width: 100%;
	height: 100%;
	background: #16191c;
}
.stl-video-thumb video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #16191c;
}
.stl-image-frame > .stl-video-thumb {
	position: relative;
	z-index: 1;
	height: 100%;
}
.media-video-preview {
	max-height: 280px;
	object-fit: contain;
	background: #16191c;
}
.stl-image-frame > img.card-img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@media (max-width: 767.98px) {
	.stl-image-frame {
		height: 320px;
	}
}

@media (max-width: 1199.98px) {
	.stl-pagination {
		justify-content: flex-start !important;
	}
}

@media (max-width: 767.98px) {
	.stl-search-toolbar {
		flex-wrap: wrap !important;
	}

	.stl-search-toolbar .select2-container {
		min-width: min(12rem, 100%);
	}
}

/*-------------------------------------------------------------------*/
/* Utilitaire -------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.pointer {cursor: pointer;}
.draggable {cursor: move;}
.opacity-0 {opacity:0 !important;}
.opacity-1 {opacity:0.1 !important;}
.opacity-2 {opacity:0.2 !important;}
.opacity-3 {opacity:0.3 !important;}
.opacity-4 {opacity:0.4 !important;}
.opacity-5 {opacity:0.5 !important;}
.opacity-6 {opacity:0.6 !important;}
.opacity-7 {opacity:0.7 !important;}
.opacity-8 {opacity:0.8 !important;}
.opacity-9 {opacity:0.9 !important;}
.w-5 {width: 5px;}
.btn-save {cursor: pointer;}
.btn-save:hover {color: #0c0c0c;}

/*-------------------------------------------------------------------*/
/* Dashboard --------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.sidebar {min-height: 100vh;}
.sidebar .nav-item {position: relative;}
.sidebar .nav-item:last-child {margin-bottom: 1rem;}
.sidebar .nav-item .nav-link {text-align: center; padding: 0.6rem 1rem;}
.sidebar .nav-item .nav-link span {display: block;}
.sidebar .nav-item.active .nav-link {font-weight: 700;}
.sidebar .sidebar-heading {text-align: center; padding: 0 1rem; font-weight: 500;}
@media (min-width: 768px) {
	.sidebar .nav-item .nav-link {display: block; text-align: left; padding: 0.6rem 1.2rem;}
	.sidebar .nav-item .nav-link i {margin-right: 0.25rem;}
	.sidebar .nav-item .nav-link span {display: inline;}
	.sidebar .sidebar-heading {text-align: left;}
}
.title-page {margin-top: calc(1.5rem * .5);}

/*-------------------------------------------------------------------*/
/* Message d'attente ------------------------------------------------*/
/*-------------------------------------------------------------------*/
#waitmsg {
	position: fixed; left: 0; right: 0; top: 0; z-index: 1200; width: 100%; height: 100%; background-color: #000; opacity: 0.8; filter:alpha(opacity=80); text-align: center; color:#FFF; overflow: hidden;
}
.loader {position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); width: 64px; height: 64px; border-radius: 50%; perspective: 800px;}
.loader .inner {position: absolute; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%;}
.loader .inner.one {left: 0; top: 0; animation: rotate-one 1s linear infinite; border-bottom: 3px solid #1ebad9;}
.loader .inner.two {right: 0; top: 0; animation: rotate-two 1s linear infinite; border-right: 3px solid #1ebad9;}
.loader .inner.three {right: 0; bottom: 0; animation: rotate-three 1s linear infinite; border-top: 3px solid #1ebad9;}
@keyframes rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } }
@keyframes rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } }
@keyframes rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } }

/*---------------------------------------------------------------------*/
/*- TreeView ----------------------------------------------------------*/
/*---------------------------------------------------------------------*/
#arbo li {cursor: pointer; position: relative;}
.arrow {user-select: none;}
.expanded::before {font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.expanded::before {content: "\f054"; color: black; display: inline-block; margin-right: 5px;}
.arrow-down .expanded::before {content: "\f078";}
#arbo li li {margin-left: 23px;}
#arbo .nested li li {margin-left: 22px;}
#arbo li li .arrow::before {position: absolute; left: -20px; top: 5px;}
.nested {display: none;}
.active {display: block;}

/*-------------------------------------------------------------------*/
/* Texte Utility ----------------------------------------------------*/
/*-------------------------------------------------------------------*/
.font100 {font-size: 100%;}

/*-------------------------------------------------------------------*/
/* Profil -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {height: auto;}
.navbar-badge {font-size: .9rem; top: 2px;}

/*-------------------------------------------------------------------*/
/* Couleur ----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.list-group-item-gray {background-color: #ececec;}

.text-STL {color: #1ebad9 !important;}
.badge-STL {background-color: #1ebad9 !important; color: #fff;}
.bg-STL {background-color: #1ebad9 !important; color: #ffffff !important;}
.bg-dark-gray {background-color: #23272b !important}

a.bg-STL:hover, a.bg-STL:focus, button.bg-STL:hover, button.bg-STL:focus {background-color: #0b7f96 !important;}

.bg-gray-dark {background-color: #343a40 !important;}
a.bg-gray-dark:hover, a.bg-gray-dark:focus, button.bg-gray-dark:hover, button.bg-gray-dark:focus {background-color: #202429 !important;}

.text-light-blue {color: #3c8dbc;}
.bg-light-blue {background-color: #3c8dbc !important;}
a.bg-light-blue:hover, a.bg-light-blue:focus, button.bg-light-blue:hover, button.bg-light-blue:focus {background-color: #307ba6 !important;}

.text-marron {color: #d81b60;}
.bg-marron {background-color: #d81b60 !important;}
a.bg-marron:hover, a.bg-marron:focus, button.bg-marron:hover, button.bg-marron:focus {background-color: #cf3078 !important;}

.text-gray-dark {color: #343a40;}
.badge-gray-dark {color: #ffffff; background-color: #343a40;}
a.badge-gray-dark:hover, a.badge-gray-dark:focus {color: #ffffff; background-color: #202429;}
a.badge-gray-dark:focus, a.badge-gray-dark.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);}

.text-indigo {color: #6610f2;}
.badge-indigo {color: #ffffff; background-color: #6610f2;}
a.badge-indigo:hover, a.badge-indigo:focus {color: #ffffff; background-color: #5604db;}
a.badge-indigo:focus, a.badge-indigo.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(102, 16, 242, 0.5);}

.text-light-blue {color: #3c8dbc;}
.badge-light-blue {color: #ffffff; background-color: #3c8dbc;}
a.badge-light-blue:hover, a.badge-light-blue:focus {color: #ffffff; background-color: #307ba6;}
a.badge-light-blue:focus, a.badge-light-blue.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(60, 141, 188, 0.5);}

.text-navy {color: #001f3f;}
.badge-navy {color: #ffffff; background-color: #001f3f;}
a.badge-navy:hover, a.badge-navy:focus {color: #ffffff; background-color: #001830;}
a.badge-navy:focus, a.badge-navy.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 31, 63, 0.5);}

.text-purple {color: #605ca8;}
.badge-purple {color: #ffffff; background-color: #605ca8;}
a.badge-purple:hover, a.badge-purple:focus {color: #ffffff; background-color: #4e4a91;}
a.badge-purple:focus, a.badge-purple.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(96, 92, 168, 0.5);}

.text-fuchsia {color: #f012be;}
.badge-fuchsia {color: #ffffff; background-color: #f012be;}
a.badge-fuchsia:hover, a.badge-fuchsia:focus {color: #ffffff; background-color: #d609a8;}
a.badge-fuchsia:focus, a.badge-fuchsia.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(240, 18, 190, 0.5);}

.text-pink {color: #e83e8c;}
.badge-pink {color: #ffffff; background-color: #e83e8c;}
a.badge-pink:hover, a.badge-pink:focus {color: #ffffff; background-color: #cf3078;}
a.badge-pink:focus, a.badge-pink.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(232, 62, 140, 0.5);}

.text-marron {color: #d81b60;}
.badge-marron {color: #ffffff; background-color: #d81b60;}
a.badge-marron:hover, a.badge-marron:focus {color: #ffffff; background-color: #bf1151;}
a.badge-marron:focus, a.badge-marron.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(216, 27, 96, 0.5);}

.text-orange {color: #ff851b;}
.badge-orange {color: #000000; background-color: #ff851b;}
a.badge-orange:hover, a.badge-orange:focus {color: #000000; background-color: #e3700b;}
a.badge-orange:focus, a.badge-orange.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 133, 27, 0.5);}

.text-lime {color: #01ff70;}
.badge-lime {color: #000000; background-color: #01ff70;}
a.badge-lime:hover, a.badge-lime:focus {color: #000000; background-color: #02db61;}
a.badge-lime:focus, a.badge-lime.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(1, 255, 112, 0.5);}

.text-teal {color: #39cccc;}
.badge-teal {color: #ffffff; background-color: #39cccc;}
a.badge-teal:hover, a.badge-teal:focus {color: #ffffff; background-color: #29b3b3;}
a.badge-teal:focus, a.badge-teal.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(57, 204, 204, 0.5);}

.text-olive {color: #3d9970;}
.badge-olive {color: #ffffff; background-color: #3d9970;}
a.badge-olive:hover, a.badge-olive:focus {color: #ffffff; background-color: #297855;}
a.badge-olive:focus, a.badge-olive.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(61, 153, 112, 0.5);}

.bg-gray {background-color: #aaa;}
.bg-gray-light {background-color: #D3CFC8;}
.text-gray-light {color: #D3CFC8;}

.surligne {background-color: rgb(255, 255, 0);}

/*-------------------------------------------------------------------*/
/* Width ------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.w-switch {width: 30px;}
.w-10 {width: 10%;}
.w-20 {width: 20%;}
.w-30 {width: 30%;}
.w-40 {width: 40%;}
.w-55 {width: 55%;}
.w-60 {width: 60%;}
.w-80 {width: 80%;}
@media (min-width: 768px) { .w-sm-25 {width: 25% !important} }
@media (max-width: 767px) { .btn-xs-block { display: block; width: 100%; } }

.msg-footer {bottom: 0; left: 0; position: fixed; right: 0; z-index: 1032;}
@media (max-width: 767px) { .msg-footer {display: none !important} }

/*-------------------------------------------------------------------*/
/* Card -------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.card {box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 0 rgb(0 0 0 / 20%); border-width: 1px;}
.card .card-header .icon-del {display: none;}
.card:hover .card-header .icon-del {display: inline;}

/*-------------------------------------------------------------------*/
/* FancyBox ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
img[data-fancybox] {cursor: pointer;}

/*-------------------------------------------------------------------*/
/* Bouton -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.btn-group-xs > .btn, .btn-xs {padding: .25rem .4rem; font-size: .875rem; line-height: .5; border-radius: .2rem;}
.btn-STL, .btn-STL:active:hover, .btn-STL.active:hover, .btn-STL:active:focus, .btn-STL.active:focus, .btn-STL:active.focus, .btn-STL.active.focus {
	color: #fff; background-color: #1ebad9; border-color: #21bfde;
}
.btn-STL:focus, .btn-STL.focus, .btn-STL:active, .btn-STL.active, .btn-STL:hover { color: #fff; background-color: #0b7f96; border-color: #0b7f96; }

.btn-purple, .btn-purple:active:hover, .btn-purple.active:hover, .btn-purple:active:focus, .btn-purple.active:focus, .btn-purple:active.focus, .btn-purple.active.focus {
	color: #fff; background-color: #605ca8; border-color: #57539c;
}
.btn-purple:focus, .btn-purple.focus, .btn-purple:active, .btn-purple.active, .btn-purple:hover { color: #fff; background-color: #4e4a91; border-color: #423e80; }

.btn-pink, .btn-pink:active:hover, .btn-pink.active:hover, .btn-pink:active:focus, .btn-pink.active:focus, .btn-pink:active.focus, .btn-pink.active.focus {
	color: #fff; background-color: #e83e8c; border-color: #e83e8c;
}
.btn-pink:focus, .btn-pink.focus, .btn-pink:active, .btn-pink.active, .btn-pink:hover { color: #fff; background-color: #d9337f; border-color: #d9337f; }

.btn-outline-pink {color: #e83e8c; border-color: #e83e8c; background-color: transparent;}
.btn-outline-pink:focus, .btn-outline-pink.focus, .btn-outline-pink:hover {color: #fff; background-color: #d9337f; border-color: #d9337f;}
#bulkTags.btn-pink .text-pink, #bulkTags.btn-outline-pink:hover .text-pink {color: #fff !important;}

/*-------------------------------------------------------------------*/
/* Add Input Area ---------------------------------------------------*/
/*-------------------------------------------------------------------*/
.list_addBtn {position: absolute; left: 0; bottom: 0;}
.list_delBtn {position: absolute; right: 0; bottom: 0;}

/*-------------------------------------------------------------------*/
/* NavBar -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.navbar-dark.bg-STL .navbar-nav .nav-link {color: rgba(0,0,0,1);}
.navbar-dark.bg-STL .navbar-nav .active>.nav-link, .navbar-dark.bg-STL .navbar-nav .nav-link.active,
.navbar-dark.bg-STL .navbar-nav .nav-link.show, .navbar-dark.bg-STL .navbar-nav .show>.nav-link {
	color: #fff;
}

/*-------------------------------------------------------------------*/
/* Nav --------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.nav-pills.nav-STL .nav-link.active, .nav-pills.nav-STL .show>.nav-link {background-color: #1ebad9;}
.nav-pills.nav-STL .nav-link:not(.active):hover {color: #1ebad9;}
.nav-pills .nav-link.disabled {color: #ccc;}

/*-------------------------------------------------------------------*/
/* Background -------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.opacity-max {opacity: 0.8 !important; filter: alpha(opacity=80) !important;}

/*-------------------------------------------------------------------*/
/* Liste ------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.list-docs {font-size: 16px;}
.list-docs li {margin-bottom: 10px; border-bottom: 1px dashed #ccc;}
.list-docs li a {text-decoration: none;}
.list-docs li:hover {border-color: #383838;}
.list-docs li a span {float: right; font-size: 12px; color: #aaa;}

.list-group-item.list-group-item-sm {padding: .36rem 1.25rem;}

/*-------------------------------------------------------------------*/
/* Modale -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.image-upload-sticky {
    position: sticky;
    top: -.5rem;
    z-index: 10;
    margin: -.5rem -.75rem .75rem;
    padding: .5rem .75rem 0;
    background: var(--bs-modal-bg, #fff);
    box-shadow: 0 .35rem .6rem rgba(0, 0, 0, .08);
}
.image-sort-item {cursor: grab;}
.image-sort-item {position: relative;}
.image-sort-item:active {cursor: grabbing;}
.image-sort-item.image-sort-dragging {opacity: .45;}
.image-sort-item.image-sort-over > .card {outline: 2px dashed var(--bs-primary); outline-offset: 2px;}
.image-drag-handle {flex: 0 0 auto;}
.image-drop-slot {position: absolute; top: 0; bottom: 0; width: .8rem; z-index: 5; border-radius: .35rem;}
.image-drop-slot-before {left: -.4rem;}
.image-drop-slot-after {right: -.4rem;}
.image-drop-slot.image-sort-over {background: var(--bs-primary); box-shadow: 0 0 .35rem rgba(13, 110, 253, .7);}
.stl-card .card-header .hstack {gap: .25rem !important;}
.stl-card .card-header small {white-space: nowrap;}
.modal-backdrop.fade.in {opacity: 0.1; filter: alpha(opacity=10);}
.modal-mail  {min-width: 650px;}
.modal-sm  {max-width: 50%;}
.modal-md  {max-width: 60%;}
.modal-lg  {max-width: 70%;}
.modal-xl  {max-width: 80%;}
.modal-xxl {max-width: 90%;}
.modal-header:hover {cursor: move}

/*-------------------------------------------------------------------*/
/* Connexion --------------------------------------------------------*/
/*-------------------------------------------------------------------*/
body.connexion.Preprod {
	background: #545454; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #545454 1%, #222222 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#545454), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #545454 1%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #545454 1%,#222222 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #545454 1%,#222222 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #545454 1%,#222222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#222222',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height:calc(100vh);
	width:100%;
}
/* background: #007bff linear-gradient( 180deg ,#268fff,#007bff) repeat-x!important; */
body.connexion.Prod {
	background: #007bff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #007bff 1%, #204d96 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#007bff), color-stop(100%,#204D96)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #007bff 1%,#204D96 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #007bff 1%,#204D96 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #007bff 1%,#204D96 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #007bff 1%,#204D96 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bff', endColorstr='#204D96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height:calc(100vh);
	width:100%;
}
body.connexion .content-wrapper {background: none;}
body.connexion .container {left: 50%; position: fixed; top: 50%; transform: translate(-50%, -50%);}
#login {border-left: 2px solid #000; padding: 0 22px;}
.alert.alert-danger {color: #fff; background-color: #c4183c; border-color: #c4183c;}

/*-------------------------------------------------------------------*/
/* Sortable ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
#sortable1, #sortable2 {border: 1px solid #eee; list-style-type: none; padding: 5px 0 0 0;}
#sortable1 li, #sortable2 li {margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em;}

/*-------------------------------------------------------------------*/
/* fixtop -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.fixtop {background-color: #fff; padding-bottom: 10px;}

/*-------------------------------------------------------------------*/
/* Select2 ----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*.select2-results__option[aria-selected=true] { display: none; }*/
/*.locked-tag .select2-selection__choice__remove{display: none !important;}*/
/*select[readonly].select2-hidden-accessible + .select2-container {pointer-events: none; touch-action: none;}*/
/*.input-group > .select2-container--bootstrap4 {width: auto !important; flex: 1 1 auto;}*/
/*.input-group > .select2-container--bootstrap4 .select2-selection--single {height: 100%; line-height: inherit;}*/
/*.select2-container--bootstrap4 .select2-selection__clear {*/
/*	font-weight: bold; width: inherit; height: inherit; line-height: inherit; padding-left: inherit; margin-top: inherit; border-radius: 0; background-color: transparent; color: #444; float: right;*/
/*}*/
/*.select2-container--bootstrap4 .select2-selection__clear:hover {background-color: transparent; color: #000;}*/
/*option:disabled {font-style: italic; background-color: #cccccc}*/

/*-------------------------------------------------------------------*/
/* Bootstrap Select -------------------------------------------------*/
/*-------------------------------------------------------------------*/
.bootstrap-select.form-control { border: 1px solid #ccc !important; }
.bootstrap-select .btn.dropdown-toggle {padding: .3rem .75rem;}

/*-------------------------------------------------------------------*/
/* Bootstrap Toogle -------------------------------------------------*/
/*-------------------------------------------------------------------*/
.toggle-off.btn, .toggle-on.btn { padding-top: .2rem; }

/*-------------------------------------------------------------------*/
/* bootstrap Switch -------------------------------------------------*/
/*-------------------------------------------------------------------*/
.bootstrap-switch {display: block;}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
	padding: 7px 16px 8px 16px !important;
}

/*-------------------------------------------------------------------*/
/* Message ----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.swal2-popup.swal2-toast .swal2-title {font-size: 1.5em !important;}

/*-------------------------------------------------------------------*/
/* Alertes2 ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.swal2-title {font-size: 1.1em !important;}
.swal2-popup.swal2-toast .swal2-title {font-size: 1em !important;}

/*-------------------------------------------------------------------*/
/* Profil -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.table-user-information > tbody > tr {border-top: 1px solid rgb(221, 221, 221);}
.table-user-information > tbody > tr:first-child {border-top: 0;}
.table-user-information > tbody > tr > td {border-top: 0;}
.toppad {margin-top:20px;}

/*-------------------------------------------------------------------*/
/* Bouton Administration --------------------------------------------*/
/*-------------------------------------------------------------------*/
.ds-btn li {list-style:none; float:left; padding:10px;}
.ds-btn li a span {padding-left:15px; padding-right:5px; width:100%; display:inline-block; text-align:left;}
.ds-btn li a span small {width:100%; display:inline-block; text-align:left;}

/*-------------------------------------------------------------------*/
/* Widgets ----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.hero-widget {text-align: center; padding-top: 20px; padding-bottom: 20px; transition: all 0.2s ease-in-out 0s;}
.hero-widget.with-boutons {
	background-color: #f5f5f5; border: 1px solid #e3e3e3; padding-bottom: 0; padding-top: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; min-height: 20px;
}
.hero-widget:hover, .hero-widget:focus {border-color: #357ebd; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; transition: 0.5s;}
.hero-widget .icone {display: block; font-size: 96px; line-height: 96px; margin-bottom: 10px; text-align: center;}
.hero-widget label {font-size: 17px;}
.hero-widget label small {font-size: 12px;}
.hero-widget .boutons .nav-pills > li > a {border-radius: 0; background-color: #777; color: #fff;}
.hero-widget .boutons .nav-pills > li:first-child > a {border-right: 1px dotted #373737;}
.hero-widget .boutons .nav-pills > li:last-child > a {border-left: 1px dotted #373737;}
.hero-widget .boutons .nav-pills > li > a:hover {background-color: #373737;}

/*---------------------------------------------------------------------*/
/* Responsive ---------------------------------------------------------*/
/*---------------------------------------------------------------------*/
@media (max-width: 768px) {
	.ds-btn li {float:none;}
	.ds-btn li a span {display:inline;}
	#login {border: none}
	.modal-dialog {max-width: 100%}
}
.btnCopyStlPath {
    color: #adb5bd;
}

.btnCopyStlPath:hover,
.btnCopyStlPath:focus {
    color: #ced4da;
}

.btnCopyStlPath.text-success {
    color: var(--bs-success) !important;
}