.like-content a,.trucate .more{text-decoration:underline}#email,#login,#name,#password{background-repeat:no-repeat!important;background-position:15px 50%!important;padding-left:55px!important}#rank .user-badge,.panel-notification{float:right}.add-spoil:hover,.close:hover,.notifications:hover,.txt-spoil:hover{cursor:pointer}.label-triceps{background-color:#992165}#search_form [type=text]{display:block;width:100%}#search_form label:not(.label){display:block}#search_form .range{margin-bottom:10px}#search_score_exercises label{display:inline-block;font-weight:.9em;padding:5px;margin-right:5px}#searchResults{padding:5px}#searchResults hr{margin:5px -5px}#login,#name{background-image:url(../img/input_username.png)!important}#password{background-image:url(../img/input_password.png)!important}#email{background-image:url(../img/input_email.png)!important}#registerForm [type=number]{display:block!important;width:100%!important}.btn-facebook{padding-top:10px;padding-left:40px;background:url(../img/facebook-register-official.png) no-repeat;color:#fff;font-size:100%;height:46px;margin:-5px auto 10px;outline:0!important;width:243px}#chat .chat-info,#messagesList .chat-info{display:none}#chat .message:hover>.chat-info,#messagesList .message:hover>.chat-info{display:block!important}#left .col-md-offset-4{margin-left:0}#left .col-md-4,#left .col-md-6,#left .col-md-8{width:100%}#left button[type=submit]{display:block;width:100%;font-weight:700;font-size:1.4em}#left .control-label{display:none}input[type=number]{display:inline!important;width:150px}#exercises .label{cursor:pointer;padding:5px;display:inline-block;margin-right:5px;font-size:1em}#form_score{margin:0 15px 15px}#photos img{width:140px;height:auto}#photos a{position:relative;display:inline-block}#photos .close{position:absolute;right:25px;top:5px;color:red;opacity:.95}#overlay #form_score{display:block!important}.overlay-content{margin-left:15px}.next-scores{display:block;width:100%;font-weight:700}#loadingScore{display:none}quote{display:block;border-left:3px solid #e5e5e5;padding-left:5px;margin:5px 0}.performances-list td:not(:first-child),.performances-list th:not(:first-child){text-align:center}.performances-list td:first-child{width:160px}.performances-list td:last-child{text-align:right;padding-right:15px}.performances-list th:last-child{text-align:right}#overlay,#preview,.notify,footer{text-align:center}.delete-score{display:inline-block}.trucate{overflow:hiddent;height:200px;position:relative}#tooltip,#userPreview,.notify,.trucate .more{position:absolute}.more{display:none}.trucate .more{display:inline-block;bottom:-15px;left:0}#tooltip,.tick{display:none}#tooltip{width:auto;z-index:99999999999999;border:1px solid #fdd;background-color:#fee;opacity:1;padding:15px;font-weight:1em}#userPreview{box-shadow:5px 5px 5px #888;background:#fff}#userPreview ul{margin-bottom:0}.liked{background:#e5e5e5}.notify{top:-7px;right:-7px;background:red;color:#fff;border-radius:7px;font-weight:700;height:14px;font-size:11px;padding:0;min-width:14px;line-height:14px}.progress2,.score{position:relative}.txt-spoil{display:inline-block;color:#fff;background:#D90000;font-weight:700;padding:2px 10px}.txt-spoil.active{background:#00f!important}.txt-spoil i{margin-left:5px;display:none}.txt-spoil.active i{display:inline}main{padding:15px;min-height:100%}#rank a{color:#000!important}img{max-width:100%}.pagination{margin:5px 0 0}.score .rank{float:right;margin-right:-5px}.user-badge{display:inline-block;width:16px;height:16px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid #000;margin-right:5px;margin-bottom:-3px;background-size:100% 100%!important;background-repeat:no-repeat;background-position:center center!important}.progress2{width:60px;height:60px;line-height:135px;background:0 0;margin:0 auto;box-shadow:none}.progress2 .progress-bar2,.progress2:after,.progress2>span{height:100%;position:absolute}.progress2:after{content:"";width:100%;border-radius:50%;border:6px solid #fff;top:0;left:0}.progress2>span{width:50%;overflow:hidden;top:0;z-index:1}.progress2 .progress-left{left:0}.progress2 .progress-bar2{width:100%;background:0 0;border-width:6px;border-style:solid;top:0}.progress2 .progress-left .progress-bar2{left:100%;border-top-right-radius:80px;border-bottom-right-radius:80px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}.progress2 .progress-right{right:0}.progress2 .progress-right .progress-bar2{left:-100%;border-top-left-radius:80px;border-bottom-left-radius:80px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right;animation:loading-1 1.8s linear forwards}.progress2 .progress-value{font-weight:700;width:90%;height:90%;border-radius:50%;background:#44484b;font-size:14px;color:#fff;line-height:55px;text-align:center;position:absolute;top:5%;left:5%}#container,#overlay,#preview{display:none;height:100%;position:fixed;top:0}#overlay,#preview{background-color:rgba(0,0,0,.75);width:100%;z-index:66666666!important;padding:15px}#preview{z-index:667!important}#userPreview{z-index:668!important}.overlay-content{border-radius:15px;padding:15px;margin:auto;width:900px;max-width:100%;z-index:6;background:#fff;max-height:99%;overflow:auto}.overlay-content div{text-align:left}#container{line-height:800px;width:100%;left:0;background-color:rgba(0,0,0,.5);text-align:center;z-index:9000}.container,.player-container{position:relative}#container img{vertical-align:middle;max-width:90%;max-height:90%}.player-container{display:inline-block}.youtube-play-btn{position:absolute;z-index:1;top:50%;left:50%;margin-top:-16px;margin-left:-16px}.panel-heading{font-weight:700;font-size:1.3em}body{position:relative;margin-top:60px;background:#fafafa}nav{position:fixed!important;margin-top:-60px;width:100%;z-index:50!important}nav .container{width:100%;padding-right:15px;padding-left:15px}.friend-request-validation form{display:inline;margin-right:5px}.friend-request-validation{margin-top:10px}#content{width:100%;margin:0 auto;padding:10px}.graph-container{box-sizing:border-box;width:100%;height:450px;padding:20px 15px 15px;margin:15px auto 30px;border:1px solid #ddd;background:#fff;background:linear-gradient(#f6f6f6 0,#fff 50px);background:-o-linear-gradient(#f6f6f6 0,#fff 50px);background:-ms-linear-gradient(#f6f6f6 0,#fff 50px);background:-moz-linear-gradient(#f6f6f6 0,#fff 50px);background:-webkit-linear-gradient(#f6f6f6 0,#fff 50px);box-shadow:0 3px 10px rgba(0,0,0,.15);-o-box-shadow:0 3px 10px rgba(0,0,0,.1);-ms-box-shadow:0 3px 10px rgba(0,0,0,.1);-moz-box-shadow:0 3px 10px rgba(0,0,0,.1);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.1);position:relative}.graph-placeholder{width:100%;height:100%;font-size:14px;line-height:1.2em}.showAll{position:absolute;right:15px;top:15px;z-index:99999999999;display:none}.logo-header,.navbar-brand{display:inline-block!important}footer{border-top:#d3e0e9 2px solid;background:#fff;padding:15px}.logo-header{width:35px;margin-top:-5px;opacity:.65}@media (min-width:770px){[for=mobile]{display:none}#search{display:inline-block!important;padding-left:0!important;padding-right:0!important}}@media (max-width:770px){#tooltip{width:100%;left:0!important;margin:15px}[for=desk]{display:none!important}#search{display:none;position:fixed;z-index:2;width:100%;background:#fff;margin-left:-5px;margin-top:0}#registerFormContainer{position:relative!important;border: none !important;box-shadow: none !important;}#overhead{display:none}}.mobile-tools{padding-top:14px}.mobile-tools i{font-size:24px!important;margin-left:15px}#previews img{margin:10px}#overhead{display:none}.user-avatar{width:150px!important;border:1px solid #d3e0e9}.user-avatar-td{width:150px}@media (max-width:770px){.user-avatar,.user-avatar-td{width:75px!important}}
.dialog-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}

/* Container de la modal */
.dialog-modal {
  background: white;
  width: 90%;
  max-width: 600px;
  max-height: 90vh; /* Ne dépasse jamais la taille de l'écran */
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  margin: auto;
}

/* Header */
.dialog-modal-header {
  padding: 16px;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  flex-shrink: 0;
}

.dialog-modal-header h2 {
    margin: 0;
}


/* Footer */
.dialog-modal-footer {
  padding: 16px;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

/* Contenu scrollable si trop long */
.dialog-modal-content {
  padding: 16px;
  overflow-y: auto;
  flex-grow: 1;
}

@media(max-width: 768px) {
  .dialog-modal {
    width: 100%;
    height: 100%;
    max-height: none; /* Permettre à la modal de prendre toute la hauteur */
    border-radius: 0; /* Supprimer les coins arrondis sur mobile */
  }
}

label { font-weight:bold; font-size:1em; }

#exercises label  [name=exercise_id] {

	margin:5px;
	padding:5px;
	

}
#form_score {

	margin-right: 0px !important;
	margin-left: 0px !important;

}

.fa-line-chart, th [for=desk] {

	display:none !important;
}

th [for=mobile] {

	display:inline !important;
}

.legend {

	display : inline-block;
	width : 16px;
	height: 16px;
	margin-left: 5px;

}

	@media (max-width:770px){
		#auth_modal {
			padding:0px !important;
		}

		#auth_modal .overlay-content {
			width:100% !important;
			margin:0px !important;
			border-radius:0px !important;
			box-shadow:none !important;
      max-height:100% !important;
      height: 100% !important;
		}
	}

.perfBestRecent {

		display:none;

	}
	.progress-bar-category{

		cursor: pointer;

	}
	@media (max-width:770px){
		#listPerfs {

			position:relative !important;
			left:0px !important;
			width: 100% !important;

		}
	}

	.dialog-modal-overlay #listPerfs {
			position:relative !important;
			left:0px !important;
			width: 100% !important;
	}

	#overlay #listPerfs
	{

		position:relative !important;
		left:0px !important;
		width: 100% !important;

	}

	#scoreFormArea .form-exercice-list {
		padding: 0px !important;
	}

.nprogress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: linear-gradient(to right, #29d, #38f);
  z-index: 9999;
  pointer-events: none;
  transform-origin: left;
}

.nprogress-bar-33 {
   transform: scaleX(0);
    animation: nprogress-animation-33 2s ease-out forwards !important; /* plus de `infinite` */
}

.nprogress-bar-66 {
   transform: scaleX(0.33);
   animation: nprogress-animation-66 2s ease-out forwards !important; /* plus de `infinite` */
}

@keyframes nprogress-animation-33 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

@keyframes nprogress-animation-66 {
  0% {
    transform: scaleX(0.33); /* départ à 33% */
  }
  100% {
    transform: scaleX(1); /* jusqu'à 100% */
  }
}

form sup {
  color: red !important;
}

#bottomToolbar .badge-overlay .fa-dumbbell {
    color: #000 !important;
    margin-top:7px;
}

#bottomToolBar {
    padding: 0px !important;
    left: 0 !important;
}

#bottomToolbar .btn {
    padding-left: 13px !important;
    padding-right:13px !important;
}

#bottomToolbar {
			padding:7px !important;
		}	

	#bottomToolbar {
			width: 100% !important;
			text-align:center;
			left: inherit !important;
			border-top: 1px #e5e5e5 solid;
			background:#fff;
			bottom:-1px !important;
			z-index:2 !important;
			padding:15px;
		}
		#btnScore {
			margin-left: 0px !important;
		}

#bottomToolbar {
	
	position: fixed;
	border-bottom: none;
	z-index:77 !important;
  bottom: 15px;
	left:15px;
	display:inline-block;
}
#bottomToolbar form {
    display:inline-block;
}

@media(max-width:770px){
	#bottomToolbar .btn {
		display:inline-block !important;
		border-radius: 35px !important;
	}

    #bottomScoreBtn {
        display:none;
    }

    #bottomToolbar2 {
        display:none !important;
    }
}

@media(min-width:770px){
    #bottomToolbar {
        display:none;
    }
}

#bottomToolbar .progress-container {
    border: none !important;
}

#bottomScoreBtn {
    margin: 15px;
}

#bottomToolBar2 {
		position: fixed; 
		text-align: center;
		z-index:3;
		bottom:0;
		left:0;
		padding:15px;
		width:100%;
	}

	#bottomScoreBtn {
		border-radius: 25px;
	}

  .overlay-header {
    display:block;
    font-size: 24px;
    text-align: left;
    padding-left: 15px;
  }
  
@media(max-width:770px){
  #overlay, #preview {
    padding:0px !important;
  }

  .overlay-content {
    border-radius: 0px !important;
    max-height:100%;
  }

  .overlay-content .close {
    position: fixed;
    top:7px;
    right:7px;
    z-index:3;
  }

  .overlay-header {
    display: block;
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    padding:7px;
    padding-left:15px;
    position: fixed;
    z-index:2;
    background: #fff;
  }
}