@import 'glyphicons.css';

form{
	width:100%;
	margin: auto;
}

header .entete{
	margin : auto
}

.obl .T1::after {
    content: "*";
    margin-left: 5px;
    color: red;
    font-weight: bold;
}

/* ******* */
/* ACCUEIL */
/* ******* */

.accueil .New{
	height: 230px;
}

.accueil select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.125rem + 2px);
    padding: .5625rem 2.125rem .5625rem 1.125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #737491;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5b75' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.125rem center/8px 10px;
    border: 1px solid #dfdfeb;
    border-radius: .75rem;
    box-shadow: 0 0 0 0 transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

.accueil a{
    text-decoration: none !important;
}

.accueil-panel-top{
	width: 100% !important;
	height: 100% !important;
	background-size: contain !important;
	background-repeat: no-repeat;
}

/* ************** */
/* IDENTIFICATION */
/* ************** */

img.big{
	display: none;
}

/* Le z-index:auto ci-dessous et le z-index:0 du .bg-gradient permettent l'affichage du modal lors d'une demande de rendez-vous. */
.bg-overlay-content{
	margin-top: -306px!important;
	z-index: auto !important;
}

.bg-gradient{
	z-index: 0!important;
}

.options .T1{
	font-weight: bold;
}
.options .font-size-sm {
  font-size: .675rem !important;
}




.field-input{
	overflow: auto;
}

.synthese button {
    white-space: normal;
	margin-bottom: 5px;
}


/* ************** */
/*  MARKET PLACE  */
/* ************** */

h4 {
	font-size: 14px !important;
}

.userrdvlist h2 {
	font-size: 24px !important;
    font-weight: normal;
}

ul.collapse{
	display: block !important;
}

.meetings .searchengine ul li{
	list-style-type: none;
}

span.glyphicon-shopping-cart{
	margin-right: 20px; 
}

.userrdvlist h3{
	line-height: 0.5;
}

.pagination a, .pagination b{
	border: none !important;
}
.pagination b.active{
	border: none !important;
	color: #6a9bf4 !important;
	background-color: transparent!important;
	width: auto !important;
	padding: 3px !important;
	font-size: 16px !important;
}

.meetings .rdv_pagenumbers B{
	width: auto !important;
	background-color: transparent!important;
	border: none !important;
	color: #737491!important;
}

.meetings .list .img {
    height: 110px !important;
}

.userrdvresults .L .contact .rdvlistimg {
    max-height: 100px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
	width: auto;
}

.userrdvresults .card button {
	font-size: 0.9rem!important;
}

.userrdvresults .card .buttons {
	margin-bottom: 10px;
}

.userrdvresults .contact.card {
	width: 220px;
}

img.avatar {
    max-height: 111px !important;
}

.userrdvresults .L .contact .name {
    height: 192px;
    overflow: hidden;
}

.userrdvresults .row .T, .userrdvresults .L .contact .btn-remove, .userrdvresults .TT {
    display: none;
}

.hide {
    display: none !important;
}

.userrdvresults .contact .info {
	height: 287px;
}

.pagination {
    font-size: 0px;
}

.pagination > * {
    font-size: 16px;
    margin: 5px !important;
}

.userrdvresults .L .contact.selected .btn-remove {
    display: inline-block;
	color: white;
}

.userrdvresults .L .contact .btn-remove {
    display: none;
	opacity: 1;
	position: relative;
	top: 0;
	right: 0;
	font-size: 0.95rem;
}

.userrdvresults .L .contact.selected .btn-add {
    display: none;
}

.userrdvresults .L .contact .btn-more {
    display: none!important;
}

.userrdvresults .L .contact.selected .btn-more {
    display: inline-block !important;
}

#rdvaccept .userrdvresults .L .contact.selected .btn-more {
    display: none !important;
}

.userrdvresults .L .contact .action {
    display: block !important;
    height: 265px;
    overflow: hidden;
}

.meetings .rdv_pagenumbers a.viewmore {
    border-style: none !important;
    width: auto !important;
    padding: 3px !important;
    font-size: 16px !important;
}

.modal-dialog {
    min-width: 600px;
    margin: 1.75rem auto;
}
.modal .modal-header {
    background-color: var(--dark) !important;
}
.modal .modal-header .close{
    color: var(--white) !important;
	font-size: 35px !important;
	line-height: 15px !important;
	margin-top: 0px !important;
}
.modal .modal-content{
	border: 0 !important;
}
	
	
	
	
.viewmore{
	opacity: 0;
}

.contact:hover .viewmore {
    opacity: 1;
	transition: opacity .3s ease-in-out,color .25s ease-in-out;
}

/* **************** */
/*  ACCEPTATION RDV */
/* **************** */

.userrdvresults .CustomCheck label.btn-default {
	width: 80px !important;
}

.userrdvresults .CustomCheck label.btn-success, .userrdvresults .CustomCheck label.btn-danger  {
	width: 50px !important;
}

.userrdvresults .CustomCheck label.btn-success:hover{
	width: 50px !important;
	background-color: #16c995;
    border-color: #16c995;
} 

.userrdvresults .CustomCheck label.btn-danger:hover  {
	width: 50px !important;
	background-color: #f74f78;
    background-color: #f74f78;
}

.userrdvresults .CustomCheck .w-100:hover {
	opacity: 0.8;
}

.userrdvresults .btn-group > .btn {
    flex: unset;
}

.CustomCheck .btn-group
{
    justify-content: center;
}

/* ************** */
/*     AGENDA     */
/* ************** */

#rdvagenda button {
    width: auto;
}

.CustomCheck label{
	font-size: 11px;
	text-transform: uppercase;
}

#rdvagenda .rdv-item button{
	width: fit-content;
	white-space: normal;
}

.agenda .rdv-item{
	background-color: #fff !important;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,0.085);
	box-shadow: none;
}

.hidden{
	display: none!important;
}

/* ************** */
/* PARTICIPATION  */
/* ************** */

.tabtitle{
	padding: 5px;
}


.folder{
	float: left;
	height: 40px;
	line-height: 40px;
}

.company{
	height: 20px;
}
.company:last-child {
    line-height: 40px;
}

.paxname{
	height: 20px;
	float: left;
}

.doss{
	cursor: pointer;
	border-bottom: 1px solid #e9e9f2;
	height: 60px;
}
.doss1{
	border-top: 1px solid #e9e9f2;
}


#OngletsMobile{
	display : none;
}
#OngletsDossier{
	display:contents;
} 
#OngletsDossier > div{
	width:100%;
	cursor:pointer;
}
#OngletsDossier > div > p{
	margin: 0px 5px;
}

#perscivilite{
	width: 100% !important;
}




#Section{
	display : none;
}

.cs-header, .navbar-sticky.navbar-stuck{
	z-index:100;
}

.page-item.active.page-link {
    z-index: 3;
    color: #766df4;
    background-color: rgba(0,0,0,0);
    border-color: rgba(118,109,244,0.35);
}
.rdvlistimg {
    max-height: 200px;
	margin: 5px;
}
#my-modal .modal.fade{
	display: contents;
}
#my-modal .modal.fade .modal-content {
	border: none;
	box-shadow: none;
}
#my-modal .modal.fade .modal-dialog {
	margin : 0px;
}
#my-modal .modal.fade .modal-header {
	padding : 0px;
	display:block;
}

.modal.fade .modal-header button{
	padding : 8px !important;
	margin-bottom: 5px;
}

.modal .modal-body .companycard div.round.cell
{
	text-align: left;
}

.modal .modal-body .companycard>.row:nth-child(1)
{
	justify-content: center;
}

.modal .modal-body .companycard>.row:nth-child(2)
{
	justify-content: center;
}

.modal .modal-body .companycard>.row:nth-child(2)>.cell>.row:nth-child(n+1)
{
	justify-content: center;
}

.modal .modal-body .companycard>.row:nth-child(3)
{
	justify-content: center;
}

.modal .modal-body .companycard>.row:nth-child(3)>.cell>.row:nth-child(n+1)
{
	justify-content: center;
}

/* .modal.fade .modal-header > div:nth-child(2) { */
/* margin-top: -65px; */
/* width: calc(100% - 30px); */
/* position: fixed; */
/* } */


#my-modal .modal.fade .modal-header .close{
	display : none;
}
#my-modal .modal-body {
	max-height: 80vh;
	overflow: auto;
	margin-bottom: 15px;
}

.bootbox .modal-header{
	flex-direction: unset!important;
}

.custom-checkbox ~ br{
	display : none;
}
.btn.previou,.btn.next{
margin : 0px 5px;
}


.userrdvresults .contact .card .info .row{
display : inline-block;
margin : 0px;
}
.meetings > .row > .cell{
width:100%;
} 
.userrdvresults .L{
/*annulation du defaut*/
border : none !important;
width:100%;
}
.card .card {
display: initial;
border: none;
border-radius: 0px;
}
.fade:not(.show).in{
opacity : 1;
}

/* ************** */
/*   VALIDATION   */
/* ************** */

div.varoptions, .particiaption .row .cell{
    width: 100%;
}

div.varoptions div.fusion1, div.varoptions div.fusion1 .classe{
    display:block;
}

div.varoptions div.montant {
    display: block;
    text-align:end;
}

/*
.particiaption strong{
    float:right

}
*/

.particiaption .descriptif strong
{
	float:left!important;
}

/* ******************** */
/* DRAG AND DROP BUTTON */
/* ******************** */

.cs-file-drop-btn{
z-index:1 !important;
}


/* ******************** */
/*     MEDIA QUERIES    */
/* ******************** */

@media (max-width: 576px) {
.bg-overlay-content {
margin-top: -330px !important;
z-index: auto !important;
}

.modal-dialog {
min-width: auto;
margin: 1.75rem auto;
}

.companycard{
width: auto;
}

.btn{
white-space: normal !important;
}
}

.formulaire .identification div.obl label::after, .formulaire .payeurs div.obl label::after {
    color: red;
    content: "*";
}

.meetings{
    float: left;
	width: inherit;
}


#Password_Icon{
    position: relative !important;
    padding: 10px 5px !important;
    top: -40px !important;
    left: 290px !important;
}

/* ******************** */
/*    LISTE DOSSIERS    */
/* ******************** */

.folder {
    width: 40px;
    text-align: center;
}

.gonewgroupfile{
    line-height: 20px !important;
	display: block !important;
}

/* ******************** */
/*       IMGCHECKED     */
/* ******************** */

.imgunchecked + label::before {
	content: " ";
	width: 16px;
	height: 18px;
	margin-right: 8px;
	border-radius: 5px;
	background: #e6e6f0;
	border: none;
	display: inline-block;
	color: white;
	padding: 0px;
	position: relative;
	text-align: center;
	font-size : inherit;
	top : 0px;
	margin: 0px 8px 0px 0px;
	cursor: not-allowed;
}
.imgunchecked + div::before,.imgunchecked + * + div::before{
	 padding: 0px;
    content: " ";
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 8px;
	margin-left: 3px;
    font-size: 0px;
    border-radius: 6px;
    background: #e6e6f0;
    border: none;
	display: inline-block;
	margin-top: 2px;
	
}

.imgchecked + label::before { 
	content: '\e013';
	width: 16px;
	height: 18px;
	border-radius: 5px;
	background: var(--primary);
	border: none;
	display: inline-block;
	color: white;
	padding: 0px;
	position: relative;
	text-align: center;
	font-size : 10px;
	top : 0px;
	margin: 0px 8px 0px 0px;
	font-family: "Glyphicons Halflings";
	cursor: not-allowed;	
	
}

.imgunchecked, .imgchecked {
    display: none;
}

#conditioned label{
margin-bottom: auto!important;
}

/* Retrait du lien vers l'ajout de dossier */

.gonewgroupfile{
    display: none;
}

/*  Alignement et espacement des boutons sur la page validation */

.validation{
    flex-direction: column;
}

.validation .button{
    justify-content: center;
    margin-bottom: 8px;
}

/* Espace entre la bannière et le texte sur la version mobile */

.accueil .nav{
    margin-top: 20px;
}

/* Alignement des informations dans la fiche catalogue */

.modal .modal-body .companycard>.row:nth-child(3)
{
    justify-content: center;
}

.modal .modal-body .companycard>.row:nth-child(1)
{
    justify-content: center;
}

.modal .modal-body .companycard>.row:nth-child(3)>.cell>.row:nth-child(n+1)
{
    justify-content: center;
}

.modal .modal-body .companycard>.row:nth-child(2)
{
    justify-content: center;
}

.modal .modal-body .companycard>.row:nth-child(2)>.cell>.row:nth-child(n+1)
{
    justify-content: center;
}

/*  Ajustement de la checkbox lorsqu'un quota est atteint sur une option */ 
 
.cell.custom-checkbox
{
    font-size:0;
} 

img.imgunchecked+.custom-checkbox label.else::before{
display:none;
}

img.imgunchecked+.custom-checkbox{
display:contents;
}


.options label {
	color: var(--gray) !important;
}