/* ------------------------------------------------------------------------------
 *
 *  # Custom CPanel styles
 *
 * ---------------------------------------------------------------------------- */

/* General */
body{
	/* background-color:#E6DFD6; */
	background-color:#F1F4F9;
}
#alert-container {
    display: none;
    left: 10%;
    position: fixed;
    top: 60px;
    width: 80%;
    z-index: 2000;
}
#alert-container .alert {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.sortable-placeholder + .panel.mb-10{
	margin-top:10px;
}

/* Footable */
.footable-row-detail-value{
	white-space:normal;
}
.table > tbody > tr.success + tr.footable-row-detail > td{
	background-color:#E8F5E9;
}
.table-hover > tbody > tr.success + tr.footable-row-detail:hover > td{
	background-color:#E8F5E9;
}
.table > tbody > tr.danger + tr.footable-row-detail > td{
	background-color:#FBE9E7;
}
.table-hover > tbody > tr.danger + tr.footable-row-detail:hover > td{
	background-color:#FBE9E7;
}
.table-footable-striped > tbody > tr:nth-of-type(4n+1),
.table-footable-striped > tbody > tr:nth-of-type(4n+2){
	background:#fcfcfc;
}
.table-footable-striped > tbody > tr.danger:nth-of-type(4n+1) > td,
.table-footable-striped > tbody > tr.danger:nth-of-type(4n+1)+tr.footable-row-detail > td{
	background:#f7d5d1;
}
.table-footable-striped > tbody > tr.success:nth-of-type(4n+1) > td,
.table-footable-striped > tbody > tr.success:nth-of-type(4n+1)+tr.footable-row-detail > td{
	background:#d6edd8;
}

/* Datatable */
.datatable-header .dataTables_filter{
	margin-left:0;
}
.dataTables_filter label input{
	margin-left:10px;
}

/* tables */
.table-sm{
	--table-cell-padding-x: 1rem;
}
.table-xs{
	--table-cell-padding-x: 0.625rem;
}
.table-xxs{
	--table-cell-padding-y: 0.375rem;
	--table-cell-padding-x: 0.5rem;
}

/* TypeAhead */
.twitter-typeahead .tt-menu h5{
	margin:0 15px 5px;
	padding:3px 0;
	border-bottom:1px solid #ddd;
}

/* Form */
.form-group > .radio,
.form-group > .checkbox{
	margin-top:0;
	margin-bottom:0;
}
.form-horizontal .checkbox.checkbox-switch{
	padding-top:0;
}
legend a.control-arrow.collapsed i{
	transform:rotate(180deg);
}
.note-toolbar .dropdown-menu li{
	white-space:nowrap;
}
 
.form-horizontal .multiselect-container > li > a .checker,
.form-horizontal .multiselect-container > li > a .choice{
    top:50%;
}

/* TouchSpin */
.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
  height:19px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}
.input-group .input:not(:last-child) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.input-group .input:not(:last-child) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
	border-radius:0;
}
.has-error .bootstrap-touchspin-up,
.has-error .bootstrap-touchspin-down{
	background-color:#fbe9e7;
    border-color:#d84315 !important;
    color:#d84315;
}


/* sidebars */
.sidebar-fixed .sidebar-content{
	margin-bottom:-8px;
	bottom:0;
}
.sidebar-fixed .sidebar-content .sidebar-category:last-child{
	margin-bottom:48px;
}
.sidebar-content{
	padding-bottom:0;
}
.sidebar-default{
	background-color:#FBFAF9;
}
/* versions */
.minor-version{
	opacity:0.6;
}
/* footer */
.footer-section{
	background:#4A4541;
	color:#ccc;
	padding:10px 20px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	z-index:100;
}
	.footer-credits{
		float:left;
	}
	.footer-nav{
		float:right;
	}
		ul.footer-menu{
			margin:0;
			padding:0;
			list-style-type:none;
		}
	.footer-section a{
		color:#ddd;
	}
	.footer-section a:hover{
		color:#eee;
	}

/* Custom classes */
/* dashboard */
/* .page-content > .content-wrapper > .content{
	position:relative;
} */
.home_content{
	position:relative;
	padding:50px;
}
div.dashboard-tooth{
	/* text-align:center;  */
	background:#fff;
	padding:10px;
	border-radius:10px;
}
div.dashboard-tooth > a{
	width:250px;
	height:250px;
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	margin:auto;
	/* background:rgba(50,50,50,0.2); */
	/* border-radius:10px; */
	transition:0.4s;
}
	div.dashboard-tooth > a:hover{
		transform:scale(1.2);
		border-radius:50%;
		background-size:20px 20px;
	}
	div.dashboard-tooth > a:after{
		content:'';
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		top:0;
		background:url(../../../img/ui/tooth_2.svg) center center no-repeat;
		background-size:contain;
		width:100%;
		height:100%;
		opacity: 0.2;
  		transition: 0.4s;
	}
	div.dashboard-tooth > a:hover:after{
		opacity:1;
		filter:invert(50%) sepia(70%) saturate(300%) hue-rotate(170deg);
	}
/* end dashboard */

.landing-content{
	padding-top:50px;
}
.margin-auto{
	margin-left:auto;
	margin-right:auto;
}
.progress-bar-linear{
	transition:0.3s linear;
}
.bg-grey-200{
	background:#ddd;
}

.btn .button-notification{
	position:absolute;
	top:-10px;
	left:22px;
}
.btn-sm .button-notification{left:20px;}
.btn-xs .button-notification{left:18px;}
.btn-lg .button-notification{left:28px;}
.btn-xlg .button-notification{left:30px;}
.bounce-notification{
	-webkit-animation-duration:10s;
	animation-duration:10s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:notificationBounce;
	animation-name:notificationBounce;
}
@keyframes notificationBounce{
	from{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
	3%{
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	4%{
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}
	5%{
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	6.5%{
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	7.5%{
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	10%{
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	100%{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}

/*responsive*/

@media (max-width: 1199px) {
	/* Custom classes */
	.hide-md{
		display:none;
	}
}
@media (max-width: 991px) {
	/* Custom classes */
	.hide-sm{
		display:none;
	}
}
@media (max-width: 767px) {
	/* sidebar */
	.sidebar-fixed .sidebar-content{
		margin-bottom:0;
	}
	/* footer */
	.footer-section{
		padding:10px 5px;
		position:relative;
	}
	.footer-credits,
	.footer-nav{
		float:none;
		text-align:center;
	}
	/* Custom classes */
	.hide-xs{
		display:none;
	}	
	.dropdown-large{
		width:100% !important;
	}
	.dropdown-content.dropdown-large{
		border-bottom:1px solid #ddd !important;
		border-top:1px solid #ddd !important;
	}
	.menu-heading{
		color:inherit;
	}
	.menu-heading.underlined{
		border-bottom: 1px solid #eee;
	}

	/* Dashboard */
	div.dashboard-tooth {
		margin-bottom: 56px;
	}

	img.dashboard-stoner {
		top: 44% !important;
	}

	img.tooth {
		top: 38% !important;
	}
	.home_content{
		padding:10px;
	}
	.home_content > div.row{
		/* mar */
	}
}

.navigation > li.active > a {
	background-color: rgba(12, 131, 255, 0.1);
	border-left: 5px solid red;
	color: #1f2937;
}
.navigation > li > a:hover, .navigation > li.active > a:hover {
	/*background-color: #AE0000D6;*/
	background-color: #f3f4f6;
	color: #1f2937;
}
.sidebar-main, .header-highlight .navbar-header:not([class*="bg-"]) {
	background-color: white;	
}
.navigation li a, .navigation .navigation-header, .sidebar, .sidebar:not(.sidebar-default) .media .text-muted {
	color: black;
}

legend {
	border-color: #F44336;
}

table.ultra-compact.table tbody td {
	padding: 0px 6px 0px 6px;
}

/* #customers_table tfoot {
	display: table-header-group;
} */

#customer_details_modal tbody td, #details_table tbody td, #stocks_table tbody td, #statistics_customer_product_table tbody td {
	text-align: right;
}

thead {
	background-color: #F0F0F0;
}

.bg-secondary {
	background-color: #F0F0F0;
	border-color: #F0F0F0;
	color: #000;
}

.compact-button {
	padding: 0px 10px 0px 10px;
}

.hide-deleted .deleted{
	display:none;
}

.mb-2 {
	margin-bottom: 2px;
}

.panel-dashboard:hover {
	color: #166dba !important;
}

.pb-0 {
	padding-bottom: 0px;
}

.p-2 {
	padding: 2px !important;
}

.mb-0 {
	margin-bottom: 0px;
}

.mt-0 {
	margin-top: 0px;
}

.mb-10 {
	margin-bottom: 10px;
}

/* Chrome, Safari, Edge, Opera */
input[name=order_tva_percent]::-webkit-outer-spin-button,
input[name=order_tva_percent]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[name=order_tva_percent] {
  -moz-appearance: textfield;
}

.page-title {
	padding: 1.5rem 0;
	position: relative;
}

@media (min-width: 769px) {
	.sidebar-fixed .sidebar-content {
	  	width: 280px;
	}

	.sidebar {
		width: 280px;
	}
}

/* Datatables invoices */
table.dataTable tbody td div.dt-invoice-childs {
	text-align: center;
	cursor: pointer;
}

table.dataTable tbody td div.dt-invoice-childs::before {
	display: inline-block;
	box-sizing: border-box;
	content: "";
	border-top: 5px solid transparent;
	border-left: 10px solid rgba(0, 0, 0, 0.5);
	border-bottom: 5px solid transparent;
	border-right: 0px solid transparent;
}

table.dataTable tbody tr.dt-hasChild td div.dt-invoice-childs::before {
	border-top: 10px solid rgba(0, 0, 0, 0.5);
	border-left: 5px solid transparent;
	border-bottom: 0px solid transparent;
	border-right: 5px solid transparent;
}

.row-child {
	background-color: #ededed !important;
}

.iti {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
}

.ps-0 {
	padding-left: 0;
}

.pt-0 {
	padding-top: 0;
}

.pb-0 {
	padding-bottom: 0;
}

.pe-0 {
	padding-right: 0;
}

.me-2 {
	margin-right: 0.625rem !important;
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}

.gap-2 {
	gap: 0.625rem !important;
}

.ms-auto {
	margin-left: auto !important;
}

.hstack {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.mb-3 {
	margin-bottom: 1.25rem !important;
}

.p-2alt {
	padding: 0.625rem !important;
}

.p-3 {
	padding: 1.25rem !important;
}

.p-4 {
	padding: 1.875rem !important;
}
.pt-0 {
	margin-top: 0;
}
.mb-1 {
	margin-bottom: 0.3125rem !important;
}