/*crm360.css*/
.col-left {
	max-width: 170px;
}
.table-sheet {
	width: auto;
	min-width:160px;
	td {
	border-color: #333;
	line-height: 31px;
	padding: 2px;
	font-size: 12px;
    vertical-align:middle;
	}
    td.td-input.td-int {
        min-width:44.83px;
    }
	tr {
	border-color: #333;
	}
}
.badge{
	font-size: 12px !important;
	color:#000;
}
.premierelignegauche {
	border-color:#fff;
	line-height: 31px!important;
}

.col-right .table-sheet {
	min-width:510px;
}
.table-sheet-header-1 {
	font-weight: bold ;
}

.table-sheet-header-2 {
	font-weight: bold ;
	td {
		background-color: #ccc !important;
	}
}

.td-pc {
	color:red;
}
.td-int {
	color:black;
}

.even td{
	background-color: #ffe699;
}
.odd td {
	background-color: #b4c7e7;
}

.td-input {
	width: 12%;
	text-align:right;
	label {
		display: none;
	}
	input {
		color:red;
		font-size: 12px;
		padding : .25rem .18rem;
		text-align:right;
	}
}

.td-input-checkbox {
	text-align:center;
}
.disabled {
	background-color: initial;
	border: 0;
}
.disabled, .disabled:focus-visible ,.disabled:focus-within  {
	background-color: initial;
	border: 0;
    outline: -webkit-focus-ring-color auto 0px;
}

.ultrasmall {
	font-weight: normal;
	font-size: 10px;
}
.custom-tooltip {
  --bs-tooltip-bg: #198754;
  --bs-tooltip-color: #fff;
}

select.form-control-sm {
	font-size: 0.7rem;
}

.commentaire {
    min-height: 300px !important;
    font-size: 11px;
}

/* formatage des cellules de la feuille de planification */
#FormSheet .sheet_param_codeoffre {
    height:31px;
    width:57px;
}
#FormSheet input.sheet_param_codeoffre {
    text-align:center;
}
#FormSheet input.sheet, #FormSheet input.sheet_BA {
    display: inline;
    width: 50px;
}
#FormSheet input.sheet_param_rendement_paniermoyen, #FormSheet input.sheet_param_rendement_paniermoyen_BA {
    display: inline;
    width: 58px;
}
#FormSheet input.sheet_param_cout_envoi {
    display:inline;
    width:80px;
}

/* animation d'attente de recalcul d'une cellule */
.sheetLoader {
    width: 100%;
    max-width:35px;
    max-height: 6px;
    vertical-align: middle;
    display:inline-block;
    color: #0000;
    aspect-ratio: 6;
    --_g: no-repeat radial-gradient(circle closest-side,#888 90%,#0000);
    background: 
        var(--_g) 0%   50%,
        var(--_g) 50%  50%,
        var(--_g) 100% 50%;
    background-size: calc(100%/3) 100%;
    animation: sheetLoaderAnimation 1s infinite linear;
}
@keyframes sheetLoaderAnimation {
    33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
    50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
    66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%}
}

/* désactiver le click sur un bouton ou anchor */
.disable-click {
    pointer-events:none;
}

/* bouton de sélection methode de performance */
.perfMethodBtn {
    height: 38px;
    min-width: 60px;
}

/* animation de calcul des performances */
/* HTML: <div class="loader"></div> */
.perfLoader {
  color: #000000;
  background:
   linear-gradient(#C0C0C0 0 0) 0/0% no-repeat 
   #ffffff;
  animation: perfLoaderAnimation 2s infinite steps(10);
}
@keyframes perfLoaderAnimation {
    100% {background-size:110%}
}

/* animation clignote cellule en rouge */
.blink {
    animation: blinkAnimation 1s infinite;
}
@keyframes blinkAnimation {
    0%, 49% {
        background-color: none;
        color:none;
    }
    50%, 100% {
        background-color: #ff0000;
        color:#000000;
    }
}