/** ***************** CSS MAISON ***************** **/
h2 {
	color: #1A1A56;
	font-size: 25px;
    font-weight: bold;
    padding-top: 10px;
}
h1 {
    padding-top: 10px;
}

h3 {
	font-size: 20px;
}


a:hover {
	cursor: pointer
}

.main-container {
	padding-left: 		0px;
	padding-right: 		0px;
}

.content-container {
	padding: 15px;
	background-color: white;
}

.spaced-row {
	margin-bottom: 15px;
	
}

.ffgym-icon {
	background-color: 	#1B1B57;
}

.ffgym-icon img {
	height: 70px;
	float: 	right;
}

#nav-menu {
	padding: 			14px;
	background-color: 	#1B1B57;
	border-bottom: 		1px solid #1B1B57;
}

#nav-menu li {
	background-color: 	#1B1B57;
}

#nav-menu a:hover, 
#nav-menu a:focus {
	background-color: 	#3C3E6F;
	border: 			1px solid #3C3E6F;
}

#nav-menu a {
	color: white;
}

#stacked-nav-bar {
    top: 41px;
    left: 31px;
    color: #8A8AAE;
}

ul.nav.nav-tabs.nav-stacked {
	border: #D3D3DF 1px solid;
}

ul.nav.nav-tabs.nav-stacked > li {
	
}

ul.nav.nav-tabs.nav-stacked > li.active {
	border: none;
	background-color: #D3D3DF;
}

ul.nav.nav-tabs.nav-stacked > li.inactive {
	
}

ul.nav.nav-tabs.nav-stacked > li > a {
	background-color: transparent;
	border: none;
}

ul.nav.nav-tabs.nav-stacked > li.active > a {
	color: white;
}

ul.nav.nav-tabs.nav-stacked > li.inactive > a {
	
}

textarea { resize:vertical; }

/** Barre de menu **/

#module-menu-bar {
       width: 100%;
    padding: 20px 0px 20px 0px;
    background-color: #1B1B57;
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 60px;
}

#module-menu-bar span {
    color: white;
}

.bar-buttons {
	position:absolute;
    padding-left: 14px;
    margin-top: -7px;
}

.notification-span {
	margin-left: 8px;
}


.header-logo {
    max-height: 50px;
    margin-top: -20px;
    margin-left: 20px;
}

.notification-span + .header-logo {
    margin-left: -25px;
}

.logged-as-block {
	font-size: 17px;
	margin-right: 5px;
}

.logged-as-block .fa.fa-users {
	margin-right: 3px;
}


.bigger-size {
	font-size:30px;
}

.notif-badge{
	background:red;
	position:relative;
    top: -19px;
    left: -18px;
}
.notif-badge-inside {
	background:red !important;
}

.smaller-padding {
	padding-right: 0px;
    padding-left: 6px;
}
.without-padding {
	padding-right: 0px;
    padding-left: 0px;
}

.notif-fix-to-top {
  position: fixed;
  top: 0;
  z-index: 998;
  width: 64.88%;
}


.notif-button{
	color:white;
	font-size:36px;
}

.module-title {
       font-size: 16px;
       position: absolute;
       text-align: center;
       width: 60%;
       margin-left: 20%;
       margin-right: 20%;
}

.module-version {
       top: 40px;
    font-size: 11px;
       position: absolute;
       text-align: center;
       width: 70%;
       margin-left: 15%;
       margin-right: 15%;
}

.disconnect-button {
    float: right;
    padding-right: 14px;
}

.disconnect-button button.btn {
	padding: 2px 6px;
}

#fil-ariane {
	width: 100%;
}

#fil-ariane ul {
    list-style-type: none;
    display: inline;
	padding: 7px 0px 7px 10px;
    /*margin-bottom: 10px;*/
}

#fil-ariane ul > li {
    list-style-type: none;
    display: inline;
}

#fil-ariane li:before {
	content: " > ";
	margin-left: 5px
}

#fil-ariane li:first-child:before {
	content: none;
}


/** Fin barre de menu **/

.chocolate-box {
    color: chocolate;
    background: #D3D3DF;
    text-decoration: none;
    word-wrap: break-word;
    padding-top: 5px;
    margin-left: 10px;
}

.chocolate-box-title {
    text-align: left;
    color: #544581;
}


label.control-label.title {
	border-bottom: 0.1rem solid white;
	display: inline-block;
	text-transform: uppercase;
	width:100%;
	margin-bottom: 15px;
	padding-bottom: 10px;
	color: #6A638F
}

.table-in-panel {
	background-color: #F1F1F1;
}

.table-in-panel thead tr th {
	background-color: #E8E8E8;
	color: #888BBA;
	text-transform: uppercase;
}

.panel-list {
	border-color: #ddd;
}

.panel-list > .panel-heading {
	background-color: #E8E8E8;
	color: #888BBA;
	border-color: #E8E8E8;
}

.panel-body-active {
	background-color: #D3D3DF;
}

.panel-body-inactive {
	background-color: #E8E8E8;
}

.panel-inactive > .panel-heading {
	color: #8A8AAE;
	background-color: #E8E8E8;
}

.panel-inactive > .panel-body {
	background-color: #F1F1F1;
}

.panel-active > .panel-heading {
	color: white;
	background-color: #8A8AAE;
} 

.panel-active > .panel-body {
	background-color: #D3D3DF;
}

.table-in-accordeon {
    margin: 0 !important;
}

uib-accordion.accordion-table-container .panel-body {
    padding: 0 !important;
}

.calendar + .dropdown-menu {
	width: 200px;
	font-size: 12px;
	float: right;
	padding-left: 1px;
    overflow:hidden;
}

.calendar + .dropdown-menu .btn {
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 10.5px;
}


.datepicker table {
  margin: 0;
}

.calendar + .dropdown-menu table .btn {
	font-size: 12px;
	padding: 6px;
}

.btn.btn-primary.btn-large {
	border-radius: 25px 0 0 0;
	text-transform: uppercase;
	font-weight: bold;
    padding: 5px 20px;
}

.btn.btn-primary.btn-small {
	font-weight: bold;
    padding: 4px 8px;
}

.lg-btn-belt > .btn.btn-large:not(:last-child) {
	margin-right: 5px;
}

.text-bold {
	font-weight: bold;
}

.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}

.butonField{
	color: black;
    text-align: center;    
    background: #C5C6E2;
    border-color: #E0E1FF;
}

/** ManageEngagement **/
/* 03-UC02-US01-RA008 */
.forfait {
	color: red !important;
}
.compoChanged {
	color: blue;
}

/** ManageEngagement **/
/* 03-UC02-US02-RA018  */
.disabled {
	background-color: rgba(0, 0, 0, 0.1) !important;
}

@media (min-width: 768px) {
	#engage-disengage-btns {
		padding-top: 185px;
	}
}

.sortorder:after {
  content: '\25b2';
}

.sortorder.reverse:after {
  content: '\25bc';
}

.dropdown-menu {
	width:100%;
	max-height: 500px;
	overflow-y: scroll;
	border-radius: 0;
	border-top-width: 0;
	margin: 0;
	background-color: rgb(254, 255, 207);
}

.dropdown-menu > li {
	/** overflow: hidden; **/
	
}

.dropdown-menu > li > a {
	/** overflow: hidden; **/
	white-space: normal;
}

/** smaller form-control with fixed width (based on original Bootstrap form-control CSS class **/
.sm-form-control {
    display: block;
    width: 100px;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.not-last-discipline::after {
	content: " / ";
}

.not-last-evt::after {
	content: "\A";
	white-space: pre-wrap;
}

.not-last-region::after {
	content: ",";
}

.inline {
	display:inline;
}

.notification-list  .notif-resume-container {
	padding-top: 15px;
	padding-bottom: 15px
}

.notification-list  .notif-resume-container:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.33);
}

.notif-unread { /** notif non lue **/
	font-weight: bold;
}

.notif-resume-container p {
	margin: 0px !important;
}

.notif-status { 
	font-size: 11px;
}

.notifEqpEnsCateg{
	font-size: 12px;
    padding: 6px 7px 1px;
}

.notifCDCLicBold{
	font-weight: bold;
}

uib-accordion .panel-heading h4 {
	cursor: pointer;
}

uib-accordion .panel-body {
	padding: 0px 15px;
}

.text-vertical-align {
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
}

.notif-selected {
	border: 1px solid black !important;
}

/** Type de catégorie **/

.code-corps {
	margin-right: 25px;
}

.calcul-block > div {
	display: inline-block;
	width: 100%;
	padding-right: 0px;
}

.calcul-block input,
.calcul-block select {
	width : 100%;
}

/** loader **/
.loading-backdrop {
	margin: 0;
	padding: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.5);
	z-index: 999;
}

.loading-container {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 150px;
	z-index:9999;
	background-color: rgba(194, 185, 230, 0.95);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #1B1B57;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

.loading {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 0;
}

.loading li {
	height: 0; 
	position: absolute;
	top: 50%;
	left: 0;
	margin: 0;
	height: 10px;
	width: 10px;
	border: 3px solid #1B1B57;
	border-radius: 100%;
	-webkit-transform: transformZ(0);
	transform: transformZ(0);
	-webkit-animation: LOADING 2s infinite;
	animation: LOADING 2s infinite;
}

.loading li:nth-child(1n) {
	left: -20px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.loading li:nth-child(2n) {
	left: 0;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.loading li:nth-child(3n) {
	left: 20px;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

@-webkit-keyframes LOADING {
	0% {
		-webkit-transform: scale(0.5);
				transform: scale(0.5);
		background: #1B1B57;
	}
	50% {
		-webkit-transform: scale(1);
			transform: scale(1);
		background: white;
	}
	100% {
		-webkit-transform: scale(0.5);
				transform: scale(0.5);
		background: #1B1B57;
	}
}

@keyframes LOADING {
	0% {
		-webkit-transform: scale(0.5);
				transform: scale(0.5);
		background: #1B1B57;
	}
	50% {
		-webkit-transform: scale(1);
				transform: scale(1);
		background: white;
	}
	100% {
		-webkit-transform: scale(0.5);
				transform: scale(0.5);
		background: #1B1B57;
	}
}
/** end loader **/


/** modal windows **/

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

/* Page d'accueil */

.home-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.image-button {
	position: relative;
	padding: 10px;
	text-align: center;
}

.imageinside + .text {
	opacity: 0;
    position: relative;
    padding: 2px 0px;
    color: #ffffff;
    background: #000000;
    text-decoration: none;
    text-align: center;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;

    width: 245px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;

    position:absolute;
    word-wrap: break-word;
	bottom: 45px;
	left: 10px;
}

.imageinside:hover + .text {
    opacity: 0.8;
}

/** ***************** END CSS MAISON ***************** **/

/** ***************** SURCOUCHE STYLISTIQUE BOOTSTRAP ***************** **/*

/** modal windows **/

.modal-dialog {
	min-width: 300px;
	max-width: 60%;
}

.modal-header {
	border-bottom: none;
	padding-bottom: 0;
	text-align: center;
}

.modal-body {
	text-align: center;
}

.modal-body2 {
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: 12px;
}

.form-inline {
	margin-bottom: 15px;
}

div:not(.panel).form-inline div:not(:last-child) {
    margin-right: 10px;
}

label.control-label {
	margin-right: 5px;
}

.label-content-align {
	display: inline-block;
}

div.control-label-container {
	top: 9px;
}

.control-checkbox-container {
	top: 4px;
}

.form-control, .sm-form-control {
	font-size: 12px;
	background-color: rgb(254, 255, 207) !important;
	padding-left: 5px;
	border-radius: 0px;
}

.form-control[disabled] {
	background-color: rgba(0, 0, 0, 0.1) !important;
}

@media (min-width: 768px) {
	.form-inline > div.form-group:not(:last-child){
		margin-right: 15px;
	};
}

.table thead tr th {
	background-color: #1B1B57;
	color: white;
}

.table tbody tr:nth-child(even):not(.selected) {
	background-color: #E8E8E8;
}

.table tbody tr:hover {
	/* background-color:white; */
	color: orange;
}

.table tbody tr:hover td > .btn.btn-primary {
	background-color: #7A7CB9;
	color: white;
}

.table tbody tr.selected td > .btn.btn-primary {
	background-color: #E8E8E8;
	color: #1A1A56;
}

.table tbody tr:hover td > .btn.btn-primary:hover {
	background-color: #1A1A56;
	color: white;
}

.table tbody tr:hover > td {
	color: orange;
}

.table tbody tr > td {
	vertical-align: middle;
}

.correct-alignment {
	right: 2px;
	position: relative;
}

.equipeEnsembleTable thead tr th:first-child {
	width:70% !important;
}

.table tbody tr.selected {
	background-color: #7A7CB9;
	color: white;
/* 	background-color: pink !important; */
}

.panel-default {
	color: #1B1B57;
	border-radius: 0px;
}

.panel-default > .panel-heading {
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 0px;
}

.btn {
	font-size: 12px;
}

.btn.btn-primary {
	background-color: #7A7CB9;
	border-color: #7A7CB9;
	color: white;
	border-radius: 0px;
}

.btn.btn-primary:hover {
	background-color: #3C3E6F;
	border-color: #3C3E6F;
}

input[type="checkbox"] {
	margin-left: 10px !important;
}

.input-group-addon {
	top: 0px;
}

.radio + .radio {
	margin: 10px 0px;
}

.horizontal-radio {
	margin: 10px 0px !important;
}
/** ***************** END SURCOUCHE STYLISTIQUE BOOTSTRAP ***************** **/

 ul.drag-n-drop-list {
 	height: 400px;
 	overflow-y: auto;
 	padding-bottom: 1px;
 	
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 }

/* hide spinner for input type number */


input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none; /* not supported in IE 9/10/11, supported in Edge */
}

.thumbnails .caption {
	margin-left: 250px;
}

.thumbnails  img {
	padding-top: 20px;
	width: 200px;
}

.control-group input, .control-group textarea {
	margin-left: 20px;
}

.control-group .help-block {
	margin-left: 180px;
}

.overlay {
	opacity: 0.5;
	background-color: #ffffff;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

.img-modal {
	width: 70px;
	height: 70px;
}

input.ng-invalid.ng-dirty {
	background-color: #F2DEDE;
	border-color: #EBCCD1;
}

.error-message {
	color: #E44848;
}

.search-button {
	padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}

/*input.ng-valid.ng-dirty {
	background-color: #DFF0D8;
	border-color: #D6E9C6;
}*/

/** ***************** CORRECTIONS CSS ***************** **/
/* Forcer la tooltip à être au premier plan */
button:not([disabled]) + .tooltip {
	display: none !important;
}

/** Bidouille pour corriger le problème de tooltip qui sort du flux **/

.tooltip {
	/*position: fixed;*/
}

ul.drag-n-drop-list li:first-child .tooltip {
	top: 65px !important;
	left: 256.640625px;
	display: block;
}

ul.drag-n-drop-list li:first-child .tooltip .tooltip-arrow {
	top: 0 !important;
	bottom: auto !important;
	border-width:0 5px 5px !important;
	border-bottom-color: #000 !important;
}

/* Label d'information */
.infoLabel{
	font-size: 11px;
    font-style: italic;
    margin-left: 25px;
}
.infoLabel2{
    padding-top: 15px;
    right: 3px;
    font-size: 11px;
    font-style: italic;
}

.bigger-info-sign {
	font-size: 18px;
    top: 5px;
}

/* Label custom pour associer à un bouton */
.label-input-addon {
 	margin-top: 5px;
 	margin-right: 5px;
	padding-left: 5px;
}

.searchLicencieMenu {
    bottom: 8px;
    right: 25px;
    position: relative;
}

#checkboxQuota{
	position: relative;
	bottom: -5px;
	right: -7px;
}
.event-info {
	min-height: 162px;
	/* 175 ? */
}
.text-consulted {
  color: chocolate;
}
.ctn-divider{
	margin-left:20px;
	margin-right:20px;
}

.loadingCombobox{
	font-style: italic;
    color: grey;
}
.capitalize{
  text-transform : capitalize;
}

/* Format des tables avec scrollbar */
.inputInCell{
	width:100%;
	font-size: 12px;
	border-radius: 0px;
}

.scrollTableLogAs tbody {
    display:block;
    word-wrap:break-word;
    max-height:520px;
    overflow-y:scroll;
}
.scrollTableLogAs thead, .scrollTableLogAs tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

.scrollTable tbody {
    display:block;
    word-wrap:break-word;
    max-height:520px;
    overflow-y:scroll;
}
.scrollTable thead, .scrollTable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.scrollable-modal {
    display:block;
    max-height:620px;
    overflow-y:scroll;
}

.miniScrollTable tbody {
    display:block;
    max-height:200px;
    word-wrap:break-word;
    overflow-y:scroll;
}
.miniScrollTable thead, .miniScrollTable tbody tr,.miniScrollTable2 thead, .miniScrollTable2 tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

.miniScrollTable2 > tbody {
    display:block;
    max-height:400px;
    word-wrap:break-word;
    overflow-y:scroll;
}

.smaller-input {
	width:4.9%;
	margin-left: 6px;
}

.cl-xxs-1{
	width:5%;
	padding-right:0px !important;
	padding-left:0px !important;
}
.cl-xxs-2{
	width:2%;
}
.cl-xxs-3{
	width:3%;
	padding-right:0px !important;
	padding-left:0px !important;
}
.cl-xs-1{
	width:6%;
	padding-right:0px !important;
	padding-left:0px !important;
}
.cl-no-padding{
	padding-right:0px !important;
	padding-left:0px !important;
}
.cl-sm-1{
	width:8%;
}
.cl-sm-4{
	width:8%;
	padding-right:0px !important;
	padding-left:0px !important;
}
.cl-sm-2{
	width:9%;
	padding-right: 5px !important;
}
.cl-sm-2-bis{
	width:9%;
	padding-right: 1px !important;
	padding-left: 1px !important;
}
.cl-sm-3{
	width:10%;
	padding-right:4px !important;
}
.cl-md-1{
	width:12%;
}
.cl-md-2{
	width:14%;
	padding-right: 3px !important;
	padding-left: 4px !important;
}
.cl-md-3{
	width:16%;
}
.cl-md-4{
	width:18%;
}
.cl-lg-1{
	width:22%;
}
.cl-lg-2{
	width:26%;
}
.cl-lg-3{
	width:31%;
}
.cl-lg-4{
	width:52%;
}
.cl-bt-1{
	width:7%;
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.cl-bt-2{
	width:12%;
}
.cl-bt-4{
	width:20%;
}

.cl-bt-5{
	width:22%;
}

.cl-bt-6{
	width:22%;
}
.cl-bt-3{
    width: 17%;
    padding: 2px !important;
}
.cl-scroll{
	width:17px;
	min-width:17px;
	max-width:17px;
}

.extra-large-size {
	width: 97%;
}

.extra-small-size {
	width: 3%;
}

/* Custom file upload */
.hiddenInputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.uib-datepicker-popup {
	width: 260px;
    font-size: 12px;
    float: right;
    padding-left: 1px;
    overflow: hidden;
}

.w-60 {
	width: 60px;
}


.mt-23{
	margin-top: 23px;
}

.quota{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0, 0.4);
}

.quota-content{
	width: 80%;
    margin: auto;
    overflow: auto;
    height: 100%;
}

.p-0{
	padding : 0;
}
.selected{

    background-color: #7A7CB9;
    border-color: #7A7CB9;
    color: white;
    border-radius: 0px;
}
.selected:hover {
	background-color: #3C3E6F;
    border-color: #3C3E6F;
    color: white;
}
.selected:focus{
	    color: white;
}