/* .panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}

 */
/* citation */
blockquote {
	background-color: #f8f8f8;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}
blockquote.quote p {		
    padding-left: 3em;
    margin-bottom: 0px;
}
blockquote.quote p:before {
    font-family: "FontAwesome";
    content: "\f10d";
    font-size: 20px;
    vertical-align: -15%;
    color: #ccc;
    margin-right: 10px;
    margin-left: -34px;
}
blockquote.quote p:after {
    font-family: "FontAwesome";
    content: "\f10e";
    font-size: 20px;
    vertical-align: -15%;
    color: #ccc;
    padding: 10px;
}
 
.labelNbRealisations {
	font-size: 75%;
    margin-left: 13px;
}	
 
.panelToggle {
	cursor:pointer;
}
 
.homeDashboard_reducedPadding {
	padding-left:10px;
	padding-right:10px;
}
.homeDashboard_avatar{
    margin-bottom: 4px;
    margin-top: 4px;	
}
.homeDashboard_left{
    display:inline;
}
.homeDashboard_right{
    float: right;
    padding-top: 8px;
}
.ruler_midmargins {
	margin-top:3px;
	margin-bottom:3px;
}
.ruler_lowmargins {
	margin-top:0px;
	margin-bottom:3px;
}

.text-italic {
	font-style: oblique;
}
.text-bold {
    font-weight: bold;
} 
 /*  feedbacks in seance */
.feedback {
	width:80%;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.feedbackAvatar {
    width: 64px;
    height: 64px;
}
 
 /* salle */
#salleColorAdd {
	 float:right;
	 padding-top: 5px;
 }
#salleImage {
	/* border: 1px solid #ccc; */
	max-height: 152px;
	max-width: 152px;
	vertical-align: middle;	
}
.colorPickBlocs {
	margin-right: 8px;
	display:inline-block;
}
.colorPickRemoveBtn {
	font-size: 115%;
	border-width:0px !important;

}
.seanceClimbSalleModifBtn {
    padding-top: 10px;	
}
#seanceClimbing .radio {
	padding-top:3px !important;
}
#seanceClimbing .checkbox {
	padding-top:3px !important;
}
 
 /* home */
.dateFeedback {
    font-size: 90%;
    position: relative;
    top: -30px;
    color: #888;
    float: right;
    background-color: inherit;
    padding-left: 8px;
    PADDING-RIGHT: 8px;
    right: -35px;
	
} 
/* home */
.datePrescription {
	font-size:80%;
	opacity:0.8;
	font-weight:initial;
	position: relative;
	/* right: -25px; */
	color: inherit;
	float:right;
	
}
 /* home */
.btnFeedback {
	float:right;
}	

/* avatar */
.avatarFrame {
    display: inline-block;
	border-radius: 50%;
    border-color: #d4d4d4;
    border-width: 2px;
    border-style: solid;	
    width: 100%;
    height: 100%;
    text-align:center;
    /* background-color: #fff; */
    vertical-align:middle;
}

.avatarPic {
	border-radius: 50%;
    max-width: 100%;
    max-height: 100%;
    vertical-align: unset;
}

.avatarInitials {
    color: #222;
	border-radius: 50%;
    text-align: center;
    /* font-size: 18px; */
    background-color:white;
}    
    
.avatarSmall {
    height: 34px;
    width: 34px;
    line-height: 30px;
    display:inline-block;
    margin-right: 6px;
}

.avatarMid {
    height: 64px;
    width: 64px;
    line-height: 60px;
    display:inline-block;
}

.avatarHigh {
    height: 164px;
    width: 164px;
    line-height: 160px;
    display:inline-block;
}

.avatarNavbar {
    float: left;
    position: relative;
    top: -6px;
    margin-right: 10px; 
} 

#user_avatar {
	cursor:pointer;
	/* width:160px; */
	/* height:160px; */
    transform: scale(2.5) translate(28px, 10px);
}
#user_avatarBtn {
    margin-top: 100px;
    text-align: center;
}

#userAvatar {
	 max-height: 140px;
	 max-width: 140px;
	 margin-top: 20px;
}
 
#grimpeurAvatar {
    margin-right:20px;
    display: inline-block;
}
 

 
.alert {
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 3px;
	 
	 
 }
 
.exCardFrame {
	min-height:95px;
    /* border-radius: 10px; */
}
	
.counterExercice {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    /* vertical-align: middle; */
    white-space: nowrap;
    text-align: center;
    background-color: #909090;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    z-index: 11;
    top: -1px;
    left: -1px;	
}

#calendarToolTip {
	position:absolute;
	z-index:1000;
	width:300px;
    background-color: #000;
    border-radius: 3px;
    z-index: 99999;
    padding:7px;
    color:white;
}	 
 
/* .panel-darkgrey {
} */
 
.calendarSeance {
	background-color: #9954BB;
	border: 0px solid red;
}
.calendarPrescription {
	background-color: #2780E3;
	border: 0px solid red;
}
.calendarExercice {
	background-color: black;
    color:white;
	border: 0px solid red;
}
.calendarPériodes {
	background-color: lightgrey;
	border: 0px solid red;
	color:#666;
}
.calendarCompétitions {
	background-color: #ff7518;
	border: 0px solid red;
}
.calendarStages {
	background-color: #606060;
	border: 0px solid red;
}
.calendarRepos {
	background-color: #3fb618;
	border: 0px solid red;
}
.calendarObjectifs {
	background-color: #ff0039;
	border: 0px solid red;
}

a:selected {
	color:red;
	
}

.exPlaceholder {
	background-color: #fafafa;
	border: 4px dashed #bbbbbb;
	border-radius:10px !important;	
}
 
.scrollable-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}
 
.imgExLib {
	min-width: 160px;
}
.colImgExLib {
	min-width: 110px;
}

/* img { */
	
	/* max-width:150px !important; */
	/* max-height:100px !important; */
/* } */

.exerciceLibImg {
	max-height:100px ;
	max-width:110px ;
	
}
.exerciceSeanceImg {
	max-height:100px ;
	max-width:150px ;
	
}
.exerciceDisplayPrintImg {
	max-height:150px ;
	max-width:150px ;
	
}

.exFrame {
	border:black solid 1px;
}

.seanceFrame {
	border:red solid 1px;
}

#exImage {
	/* border: 1px solid #ccc; */
	max-height: 150px;
	max-width: 150px;
	vertical-align: middle;	
}

#exImage img {
	max-height: 150px !important;
	max-width: 150px !important;
	
}

.validationExo {
  font-size: 25px;
}
.validationExo i:hover {
	transform: scale(1.1);
}
.validationExo i {
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	-o-transition: all linear .2s;
	transition: all linear .2s;
}

 
/*  .btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
 */
 

.uploadImage_hover {
	background-color:#ddd;
}

.uploadImage_draggable {
	background-color: #fafafa;
	border: 4px dashed #bbbbbb;
	border-radius:18px !important;	
}

 /* navbar */
 
.floatCheck {
    float: right;
    right: 20px;
    top: -0px;
    position: absolute;
    text-align: right;
    z-index: 1;
}	

.labelRight {
    float: right;
    margin: 4px;
}	
 
.labelMod {
	font-size: 85%;
	font-weight: normal;
	display: inline-block;
	padding: .3em .6em .4em;
    margin-top: 3px;    
}

.labelMod a {
    color:white;
}

.lb-sm {
  font-size: 12px;
}

.lb-md {
  font-size: 13px;
}

.lb-lg {
  font-size: 20px;
}

.exerciceMenuBtns {  
    right: 10px;
    width: 150px;
    height: 20px;
    position: absolute;
    z-index: 900;
    text-align: right;
	
}

.exercicePics {  
    top: 30px;
    right: 10px;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 900;
    text-align: right;
	border: 1px red solid;
	border-radius:8px;
	background-color:#999;
}

.modal{
   overflow:auto !important;
}

.panel-heading h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal; 
    width: 75%;
    padding-top: 8px;
}

.btnTable {
    cursor:pointer;
    padding-left:8px;
    text-decoration: none;
}

.borderless td, .borderless th, .borderless table {
    border: none !important;
}

.fakeLink {
    cursor:pointer;
}
a:hover {
    cursor:pointer;
    text-decoration:none;
}

a {
    cursor:pointer;
    text-decoration:none !important;
}

.note-editor .note-editable {
    line-height: 1;
}

/* form checking */
.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: #2780E3;
    border-color: #2780E3;
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: #3FB618;
    border-color: #3FB618;
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: #9954BB;
    border-color: #9954BB;
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: #FF7518;
    border-color: #FF7518;
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: #FF0039;
    border-color: #FF0039;
}

/* form checking */
.label-xsmall {
  vertical-align: super;
  font-size: x-small;
}

.label-small {
  vertical-align: super;
  font-size: small;
}

.label-medium {
  vertical-align: super;
  font-size: medium;
}

.label-large {
  vertical-align: super;
  font-size: large;
}

.label-bs {
  vertical-align: super;
}

.list-item-lightBackground {
	background-color:lightgrey;
}
.iconCustom {
    height:18px;
}
.isMandatory {
    color:red;
}
.card:hover {
    background:#eee;
}

span.grippy {
  content: '.. .. .. ..';
  width: 15px;
  height: 24px;
  /* display: inline-block; */
  /* overflow: hidden; */
  line-height: 5px;
  padding: 3px 4px;
  cursor: move;
  vertical-align: middle;
  margin-top: -.4em;
  margin-right: .3em;
  /* margin-left: -0.8em; */
  font-size: 12px;
  font-family: sans-serif;
  letter-spacing: 2px;
  color: #fff;
  text-shadow: 1px 0 1px black;
  float:left;
}
span.grippy::after {
  content: '.. .. .. ..';
}

#competContentUsers {
    max-height: 400px;
    overflow: auto;
}

.tip {
    font-style: italic;
    margin-top: 6px;
}
.tip::before {
    content: "💡 ";
    font-style: normal;
}
#addSeanceModal .rowExs  {
    max-height: 440px;
    overflow: auto;
    padding-top: 10px;
}
#blocSeance2 {
    max-height: 440px;
    overflow: auto;
}
#displaySeanceExs {
    max-height: 700px;
    overflow: auto;
}

.letterTag {
    padding-left: 15px;
    padding-bottom: 10px;
    padding-right: 20px;
    display: none;
}
#dropDownExFilter {
    max-height: 600px;
    overflow: auto;
}
#modalShareToUsers {
    height: 400px;
}
#user_weight {
    padding:8px;
}
#showPwd {
    position: absolute;
    right: 14px;
    z-index: 10;
    top: 14px;
}
.replyInvite:hover{
    background-color: #ccc;
}
input::-ms-reveal {
  display:none;
}
.competListPlace {
    text-transform: capitalize;
}
.competeContainer {
    max-height: 300px;
    overflow: auto;
}
.block_buttons_right {
    float: right;
    text-align: right;
    line-height: 30px;
}
.seance_retour {
    /* margin-left: 30px; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* font-style: italic; */
    background-color: #eee;
    margin-bottom: 5px;
    padding: 15px;
    font-size: 0.9em;
    margin-left: 15px;
}
.chart_wrapper {
    width: 100%;
    height: 300px;
}
.form-section-title {
    text-transform: capitalize;
}
#formContent {
    max-height: 600px;
    overflow: auto;
    padding-right: 10px;
}
.canvasFormWrapper {
    max-width: 900px;
    height: 300px;
    max-height: 300px;
}

.vis-item.timelineNode {
    color: white;
    background-color: black;
    border-color: black;
}

.vis-item.timelineNode.vis-selected {
    color: black;
    background-color: darkgrey;
    border-color: black;
}

#formResultContent {
    max-height: 550px;
    overflow: auto;
}

label.lang {
    font-weight:normal ;
}