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

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

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

/*-------------------------------------------------------------------*/
/* Dropzone ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.dropzone {border: 2px dashed rgba(0, 0, 0, 0.8); min-height: 145px;}

/*-------------------------------------------------------------------*/
/* Timeline ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
ul.timeline-alt {list-style-type: none; position: relative; min-height: 30px;}
ul.timeline-alt:before {content: ' '; background: #d4d9df; display: inline-block; position: absolute; left: 29px; width: 2px; height: 100%; z-index: 400;}
ul.timeline-alt > li {margin: 10px 0; padding-left: 20px;}
ul.timeline-alt > li:before {
	content: ' '; background: white; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #1ebad9; left: 20px; width: 20px; height: 20px; z-index: 400;
}

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

/*-------------------------------------------------------------------*/
/* Chat question ----------------------------------------------------*/
/*-------------------------------------------------------------------*/
.bubble-chat {position: relative; background: #d2d6de; border-radius: .4em; padding: 10px;}
.bubble-chat.reponse:after {content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 10px solid transparent; border-top: 0; margin-left: -6px; margin-top: -10px;}
.bubble-chat.reponse.bg-foxal:after {border-bottom-color: #1ebad9;}
.bubble-chat.reponse.bg-dark:after {border-bottom-color: #343A40;}
.bubble-chat.reponse.bg-info:after {border-bottom-color: #17A2B8;}
.bubble-chat.reponse.bg-pink:after {border-bottom-color: #e83e8c;}

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

/*-------------------------------------------------------------------*/
/* DatePicker -------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.datepicker-dropdown { padding: 0; }
.dropdown-menu.datepicker-dropdown { padding: 0; }
.datepicker table tr td, .datepicker table tr th { height: 25px; width: 25px; }
select option:disabled {color: #CCC}

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

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

a.bg-foxal:hover, a.bg-foxal:focus, button.bg-foxal:hover, button.bg-foxal: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;}

/*-------------------------------------------------------------------*/
/* Bouton -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.btn-group-xs > .btn, .btn-xs {padding: .25rem .4rem; font-size: .875rem; line-height: .5; border-radius: .2rem;}
.btn-foxal, .btn-foxal:active:hover, .btn-foxal.active:hover, .btn-foxal:active:focus, .btn-foxal.active:focus, .btn-foxal:active.focus, .btn-foxal.active.focus {
	color: #fff; background-color: #1ebad9; border-color: #21bfde;
}
.btn-foxal:focus, .btn-foxal.focus, .btn-foxal:active, .btn-foxal.active, .btn-foxal: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; }

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

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

/*-------------------------------------------------------------------*/
/* Nav --------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.nav-pills.nav-foxal .nav-link.active, .nav-pills.nav-foxal .show>.nav-link {background-color: #1ebad9;}
.nav-pills.nav-foxal .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 -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.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;}

/*-------------------------------------------------------------------*/
/* DataTables -------------------------------------------------------*/
/*-------------------------------------------------------------------*/
table.dataTable.dtr-inline.collapsed.table-sm>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed.table-sm>tbody>tr>th:first-child:before {top: 18px;}
table.dataTable>tbody>tr.child ul.dtr-details>li {text-align: left !important;}
div.dataTables_wrapper div.dataTables_info {padding-top: 0.45em;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
	font-family: "Font Awesome 5 Free"; opacity: 0.8; font-size: 16px; bottom: 5px;
}
table.dataTable thead .sorting:after {content: "\f0dc";}
table.dataTable thead .sorting_asc:after {content: "\f0de";}
table.dataTable thead .sorting_desc:after {content: "\f0dd";}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting:before {content: "" !important;}
.form-control.column_search {width: 100%}
td.action {white-space: nowrap; width: 1px;}
.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.1);}
table.dataTable tr.dtrg-group.dtrg-level-0 td {background-color: #1ebad9; color: #000;}
table.dataTable tr.dtrg-group.dtrg-level-1 td {background-color: #555; color: #fff; font-weight: bold;}
table.dataTable .addRupture {cursor: pointer;}
caption.caption-top {caption-side: top !important;}
table.dataTable.margin-less {margin: 0 !important;}

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

/*-------------------------------------------------------------------*/
/* gmail -----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
#tableGmail_wrapper #tableGmail_filter {padding-right: 10px;}
#tableGmail_wrapper #tableGmail_filter label {margin-bottom: 0;}
#tableGmail_wrapper #total {padding-left: 15px;}
#tableGmail_info {padding-left: 10px;}
#tableGmail_paginate {padding-right: 10px;}
#listfolder {min-width: 200px;}
#listfolder li {position: relative;}
#listfolder li.active-drop a:not(.active) {border:1px dashed #383838;}
#listfolder li.drop-here a:not(.active) {background-color: #383838; color: #fff}
#listfolder li > a:not(.active) {color: #505050}
#listfolder li:hover > a:not(.active) {background-color: #6c757d; color: #fff}

.actionFolder {display: none; position: absolute; right: -2px; top: 5px;}
.actionFolder .icoMenu {color: #fff;}
#listfolder li:hover .actionFolder {display: block;}
#listfolder li.active:hover .actionFolder .icoMenu {color: #fff;}
#listfolder li:hover > a:not(.active) .badge-folder {color: #1f2d3d; background-color: #f8f9fa;}
.mailbox-read-message p {margin-bottom: 0.2rem;}
.note-editor blockquote p, .mailbox-read-message blockquote p {margin-bottom: 0;}
.note-editor blockquote, .mailbox-read-message blockquote {border-left: .3rem solid #007bff; margin: 0; padding: 0 0 0 .5rem; border-left: .15rem solid #ccc;}
.note-editor .retrait, .note-editor .retrait-90 {width: 60%;}
#logClients li p, #logFrss li p {padding: 0; margin: 0;}

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

/*-------------------------------------------------------------------*/
/* Calendar ---------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.calendar-white .fc-view-container {background-color: #fff;}

/*-------------------------------------------------------------------*/
/* Select2 ----------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.select2.select2-container {width: 100% !important}
.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}

/*-------------------------------------------------------------------*/
/* Custom File ------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.custom-file-input:lang(fr)~.custom-file-label::after {content: "Choisir un fichier";}


/*-------------------------------------------------------------------*/
/* FullCalendar -----------------------------------------------------*/
/*-------------------------------------------------------------------*/
.fc-list-table.table {margin-bottom: 0;}
.fc-list-table.table {margin-bottom: 0;}
.fc-list-table td {padding: 4px 10px !important;}
.fc-view.fc-listWeek-view.fc-list-view.card {border-radius: 0; box-shadow: none; margin-bottom: 0;}
.fc-view-container {min-height: 30px;}
.fc-toolbar, .fc-toolbar.fc-header-toolbar {padding: 0.3rem 0.8rem;}
.fc-toolbar h2 {font-size: 1.5em;}
.fc-prev-button.btn, .fc-next-button.btn, .fc-today-button, .fc-dayGridMonth-button, .fc-timeGridWeek-button, .fc-timeGridDay-button, .fc-listWeek-button {
	padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem;
}

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

/*-------------------------------------------------------------------*/
/* FullCalendar -----------------------------------------------------*/
/*-------------------------------------------------------------------*/
.fc-today { background: #ccc !important; }

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