:root{
	font-size: 12px;
	.logo-atelis-w-name{
		content: url("/tools/Template/Images/LogoAtelisAvecNom.svg");
	}
	.logo-atelis{
		content: url("/tools/Template/Images/LogoAtelis.png");
		width: 40px;
	}
	--bs-body-font-size: 1rem;
	/* Table */
	--xpx-table-padding-y: .1rem;
	--xpx-table-padding-x: .5rem;
	--xpx-table-padding-top: var(--xpx-table-padding-y, .5rem);
	--xpx-table-padding-right: var(--xpx-table-padding-x, .5rem);
	--xpx-table-padding-bottom: var(--xpx-table-padding-y, .5rem);
	--xpx-table-padding-left: var(--xpx-table-padding-x, .5rem);
	--xpx-table-padding: var(--xpx-table-padding-top, var(--xpx-table-padding-y, .5rem)) 
			var(--xpx-table-padding-right, var(--xpx-table-padding-x, .5rem)) 
			var(--xpx-table-padding-bottom, var(--xpx-table-padding-y, .5rem)) 
			var(--xpx-table-padding-left, var(--xpx-table-padding-x, .5rem));
	--xpx-thead-padding: .5rem;
	--xpx-table-rang-padding: 1.2rem;
}

.btn:not(.btn-xs, .btn-sm, .btn-lg){
	--bs-btn-padding-x: .625rem; /* default: .75rem */
	--bs-btn-padding-y: .25rem; /* default: .375rem */
	--bs-btn-font-size: 1rem; /* default: 1rem */
}
.btn-sm {
	--bs-btn-padding-x: .375rem; /* default: .5rem */
	--bs-btn-padding-y: .25rem; /* default: .25rem */
	--bs-btn-font-size: .875rem; /* default: .875rem */
}

.input-group-text{
	--xpx-input-group-text-padding-y: .125rem;
	--xpx-input-group-text-padding-x: .50rem;
	font-size: var(--bs-body-font-size, 1rem);
	padding-top: var(--xpx-input-group-text-padding-y, .375rem);
	padding-right: var(--xpx-input-group-text-padding-x, .75rem);
	padding-bottom: var(--xpx-input-group-text-padding-y, .375rem);
	padding-left: var(--xpx-input-group-text-padding-x, .75rem);
}

.table{
	--bs-table-color: var(--bs-body-color);
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: var(--bs-body-color);
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: var(--bs-body-color);
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: var(--bs-body-color);
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	color: var(--bs-table-color);
}
.table > :not(caption) > * > * {
	padding: var(--xpx-table-padding);
}
.table tr.xpx-rang-1 .treeField {
	padding-left: calc(var(--xpx-table-rang-padding)*1);
}
.table tr.xpx-rang-2 .treeField {
	padding-left: calc(var(--xpx-table-rang-padding)*2);
}
.table tr.xpx-rang-3 .treeField {
	padding-left: calc(var(--xpx-table-rang-padding)*3);
}
.pagination{
	--bs-pagination-font-size: .8rem;
}
output.form-control{
	background-color:var(--bs-tertiary-bg);
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
	padding: var(--xpx-thead-padding);
}
.bootstrap-table .fixed-table-pagination > .pagination-detail {
	margin-top: .25rem;
	margin-bottom: .725rem;
}
.page-link{
	--xpx-pagination-padding-y: .125rem;
	--xpx-pagination-padding-x: .50rem;
	--bs-pagination-padding-y: var(--xpx-pagination-padding-y, .375rem);
	--bs-pagination-padding-x: var(--xpx-pagination-padding-x, .75rem);
}

.rotateY90 {
	animation: rotationY90 1s infinite alternate linear;
}
@keyframes rotationY90 {
	from {
		transform: rotate3d(0,0,0,0deg);
	}
	to {
		transform: rotate3d(0,1,0,-90deg);
	}
}

.translateCrossScreen {
	width: 120%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	margin-left: -20%;
	float: left;
}
.translateCrossScreen>img{
	animation: 30s linear .1s infinite running slidein;
}
@keyframes slidein {
	from {
		margin-left: -20%;
	}
	to {
		margin-left: 100%;
	}
}

/* body {
	background-color: #fffcf8;
} */

.btn-xpx-light {
	--bs-btn-color: var(--bs-black);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--bs-border-color);
	--bs-btn-hover-color: var(--bs-black);
	--bs-btn-hover-bg: var(--bs-secondary);
	--bs-btn-hover-border-color: var(--bs-border-color);
	--bs-btn-focus-shadow-rgb: 254,178,114;
	--bs-btn-active-color: var(--text-color-light);
	--bs-btn-active-bg: var(--color1);
	--bs-btn-active-border-color: var(--bs-border-color);
	--bs-btn-border-radius: var(--bs-border-radius);
}


/* Module Menu Style */
.itemModule {
	font-weight: bold;
	font-size: 12px;
	border-color: #808080;
}

.headerNavbarIcon {
	font-size: 20px
}

.dropdown-divider-module {
	margin-top: 3px;
	margin-bottom: 3px;
}

.hr-lessMargin {
	margin-top: 4px;
	margin-bottom: 4px;
}

/* Style des bandeaux HOME / DEV */
.at-mode-show{
	height: 24px;
	background-repeat: repeat-x;
	display: block;
	width: 100%;
	clear: both;
	background-position: left;
	animation: slideToRight linear 60s infinite;
}
.modeHome.at-mode-show{
	background-image: url(/tools/Template/Images/ruban-home.jpg);
}
.modeDev.at-mode-show{
	background-image: url(/tools/Template/Images/ruban-dev.jpg);
}

@keyframes slideToRight {
	100% {background-position: right;}
}

:root {
	--xpx-color-black: black;
	--xpx-color-white: white;
	
}


#accordionFlushMenuLeft {
	--bs-accordion-body-padding-y: .125rem
}
#accordionFlushMenuLeft .accordion-collapse{
	padding-top: .375rem
}
#accordionFlushMenuLeft .accordion-item{
	border: none;
}

.menu-icon-dropdown {
	width: 3.5rem;
	scrollbar-width: thin;
}

.menu-aside-accordion {
	margin-left: -4rem;
	background-color: var(--bs-body-bg);
	z-index: 1;
}

.xpx-menu-collapse>div {
	height: 100vh;
}
.xpx-menu-collapse>div.show+div{
	display: none;
}

.text-favourite {
	color: var(--bs-yellow);
}

.highchartsTextFill {
	fill:var(--bs-body-color)
}

.widget-fab-button {
	position: fixed; 
	width: 60px;
	height:60px; 
	border-radius: 50px;
	bottom:5%;
	right:2%;
}

.widget-disabled {
	filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-webkit-transition: all 500ms;
	animation: filter .23s ease-in-out;
}

.widget-enabled {
	filter: grayscale(0%);
   -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-webkit-transition: all 500ms;
	animation: filter .23s ease-in-out;
}


.TitleLink-Widget{
	color:#FFF;
	text-decoration: none;
}

.col-form-label {
	padding-top: calc(.06rem + var(--bs-border-width));
	padding-bottom: calc(.06rem + var(--bs-border-width));
}

.bootstrap-select .btn {
	--bs-btn-padding-y: .06rem;
	--bs-btn-font-size: .8rem;
}
.bootstrap-select .btn:disabled {
	opacity: 1;
}

/* cosmo-tooltip */
.cosmo-tooltip {
	margin-top: -.25rem !important;
}
.cosmo-tooltip.cosmo-tooltip-info {
	background-color: var(--mod-bg-2);
}
/* at-advanced-search */
.at-advanced-search {
	width: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 2rem;
   border: 2px solid;
	border-color: var(--mod-bg-2);
	color: var(--main-30);
	padding: .25rem .75rem;
	text-decoration: none;
}
.at-advanced-search:hover {
	border-color: var(--mod-bg-4);
}

.at-bg-module {
	background-color: var(--mod-bg-4);
}