@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
  font-weight:300;
	font-family: sans-serif;
	height: 100%;
	-ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

header, main, footer {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
}

/* -Start PRINT */
@media print {
  .noprint,
  .btn,
  .nav-tabs a:not(.active),
  .table thead tr th:first-child,
  .table tfoot tr th:first-child,drop
  .dataTables_scrollBody tbody tr th:first-child,
  .dataTables_wrapper .row:first-child,
  .dataTables_wrapper .row:last-child,
  .dataTables_scrollFoot,
  footer,
  .header-main-title h3 span.master,
  .breadcrumb-item.active {
    display:none !important;
  }
  .col-print-1 {width:8% !important;max-width:8% !important;flex:none;}
  .col-print-2 {width:16% !important;max-width:16% !important;flex:none;}
  .col-print-3 {width:25% !important;max-width:25% !important;flex:none;}
  .col-print-4 {width:33% !important;max-width:33% !important;flex:none;}
  .col-print-5 {width:42% !important;max-width:42% !important;flex:none;}
  .col-print-6 {width:50% !important;max-width:50% !important;flex:none;}
  .col-print-7 {width:58% !important;max-width:58% !important;flex:none;}
  .col-print-8 {width:66% !important;max-width:66% !important;flex:none;}
  .col-print-9 {width:75% !important;max-width:75% !important;flex:none;}
  .col-print-10{width:83% !important;max-width:83% !important;flex:none;}
  .col-print-11{width:92% !important;max-width:92% !important;flex:none;}
  .col-print-12{width:100% !important;max-width:100% !important; flex:none;}
}
/* -End PRINT */

/* -Start COMMON */
*:not(i) {
  font-family: 'Public sans', sans-serif !important;
}
a { color: #2ad1a3;cursor: pointer !important; }
a:hover { color: #234886; }
h5 {font-weight:300 !important;font-size:1.1em;text-transform: uppercase;color:#888;}
.modal h5 {font-weight:500 !important;font-size:1.1em;text-transform: uppercase;color:#888;border-bottom:1px solid #2ad1a3;padding-bottom:10px;}
h6 {font-weight:700 !important;font-size:1em;text-transform: uppercase;color:#888;}
.pointer { cursor: pointer !important; }
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOutOpacity {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.bg-default {
  background: url('../images/background-image-client.jpg') no-repeat center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
.dark-bg-block { background-color: rgba(0, 0, 0, 0.5);border-radius: 10px; }
.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.9);
  z-index: 100000;
}
.bd-modal .loader-wrapper {
  background-color: rgba(255,255,255,0.9) !important;
}
.loader-wrapper-modal {
  position: absolute;
  top:0px;
  left:0px;
  width: auto;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
  z-index: 999;
}
.loader-wrapper-modal.transparence {
  background-color: rgba(255,255,255,0) !important;
}
.modal .loader-wrapper-modal {
  width: 100% !important;
  height: 100% !important;
}
.loader-wrapper.loaded {
  opacity: 0;
  transition: .3s ease-in 1s;
}
.loader {
  border: 10px solid rgba(255,255,255,0.1);
  border-radius: 50%;
  border-top: 10px solid #2ad1a3;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
.loader.sm {
  border: 5px solid rgba(255,255,255,0.1);
  border-top: 5px solid #2ad1a3;
  width: 60px;
  height: 60px;
}
.modal-info .loader { border-top: 10px solid #33b5e5; }
.modal-success .loader { border-top: 10px solid #00C851; }
.modal-warning .loader { border-top: 10px solid #ffbb33; }
.modal-danger .loader { border-top: 10px solid #ff4444; }
.notify {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
    animation-duration: 1s;
}
.class-selected-item-indicator {
	position:absolute;
	width:30px;
	height:30px;
	top:00px;
	right:25px;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
    animation-duration: 0.5s;
    overflow:hidden;
}

.class-selected-item-indicator img {
	width:100%;
	height:100%;
	text-align:center;
}
.is-color {
	border: 1px solid #dadada;
}
.text-dark {
	color:#000 !important;
}
.colorpick,
button .color-bullet {
	float:right;
	width:1em;
	height:1em;
	border-radius:50%;
	border:1px solid #dadada;
	margin:0.2em 0 0 0.2em;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* -End COMMON */

/* -Start MDB */
@media (min-width: 600px) {
    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        margin-right: 2%;
        margin-left: 2%
    }
}

@media (min-width: 992px) {
    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        margin-right: 2%;
        margin-left: 2%
    }
}

@media (min-width: 1200px) {
    .fixed-sn main,
    .fixed-sn .page-footer .container-fluid {
        margin-right: 2%;
        margin-left: 2%
    }
}

table.sortabledrag tbody > *:hover,
.sortabledrag:not(table) > *:hover {
	cursor:grab;
}
table.sortabledrag tbody > *:active,
.sortabledrag:not(table) > *:active {
	cursor:grabbing;
}
hr {
	border-color: #2ad1a3 !important;
}
.hr-dark {
	border-color: #dadada !important;
}
.text-default, p, li {
  color: #888 !important;
}
.text-primary {
  color: #2ad1a3 !important;
}
.text-primary-lightgrey {
  color:#dadada;
}
.md-form-list input {
	border-radius:0;
	padding:0 !important;
}
.md-form input::placeholder,
.md-form textarea::placeholder {
  color: #dadada;
}
.md-form input:focus,
.md-form select:focus,
.md-form-list input:focus,
.md-form textarea:focus {
  border-color: #234886 !important;
  -webkit-box-shadow: 0 1px 0 0 #234886 !important;
  box-shadow: 0 1px 0 0 #234886 !important
}
.mdb-autocomplete:focus~button.mdb-autocomplete-clear svg {
    fill: #234886 !important;
}
button.mdb-autocomplete-clear svg {
    fill: #888 !important;
}
.md-form-list input:focus {
	border-radius:0;
	border-color: #234886 !important;
  -webkit-box-shadow: 0 1px 0 0 #234886 !important;
  box-shadow: 0 1px 0 0 #234886 !important
}
.md-form label {
	left:0 !important;
}
.md-form label.time {
	margin-top:12px !important;
	margin-bottom:0px !important;
}
.md-form textarea {
	margin-bottom:35px !important;
}
.md-form input:focus+label,
.mdb-autocomplete:focus~label,
.md-form .mdb-select.active label,
.md-form select:focus+label,
.md-form textarea:focus+label {
    color: #234886 !important;
}
.md-form .mdb-select ul {
 top:10px !important;
}
.md-form .mdb-select span,
.md-form .mdb-select.active span,
.md-form-list .mdb-select span,
.md-form-list .mdb-select.active span {
  color: #234886;
}
.md-form.disabled *,
.md-form input:disabled,
.md-form .mdb-select option:disabled,
.mdb-select ul.select-dropdown li.disabled span {
    color: #888 !important;
}
.md-form .alert-danger,
.md-form.alert-danger  {
  background-color: transparent !important;
}
.md-form .alert-danger label,
.md-form.alert-danger label {
  color: #dc3545 !important;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.md-form .toggle-password {
    top:12px;
	right:-10px;
	font-size:1em;
	cursor:pointer;
}
.mdb-wysiwyg-toolbar-group button i {
  color: #000 !important;
}
@-webkit-keyframes autofill {
    0%,100% {
        background: transparent;
    }
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-animation-delay: 0.1s; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

form .dynamic-item-list li {
	padding:0 0 5px 0px !important;
	margin:0 0 15px 0px !important;
	border-bottom: 1px #d1ede5 solid !important;
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
    animation-duration: 1s;
}

form .dynamic-item-list li:hover {
	color: #dc3545 !important;
	cursor: pointer;
}
.side-nav,
.navbar,
.card a:link,
.card,
.badge,
.btn,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  outline: 0 !important;
  outline-offset: 0  !important;
  background-image: none  !important;
  -webkit-box-shadow: none !important;
  box-shadow: none  !important;
}
.btn,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  background-image: none  !important;
  border-radius: 5px !important;
}
.badge {
  cursor: default;
  border-radius:5px;
  padding:5px 5px 5px 5px;
}
.modal .btn {
	border-radius:5px !important;
}
.modal .heading {
    color:#fff !important;
}
.modal .modal-lg, .modal .modal-xl {
	max-width:calc(100% - 5%) !important;
}
.mdb-select ul.select-dropdown,
.modal .select-wrapper ul.select-dropdown {
	background-color:#fff !important;
	margin:25px 0px 0px 0px !important;
}

.form-check-input[type="radio"]:not(:checked)+label:before,
.form-check-input[type="radio"]:not(:checked)+label:after,
label.btn input[type="radio"]:not(:checked)+label:before,
label.btn input[type="radio"]:not(:checked)+label:after {
    border:1px solid #dadada;
}
.form-check-input[type="radio"]:checked+label:after,
.form-check-input[type="radio"].with-gap:checked+label:before,
.form-check-input[type="radio"].with-gap:checked+label:after,
label.btn input[type="radio"]:checked+label:after,
label.btn input[type="radio"].with-gap:checked+label:before,
label.btn input[type="radio"].with-gap:checked+label:after {
    border:1px solid #2ad1a3;
}
.form-check-input[type="radio"]:checked+label:after,
.form-check-input[type="radio"].with-gap:checked+label:after,
label.btn input[type="radio"]:checked+label:after,
label.btn input[type="radio"].with-gap:checked+label:after,
.progress-bar-primary,
.badge-primary {
    background-color: #2ad1a3 !important;
}
.badge-secondary {
    background-color: #888 !important;
}
.badge.number {
	border-radius:50%;
	width:35px;
	height:35px;
	text-align:center !important;
	padding:8px 0 8px 0 !important;
	font-weight:300;
	font-size:15px !important;
	background-color: #fff !important;
	border:1px solid #2ad1a3;
	color:#2ad1a3 !important;
}
.switch label input[type="checkbox"]:checked+.lever {
    background-color: #dadada;
}
.switch label input[type="checkbox"]:checked+.lever:after {
    background-color: #2ad1a3;
}
.switch label .lever:after {
	background-color: #dadada;
	box-shadow:none !important;
}
.mdb-select .form-check-input {
	display: none !important;
}
.mdb-select.droptop .select-dropdown {
  bottom: 0;
  top: auto !important;
}
.form-sm  input  {
  padding-top:14px !important;
}
.form-sm .mdb-select  {
  margin-top:10px !important;
}
.form-sm .mdb-select input  {
  margin-top:2px;
  padding-top:6px !important;
  font-size: 0.9rem !important;
}
.form-sm .mdb-select label  {
  margin-top:-2px !important;
}
.multiple-select-dropdown .form-check-input {
	display: none !important;
}
.multiple-select-dropdown li label {
	margin-top: 0px !important;
	padding-top: 0px !important;
	top: -10px !important;
}

.md-form > input[type]:-webkit-autofill:not(.browser-default):not([type='search']) + label {
  transform: translateY(-14px);
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.alert-primary {
  background-color: #fafafa !important;
  border-color: #2ad1a3 !important;
}
.alert-primary.active label,
.alert-primary.active span {
  color: #2ad1a3 !important;
}
.alert-secondary {
  background-color: #fafafa !important;
  border-color: #dadada !important;
}
.accordion {
	padding-bottom:10px !important;
}
.accordion div.grid > div,
.accordion > div {
	border-color: #2ad1a3 !important;
	border-radius:5px !important;
}
.accordion .card {
	margin-bottom:10px !important;
}
.accordion .card-header {
	text-align:left;
	background-color:#fafafa !important;
	border-radius:5px !important;
	margin-bottom:1px !important;
}
.accordion .card-header.active {
	background-color: rgba(42,209,163,0.2) !important;
}
.accordion .card-header i {
	color: #2ad1a3 !important;
	font-style:normal !important;
}

.accordion .card-header a.locked * {
	opacity:0.5 !important;
}

.accordion .card-header a:not(.collapsed) .badge.number,
.accordion .card-header a:not(.collapsed) .badge.number i {
	background-color: #2ad1a3 !important;
	color:#fff !important;
}

.mdb-autocomplete-wrap * {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    color:#000;
}
.mdb-autocomplete-wrap {
	top:28px;
	left:-25px;
	width:100%;
	border-width:0px 1px 1px 1px !important;
	border-radius:0px 0px 5px 5px;
}
.mdb-autocomplete-wrap li {
	font-size:18px;
	font-weight:500;
	border-bottom:1px solid #dadada !important;
}
.mdb-autocomplete-wrap li > div {
	margin-top:0px;
}
.mdb-autocomplete-wrap li:last-child {
	border-bottom:none !important;
}
.mdb-autocomplete-wrap li:nth-child(even) {
	background-color: #fafafa !important;
}
.mdb-autocomplete-wrap li:hover {
	background-color: #f6f6f6 !important;
}
.mdb-autocomplete-wrap .badge {
	border-radius:5px;
	padding:5px 10px !important;
    background-color: #fafafa;
    font-weight:300;
    font-size:0.6em;
}

.drop-placeholder {
	background-color: rgba(42,209,163,0.2) !important;
	height: 4em;
	line-height: 2em;
	padding:20px;
	margin:10px 0px 10px 0px;
}

/* -End MDB */

/* -Start FOOTER */
footer {
	position:fixed;
	z-index:1000;
	left: 0;
	bottom: 0;
	width:100%;
}
footer.page-footer {
	background-color: transparent !important;
}
footer .footer-copyright {
	background-color: #000 !important;
}
.footer-copyright,
.footer-copyright * {
	font-weight: 200;
	font-size: 12px;
	text-transform: uppercase;
}

footer .button-top-page {
  display:none;
  position:fixed;
  bottom:20px;
  right:20px;
  z-index:100001;
  border:0;
  background-color: rgba(42,209,163,0.9) !important;
  width:50px;
  height:50px;
  border-radius:5px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

footer .button-top-page:hover {
  background-color: rgba(42,209,163,0.7) !important;

}

footer .button-top-page i {
  color:#fff;
}

@media (max-width: 991px) {
	footer {
	    position:relative !important;
		width:100%;
	}
}
/* -End FOOTER */

/* -Start LOGIN */
body.login {
  background: linear-gradient(-180deg, #000, #888);
}
body.login .body-bg:after,
body.login .body-bg.mask-strong:after {
    background: rgba(0, 0, 0, 0.7);
}
body.login .body-bg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 15rem;
  background-attachment: fixed;
}

body.login .body-bg:after {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  content: ""
}

body.login .logo {
    width:50%;
}
.label_user_connected {
	border-radius:3px;
	background-color: #888;
	color: #fff;
	font-size:0.8em;
	text-align:center;
	font-weight:500;
	margin-bottom:10px;
}
.label_user_connected strong {
	font-size:0.7em;
	text-transform: uppercase;
}
/* -End LOGIN */

/* -Start BUTTON */
.btn-group .btn,
.btn-group .btn.dropdown-toggle {
	position: relative;
	padding-right:30px;
	border-radius:5px !important;
}
.btn-group .btn-group-menu {
		margin:0 0 0px -12px !important;
}
.btn-pic.wpic,
.btn-group .btn.wpic {
	position: relative;
	padding-left:70px;
	padding-right:30px;
	border-radius:5px !important;
}
.btn-pic.wpic i,
.btn-group .btn i {
	position: absolute;
	top:0;
	left:0;
	width:50px;
	height:100%;
	background-color: rgba(0,0,0,0.1);
	font-size: 1.6em;
	padding-top:13px;
}
.btn-group .btn.wpic.btn-sm {
	padding-left:35px;
	padding-right:15px;
	margin-left:0;
}
.btn-group .btn.btn-sm i {
	width:25px;
	font-size: 1.2em;
	padding-top:10px;
}
.btn.btn-default,
.btn-group-list .btn,
.btn-group-edit .btn {
	border-radius:5px !important;
	padding:5px 5px !important;
	margin-bottom:3px;
    background-color: #dadada !important;
    color: #888;
}
.btn.btn-default i {
    color: #888 !important;
}
.btn-group-list .btn i,
.btn-group-edit .btn i {
	position:relative !important;
	padding:0 !important;
    font-size: 1.2em !important;
    color: #888;
}
.btn-group-edit.position-absolute {
  right:20px;
  z-index:100;
}
.form-check,
.action-list-item .form-check {
	padding:0 !important;
}
.action-list-item .form-check-label {
	padding-left:30px !important;
}
.action-list-item.all .form-check {
	padding-top:10px !important;
}
.action-list-item.all .dropdown-toggle {
	margin-left: 0px !important;
}
.action-list-item .form-check input {
	display: none !important;
}
.btn-group .dropdown-menu a:hover {
	background-color: rgba(0,0,0,0.3) !important;
}
.btn-group .dropdown-filter {
	position:absolute;
	top:60px;
	width:350px;
	left:5px;
	z-index:2;
	border:1px solid #2ad1a3;
	border-radius:5px;
	padding:20px;
	background-color: rgba(255,255,255,0.8) !important;

}
/* >= ESM devices */
@media (max-width: 577px) {
	.btn-group {
		margin:0 !important;
		width:100% !important;
	}
	.btn-group-menu {
		width:auto !important;
	}
	.btn-group .btn,
    .btn-group .btn-group-menu {
    	display: block !important;
    	width:100% !important;
		margin:0 0 10px 0 !important;
	}
	.btn-group .btn.no-mb,
    .btn-group .btn-group-menu.no-mb {
		margin:0 0 0px 0 !important;
	}
	.btn-group .dropdown-filter {
		width:100%;

	}
}
/* -End BUTTON */

/* -Start SIDEBAR */
.side-nav {
  position:fixed !important;
  top:0px !important;
  padding-top:60px;
  z-index:1000 !important;
  margin-top:0px;
  border-radius: 0 !important;
  background: linear-gradient(-180deg, #000, #888) no-repeat;
}
.side-nav .sidenav-bg:after,
.side-nav .sidenav-bg.mask-strong:after {
    background: rgba(0, 0, 0, 0.8) !important;
}
.side-nav.wide {
  width: 265px !important;
}
.side-nav.wide.slim {
  width: 3.75rem !important;
}
.side-nav .collapsible-body {
	background-color:#343434;
}
.side-nav .collapsible-accordion a.collapsible-header,
.side-nav .collapsible-accordion a.collapsible-header:active,
.side-nav .collapsible-accordion a.collapsible-header:focus {
	border-radius:0 !important;
	outline:none !important;
}
.navbar {
	margin:0;
	padding:10px 0;
}
.double-nav .header-title .logo {
	margin-left:14px;
}
.double-nav .header-title .logo a {
	display:inline-block;
	width:40px;
    height:40px;
	background: transparent url('../images/logo-dashboard-picto.svg') left top no-repeat;
	background-size: 100%;
}

.double-nav .header-title .title-interface {
  border-left: 1px solid #fff;
  padding:0;
  margin: 0;
}
p.title-interface,
.double-nav .header-title p {
  padding:0;
  margin: 0;
  line-height:1.1em;
  text-transform: uppercase;
}

.header-title button {
  background-color: transparent !important;
  border:0;
}

.menubutton-anim {
  background-color: transparent !important;
  width: 20px;
  height: 18px;
  position: relative;
  margin-bottom: 3px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.menubutton-anim span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.menubutton-anim span {
  background-color: #fff;
}

.menubutton-anim span:nth-child(1) {
  top: 0px;
}

.menubutton-anim span:nth-child(2) {
  top: 10px;
}

.menubutton-anim span:nth-child(3) {
  top: 20px;
}

.menubutton-anim.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.menubutton-anim.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
  width: 300%;
}

.menubutton-anim.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

@media (max-width: 991px) {
	.double-nav .header-title .logo a {
		width:25px;
		height:25px;
	}
	.double-nav .header-title p {
		font-size: 0.8em !important;
	}
}

@media (max-width: 577px) {
	.double-nav .header-title p {
		font-size: 0.8em !important;
	}
}
/* -End SIDEBAR */

/* -Start MAIN */
main {
	padding-bottom:60px !important;
}
main .container-fluid {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
main div.padding-slim {
	padding-left: 4.8rem !important;
}
main div.padding-wide {
	padding-left: 280px !important;
}
main .header-main {
    border-bottom:4px solid #f6f6f6 !important;
}
main .header-main-title h3 {
  color:#888;
  font-weight:100 !important;
  text-transform:uppercase;
}
main .header-main-title h3 .subtitle {
	margin-left:10px;
  font-size: 0.6em;
}
main .header-main nav {
	text-align:right !important;
}
main .header-main nav .breadcrumb {
	display:inline-block;
	background-color: transparent !important;
	font-size: 0.8em;
	text-transform:uppercase;
	padding-bottom:0 !important;
}
main .header-main nav .breadcrumb li {
	display:inline-block;
}
main .toolbarbt-sticky {
  position: fixed !important;
  width: 100% !important;
  top: 50px;
  z-index:100 !important;
  border-bottom: 1px solid #dadada;
  background: rgba(255, 255, 255, 0.5) !important;
  margin-bottom:0 !important;
}
main .toolbarbt-sticky .mb-4 {
  margin-bottom:0 !important;
}
main.for-modal {
	padding-top:0;
}
main.for-modal .toolbarbt-sticky {
  top: 0px;
}

@media (max-width: 577px) {
	.side-nav.wide {
	  width: 100% !important;
	  background-color: rgba(0,0,0,0.3);
	}
	main div.padding-slim {
	    padding-left: 0 !important;
	}
	main div.padding-wide {
		padding-left: 0 !important;
	}
	main .header-main-title h3 {
		margin-bottom:0 !important;
	}
	main .header-main nav .breadcrumb {
		text-transform:uppercase;
		padding:0 !important;
		margin-bottom:5px !important;
	}
	main .toolbarbt-sticky {
	  position: fixed !important;
	  padding-top:40px;
	}
}
/* -End MAIN */

/* -Start CARD */
main .card {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #dadada;
}
main .card .card-header.lightstyle {
	position:relative;
    text-transform:uppercase;
    background-color: #e9e9e9;
    border-bottom: 1px solid #dadada;
    color: #888;
    font-weight:300;
    overflow:hidden;
}
main .card .card-header.lightstyle.classic-tabs {
    background-color: #f6f6f6;
    padding-bottom:0 !important;
}
main .card .card-header.lightstyle.classic-tabs ul {
    border:none;
}
main .card .card-header.lightstyle.classic-tabs ul li {
    margin:0;
}
main .card .card-header.lightstyle.classic-tabs a {
    background-color: transparent;
    color: #888;
    font-size: 1em;
    border:none;
    border-bottom: 5px solid #f6f6f6;
    margin:0;
    cursor: pointer;
    padding:10px 30px;
}
main .card .card-header.lightstyle.classic-tabs a:hover,
main .card .card-header.lightstyle.classic-tabs a.active,
main .card .card-header.lightstyle.classic-tabs a.active:hover {
    color:#000;
    cursor: pointer !important;
}
main .card .card-header.lightstyle.classic-tabs a.active,
main .card .card-header.lightstyle.classic-tabs a.active:hover {
    border-bottom: 5px solid #2ad1a3;
}
main .card .card-header > i[class*="fa-"] {
    position:absolute !important;
    right:10px !important;
    top:8px !important;
    font-size:2em;
}
main .card .card-header.lightstyle i[class*="fa-"] {
	color:#dadada;
}
main .card .card-header.tabstyle i[class*="fa-"] {
	color:#fff;
}
main .card .card-header.tabstyle i[class*="fa-"] {
	color:#fff;
}
.card-header .btn-option {
	position:absolute !important;
	top:10px;
	right:55px;
	text-align:right;
}
.card-header .btn-option button,
.card-header .btn-option a {
	display:inline-block !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	padding:5px !important;
	color:#fff !important;
}
.card-header .btn-option i[class*="fa-"] {
	color:#fff !important;
}
.card-header .btn-option .btn-default i[class*="fa-"] {
    color: #888 !important;
}
main .card p,
main .card li {
    color:#888 !important;
}
main .card .list-group li {
	border:0 !important;
	border-top: 1px solid #dadada !important;
}
main .card .list-group li .subtitle {
	font-size:0.8em;
	font-weight:bold;
}
main .card .list-group li .title {
	font-size:0.9em;
	color:#888;
}
main .card-body ul {
  margin:15px 25px !important;
}
main .card-body {
	position:relative !important;
	overflow:visible !important;
}

/* SM devices */
@media (max-width: 575px) {
.classic-tabs  {
	width:100%;
	margin:0 !important;
	padding:0 !important;
	text-align:center !important;
}
.classic-tabs ul.nav-tabs  {
	display:inline-flex !important;
}
.classic-tabs ul li.nav-item {
	display:block !important;
	width:100%;
}
.classic-tabs li a {
	padding:10px 20px !important;
	font-size:0.8em !important;
}
.card-header .btn-option button span {
	display:none;
}
}
/* -End CARD */

/* -Start LIST */
.dataTables_wrapper {
	overflow:hidden;
}
.dataTables_empty {
	text-align: center;
	text-transform:uppercase;
	color:#888;
}
.table.table-hover tbody tr:hover {
  background-color: #f6f6f6 !important;
}
.table {
  margin:0 !important;
  padding:0 !important;
}
.table th {
	font-weight:600;
}
.table td {
	vertical-align:middle;
}
.table tfoot th {
	font-weight:600;
	border-top-width:3px;
}
.accordion .imageiconlist,
.dataTables_wrapper .imageiconlist {
	width:60px;
	height:60px;
	background: #fff url('') center center no-repeat;
	background-size:cover;
	border-radius:100%;
	border:1px solid #dadada;
}
.accordion .imageiconlist {
	width:85px;
	height:85px;
}
.accordion .imageiconlist img,
.dataTables_wrapper .imageiconlist img {
	width:100%;
}
.dataTables_scrollFoot {
  overflow: initial !important;
}
.dataTables_scrollBody {
	padding-bottom:50px;
}
.dataTables_scrollHead th:first-child {
  padding-left: 12px !important;
  padding-bottom: 5px !important;
}
.dataTables_scrollFoot th {
  padding-bottom: 0px !important;
  padding-top: 10px !important;
}
.dataTables_wrapper .row:first-child *,
.dataTables_wrapper .row:last-child * {
	color: #888 !important;
}
.dataTables_length label {
	font-size:0.8em !important;
	text-transform: uppercase;
}
.dataTables_info {
	font-size:0.8em;
	text-transform:uppercase;
}
.dataTables_info strong {
	font-size:1.2em !important;
}
.dataTables_paginate * {
	font-size:0.9em !important;
}
.dataTables_paginate a {
    margin:0 1px;
	border-radius:15px !important;
}

.dataTables_paginate .active a {
	background-color: #f6f6f6 !important;
}
.table .badge {
	font-weight: 300;
	font-size: 0.8em;
	padding:8px;
}
.table ul .filtrable {
	font-weight: 300;
	color:#888 !important;
}

.table .md-form input.select-dropdown.form-control {
	font-size:small;
  height:37px;
	margin-bottom:0px !important;
	padding-top:2px;

}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
	left:auto;
	right:10px;
}
.table tfoot .select-wrapper ul.select-dropdown {
	height:140px !important;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
	color: #888;
	background-color:#f6f6f6;
	border-radius:10px 10px 0px 0px;
}
table.dataTable thead th { 
    padding-left: 10px !important;
    padding-right: 20px !important;
}

.list_tooltip {
	position:relative;
}
.list_tooltip button {
	margin:0;
}
.list_tooltip.active button {
	border-radius:5px 5px 0px 0px !important;
}
.list_tooltip button span {
	display:inline-block !important;
	margin-right:5px !important;
	width:15px;
}
.list_tooltip div {
	position:absolute;
	z-index:2;
	margin-top:0px;
	padding:10px;
	background-color: #fafafa !important;
	border:1px solid #234886 !important;
	border-radius:0 5px 5px 5px;
}

/* >= MD devices */
@media (min-width: 991px) {
	.dataTables_length,
	.dataTables_info {
		margin-top:10px;
	}
}
/* -End LIST */

/* -Start MODAL */

.modal .select-wrapper {
	border: none !important;
}
.modal .modal-primary .modal-header {
	background-color: #2ad1a3 !important;
	box-shadow:none;
}
.modal .select-wrapper input.select-dropdown {
	background-color:transparent !important;
}

.modal .select-wrapper ul.select-dropdown {
	background-color:#fff !important;
	margin-top:35px !important;
}

.modal img {
	max-width:100% !important
}

#modalFilemanager {
}

#modalFilemanager .modal-content {
	width:900px;
	height:550px;
	left:50%;
	margin-left:-450px;
}

#modalFilemanager iframe {
	width:100%;
	height:100%;
}

.filemanager label {
	left:auto !important;
}

.filemanager-image {
	overflow:hidden;
	border-radius:5px;
	width:100%;
	min-height:100px;
	background:#fff url('../images/empty.png') center center no-repeat;
	background-size:cover;
	cursor:pointer;
	border: 1px solid #dadada;
}

.filemanager.doc .filemanager-image {
	background:#fff url('../images/empty-doc.png') center center no-repeat;
	background-size:cover;
}

.filemanager-image img {
	width:100%;
}

/* >= MD devices */
@media (max-width: 900px) {
	#modalFilemanager .modal-content {
		width:100%;
		height:450px;
		left:0;
		margin-left:0;
	}
}
/* -End MODAL */


/* -Start FULL CALENDAR */

.modal div.calendar {
	height:100% !important;
}
.fc .fc-view-harness {
	cursor:pointer !important
}
.fc .fc-toolbar-title {
	text-transform:uppercase;
}

.fc .btn-group button {
	margin:0px 0px 0px 5px !important;
}

.fc .fc-day-today {
    background-color: #fafafa !important;
}
.fc .fc-day-today > div {
	border:1px  #2ad1a3 solid !important;
}
@media (max-width: 577px) {
	.fc .fc-toolbar {
		display: block !important;
		text-align: center;
	}
	.fc .fc-toolbar .btn {
	   margin-bottom:5px !important;
	}
}
/* -End FULL CALENDAR */


/* -Start STATISTICS */

.badge.indicator {
	width:32%;
	height:auto;
	font-weight:300;
	color:#888 !important;
	background-color:#f6f6f6 !important;
	padding:15px 10px 10px 10px;
	border:1px  #2ad1a3 solid !important;
	white-space:normal;

}
.badge.indicator span {
	display:block;
}
.badge.indicator span.value {
	margin-top:5px;
	font-size:28px;
	font-weight:200 !important;
	color: #2ad1a3 !important;
}
.badge.indicator span.value .symbol {
	display:inline-block;
	font-weight:300 !important;
	font-size:15px;
}

.pie_progress__content, .pie_progress__number, .pie_progress__label, .pie_progress__icon {
	top: 38%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	transform: translateY(-40%);
}

.pie_progress__number {
  font-size: 40px;
}

.pie_progress__label {
  margin-top: 42px;
  font-size: 11px;
  text-transform:uppercase;
  color:#b6b6b6;
  padding:10%;
}

/* >= MD devices */
@media (max-width: 1280px) {
	.pie_progress__content, .pie_progress__number, .pie_progress__label, .pie_progress__icon {
		top: 36%;
		-webkit-transform: translateY(-36%);
		-ms-transform: translateY(-36%);
		transform: translateY(-36%);
	}
	.pie_progress__number {
	  font-size: 26px;
	}
	.pie_progress__label {
	  margin-top: 32px;
	  font-size: 11px;
	}
}
/* -End MODAL */

/* -End STATISTICS */

/* -Start MOD COMMENT */

.mod_comment .md-textarea {
  margin-bottom:0px !important;
}
.mod_comment .alert-primary .header-comment * {
  color:#2ad1a3 !important;
}
.mod_comment p {
  margin:0;
}
.mod_comment .text-comment {
  color:#888;
  margin:0;
  background-color:rgba(255,255,255,0.7);
  padding:5px;
  border-radius:5px;
}

/* -End MOD COMMENT */


.spe {
	display: inline-block !important;
	width: 72px;
	height: 72px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	font-style: normal !important;
}

.spe-car { background-image: url('../images/pictos/car.svg'); }
.spe-warranty { background-image: url('../images/pictos/warranty.svg'); }
.spe-km { background-image: url('../images/pictos/km.svg'); }
.spe-battery { background-image: url('../images/pictos/battery.svg'); }
.spe-online { background-image: url('../images/pictos/online.svg'); }
.spe-localization { background-image: url('../images/pictos/localization.svg'); }
.spe-12 { background-image: url('../images/pictos/12.svg'); }
.spe-docpaper { background-image: url('../images/pictos/docpaper.svg'); }
.spe-phone { background-image: url('../images/pictos/phone.svg'); }
.spe-address { background-image: url('../images/pictos/address.svg'); }

.spe-option-boitemanuelle { background-image: url('../images/pictos/boitemanuelle.svg'); }
.spe-option-carburant { background-image: url('../images/pictos/carburant.svg'); }
.spe-option-color { background-image: url('../images/pictos/color.svg'); }
.spe-option-critair { background-image: url('../images/pictos/critair.svg'); }
.spe-option-portes { background-image: url('../images/pictos/portes.svg'); }
.spe-option-places { background-image: url('../images/pictos/places.svg'); }