body {
	color:#000;
	font-family:verdana;
	font-size:11pt;
}

h1 {
	letter-spacing:-1px;

}

h1,h2,h3 {
	text-align :center;
	font-family:verdana !important;
	margin : 40px 0 40px 0!important;
}
h4,h5 {
	text-align :center;
	font-family:verdana;
}
h6 {
	clear:both;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:underline;
}


.recordList2imageGrid{
	display: flex;
	flex-wrap: wrap;
	gap: 10px; /* Espacement entre les images */
	justify-content: center;	
}

.recordList2imageContainer {
    width: 150px;
    height: 150px;
	background-size: cover; 
	background-repeat: no-repeat; /* Empêche la répétition de l'image */
    background-position: center; /* Centre l'image */
}


/* Pour .Typ_Rec_packshot → Garde l’image entière sans crop */
.recordList2imageContainer.Typ_Rec_packshot,.recordList2imageContainer.Typ_Rec_preview	{
    width: 150px;
    height: 150px;
    background-size: contain; /* L’image s’adapte sans être coupée */
    background-repeat: no-repeat;
    background-position: center;
}






/* 4281 */
/* MENU */
#menu_navbar .nav-item,
#menu_navbar .nav-item.active .nav-link,
#menu_navbar .nav-item .nav-link:active,
#menu_navbar .nav-item .nav-link:focus,
#menu_navbar .nav-item:hover .nav-link {
	color: #008bb3!important;
	text-decoration: unset;
	/* width:150px; */
}
#menu_navbar .navbar-nav .nav-link {
    color: #000;
    padding-right: 35px;
    font-size: 16px !important; 
    font-weight: unset !important;
	font-family: Verdana, Geneva, sans-serif;
}
#menu_navbar .navbar-nav .nav-link.btn-veez {
    margin-right: 35px!important;
}
/* END */
/* 4281 end */

.displayNone {
	display:none;
}
.customDataDiv input,
.customDataDiv {
    font-size: 13px;
	text-align: left;
}
.customDataDiv .col-form-label {
    text-transform: uppercase;
}
.bg-veez {
	background-color: #008dae!important;
}
.btn-veez {
    /*background: linear-gradient(to right, #008cb0 0%, #00b29b 51%, #009aa8 100%);*/
	background-color: #009aa8!important;
    border-radius: 2rem!important;
	color: #FFF!important;
    padding: 0.2rem 0.6rem!important;
}
.color0087af {
	color: #0087af!important;
}
.btn-veez-xs {
	font-size: 0.7rem;
	background-color: #0087af!important;
    border-radius: 2rem!important;
	color: #FFF!important;
    padding: 0.1rem 1rem!important;

}
.div-btn_select-resolution {
	display:inline-block;
	margin : 0 10px 0 10px;
}
.btn-select-resolution-credit {
	font-size:12px;
	text-align:center;
}

.btn-select-resolution {
	min-width:70px;
}
#renewPasswordForm,
#connectionForm {
	padding: 12rem 0;
}
#main .navbar .nav-link {
    color: #333;
}
#main .navbar .nav-link,
#main .navbar form {
    font-weight: 600;
    font-size: 14px;
    padding-left: 1rem;
}
#main .greyButton {
	background-color: #e6e6e6;
    border-radius: 2rem;
    padding: 0.2rem 0.6rem;
}
span.question_title,
.Nam_TplDiv2 {
	font-weight: 600;
}
.mediumButton {
	padding:2px 5px 2px 5px;
	background-color:#ddd;
	margin:2px;
	display: inline-block;
}

.btn-veezV3 {
    display: inline-block;
    /*padding: 10px 20px; /* Ajustez les valeurs selon la taille souhaitée */
    font-size: 20px; /* Taille du texte */
    font-weight: bold; /* Texte en gras */
    color: #000; /* Couleur du texte */
    border: 1px solid transparent;
    border-radius: 15px; /* Bordure arrondie */
    background-color: transparent; /* Fond transparent */
    text-align: center; /* Centre le texte */
    cursor: pointer; /* Change le curseur en "main" */
    transition: all 0.3s ease; /* Ajout d'une transition pour l'effet */
	width : 132px;
	height : 38px;
	
}

.btn-veezV3:hover {
    border: 1px solid  #000; /* Bordure noire */
}


.btn-veezV3Selected {
    border: 1px solid #000; /* Bordure noire */
}

.btn-veezV3Selected:hover {
    background-color: #008dae;
}


.btn-veezV3small {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0; /* Supprime le padding pour mieux gérer l'alignement */
    font-size: 20px;
    font-weight: bold;
    color:#CCC;
    border: 1px solid #CCC;
    border-radius: 10px;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 62px;
    height: 50px;
    margin: 0 20px;
    text-align: center;
    line-height: 1.1; /* Ajuste la hauteur de ligne pour centrer le texte principal */
}

.btn-veezV3small2 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0; /* Supprime le padding pour mieux gérer l'alignement */
    font-size: 13px;
	font-weight: normal;
    color: #000;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 45px;
    height: 30px;
    margin: 0 10px;
    text-align: center;
    line-height: 1.1; /* Ajuste la hauteur de ligne pour centrer le texte principal */
}

.btn-veezV3small2:hover {
    border: 1px solid #000;
    border-radius: 5px;
}

.btn-veezV3small2-selected {
    border: 1px solid #000;
    border-radius: 5px;
}
.pixels-label {
    font-size: 8px;
    font-weight: normal;
    margin-top: -2px; /* Ajustement précis pour aligner "PIXELS" un peu plus haut */
    line-height: 1; /* Assure un bon alignement vertical */
}



.btn-veezV3small:hover {
    color :#000;
	border-color:#000;
}

.btn-veezV3smallSelected {
    color :#000 !important;
	border-color:#000;
}

.templateListModal {
    width:1455px;
    max-width:none;
}
.btn-close-custom {
    position: absolute;
    top: -10px; /* Ajustez pour l'alignement vertical */
    left: -10px; /* Ajustez pour l'alignement horizontal */
    width: 32px; /* Largeur du bouton */
    height: 32px; /* Hauteur du bouton */
    border: 2px solid #000; /* Bordure noire pour le cercle */
    border-radius: 50%; /* Transforme le bouton en cercle */
    background-color: white; /* Fond transparent */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem; /* Taille de la croix */
    color: #000; /* Couleur de la croix */
    cursor: pointer;
    z-index: 1051; /* Place le bouton au-dessus du contenu */
}

.btn-close-custom:hover {
  background-color: #e7e7e7;
}

.btn-close-custom::before {
  content: '×'; /* Symbole de la croix */
  font-weight: bold;
}    
.modal-content {
  border-radius: 15px; /* Ajustez la valeur pour des angles plus ou moins arrondis */
}
.modal-backdrop {
  display: none !important;
}
.modal-dialog {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5); /* Ombre portée */
  border-radius: 15px; /* (Optionnel) Arrondi pour un look plus doux */
}
.modal-header {
    border:0 none;
}

/* TplDiv */
/* 4080 */
.Dsg_TplSpan {
	font-weight: bold;
	display: block;
	line-height: 16px;
}
.Nam_TplSpan,
.Nam_TplDiv{
	font-size: 14px;
	text-align: left;
    margin : 0;
	line-height: 16px;
}

.Nam_TplDiv{
	margin-left:12px;
}

/* 4080 END */
.main {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}


.headerContainer {
	height:130px;
}


.footerContainer {
    clear: both;
	/* 4180 */
    /* background: linear-gradient(to right, #008cb0 0%, #00b29b 51%, #009aa8 100%); */
	/* 4180 */
    height: 92px;
	/* 4180 */
    /* color: white; */
    color: black;
	/* 4180 end */
    margin-top: 20px;
    align-items: center;
    display: flex;
    justify-content: space-around;
}

.clearBoth {
	clear:both;
}

.logoDelux {
	float:left;
	
}

.waitGif{
	background-image: url('../img/wait.gif');
	background-position: center;
	width:60px;
	height:30px;
}


.connectionHeaderDiv {
	margin-left : 876px;
	padding-top: 85px;
	color:white;
}

.connectionDiv {
	padding-top : 160px;
	margin-left:284px;
	font-size : 14pt;
}

.inputLabel {
	float:left;
	text-align:right;
	padding-top: 4px;
	margin-right:25px;
}


.inputText {
	border :solid 1px black ;
}

.bigButton {
	margin-left:9px;
	padding:10px 25px 10px 25px 
}

.mediumButton {
	margin-left:9px;
	padding:5px 10px 4px 10px 
}


.bigButton:hover {
	color:white;
	text-decoration:none;
}

#predictionRecordDivList , [id="3DRecordDivList"] {
    max-height: 600px; /* Hauteur maximale du conteneur */
    overflow-y: auto; /* Active le défilement vertical si besoin */
    padding-right: 5px; /* Évite que la scrollbar cache du contenu */
}

/* Personnalisation de la scrollbar (compatible Chrome, Edge) */
#predictionRecordDivList::-webkit-scrollbar,
[id="3DRecordDivList"]::-webkit-scrollbar {
    width: 5px; /* Réduit la largeur de la scrollbar */
}

#predictionRecordDivList::-webkit-scrollbar-track ,
[id="3DRecordDivList"]::-webkit-scrollbar-track {
    background: transparent; /* Supprime le fond */
}

#predictionRecordDivList::-webkit-scrollbar-thumb,
[id="3DRecordDivList"]::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0, 0.3); /* Scrollbar discrète */
    border-radius: 10px; /* Arrondie */
}

#predictionRecordDivList::-webkit-scrollbar-thumb:hover ,
[id="3DRecordDivList"]::-webkit-scrollbar-thumb:hover {
		background: rgba(0, 0, 0, 0.5); /* Plus visible au survol */
}



.predictionImageContainer {
	/* display: flex; */
	justify-content: center;	
	padding: 15px;

}
.predictionImage {
	width:570px; 
}

.predictionProgressBar {
	margin : 180px 100px 0px 100px
}

.progress {
	border-radius: 0;
}
.progress-bar {
	background-color: #808080 !important;
	padding : 2px;
}


.menuTop {
	height:34px;
	background-color : #e6e6e6;
	padding :  20px 0 0 190px;
}

.menuButtonList li {
	float:left;
	color:#343434;
	font-weight:bold;
	margin-right:35px;
}

.centerPage {
	margin : 60px 0 0 190px;
	color:#727272;
	
}



.recordDivForProduct{
	height: 64px;
	padding : 10px;
	border-bottom: 1px solid #CCC;
}
.recordDivForProduct:hover{
	/* background-color: #CCC; */
}

.recordDivForProductImage {
	background-size: contain;
	background-repeat: no-repeat;
    background-position: center; /* Centre l'image en arrière-plan */
	width : 42px;
	height : 42px;
	margin:0 12px 0 24px;
	cursor: pointer;
}

.recordDivForProductLabels {
	margin:0 12px 0 12px;

}

.recordDivForProductData {
	flex-grow: 1; /* Prend toute la place restante */
	flex-shrink: 0; /* Empêche le rétrécissement */
	display: flex;
	align-items: center; /* Centre verticalement tous les spans */
	justify-content: flex-end; /* Aligne tout à droite */
  }
  
  .recordDivForProductData > span {
	margin-left: 18px; /* Espacement uniforme entre les spans */
	display: flex; /* Pour permettre l'alignement interne si nécessaire */
	align-items: center; /* Centre le contenu dans chaque span */
  }
  
  .recordDivForProductDataCount {
	font-size: 12px;
  }
  
  .recordDivForProductImgFilFrm_Rec {
	font-size: 13px;
	color: #777;
  }
  
  .veez-badge {
	font-size: 10px;
	color: #777;
	border: 1px solid #777;
	padding: 1px 4px; /* Uniformise les marges internes */
	line-height: 1; /* Assure un alignement correct du texte */
	border-radius: 3px;
	margin-right:6px;
  }
  

  .recordDivForProductQua_Rec {
	font-size: 11px;
	color: #777;
	border: 1px solid #777;
	padding: 1px 3px; /* Uniformise les marges internes */
	line-height: 1; /* Assure un alignement correct du texte */
	border-radius: 3px;
  }
  
  .recordDivForProductDownload {
	font-size: 18px;
	line-height: 1; /* Corrige l'alignement de l'icône */
  }
  


.templateList li {
	float:left;
	font-size : 9pt;
	width:222px;
}
.templateList{
	/* #3612 */
	display: flex;
	flex-wrap: wrap;
	font-family:verdana !important;

	/* display: grid;
	grid-template-columns: repeat(4,276px);
	grid-template-rows: auto; */
	/* #3612 END */

	column-gap: 63px;
	row-gap: 44px;
}

.smallTemplateList{
	display: flex;
	flex-wrap: wrap;
	font-family:verdana !important;
	column-gap: 15px;
	row-gap: 15px;
}



.templateDiv{
	border : solid  #878787;
	border-width: 1px;
	width: 276px;
	height: 325px;
	display: grid;
	grid-template-columns: auto;
	/* 4079 */
	grid-template-rows: 80% 20%;
	grid-template-rows: 44px 214px auto;
	/* 4079 END */
	
}
.smallTemplateDiv{
	border : solid  #878787;
	border-width: 1px;
	width: 150px;
	height: 180px;
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: 80% 20%;
	grid-template-rows: 44px 214px auto;
}

.imgTemplate{
	width:160px;
	height:154px;
	margin-top: 55px;
	margin-left:auto;
	margin-right:auto;
}
.templateBgImg{
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
}
.addTemplateIcon{
	margin-top:63px; 
	width:34px;
	height:34px;
}

.cartButtonDiv {
	float:left;
	margin-top : 38px;
}

.templateCartridge {
	float:left;
	width : 201px;
}

.templateDetailLeft {
	width : 457px;
	float:left;
}

.downloadCalibreButton {
	margin: 22px 0 0 10px ;
}

.downloadCalibreLabel {
	float:left;
	margin : 29px 0 0 0;
	font-size : 14pt;
}

.templateDetailRight {
	float:left;
	text-align : center;
	padding : 116px 0 0 76px;
	font-size : 14pt;
}
.selectBtn{
	background-color: #e6e6e6;
	border-radius: 2rem;
	border : none;
	margin-bottom: 5px;
	padding-left:10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;

}
#selectClient{
	margin-bottom:40px;
}

.IABox1{
	min-height:450px;
}


.recordListThumbImage {
	border-right : solid 1px #d1d1d1;
	float:left;
}
.recordListItem1 {
	margin : 15px 0px 15px 5px ; 
	float : left;
}
.recordList li,
.recordListDiv {
	border : solid 1px #878787;
	width:100%;
	margin : auto auto 14px;
	max-width: 1320px;
}
.renderWaiting {
	position:absolute;
	text-align:center;
	width:881px;
	height:161px;
	background-image : url('../img/grey50.png');
}

.renderInProgress {
	margin-left:10px;
	color:#f5513b;
}

.inputText300 {
	width : 300px;
}

.textarea300 {
	width : 300px;
	height : 100px;
	border :solid 1px black ;
}

.select3DResolutionDiv {
	width : 635px;
}

.textareaPrompt:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.textareaPrompt {
    -webkit-appearance: none; /* Supprime les styles spécifiques à Webkit (Chrome, Edge, Safari) */
    -moz-appearance: none; /* Supprime les styles spécifiques à Firefox */
    appearance: none;

    outline: none !important; /* Supprime l'effet de focus (bordure bleue) */
    border: none !important; /* Supprime toute bordure */
    box-shadow: none !important; /* Supprime toute ombre éventuelle */
	margin-top:26px !important;
	height : 390px;
	border:0 none;
	font-size: 14px !important;
}





.smallFont {
	font-size:8pt;
}
/* Records page */
.errorMsg{
	color: red;
	font-weight: 500;
	font-size: 15px;
}
.listOfCat{
	text-align: center;
}
.categoryDiv{
	margin-right: 70px;
	display: inline;
}

.categoryDiv select{
	background:transparent; 
	border:0px; 
	padding:0px;
	color: #696969;
	font-size: 17px;	
	margin-top: 9px;
}
.recordsPage, .productsPage{
	display: grid;
	grid-template-columns: repeat(4,276px);
	grid-template-rows: auto;
	column-gap: 63px;
	row-gap: 44px;
	font-family:verdana !important;

}
.categoryDiv select:hover{
	cursor: pointer;
}

.showModes{
	padding:0;
}
.showModes li{
	display: inline;
	padding: 0;
}

.showModes li img{
	width:22px;
	height:18px;
	margin-top:9px;
}
.showMode{
	background: none;
	border : 0;
}
.showMode a{
	text-decoration: none;

}
#borderSearchBar{
	border : solid #999 1px;
	border-radius: 20px;
	height:30px;
	margin-right:0;
	margin-left: 1.5rem;
	display:flex;
	align-items:center;
}
#searchInputField{
	border: none;
	background: transparent;
	margin-top:0;
	margin-left:5px;
	font-size:14px;
	color:#999;
}
#searchIcon{
	display: inline;
	height:20px;
	width:21px;
	margin-left:12px;
}
.borderDiv{
	border : solid  #878787;
	border-width: 1px;
	width: 276px;
	/* 4080 */
	height: 325px;
	/* height: 340px; */
	/* 4080 END */
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: 44px 214px auto;
}
.deleteBtn{
	/* padding-top: 10px; */
	float: right;
	margin-right:22px;
	margin-top: -4px;
}
.deleteBtn:hover{
	cursor: pointer;
}
.deleteBtn i{
	color:#048eb5;
	font-size: 25px;
}

.recordsOptions , .productsOptions{
	margin:12px;
	text-align: left;
}

.addRecordBtn , .addProductBtn {
	text-align: center;
}
.addRecordBtn a , .addProductBtn a {
	line-height: 325px;
}
.addRecordBtn a img , .addProductBtn a img{
	width:67px;
}
#totRecordsDiv{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color:#009aa8;
	margin-bottom: 40px;
}
#creditsMsg{
	text-align: center;
	color:black;	
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 60px;
	background-color: #e5e9eb ;
	padding: 10px 0 10px 0;
	/* background-color: #696969 ; */

}
#marketLink:hover{
	cursor: pointer;
}
#marketLink{
	text-decoration: none;
	color: #008cb0;
	font-size: 18px;
	font-weight:bolder;
}

.movePagesDiv{
	text-align: left;
	margin-top: 8px;
}

.page-buttons {
	list-style: none;
	padding: 0;
	margin: 3px 0 0 0;
	/* 4044 */
	display: inline-flex;
	/* 4044 END */
	/* 4239 */
	flex-wrap: wrap;
	/* 4239 end */
}

/* 4044  */
button.page-dropdown {
    color: #008cb0;
    border: 2px solid #008cb0; 
	font-size: 18px;
	font-weight: 600;
	padding-top: 1px;
	/* width: 75px;  */
	height: 30px; 
	margin-right: 19px;
}

a.dropdown-item:hover {
    color: white;
    background-color: #008cb0;
    text-decoration: none;
}
/* 4044 END */
  
.pageNumber {
	display: inline-block;
	width: 20px; 
	height: 20px; 
	/* line-height: 30px;  */
	text-align: center;
	/* border: 2px solid #008cb0;  */
	border: 1px solid #999;  
	margin-right: 15px;
	border-radius: 2px;
	font-size:12px;
	color:#999;

	/* 4239 */
	margin-bottom: 5px;
	/* 4239 end */
}
  

.pageNumber:hover, .pageNumberHover {
	text-decoration: none;
	color: white !important;
	background-color: #008cb0; 
}


#addRecordBtnListMode{
	text-decoration: none;
	font-size: 26px;
	color:#008cb0;
	font-weight: bolder;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border : solid 1px #878787;
	display:block;
}
#addRecordBtnListMode:hover{
	color: white;
	background: linear-gradient(to right, #008cb0 0%, #00b29b 51%, #009aa8 100%);
	transition: 0.7s;
	border-color:transparent;
}
/* #mosaicIconImg{
	margin-top:27px;
} */
.mosaicbgimg{
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
}
.imgListMode{
	width:160px;
	height:154px;
	float:left;
	margin : 20px 1.5em 20px 1.5em;
}
.imgMosaicMode{
	margin-top:33px;	
	width:160px;
	height:154px;
	margin-left:auto;
	margin-right:auto;
}

.smallImgMosaicMode{
	margin-top:33px;	
	width:80px;
	height:77px;
	margin-left:auto;
	margin-right:auto;
}


.Nam_TplDivList{
	color:#008cb0;
}
#moreQuestButton{
	border:none;
	background-color: #e6e6e6;
    border-radius: 2rem;
    padding: 0px 8px; 
}
#moreQuestButton:hover{
	text-decoration: underline;
	cursor: pointer;
}
#navigationItems{
	display: grid;
	grid-template-columns: 885px 20px auto;
	grid-template-rows: 40px;
	margin-top:75px;
	margin-bottom: 25px;
}
/* #navigationItems div{
	display: inline;
} */

#navigationItemsTemplatesPage{
	/* #3612 END */
	/* 4079 */
    /* display: flex; */
    display: grid;
	/* 4079 END */
    flex-wrap: wrap;
	/* 4079 */
    /* justify-content: space-between; */
	grid-template-columns: 885px 100px auto;
	/* 4079 END */

	/* display: grid;
	grid-template-columns: 985px auto;
	grid-template-rows: 40px; */
	/* #3612 END */

	margin-top:75px;
	margin-bottom: 25px;
}
/* RecordDetail Page */
.echecSpan,.editBtnIcon{
	margin : 0 22px 0 22px;
}
.editBtnIcon img{
	vertical-align:top;
	width:26px;
}
.editBtnIcon:hover{
	cursor: pointer;
}
/* 4387 */
.downloadPackshotIcon:hover{
	cursor: pointer;
}
/* 4387 end */

.profilesGrid{
	display : grid;
	grid-template-rows: 160px;
	grid-template-columns: repeat(8,auto);
	margin-right: 10%;
	margin-left: 10%;
	width: auto;
}
.profileImg{
	margin-top: 30px;
	margin-bottom:30px;
	padding :3px;
	width:75px;
	height: 100px;
}
.profileImg:hover{
	border-radius: 4px;
	width: 90px;
	height:115px;
	transition-duration: 0.3s;
}
	/* Form */
.formRowRecordDetail{
	display:grid ;
	grid-template-columns: 200px auto;
	margin-top: 10px;
}

.labelTitleRecordRowDetail{
	text-align: right;
	font-size: 18px;
}

.labelQuestion {
	text-align: left;
	font-weight: bold;
	font-size:12px;
	margin-top : 10px;
}


.inputField {
	margin-top : 5px;
	border-radius: 0;
	font-size:12px;
}

.containerQuestion {
	
}
.inputFieldRecordDetail{
	width:650px;
	margin-left: 20px;
	font-size: 18px;
	padding : 2px;
}
.OptionsRecordsRowDetail{
	margin-left: 20px;
	max-width: 600px;
}
.OptionsRecordsRowDetail input[type="radio"]{
	margin-left: 5px;
	transform: scale(1.4);
}
.OptionsRecordsRowDetail input[type="checkbox"]{
	margin-left: 5px;
	transform: scale(1.2);
}

.OptionsRecordsRowDetail label{
	margin-left: 5px;
	margin-right: 8px;
	font-size: 18px;
}

.editQuestionsRecordDetailDiv{
	margin-left: 30%;
	margin-right: 30%;
	width:auto;
	margin-top: 30px;
}

/* REMOVE DRAFT DIV */
li::marker {
	font-size: 0;
}
img.recordListThumbImage,
.recordListItem1,
.recordListItemBlock {
   display: none;
}
li .recordListItemBlock,
li img.recordListThumbImage,
li .recordListItem1 {
	display: block;
}
.recordListItemBlock{
	padding-top: 10px;
	padding-bottom: 10px;
}
.recordListItem3{
	width:400px;
	margin-top:140px;
	text-align: right;
}
/* Categories page */
#categoryForm{
	width: 50%;
}
.moveUpIcon{
	margin-left:10px;
	margin-right:5px;
	vertical-align: middle;
}
.moveDownIcon{
	margin-right:5px;
	vertical-align: middle;
}

/* VERSION */
.logoDiv small {
	display: none;
    border: 1px solid #000;
    padding: 0px 10px;
    width: max-content;
	/* margin-left: 8rem; */
	margin-right:40%;
	margin-left:40%;
}
.logoDiv:hover small {
	display: block;
}
/* CLIENT LOGO  */
#clientLogo{
	text-align: center;
	margin: auto;
	width: 42%;
	height:60px;
}
#clientLogo img{
	height:60px;
}

/* #clientLogo img{
	width:80px;
	display: block;
	margin: auto;
} */
#admin .navbar {
	justify-content: flex-end;
}

/* 4091 */
.navbar_menu {
	justify-content: flex-end;
}
/* 4091 END */

.w-100 {
	margin-top: 32px !important;
}

#admin #clientLogo {
	left: 30%;
}

/* 3612 */
#menu_navbar {
    text-align:right;
}
/* 3612 END */

/* 4078 */

.Nam_TplDiv11, 
.Dsg_TplDiv11{
	text-align: center;
}
.Dsg_TplDiv11{
	font-weight: bold;
	font-size: 20px;
}
.Nam_TplDiv11{
	font-weight: 400;
	font-size: 24px;
}

form.dropzone .dz-preview {
    /* margin: 0 19.15px;
	height:112px; */
	margin: 0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.modelTitleDiv {
	margin : 20px;
}
.modelTitleGabaritIconDiv {
	margin-top:10px;
}
.fs-7{
	font-size:0.75rem;
}
.modelTitleExampleDiv {
	margin-right: 30px;
	width:70px;
}
.color999{
	color:#999;
}
.color008 {
	color:#008CB0;
}

.editModelButton{
	margin-right : 15px;
}

.modelTitleDiv1{
	width:300px;
	margin-right:10px;
}

.editionProductTitle{
	margin-top:10px;
}
.editionNam_PrdTitle {

	margin-right : 10px;
}
.dz-details {
	/*position:relative !important;*/

}
.smallTitleRenderImage{
	background-size: contain;
	background-repeat: no-repeat;
    background-position: center; /* Centre l'image en arrière-plan */
    display: flex;
    justify-content: center;
    align-items: center;
	width:	60px;
	height:	60px;
	float:left;
	margin:0 15px;
}
.smallTitleProduct {
	float:left;
	margin:0 15px;
}

.smallTitleProduct {
	float:left;
	margin:0 15px;
}

.smallTitleProduct > h3 {
	text-transform: uppercase;
	margin:3px 0 !important;
	text-align:left;
	font-size:1.5rem;

}
.smallTitleProduct > h5 {
	margin:0 !important;
	text-align:left;
	font-weight: 800;
	font-size:1.0rem;
	margin:3px 0 !important;

}

/* Conteneur Flex pour les colonnes */
.columnContainer {
    display: flex;
    gap: 25px; /* Espace de 25px entre les colonnes */
    flex-wrap: wrap; /* Permet aux colonnes de passer l'une en dessous de l'autre sur mobile */
	margin :0 0 33px 0;
}

.productColumn1 {
    flex:1;
	text-align: center;
    box-sizing: border-box;
    padding: 10px;
}


.productColumn2 {
    flex: 1 1 calc(50% - 12.5px); /* 50% de la largeur moins la moitié du gap */
    box-sizing: border-box;
	display: block;
}

hr {
	border-top: 1px solid #CCC;
}
.box1{
	border: 1px solid #ccc;
    padding: 15px;

}


.box2{
    align-items: center;
	justify-content: center; /* Centre le contenu horizontalement */
    gap: 10px;
	margin-top : 20px;
}

#outputRender{
	min-height:692px;
	
}
/* Empilement des colonnes en une seule colonne sur les petits écrans */
@media (max-width: 768px) {
    .column {
        flex: 1 1 100%; /* Utilise 100% de la largeur en mode mobile */
    }
}

#listImageRender512 {
    display: flex;
    flex-wrap: wrap; /* Permet d'enrouler les éléments sur plusieurs lignes */
	margin-left:15px;
}


.renderHDImageForProduct {
	/* width:565px; */
	height:565px;
	margin:45px 0;
    /* background-size: calc(100% - 40px) calc(100% - 40px); Ajuste la taille de l'image pour tenir dans le padding */
	background-size: contain;
    background-repeat: no-repeat; 
	background-position: center;


}
.renderImageListForProduct {
	width:160px;
	height:160px;
	margin:15px;
	padding:10px;
    background-size: contain; /* Ajuste l'image pour couvrir entièrement le conteneur */
    background-origin: padding-box; /* L'image de fond commence à l'intérieur du padding */
    background-position: center; /* Centre l'image */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
	border-radius: 10px;
	background-origin: content-box;

	/* display: inline-block; */
}

.container::before {
    content: '';
    position: absolute;
    top: 20px; /* Respecte le padding du haut */
    left: 20px; /* Respecte le padding de gauche */
    right: 20px; /* Respecte le padding de droite */
    bottom: 20px; /* Respecte le padding du bas */
    background-size: contain; /* Ajuste l'image pour qu'elle soit contenue */
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1; /* Derrière le contenu de la boîte */
}

.containerHeader {
	width:1320px;
	margin:0 auto 0 auto;
}


.renderImageListForProduct:hover{
	background-color: #D9D9D9	;
}
.renderImageListForProductSelected{
	background-color: #D9D9D9	;
}



.renderImageText {
    text-align: center; /* Centre le texte sous l'image */
    font-size: 14px;
    margin-top: 2px; /* Espace entre l'image et le texte */
    color: #000; /* Couleur du texte */
}



.round-checkbox {
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important; /* Rond */
	border: 2px solid #08b59c !important; /* Bordure Bootstrap */
	appearance: none !important; /* Supprime le style par défaut de la checkbox */
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	outline: none !important; /* Supprime le contour focus */
	cursor: pointer !important;
	transition: background-color 0.2s, border-color 0.2s !important;
  }
  
  .round-checkbox:checked {
	background-color: #08b59c!important; /* Couleur de fond lorsqu'elle est cochée */
	border-color: #08b59c!important;
  }
  
  .round-checkbox:focus {
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); /* Ombre focus Bootstrap */
  }
  


.renderImageListForProductCheckbox {
	margin : 5px;
}



/* Conteneur principal pour aligner les labels et le switch */
.toggleswitchContainer {
    display: flex;
    align-items: center;
	justify-content: center; /* Centre le contenu horizontalement */
    gap: 10px;
	margin-top : 20px;
}

/* Styles pour les labels */
.toggleswitchLabel {
    font-size: 14px;
    color: #CCC; /* Couleur par défaut grise */
    transition: color 0.4s; /* Transition pour le changement de couleur */
}


.toggleswitchLabelSelected {
    color: #000; /* Couleur par défaut grise */
}


/* Le switch (le label englobant le checkbox et le slider) */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

/* Rendre l'input checkbox invisible */
.switch-checkbox {
    opacity: 0; /* Rend l'input invisible */
    width: 50px;
    height: 24px;
    position: absolute; /* Place le checkbox par-dessus le slider pour capter les clics */
    cursor: pointer;
}

/* Style du slider (fond et bordure) */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent; /* Pas de couleur de fond */
    border: 2px solid #000; /* Bordure noire */
    border-radius: 24px;
    transition: 0.4s;
}

/* Le point qui glisse */
.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: #000; /* Point en noir */
    border-radius: 50%;
    transition: 0.4s;
}

/* Déplacer le point lors du basculement sans changer la couleur */
.switch-checkbox:checked + .slider:before {
    transform: translateX(26px);
}









.container3D {
	/*display: flex;*/
}


.fw500{
	font-weight: 500;
}
form.dropzone2{
	border: 2px solid lightgrey;
}



#renderImageDiv{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.gif{
	height:50px;
}

.previewTemplateImage,
.previewRenderImage,
#renderImage{
	/* 4160 */
	margin-left: 62px;
	align-items: center;
	justify-content: center;
	display: flex;
	/* display:inline-block; */
	width:512px;
	/* 4160 END */

	height:512px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;

}

/* #dropzone_div1 .dz-image{
	display: flex;
	justify-content: center;
	border-radius: unset;
	width: auto;
	height: auto;
} */

/* 4078 END */

/* 4179 */

div.gs1Profiles{
	width: 20%;
}

.gs1Profiles_group{
	justify-content: center;
}
/* 4179 END */

/* 4180 */
.templateDetailDiv{
	margin-bottom: 200px;
}

.dropzone{
	height: 383px;
	width: 590px;
	border:0 !important;
	background-color:#f2f2f2 !important;
    display: flex;
    align-items: center;
    justify-content: center;
	padding:0 !important;
}

.dz-image {
	width : 560px !important;
	height : 360px !important;
}
.dz-message {
	margin : 0 !important;

}

.dz-remove {
	display: none !important;
}

.dz-addImagePLus {
	color:#a7a7a7;
	background-color: #f2f2f2; 
	/* border-radius: 50%;  */
	width: 25px; 
	height: 35px; 
	top: 0px; 
	right: -5px; 
	font-size: 28px;	
}
.dz-addImage {
	font-size: 48px;	
	color:#a7a7a7 !important;
}
/* #dropzone_div1{
	display:flex;
	justify-content:center;
	flex-flow:wrap;
} */

.textureDropzoneLabel {
	display:inline-block;
	width:100%;
	background-color: #f2f2f2 !important; 
}

.textureDropZoneContainer {
	padding:12px;

}
.textureDropZoneContainer2 {
	position:relative;
	background-color: #f2f2f2 !important; 
	padding:11px;
	font-size:13px;
}

.bi-stack {
	color : #7f7f7f;
}

.dropzoneDiv{
	display:flex;
	justify-content:center;
	flex-flow:wrap;
}


.inputRoundGrey{
	border:0 none;
	border-radius: 20px;
	background-color: #F2F2F2;
	width:70%;
	padding: 5px 20px;
}
/* 4180 END */

/* 4178 */
.clearDropzone {
	position:absolute;
	right:20px;
	top:28px;
    font-size: 30px;
    color: #7f7f7f;
    cursor: pointer;
	z-index:100;
}
/* 4178 end */

/* 4301 */
#credits_div{
	text-align: right;
    margin-right: 33px;
    color: #008cb0;
	
	float:right
}
/* 4301 end */

.changeTemplateButton {
	/* float:right; */
	cursor: pointer;
}

/* 4420 */
.dropbtn {
	background-color: transparent;
	border: none;
  }
  .dropdown {
	position: relative;
	display: inline-block;
  }
  .dropdown-content {
	display: none;
	position: absolute;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
  }

  .lng-dropdown{
	margin-top: 8px;
    width: 90px;
  }

  .lng-navitem{
	text-align: center;
  }

  .dropdown-content a {
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  .dropdown:hover .dropdown-content {display: block;}
/* 4420 end */

.outputRenderInsideText {
	color:#ccc;
	height: 625px;
}
.predictionInsideText{
	color:#ccc;
	height: 378px;

}

@media screen and (max-width: 1200px) {
	#admin #clientLogo {
		left: 27%;
	}
}
@media screen and (max-width: 992px) {
	#admin #clientLogo {
		left: 25%;
	}
	/* 4398 */
	#navigationItemsTemplatesPage {
		display: flex;
	}
	/* 4398 end */
}
@media screen and (max-width: 991px) {
	#admin #clientLogo {
		left: 50%;
	}
}