/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(452,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(1722,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(2071,1): run-time error CSS1030: Expected identifier, found ' '
(2071,1): run-time error CSS1019: Unexpected token, found ' '
(2246,1): run-time error CSS1035: Expected colon, found '}'
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: middle;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	margin: 0;
	padding: 0;
}

body {
    color: #333;
    /*font-size: .85em;*/
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    padding-right: 0px !important
}
body[data-appli='CLUB'] {
    background: #fafafa !important;
}

body[data-appli='ADMINISTRATION'] {
}

header, footer, hgroup,
nav, section {
	display: block;
}

mark {
	background-color: #a6dbed;
	padding-left: 5px;
	padding-right: 5px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-fix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5, h6 {
	font-size: 1em;
}

h5 a:link, h5 a:visited, h5 a:active {
	padding: 0;
	text-decoration: none;
}
html, body {
	min-height: 100%;
}

.fill-100 {
	min-height:100%;
}

a {
    color:#4CB8C4;
}

button:focus {outline:0;}

b, strong {
    font-weight: bold !important;
    /*vertical-align: top;*/
}

/* INPUT DADOU*/
.form-group .form-label span.required:after,
.form-group span.required label:after {
    color: #e31010;
    content: "*";
    position: absolute;
    margin-left: 8px;
}

.form-group span.required input[type=checkbox]:not(:checked):after {
    border: 2px solid #e31010;
}

.form-group .form-label span.required-before:before {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: -12px;
}


.form-group .help-block {
font-style:italic;
color:#b1afaf;
}

.form-group span.label-tooltip {
 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #edf7fb;
    border-color: -moz-use-text-color -moz-use-text-color #d8edf7;
    border-image: none;
    border-radius: 3px;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #3586ae;
    /*font-size: 13px;*/
    padding: 0 5px;
    text-decoration: none;
}
textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control {
    padding: 5px;
    border: none;
    border-radius: 0px !important;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 -1px 0 #ddd;
    box-shadow: inset 0 -1px 0 #ddd;
    font-size: 16px;
    background: #dadada;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0px !important;
}

.btn {
    border-radius:0px !important;
}



.btn-icon i
{
    font-size: 18px;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
	margin: 0 auto;
	/*max-width: 960px;*/
}

body.login,
body.application{
	background-size: cover !important; 
}

/* site title
----------------------------------------------------------*/
.site-title {
	color: #c8c8c8;
	font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
	font-size: 2.3em;
	margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
	background: none;
	color: #c8c8c8;
	outline: none;
	text-decoration: none;
}

/* menu
----------------------------------------------------------*/
ul#menu {
	font-size: 1.3em;
	font-weight: 600;
	margin: 0 0 5px;
	padding: 0;
	text-align: right;
}

ul#menu li {
	display: inline;
	list-style: none;
	padding-left: 15px;
}

ul#menu li a {
	background: none;
	color: #999;
	text-decoration: none;
}

ul#menu li a:hover {
	color: #333;
	text-decoration: none;
}


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
	background-color: #fff;
}

.featured .content-wrapper {
	background-color: #7ac0da;
	background-image: -ms-linear-gradient(90deg, #7ac0da 0%, #a4d4e6 100%);
	background-image: -o-linear-gradient(90deg, #7ac0da 0%, #a4d4e6 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
	background-image: -webkit-linear-gradient(90deg, #7ac0da 0%, #a4d4e6 100%);
	background-image: linear-gradient(90deg, #7ac0da 0%, #a4d4e6 100%);
	color: #3e5667;
	padding: 20px 40px 30px 40px;
}

.featured hgroup.title h1, .featured hgroup.title h2 {
	color: #fff;
}

.featured p {
	font-size: 1.1em;
}

/* page titles */
hgroup.title {
	margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
	display: inline;
}

hgroup.title h2 {
	font-weight: normal;
	margin-left: 3px;
}

/* features */
section.feature {
	width: 300px;
	float: left;
	padding: 10px;
}

/* ordered list */
ol.round {
	list-style-type: none;
	padding-left: 0;
}

ol.round li {
	margin: 25px 0;
	padding-left: 45px;
}

ol.round li.zero {
	background: url("../Images/orderedList0.png") no-repeat;
}

ol.round li.one {
	background: url("../Images/orderedList1.png") no-repeat;
}

ol.round li.two {
	background: url("../Images/orderedList2.png") no-repeat;
}

ol.round li.three {
	background: url("../Images/orderedList3.png") no-repeat;
}

ol.round li.four {
	background: url("../Images/orderedList4.png") no-repeat;
}

ol.round li.five {
	background: url("../Images/orderedList5.png") no-repeat;
}

ol.round li.six {
	background: url("../Images/orderedList6.png") no-repeat;
}

ol.round li.seven {
	background: url("../Images/orderedList7.png") no-repeat;
}

ol.round li.eight {
	background: url("../Images/orderedList8.png") no-repeat;
}

ol.round li.nine {
	background: url("../Images/orderedList9.png") no-repeat;
}

/* content */
article {
	float: left;
	width: 70%;
}

aside {
	float: right;
	width: 25%;
}

aside ul {
	list-style: none;
	padding: 0;
}

aside ul li {
	background: url("../Images/bullet.png") no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}

.label {
	font-weight: 700;
}

/* login page */

.loginForm_content_login input{
   text-align:center;
}

.header_login,
.header_register {
	padding:0 0 40px 0 ;
	transition: all .2s ease-in;
	text-align:center;
}

.header_login span,
.header_register span {
	font-size:28px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	border-bottom: 3px solid #fff;
	color:#fff;
	cursor:pointer;
	text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);
}

#loginForm {
	width: 350px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
}

#loginForm_content {
	overflow:hidden;
	background: #fafafa;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	padding: 20px;
}

.logo_login {
	width:70%;

}
.group_list_container {
    min-height: 45px;
    /*overflow:hidden;*/
}

ul.group_list li
{
    display:inline-block;
}

ul.group_list li input[type="checkbox"]
{
    display:none;
}

.form_content {
	position: relative;
}

.loginForm_content_login {
	text-align:center;
	//position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

.no-gutter [class*="-6"] {
	padding-left:0;
    padding-right:0;
}

.breadcrumb {
    padding: 0 0 !important;
    margin-bottom: 0 !important;
    list-style: none;
    background: none !important;
    border-radius: 0px;
}

.breadcrumb>li {
    display: inline-block;
    font-size: 12px;
}

.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px !important;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0px solid transparent;
    white-space: nowrap;
    padding: 7px 16px;
    font-size: 13px;
    line-height: 1.846;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-icon {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 11px 3px 11px;
    font-size: 13px;
    line-height: 1.846;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.btn-sm, .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}


.registerlogin {
    overflow: hidden;
    position: absolute;
    top: -30px;
    /*width: 150px;*/
    right: -6%;
    background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    border-radius: 50px;
    color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
}

.init_content_parts h2 {
    padding-bottom: 10px !important;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #49bebf;
    font-size: 20px;
    color: #49bebf;
}

/*
.registerlogin:hover {
    background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    width: 200px;
}
.registerlogin:hover #MainContent_registerBtn span {
	opacity: 1;
    text-decoration:none;
    width:200px;
    text-align: center;
}
*/

#MainContent_registerBtn {
	padding: 18px 18px;
	display: block;
	font-size: 20px;
}

#MainContent_registerBtn i {
    color: #fff !important;
}

.pnlSexe {
    padding-left:0px !important;
}

.civilite {
	padding-left:0;
	margin-bottom: 0px;
	text-align: left;
	margin-top: 10px;
}

.civilite li {
	display:inline-block;
	padding:0 10px;
}

.civilite li:first-child{
    padding-left:0px;
}

.civilite li label{
    margin-top: 4px;
	font-size:15px;
}

#MainContent_lnkSinscrire {
	float: right;
	display: block;
	vertical-align:middle;
	padding: 0 !important;
	color:#fff;
	text-decoration: none;
}

#MainContent_lnkSinscrire {
    text-decoration: none;
}

#MainContent_lnkSinscrire:hover {
    color:#fff;
}
#MainContent_registerBtn span {
/*
	opacity:0;
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-o-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-ms-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
*/
	display: table-cell;
	vertical-align: middle;
}
/*---TODO----*/

.prestationTile_content_header {
    padding: 20px;
    background: url('../Images/Background/bg_presta.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    position: relative;
}

/*-------*/

#MainContent_registerBtn i {
	display: table-cell;
	vertical-align: middle;
	font-size: 40px;
	line-height: inherit;
	font-weight: 300;
}

.addmember {
    overflow: hidden;
    position: absolute;
    top: -26px;
    background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    border-radius: 50px;
    color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
}

.addmember:hover {
    background: linear-gradient(56deg, rgba(60, 211, 173, 0.6) 0, rgba(76, 184, 196, 0.6) 100%), #fff;
    background: -webkit-linear-gradient(56deg, rgba(60, 211, 173, 0.6) 0, rgba(76, 184, 196, 0.6) 100%), #fff;
}

#addmemberBtn {
	padding: 10px 10px;
	display: block;
	font-size: 15px;
}

.addmember a {
	float: right;
	display: table;
	vertical-align:middle;
	padding: 0 !important;
	color:#fff;
	text-decoration: none;
}

#addmemberBtn span {
	opacity: 1;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1); 
	padding:  0px 5px;
	display: table-cell;
	vertical-align: middle;
}

#addmemberBtn i {
	display: table-cell;
	vertical-align: middle;
	font-size: 30px;
	line-height: inherit;
	font-weight: 300;
    color:#fff;
    padding-right:5px;
}

.step2checkbox {
    margin-left: 25px;
}

.loginForm_content_register {
	text-align:center;
	position: absolute;
	right: -120%;
	width: 100%;
	height: 250px;

}

.loginForm_content_register p {
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	font-family:300;
}

.login_element {
	padding:10px 0;
	text-align:center;
}

.btn_login {
	padding: 10px 40px;
	font-size: 14px;
	cursor:pointer;
}

.lbErreur_login span{
    display: block;
    text-align: center;
    color: #fff;
    width: 100%;
    background: #e53037;
    padding: 10px 0;
}

.btn_register {
	background:  #2196f3;
	padding: 10px 40px;
	font-size: 14px;
	border-radius: 1px;
	color: #fff;
	border:0px;
	text-transform: uppercase;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	cursor:pointer;
}

.btn_register:hover,
.btn_register:focus {
	background:  #21aef3;
	padding: 10px 40px;
	font-size: 14px;
	border-radius: 1px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.goBack{
	background: #ccc !important;
	color:#fff !important;
	border: 0px;
	border-radius:1px;
}

.goBack:hover,
.goBack:focus {
	background: #ccc !important;
	color:#fff !important;
}

.btn_cancel {
	background: #f47575;
	padding: 10px 40px;
	border: 0px;
	font-size: 14px;
	border-radius: 1px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	cursor:pointer;
}

.btn_cancel:hover,
.btn_cancel:focus {
	background:  #f47575;
	padding: 10px 40px;
	font-size: 14px;
	border-radius: 1px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.forgot_mdp {
	margin-top: 10px;
	display: block;
	font-size: 13px;
	text-decoration: none;
	color: #2196f3 !important;
}

/* mdpoublie */
.mdpoublie .global-main {
    width:100%;
    max-width:600px;
    margin:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
}

#MainContent_pnlDemandeInitiale, #MainContent_pnlTraitement {
    background:#fafafa;
    padding:40px;
    position:relative;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.titleMdpoublie {
    margin-bottom:25px;
}

/* Register */

.register .global-main {
    width:100%;
    max-width:1200px;
    margin:auto;
}

.show-lb:focus {
  outline:none;
  background:#fbfbe9;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.labelTitre {
	padding: 15px 0;
    display:block;
	font-size:x-large;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}
.StepFocus a{
	color: red;
	font-weight:bold;
}

.StepBrowser {
    padding: 40px 40px 40px 40px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ececec;
    background: #fafafa;
    align-items: start;
    display: flex;
    justify-content: center;
}

.StepBrowser li {
	display:inline-block;
	list-style:none;
	width: calc(100%/5 - 4px);
	font-size:xx-large;
	cursor:pointer;
	text-align:center;
	text-align: center;
	opacity: 0.6;
}

.StepBrowser.Prestation li {
    width: calc(100%/4 - 4px);
}

 
.StepBrowser li a {
    z-index: 9999;
    width: 40px;
    height: 40px;
    background: linear-gradient(56deg, rgba(60, 211, 173, 0.6) 0, rgba(76, 184, 196, 0.6) 100%), #fff;
    background: -webkit-linear-gradient(56deg, rgba(60, 211, 173, 0.6) 0, rgba(76, 184, 196, 0.6) 100%), #fff;
    display: block;
    margin: auto;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 300;
    line-height: 37px;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    font-weight:600;
}
.StepBrowser li a:hover{
	background-color:#21aef3 !important;
}

.StepBrowser .not_visited a{
	background-color:#ccc;
}

.StepFocus {
	opacity: 1 !important;
}

.StepFocus a {
    background: linear-gradient(56deg, rgba(60, 211, 173, 1) 0, rgba(76, 184, 196, 1) 100%), #fff;
    background: -webkit-linear-gradient(56deg, rgba(60, 211, 173, 1) 0, rgba(76, 184, 196, 1) 100%), #fff;
}

.StepFocus .underStep {
    color: #49bebf;
    font-size: 16px;
    font-weight: 600;
}

.underStep {
	padding: 5px 0;
	font-size:14px;
}

.PrestaItem {
	background-color: #ddd;
	margin: 0px 5px;
	padding: 5px;
	color: #333 !important;
}
#MainContent_init,
#MainContent_step1,
#MainContent_step2,
#MainContent_step3,
#MainContent_step4,
#MainContent_step5 {
	position: absolute;
	top: 50px;
	border-radius: 2px;
	width: 960px;
	background: #fafafa;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.mainContentStep {
	background: #fff;
	position: relative;
}

.currentStepContent {
    padding: 40px 40px 20px 40px;
}



@media screen and (max-width:992px) {
    .currentStepContent {
        padding: 40px 10px 20px 10px;
    }
}
.currentStepBtn {
    padding: 20px 40px 40Px 40px;
    background: #fafafa;
    border-top: 1px solid #ececec;
}

.form_header {
	padding: 15px 0;
	text-align:center;
	display: block;
	width: 80%;
	margin: 15px auto;
	border-bottom: 1px blue solid;
	font-size:2em;

}


#MainContent_StepBrowser li {
    position: relative;
    vertical-align: text-top;
}

.lign_left {
	border: 1px solid #ccc;
	position: absolute;
	top: 20px;
	left: -3px;
	width: 20%;
}

.lign_right {
	border: 1px solid #ccc;
	position: absolute;
	top: 20px;
	right: -3px;
	width: 20%;
}

.checkbox {
	margin: 10px 0 30px 0;
}

.checkbox label {
	font-size: 15px;
}

/* GRID  */
.pnl_tableRowHeader th {
	border-bottom: 1px solid #d8d8d8;
	/*color: #21aef3 !important;*/
    color: #fff !important;
	padding: 10px 10px 10px 10px;
	font-weight: 300;
	font-size: 15px;
	font-family: 'roboto',sans-serif;
	border-left: none;
	border-right: none;
}

.pnl_tableRow:hover {
	background: rgba(32, 173, 243, 0.36); 
}

.pnl_tableRow td {
	border: none;
	padding: 15px 10px;
	padding-left: 10px;
    vertical-align:middle;
    font-size:13px;
}

.pnl_tableRow.NarrowRow td {
    padding: 10px 10px;
}
 

.info_text {
    padding: 15px 0;
    font-size: 12px;
}

.pnl_tableRow i {
	color: #7d7d7d;
}

.pnl_tableRow i:hover {
	color: #0a7ad4;
}

.btn_bottom_section {
	margin: 20px 0 0 0 ;
}

/* application*/
.application .global-main {
    padding-top: 50px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
    justify-content: flex-start;
    height: 100%;
    z-index: 999;
}

#contenu_Application {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.Application {
    display: inline-block;
    position:relative;
    margin: 5px;
    width: 150px;
    height: 150px;
    background: #fafafa;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.bell-icon {
    position:absolute;
    right:-10px;
    top:-10px;
    padding:10px;
    color:#fff !important;
    border-radius:50%;
    transition:all .1s ease-in;
    z-index:777;
    transform-origin:center center;
}

.bell-icon:hover {
    padding:12px;
    right:-12px;
    top:-12px;
}


.bell-red {
    background:#ff695a;
}

.bell-green {
    background:#5dbe5d;
}

.Application:hover, .Favori:hover {
    box-shadow: 0 12px 18px rgba(0,0,0,0.18), 0 10px 10px rgba(0,0,0,0.18);
}


.ImageChoixApplication i {
    font-size:4em;
    margin-top:35px;
    display:block;
    margin-bottom:10px;
}

.Favori {
    display: inline-block;
    margin: 5px;
    width: 100px;
    height: 100px;
    background: #fafafa;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    vertical-align: top;
}
.ImageChoixFavori i {
    font-size:2em;
    margin-top:25px;
    display:block;
    margin-bottom:10px;
}

.titreChoixFavori {
    font-size: 10px;
    color: #009fe3;
    font-weight: 400;
    font-family: 'roboto';
}

ul.chkListFamille li input[type="radio"] {
    display:none;
}

    ul.chkListFamille li input[type="radio"]:checked ~ label .trombi {
        background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        color: #fff;
    }



.price_panel {
    margin: 15px;
    background: #fafafa;
    border: 2px solid #7d7d7d;
}

.montant {
    padding: 10px 0;
}

.montant.total {
    color: #fff;
}

.montant.total span {
    font-weight:bold;
    font-size:20px;
}



    @media screen and (max-width:992px) {

        .selectAgenda {
            padding-left: 2px;
            padding-right: 6px;
            margin-bottom: 15px;
        }

        #contenu_Application {
            position: absolute;
            width: 100%;
            top: 55px;
            text-align: center;
            transform: none;
            left: 0px;
        }

        .Application {
            display: inline-block;
            margin-top: 5px;
            width: 90%;
            height: 50px;
            background: #fafafa;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
            transition: all 0.3s cubic-bezier(.25,.8,.25,1);
            vertical-align: top;
        }

        .titreChoixApplication {
            text-align: left;
            padding: 18px 0;
        }

        .ImageChoixApplication i {
            font-size: 25px;
            margin-top: 12px;
            display: block;
        }
    }

    .titreChoixApplication {
    font-size: 15px;
    color: #009fe3;
    font-weight: 400;
    font-family:'roboto';
}



/* utilisateurs */

.ongletsContainer
{
    height:45px;
}
.etapeDroit {
    display: table-cell;
    vertical-align:middle;
    border-radius: 50%;
    width:25px;
    height:25px;
    background-color:#fff;
    color:#009fe3;
    text-align:center;
    font-weight:bold;
    margin-right:2px;
    position:relative;
}

.etapeDroit span {
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}

.onglets-pnlDetailContent-corps {
    background-color:#fff;
    margin: 0px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.onglets-pnlDetailContent-corps-type {
    background: #00aae8;
    margin: 0px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.ongletsContainer li {
    display: inline-block;
    margin:0;
    padding:0;
}

.ongletsContainer li a {
    color: #fff;
    font-size:16px;
    display:table;
}

.ongletsContainer li a span
{
    padding: 0 0 0 10px;
    vertical-align:middle;
    display:table-cell;
}

.onglets-pnlDetailContent-corps {
    border-bottom: 5px solid #4CB8C4;
}

.onglets-pnlDetailContent-corps .btn, .dropdown-menu .btn {
    border-bottom:0px;
}

.bottomGridPart {
    padding: 15px 0;
    margin: 10px 0 0 0;
    border-top: 1px solid #ccc;
}

.saveType
{
    display:table;
}

.saveType span, .saveType a
{
    display:table-cell;
    vertical-align:middle;
}

.saveBtn {
    margin-right:30px;
}

.saveBtn i {
    font-size: 35px;
    color: #009fe3;
}
/* contact */
.contact h3 {
	font-size: 1.2em;
}

.contact p {
	margin: 5px 0 0 10px;
}

.contact iframe {
	border: 1px solid #333;
	margin: 5px 0 0 10px;
}

/* forms */

input[type="date"]:before {
	content: attr(placeholder) !important;
	color: #aaa;
	margin-right: 0.5em;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
	content: "";
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

fieldset legend {
	display: none;
}

fieldset ol {
	padding: 0;
	list-style: none;
}

fieldset ol li {
	padding-bottom: 5px;
}

label {
	margin-bottom: 5px;
    color:#636363;
    font-weight:400;
}

label.checkbox {
	display: inline;
	font-size:15px;
}

textarea {
	font-family: inherit;
	width: 500px;
}

input[type="checkbox"] {
	background: transparent;
	border: inherit;
	width: auto;
}

.input-group-addon
{
    color:#fff;
}

/* info and errors */
.message-info {
	border: 1px solid;
	clear: both;
	padding: 10px 20px;
}

.passwords .btn-info-pnl i{
    margin-top:7px;
}

.popover-title .close {
    padding: 0px;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    margin-top: -8px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
    /*font-size: 20px;*/
    font-weight: 300;
}

/*.tooltip {
	min-width: 300px;
}*/

.message-error {
	clear: both;
	color: #e80c4d;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.message-success {
	color: #7ac0da;
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.error {
	color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
	color: #e31010;
	font-weight: 400;
	font-size:13px;
}

.field-validation-valid {
	display: none;
}

input.input-validation-error {
	border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
	border: 0 none;
}

.validation-summary-errors {
	color: #e80c4d;
	font-weight: bold;
	font-size: 1.1em;
}

.validation-summary-valid {
	display: none;
}

/* tables
----------------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0.75em;
	border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
    font-weight: 600;
}

th a {
	display: block;
	position: relative;
	font-weight: 600;

}

th a:link, th a:visited, th a:active, th a:hover {
    color: #909090;
    font-weight: 400;
    text-decoration: none;
    padding: 0;
}

th a:link:after {
    font-family:FontAwesome;
    content: "\f0dc";
    font-weight: 100;
    padding-left: 5px;
    font-size: 12px;
}

th a:hover {
	color: #000;
}

th.asc a, th.desc a {
	margin-right: .75em;
}

th.asc a:after, th.desc a:after {
	display: block;
	position: absolute;
	right: 0em;
	top: 0;
	font-size: 0.75em;
}

th.asc a:after {
	content: '▲';
}

th.desc a:after {
	content: '▼';
}

td {
	padding: 1em 2em 1em 1em;
	border: 0 none;
}

tr.pager td {
	padding: 0 0.25em 0 0;
}

@media only screen and (max-width: 992px){
	/* REGISTER */

    .breadcrumb-item
    {
        font-size:11px !important;
    }

	#MainContent_init,
	#MainContent_step1,
	#MainContent_step2,
	#MainContent_step3,
	#MainContent_step4,
	#MainContent_step5 {
		position: initial;
		top: 0px;
		border-radius: 2px;
		width: 100%;
		background: #fafafa;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}

	.StepBrowser {
		padding: 20px 10px 20px 10px !important;
		margin-bottom: 0px;
		border-bottom: 1px solid #ccc;

	}
}

footer {
    text-align: center;
    height: auto;
    padding: 10px 0;
    position:absolute;
    bottom:0px;
    width:100%;
    display:none;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 992px) {

	.labelTitre {
		margin: 0 0 15px 0;
		padding: 10px 0;
		font-size: 1.4em;
		font-weight: 300;
		font-family: 'Roboto', sans-serif;
	}

	.overflowY {
		overflow-y: auto;
	}

	::-webkit-scrollbar { 
		display: none; 
	}

	#MainContent_init,
	#MainContent_step1,
	#MainContent_step2,
	#MainContent_step3,
	#MainContent_step4,
	#MainContent_step5 {
		position: initial;
		top: 0;
		border-radius: 2px;
		width: 100%;
		background: #fafafa;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}

	.mainContentStep {
		background: #fff;
		padding: 40px 10px 10px 10px;
		position: relative;
	}

	.StepBrowser {
		padding: 40px 10px 60px 10px;
		margin-bottom: 0px;
		border-bottom: 1px solid #ccc;
	}

	.btn_register {
		width: 100%;
		margin: 10px 0
	}

	.btn_cancel {
		width: 100%;
		margin: 10px 0
	}

    #MainContent_registerBtn i {
        display: table-cell;
        vertical-align: middle;
        font-size: 30px;
        line-height: inherit;
        font-weight: 300;
    }

    .registerlogin {
        overflow: hidden;
        position: absolute;
        top: -30px;
        /*width: 73px;*/
        right: -6%;
        background: #2196f3;
        border-radius: 50px;
        color: #fff;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        cursor: pointer;
    }
    /*
	.registerlogin:hover {
		background: #21aef3;
		width: 175px;
	}
    */
	#MainContent_registerBtn {
		padding: 20px 21px;
		display: block;
		font-size: 20px;
	}
    /* header
    ----------------------------------------------------------*/
    .header_login span,
    .header_register span {
    	font-size:20px;
    	font-weight: 700;
    	font-family: 'Roboto', sans-serif;
    	border-bottom: 3px solid #fff;
    	color:#fff;
    	cursor:pointer;
    	text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);
    }

    .header_login,
    .header_register {
    	padding:0 0 10px 0 ;
    	transition: all .2s ease-in;
    }

    .btn_login {
    	width: 100%;
    }

    .form_content {
    	position: relative;
    	overflow:hidden;
    }

    .loginForm_content_login {
    	text-align:center;
    	//position: absolute;
    	top: 0;
    	right: 0;
    	width: 100%;
    }


    .loginForm_content_register {
    	text-align:center;
    	position: absolute;
    	right: -120%;
    	width: 100%;
    }

    /* menu */
    nav {
    	margin-bottom: 5px;
    }

    ul#menu {
    	margin: 0;
    	padding: 0;
    	text-align: center;
    }

    ul#menu li {
    	margin: 0;
    	padding: 0;
    }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
    	background-position: 10px 0;
    }

    .featured .content-wrapper {
    	padding: 10px;
    }

    /* page content */
    article, aside {
    	float: none;
    	width: 100%;
    }

    /* ordered list */
    ol.round {
    	list-style-type: none;
    	padding-left: 0;
    }

    ol.round li {
    	padding-left: 10px;
    	margin: 25px 0;
    }

    ol.round li.zero,
    ol.round li.one,
    ol.round li.two,
    ol.round li.three,
    ol.round li.four,
    ol.round li.five,
    ol.round li.six,
    ol.round li.seven,
    ol.round li.eight,
    ol.round li.nine {
    	background: none;
    }

    /* features */
    section.feature {
    	float: none;
    	padding: 10px;
    	width: auto;
    }

    section.feature img {
    	color: #999;
    	content: attr(alt);
    	font-size: 1.5em;
    	font-weight: 600;
    }

    /* forms */
    input {
    	width: 100%;
    }

    
    
    /* login page */
    #loginForm {
    	border-right: none;
    	float: none;
    	width: 75%;
    }

    #loginForm .validation-error {
    	display: block;
    	margin-left: 15px;
    }

    #socialLoginForm {
    	margin-left: 0;
    	float: none;
    	width: auto;
    }

    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
    	float: none;
    }

    footer {
    	text-align: center;
    	height: auto;
    	padding: 10px 0;
        position:absolute;
        bottom:0px;
    }

    footer p {
    	margin: 0;
    }
}
/* END: Mobile Styles */

/* UI DIALOG */

#dialog-confirm
{
    min-height:0px !important;
}
#dialog-confirm p
{
    padding:15px !important;
    text-align:center;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

.ui-dialog {
	min-width: 400px;
	border: 0;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	padding: 0 !important;
    overflow: visible !important;
    z-index:99999 !important;
}

.ui-widget-content {
	border: 0px !important; 
	background: #ffffff;
	color: #222222;
    overflow: visible !important;
}

.ui-dialog-content {
	padding : 20px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-radius:2px !important;
}

.ui-widget-header {
	padding: 20px !important;
	border:  0px !important;
	border-bottom: 1px solid #ccc !important;
	background: #fafafa !important;
	color: #222222;
	font-weight: 400;
	font-family: 'Roboto',sans-serif;
	font-size: 13px;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: 400;
	font-family: 'Roboto',sans-serif;
	font-size: 17px;
}

.ui-button {
	border: 0px  !important;
	background: transparent !important;

	outline:0 !important;
}

.ui-button-text {
	font-size:16px;
	color: #2196f3;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

.textBlue {
	font-size:15px;
}

.textBlue input {
	color: #2196f3 !important;
	font-weight: bold;
	width:300px;
	border-bottom:0px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 1.3em !important;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
	background: url("images/close24.png");
}

.ui-dialog .ui-dialog-titlebar-close span {
	color: #2196f3 !important;
}

.ui-dialog-buttonset button {
	border:0px;
	background: transparent;
	color: #2196f3;
	font-weight: 600;
	font-size:16px !important;
	font-family:'Roboto',sans-serif !important;
}

.pnl_tableRow_dialog td {
	border: none;
	padding: 20px 20px !important;
	font-size:13px;
}

.pnl_tableRow_dialog:hover {
	background: rgba(32, 173, 243, 0.36);
}

.ui-widget-overlay {
    background: #454545 !important;
    opacity: .5;
    filter: Alpha(Opacity=50);
}

.ui-dialog-titlebar-close {
	border:0px;
	background: transparent;
}


/* CORRECTION BOOTSTRAP SELECT*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    background-color: rgba(228, 228, 228, 0.77) !important;
    color: #555 !important;
    -webkit-box-shadow: 0 0 0 1000px rgba(228, 228, 228, 0.77) inset !important;
    -webkit-text-fill-color: #555555 !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.btn-info-pnl {
    background: none;
    border: 0px;
    right: 18px;
    top: 27px;
    position: absolute;
    z-index: 99999;
    color: #2196f3;
}

/*input[type="checkbox"]:after, .checkbox input[type="checkbox"]:after, .checkbox-inline input[type="checkbox"]:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-right: 5px;
    border: 2px solid #959595;
    border-radius: 2px;
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms;
}*/

input[type="radio"]:after, .radio input[type="radio"]:after, .radio-inline input[type="radio"]:after {
    position: relative;
    top: -3px;
    border: 2px solid #959595;
}

.form-control::-webkit-input-placeholder { color: #959595; }
.form-control:-moz-placeholder { color: #959595; }
.form-control::-moz-placeholder { color: #959595; }
.form-control:-ms-input-placeholder { color: #959595; }

/*
.checkbox label {
	color: #b6b6b6;
}*/

.checkbox .btn-info-pnl {
	top:0px;
}

.listeRow-header {
    display: block;
    padding: 20px 5px 2px 5px !important;
    background-color: transparent  !important;
    border: 0px !important; 
    border-bottom: 1px solid #cccccc  !important;
    color: #2196f3  !important;
    font-weight: 300  !important;
    font-size: 15px  !important;
}
.tooltip-wide .tooltip {min-width:200px;}

.rechercheBar_inner_mobile {
    display: none;
}
.btn-mobile {
    display: none;
}

.search_mobile_title {
    display: none;
}

.


#search1 select, #search1 select.form-control,
#search2 select, #search2 select.form-control {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;

    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    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;
}

#search1 input[type="text"], #search2 input[type="text"] {
    padding: 15px;
    border: 1px solid #ccc;
    background:#fff;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
}
#title-search {
    text-align:center;
    font-weight:700;
    font-family: 'roboto';
    text-transform:uppercase;
    display:none;
    font-size:13px;
}

/* GLOBAL CONTENT */
.global-content 
{
    /*background:#fafafa;*/
}

.standard_club, .standard_administration {
    overflow-x: hidden !important;
}
/*
.standard_administration {
    background: #fafafa !important;
}
*/
.standard_club .global-content, .standard_administration .global-content {
    width: calc( 100% - 160px );
    float: right;
    margin-top: 50px;
}

.standard_club .global-content, .standard_club .pnlDetailContent {
    background: none;
}

.file {
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  border-radius:50%;
}

.file input {
  position: absolute;
  display: block;
  width:130px;
  height:130px;
  left: 50%;
  top: 0px;
  transform:translateX(-50%);
  opacity: 0.01;
  cursor: pointer;
  text-indent: -99999px;
  z-index:99999999;
}
.edit-icon
{
    position:absolute;
    left:50%;
    top:45%;
    transform:translate(-50%, -55%);
    color:#fff;
    font-size:60px;
    z-index:8888888;
}

.avatar-label
{
    margin: 10px 0 0 0;
    font-weight: 700;
    color: #009fe3;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.vertical-align {
    display: flex;
    align-items: center;
}

textarea[disabled], textarea.form-control[disabled], input.form-control[disabled], input[type=text][disabled], input[type=password][disabled], input[type=email][disabled], input[type=number][disabled], [type=text].form-control[disabled], [type=password].form-control[disabled], [type=email].form-control[disabled], [type=tel].form-control[disabled], [contenteditable].form-control[disabled], textarea[readonly], textarea.form-control[readonly], input.form-control[readonly], input[type=text][readonly], input[type=password][readonly], input[type=email][readonly], input[type=number][readonly], [type=text].form-control[readonly], [type=password].form-control[readonly], [type=email].form-control[readonly], [type=tel].form-control[readonly], [contenteditable].form-control[readonly] {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dotted #2196f3;
    cursor: not-allowed;
    background: #f1f1f1;
}

.disabled, .aspNetDisabled {
    cursor: not-allowed;
    opacity: 0.5;
}
/*
.disabled::after, .aspNetDisabled::after {
    display:block;
        background-color:rgba(128, 128, 128, 128);
}
*/
.ssTitle
{
    text-align:center;
    padding: 0 15px 10px 15px;
}

.ssTitle span
{
    padding: 0 15px 10px 15px;
    border-bottom: 1px solid #ccc;
    width: 30%;
    display: block;
    margin: auto;
}


.input-group
{
    width:100%;
}

.addBtn_section_inpanel
{
    margin-bottom:10px;
}

.addBtn_section_inpanel a
{
    display:table;
}

.addBtn_section_inpanel a i,
.addBtn_section_inpanel a span
{
    display:table-cell;
    vertical-align:middle;
    color:#fff;s
}

.row-select td, .row-alt td, row td
{
    vertical-align:middle;
}

.aptOver * /*.dxscAppointmentInnerBorders, .aptOver table*/ {
        background-color: darkred !important;
        color: white;
        font-weight: bold;
    }

    .cellOver {
        background-color: lightblue !important;
        border-left: 1px dotted !important;
        border-right: 1px dotted !important;
    }
    /*
    .dropTargetHover .dxscTimeCellBody:hover, .dropTargetHover .dxscTimelineCellBody:hover{
        border: 1px solid red;
    }
    */
    .vignette {
    text-align: center;
    padding: 11px 16px;
    display: inline-block;
    margin: 0 2px 5px 2px;
}

.group_list li label
{
    margin-bottom:0px;
}

        .vignette:hover {
            cursor: pointer;
        }

    .rscHeaderHorizontal {
        background-color: aliceblue;
        text-align: center;
        display: table;
        height: 50px;
        width: 100px;
        margin: auto;
    }

    .rscHeaderVertical {
        background-color: aliceblue;
        text-align: center;
        display: table;
        height: 50px;
        width: 100%;
    }

    .cell {
        display: table-cell;
        vertical-align: middle;
    }
    .cell .title{
        font-weight:600;
    }
    .cell .date {
        font-size: 75%;
    }

    .left {
        float: left;
    }

    .clear {
        clear: both;
    }

    .cursor {
        cursor: pointer;
    }

    td {
        padding: 0;
    }
    table {
        margin-top: 0;
    }
    
    /*
    .dxscAppointmentInnerBorders_Swim,
    .statusContainer
    {
        background:#ccc !important;
    }
    */

    .dxscTimeCellBody:hover, .dxscTimelineCellBody:hover, .dxscSel:hover,
    .dxscTimeCellBody_Swim:hover, .dxscTimelineCellBody_Swim:hover {
        background-color: lightblue !important;
        border-left: 1px dotted !important;
        border-right: 1px dotted !important;
    }
    .dxscAppointment_Swim{
        border: none !important;
    }
    .dxscAptSelDiv {
        border-width:0px;
    }

.pnlContainer {
    display: contents;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    width: 95%;
    padding: 15px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    box-shadow: 0 1px 8px rgba(0,0,0,0.40), 0 1px 8px rgba(0,0,0,0.40);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.dxscControl_Swim {
    background: none;
    font: 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #333333;
}

.dxscDateHeader_Swim
{
    border:0px !important;
}

.schedulerTooltipContent
{
    padding: 10px;
}

.dxscResourceNavigator_Swim
{
    background: white;
    padding: 7px 0 !important;
    border: none !important;
}

#ctl00_MainContent_c_Step3_Prestation1_agenda_agendaPresta_containerBlock_horzContainerTable.dxscDayHdrsTbl tr:last-child
{
    display:none;
}

#ctl00_MainContent_c_Step3_Prestation1_agenda_agendaPresta_containerBlock_horzContainerTable.dxscDayHdrsTbl tr:first-child,
#ctl00_frmContent_dispoSalle_ASPxScheduler0_containerBlock_horzContainerTable.dxscDayHdrsTbl tr:first-child

{
    height: 0px !important;
    opacity:0;
    visibility:hidden;
}

#ctl00_MainContent_c_Step3_Prestation1_agenda_agendaPresta_containerBlock_horzContainerTable.dxscDayHdrsTbl tr:nth-child(2)
{
    height: 40px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 700;
    color: #2196f3;
}
/* AGENDATYPE*/
#ctl00_frmContent_dispoSalle_ASPxScheduler0_containerBlock_horzContainerTable.dxscDayHdrsTbl tr:last-child
{
    display:none;
}

#ctl00_frmContent_dispoSalle_ASPxScheduler0_containerBlock_horzContainerTable.dxscDayHdrsTbl tr td,
#ctl00_MainContent_c_Step3_Prestation1_agenda_agendaPresta_containerBlock_horzContainerTable.dxscDayHdrsTbl tr td
{
    border:none !important;
}

#ctl00_frmContent_dispoSalle_ASPxScheduler0_containerBlock_horzContainerTable.dxscDayHdrsTbl tr:nth-child(3)
{
    height: 40px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 700;
    color: #2196f3;
    text-align:center;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 5px;
    margin-top: -5px !important;

}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark:before
{
    font-size:14px;
}

.more_filters
{
    text-align: center;
}

.more_filters_btn
{
    display:table;
    margin:auto;
    cursor:pointer;
}

.more_filters_btn i, .more_filters_btn span
{
display:table-cell;
vertical-align:middle;
}

.more_filters_btn span
{
    font-size:10px;
}

.fileDoc {
  margin-top: 10px;
  position: relative;
  width: 100%;
  border-radius:50%;
}

.fileDoc input[type="file"] {
    position:absolute;
    display: block;
    margin:auto;
    width:100%;
    height:130px;
    opacity: 0.01;
    cursor: pointer;
    text-indent: -99999px;
    z-index:777;
}

.add_doc
{
    border-radius: 50%;
    height:130px;
    width:130px;
}

.fileDoc input:hover .add_doc
{
    opacity:0.8;
}

.no-shadow
{
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-recherche
{
    padding : 6px 16px 1px 16px;
}

.searchBtn i,
.searchBtn span {
    color:#4CB8C4;
}



.progress-container {
    margin-top: 10px;
    min-height: 5px;
}

.dxscToolbar_Swim {
    border: none;
    padding: 4px 7px;
    vertical-align: middle;
}

.dxscViewNavigatorButton_Swim.dxscViewNavigatorGotoTodayButton {
    padding: 10px 4px;
}


@media screen and (min-width:992px) and (max-width:1400px)
{
    .empty_space_search
    {
        height:20px;
        background: #dedede;
    }
}

#profil_tool_box i.mdi {
    font-size: 24px;
}

/*.rechecheBar {
    display: none;
}*/

.secondbar {
    padding: 0px 0px 0px 0px;
}

.rechercheBar_inner {
    background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    padding-top: 15px;
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2) inset
}

#search1 .form-group,
#search2 .form-group {
    margin: 0px 0px 15px 0;
}

#search2 {
    display: none;
}

.searchBar {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-evenly;
    width: 100%;
    margin: auto;
}

.addBtn {
    background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    position: absolute;
    left: 30px;
    top: -27px;
    padding: 15px 15px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    display: table;
}

.title_page {
    padding: 30px 15px 30px 20px;
    background: #efefef;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    justify-content: space-between;
}

.title_page h1 {
    font-size: 25px;
    margin-left: 80px;
    font-weight: 700;
    text-transform: uppercase;
    flex-grow: 1;
    align-items: center;
}

.rechercheBtn {
    background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    position: absolute;
    left: 95px;
    top: -27px;
    padding: 15px 15px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    display: table;
    cursor: pointer;
}

    .rechercheBtn i {
        color: #fff;
    }

    .rechercheBtn:hover {
        background: #55c8f9;
    }



.searchBar_fields {
    flex-grow: 3;
}

.searchBar_buttons {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin: 0 0 15px 0;
}

.btn-recherche {
    padding: 0px 15px 0px 15px;
    margin: 0 10px;
    border-radius: 3px !important;
    color: #fff !important;
    text-transform: lowercase;
    flex-grow: 1;
    font-size: 15px;
}

    .btn-recherche i {
        font-size: 20px;
    }

.btn-secondary {
    background: #ccc;
    color: #333;
}

.btn-primary {
    background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
    background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
}

body[data-page="TableauBord"] .search_mobile .banniere_button,
body[data-page="Application"] .search_mobile .banniere_button,
body[data-page="MonProfil"] .search_mobile .banniere_button, {
    display: none;
}

body[data-appli="Appli1"] .search_mobile .banniere_button {
    display:none;
}

.grid-stack-item {
    margin-bottom: 20px;
}

.prestation_Tile {
    background: #fff;
}

.grad .grid-stack-item-titre::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009fe3), color-stop(100%, #28c1be));
    background: -webkit-linear-gradient(90deg, #009fe3 0%, #28c1be 100%);
    background: -moz-linear-gradient(90deg, #009fe3 0%, #28c1be 100%);
    background: -o-linear-gradient(90deg, #009fe3 0%, #28c1be 100%);
    background: linear-gradient(90deg, #009fe3 0%, #28c1be 100%);
}


.grad.red .grid-stack-item-titre::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c12828), color-stop(100%, #ff7c1f));
    background: -webkit-linear-gradient(90deg, #c12828 0%, #ff7c1f 100%);
    background: -moz-linear-gradient(90deg, #c12828 0%, #ff7c1f 100%);
    background: -o-linear-gradient(90deg, #c12828 0%, #ff7c1f 100%);
    background: linear-gradient(90deg, #c12828 0%, #ff7c1f 100%);
}

.gradBlock {
    width: 100%;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009fe3), color-stop(100%, #28c1be));
    background: -webkit-linear-gradient(90deg, #3cd3ad 0%, #4cb8c4 100%);
    background: -moz-linear-gradient(90deg, #3cd3ad 0%, #4cb8c4 100%);
    background: -o-linear-gradient(90deg, #3cd3ad 0%, #4cb8c4 100%);
    background: linear-gradient(90deg, #3cd3ad 0%, #4cb8c4 100%);
}

.gradBlockImportant {
    margin-bottom: 20px;
}
.gradBlockImportant {
    width: 100%;
    font-weight:700;
    color: #4e4e4e;/*
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff1616), color-stop(100%, #d00202));
    background: -webkit-linear-gradient(90deg, #ff1616 0%, #d00202 100%);
    background: -moz-linear-gradient(90deg, #ff1616 0%, #d00202 100%);
    background: -o-linear-gradient(90deg, #ff1616 0%, #d00202 100%);
    background: linear-gradient(90deg, #ff1616 0%, #d00202 100%);
        */
    /* display: inline; */
    padding: 10px;
}


.date_txt {
}

.prestation_txt {
    font-weight: 800;
    font-size: 22px;
    /*font-family: 'Open Sans';*/
    color: #4e4e4e;
}

.groupe_txt {
    font-weight: 700;
    font-size: 22px;
    /*font-family: 'Open Sans';*/
}

.entraineur_txt {
    font-size: 13px;
    /*font-family: 'Open Sans';*/
    color: #4e4e4e;
}

.DetailReturnBtn {
    flex-basis: 50px;
    font-size: 28px;
}

.rblMoyenPaiement li,
.rblChoix li {
    display: inline-block;
}

.rblMoyenPaiement li,
.rblChoix li {
    padding: 10px 15px;
}

    .rblMoyenPaiement li input[type="radio"],
    .rblChoix li input[type="radio"] {
        margin-top: 3px;
    }

    .rblMoyenPaiement li label,
    .rblChoix li label {
        color: #4e4e4e;
        font-size: 18px;
        font-weight: 700;
    }

.pnlExportFilter {
    padding: 10px 0;
}

h1.titlePage {
    margin-left: 10px !important;
    display: inline-block;
}

@media screen and (max-width:1300px) {
    .rblMoyenPaiement li label, .rblChoix li label {
        color: #4e4e4e;
        font-size: 14px;
        font-weight: 700;
    }
    .btn-recherche-label {
        display: none;
    }

    .title_page h1 {
        font-size: 20px;
        margin-left: 80px;
        font-weight: 700;
        text-transform: uppercase;
        flex-grow: 1;
        align-items: center;
    }
}

@media screen and (max-width:992px) {
    .rechecheBar {
        display: none;
    }
    .title_page {
        padding: 15px 15px 15px 20px;
        background: #efefef;
        border-bottom: 1px solid #e4e4e4;
    }
    .title_page h1 {
        font-size: 15px;
        margin-left: 0px;
        display: flex;
        align-items: center;
    }
    .searchBar {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-evenly;
        width: 100%;
        margin: auto;
    }
}

@media screen and (min-width:992px) {
    #ml-menu {
        display: none;
    }
}

@media screen and (max-width:992px) {
    .global-menu {
        display: none;
    }

    .standard_administration .global-content, .standard_club .global-content {
        width: 100%;
    }

    .global-content {
        width: 100%;
    }

    #ml-menu .menu__wrap .material-icons,
    #ml-menu .menu__breadcrumbs .material-icons {
        display: none;
    }
}

@media screen and (max-width:992px) {
    .btn-desktop {
        display: none;
    }

    .btn-mobile {
        display: block;
    }

    .search_mobile_title {
        display: flex;
        align-items:center;
        background: #fafafa;
        cursor: pointer;
        border-bottom: 1px solid #ccc;
    }

    #title-search {
        display: block;
        flex-grow: 25;
    }

    .close_search_mobile, .search_title_mobile {
        padding: 15px 10px;
        font-size: 30px;
        display: block;
        flex-basis: 50px;
        align-self: center;
        flex-grow: 1;
    }

    .rechercheBar_inner {
        position: absolute;
        top: 35px;
        left: 0px;
        height: 100%;
        width: 100%;
        z-index: 999999;
    }

    .searchBar_buttons {
        margin-top: 15px;
        padding: 0 5px;
    }
    
    .pnlDetailHeader {
        width: 100% !important;
    }

    #search1 .form-group, #search2 .form-group {
        margin: 15px 0 0 0;
        color: #fff;
    }

    .searchIconList {
        text-align: center;
    }

        .searchIconList li {
            cursor: pointer;
        }

    .rechercheBar_inner_mobile {
        display: block;
        background: #fafafa;
    }


    .rechercheBar_inner_mobile_content {
        cursor: pointer;
    }

    .rechercheBar_inner_mobile i {
        color: #fff;
    }

    .secondbar {
        padding: 0px;
    }

    .addBtn_section {
        position: absolute;
        bottom: 50px;
        width: 50px;
        right: 50px;
    }

    .addBtn {
        z-index: 999;
        background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        position: absolute;
        left: 19px;
        top: 15px;
        padding: 20px 20px;
        border-radius: 50%;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        display: table;
    }
    .rechercheBtn {
        background: -webkit-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        background: -moz-linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        background: linear-gradient(56deg, #3CD3AD 0, #4CB8C4 100%);
        position: absolute;
        left: -50px;
        top: 22px;
        padding: 15px 15px;
        border-radius: 50%;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        display: table;
        cursor: pointer;
    }


    .btn-group-desktop {
        display: none;
    }
}

.horizontal.simplebar-track .simplebar-scrollbar {
    visibility: hidden !important;
}

.fraisDossier_innerPnl {
    padding-left: 15px;
    border-left: 2px solid #fff;
    margin: 15px 0;
}


.info_warning {
    color:#E08600;
}

.pnlPrintPreview {
    height:600px !important;
}

/*.checkboxInput  {
    position : relative;
}

input[type="checkbox"] {
    opacity: 0;
}

input[type="checkbox"] + label {
    position: absolute;
    left: 25px;
    top: 2px;
}

input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-right: 5px;
    border: 2px solid #666666;
    border-radius: 2px;
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms;
}

input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    top: 0;
    left: -19px;
    display: block;
    width: 6px;
    height: 12px;
    border: 2px solid #666666;
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}*/


.loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(1, 1, 1, 0.7);
}

    .loader:before {
        content: '';
        background: url(/Images/pool-water-surface.jpg);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.2;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

    .loader object, .loader img {
        height: 150px;
        width: 150px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


.preBlock{
    white-space:pre-wrap;
}

@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }

    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 992px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }

    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }

    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }

    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}

.noItem {
    font-size: 24px;
    padding: 20px;
}

#viewPDF p {
    font-size: 24px;
    padding: 20px;
    text-align:center;
    color: #fff;
}

.w-100{
    width:100%;
}

.h-100 {
    height: 100%;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

    .ui-autocomplete li {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.846;
        color: #666666;
        white-space: nowrap;
    }

        .ui-autocomplete li:hover {
            color: #141414;
            background-color: #eeeeee;
        }