/*Doit contenir exclusivement les modifications qui seront corrigées
par Avanade dans la css "paris-tennis.css" */

/* Passage de la croix au dessus afin de pouvoir
la rendre cliquable */
button.close {
	z-index: 1000;
}

/*Suppression de l'option absolute pour l'intégration de la bannière mon compte*/
.banner-mon-compte__connexion-wrapper {
    position: inherit;
}

/*Ajout du background gris sur la homepage*/
div.homepage {
    background-color: rgb(245, 245, 245);
}

/* Redimensionnement des svg des .date-item */
.date-item .meteo .picto svg {
    height: 45px;
    width: 45px;
}

/* Redimensionnement des svg des .date-block */
.date-block svg {
    width: 26px;
    height: 26px;
}

/* Ajout du padding */
.weather-module .temperature-block {
    padding-top: 50px;
    padding-bottom: 25px;
}

/*Réduction du padding bottom pour augmenter la marge sur le 
libellé des mentions légales*/
.weather-module {
    padding-bottom: 50px;
}

/* Augmentation de la marge sur le div des mentions légales */
.weather-module .row .mentions-legales {
	margin-top: 10px;
}

/* Affichage des mentions légales sur la page de recherche */
.weather-module .row .mentions-legales p {
    color: rgb(255, 255, 255);
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 300;
}

/* Renommage des classes dans les svg */
.date-picker .date-item .meteo .picto .svgSun,
.date-picker .date-item .meteo .picto .svgClouds,
.date-picker .date-item .meteo .picto .svgThunderbolt,
.date-picker .date-item .meteo .picto .svgRain,
.date-picker .date-item .meteo .picto .svgRain .goutte,
.date-picker .date-item .meteo .picto .svgSnow {
    fill: rgb(229, 229, 229);
}

.date-picker .date-item.selected .meteo .picto .svgSnow,
.date-picker .date-item.selected .meteo .picto .svgClouds,
.date-picker .date-item.selected .meteo .picto .svgThunderbolt
.date-picker .date-item.selected .meteo .picto .svgRain,
.date-picker .date-item.selected .meteo .picto .svgSnow  {
    fill: rgb(255,255,255);
}

/* Application du design slider sur tous les éléments de la classe slider et non
par rapport a l'Id*/
.slider {
    margin: 0 auto;
    width: 100%;
    height: 20px;
}

/*Pas d'image de fond pour l'affichage de la map*/
.tennis-map {
    background-image: none;
}

/*Modal annulation réservation en cours */
#reservationEnCours .modal-dialog {
    width: 800px;
}
#reservationEnCours .modal-content {
    width: 800px;
    margin:0 auto;
}
#reservationEnCours img {
    position: absolute;
    z-index: 1;
    top: 18px;
    right: 15px;
    margin-top:0;
    margin-right: 0;
}
#reservationEnCours .modal-header {
    margin-top:35px;
    padding-bottom: 5px;
    border-bottom:none;
}
#reservationEnCours .modal-footer {
    text-align: center;
    padding-top: 0;
}
#reservationEnCours .modal-footer button {
    height: 60px;
    width: 300px;
}
#reservationEnCours .modal-footer button:first-child {
    margin-right: 8px;
}
.btn.popin.submit {
    display: inline;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 15px;
    background-color: #FFFFFF;
    border: 2px solid #125288;
    color: #125288;
    margin-bottom: 13px;
}
/* Fin : Modal annulation réservation en cours */

/*Correction du chemin de récupération des images*/
.repriseTickets select {
    background-image: url(../images/arrow3.svg);
}

.search-result .panel-group a[aria-expanded=true] .panel-heading .panel-title:after {
    content: url('../images/arrow-top.svg');
}

.search-result .panel-group a[aria-expanded=false] .panel-heading .panel-title:after {
    content: url('../images/arrow-top.svg');
}

.customCheckbox [type="checkbox"]:checked + label:after {
    background-image: url(../images/check.svg);
}

select#tab_selector {
	background-image: url(../images/arrow2.svg);
}

@media (max-width: 1200px) {
	.navbar-collapse.disconnected li.my-account a:before {
	    content: url('../images/myaccount-picto.png');
	}
	/*burger menu fix*/
    .navbar-toggle {
        outline: none;
        border: none;
    }
    /* Fix du formulaire de modification du profil */

    #profileForm span, #profileForm input {
        width: 100%;
    }
}

/*Fin : Correction du chemin de récupération des images*/

/* Debut Corrections sur les tennis favoris */

.container.search .search-block h3 {
    text-align: center;
    color: rgb(65, 203, 154);
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 24px;
    border-bottom: 1px solid rgb(198, 198, 198);
    margin: 20px 0;
    padding: 20px 0;
}

/* Fin Corrections sur les tennis favoris */

/* Passage sur deux lignes du tarif sur la recherche des créneaux */
.amount .price {
    line-height: 50px;
}

.amount .price-description {
    line-height: 1;
}

/* Fin : Passage sur deux lignes du tarif sur la recherche des créneaux */

/* Elargissement par défaut de la liste des tickets */
.repriseTickets .box-ticket {
    width: 640px;
}

.historiqueRepriseTickets img.popin-close {
    position: absolute;
    z-index: 1;
    top: 18px;
    right: 15px;
    margin-top: 0;
    margin-right: 0;
}

.historiqueRepriseTickets .modal-dialog {
    width: 880px;
}

.historiqueRepriseTickets .modal-content {
    width: 100%;
    margin: 0 auto;
    padding: 40px;
}

.historiqueRepriseTickets .modal-header {
    background-color: rgb(65, 203, 154);
    height: 60px;
    padding: 0;
    text-align: center;
    border: none;
    display: table-cell;
    vertical-align: middle;
    width: 100vw;
}

.historiqueRepriseTickets .modal-header img {
    width: 243.78px;
    height: 43.07px;
}

.historiqueRepriseTickets .modal-inner-content {
    border: 1px solid rgb(198, 198, 198);
    margin-bottom: 20px;
    padding: 37px;
}

.historiqueRepriseTickets .modal-inner-content .title {
    font-size: 22px;
    font-weight: normal;
    text-align: center;
}

.historiqueRepriseTickets .modal-inner-content .ticketNumber {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

.historiqueRepriseTickets .modal-inner-content hr {
    border-color: rgb(51, 51, 51);
    margin: 20px 0;
}

.historiqueRepriseTickets .modal-inner-content table tr th:first-child,
.historiqueRepriseTickets .modal-inner-content table tr td:first-child {
    width: 30%;
}

.historiqueRepriseTickets .modal-inner-content table {
    width: 100%;
}

.historiqueRepriseTickets .modal-inner-content table th,
.historiqueRepriseTickets .modal-inner-content table td {
    font-size: 18px;
    /*Alignement a gauche pour le formulaire de reprise des tickets*/
    text-align: left;
}

.historiqueRepriseTickets .modal-inner-content table.userInfos th {
    font-weight: normal;
    padding-bottom: 5px;
}

.historiqueRepriseTickets .modal-inner-content table.tickets th {
    font-weight: normal;
    padding-bottom: 15px;
}

.historiqueRepriseTickets .modal-inner-content table.userInfos tr:nth-of-type(3) th {
    padding-top: 17px;
}

.historiqueRepriseTickets .modal-inner-content table.tickets td {
    padding-bottom: 13px;
}

.historiqueRepriseTickets .modal-inner-content .undersigned {
    margin: 27px 0 45px 0;
    font-size: 18px;
}

.historiqueRepriseTickets .modal-inner-content .undersigned2 {
    margin: 27px 0 0 0;
    font-size: 18px;
}

.historiqueRepriseTickets .modal-inner-content .signature,
.historiqueRepriseTickets .modal-inner-content .date {
    width: 200px;
    height: 70px;
    font-size: 18px;
}

.historiqueRepriseTickets .flex2 {
    display: flex;
    justify-content: space-between;
}

.historiqueRepriseTickets .modal-footer {
    text-align: center;
    padding-top: 0;
}

.historiqueRepriseTickets .modal-footer .infos {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}

.historiqueRepriseTickets .modal-footer button {
    height: 60px;
    width: 189.25px;
    font-size: 16px;
}

#cancelModal img {
    position: absolute;
    z-index: 1;
    top: 18px;
    right: 15px;
    margin-top: 0;
    margin-right: 0;
}

/**********************************************************************************/
/**************** Corrections responsive design ***********************************/
/**********************************************************************************/

@media (max-width: 767px) and (min-width: 320px)
.profile .tab-pane#bookingBook div.title {
    padding-top: 20px;
}

/*Tablets*/
@media (max-width: 1024px) {

    /*correction chevauchement label selection crenaux horaires*/
    .labelCreneaux{
        margin-bottom: 50px;
    }

	/*Affichage fenêtre modale sur mobile depuis la page des résultats de la recherche */
	#reservationEnCours .modal-dialog {
        width: 668px;
    }
    #reservationEnCours .modal-content {
        width: 668px;
        height: 300px;
        margin: 0 auto;
    }
    #reservationEnCours .modal-footer button:first-child {
        margin-right: 0;
        margin-bottom: 15px;
    }
    #reservationEnCours .modal-header {
        margin-top: 20px;
    }
    .order-steps-infos div.reservationEnCours {
        font-size: 20px;
    }
    
    select#tab_selector {
        background-image: url(../images/arrow2.svg);
    }
    
    /* Debut - 65828 - Message d'indispo tronqué sur mobile et tablette */
    .search-result .no-result p {
	    height: unset;
	    line-height: unset;
	}
	.search-result .select-tennis-map {
		padding-top: 20px;
	}
	/* Fin - 65828 */
}

/*cross mobile*/
@media (min-width: 320px) and (max-width: 767px){
	.btnRefreshResearch.btn.btn-darkgreen {
		margin-top:20px;
	} 
	
	/*Affichage fenêtre modale sur mobile depuis la page des résultats de la recherche */
	#reservationEnCours .modal-dialog {
        margin:0;
        padding: 0;
        width: 100%;
    }

    #reservationEnCours {
        height: 100vh;
        top: 50px;
    }

    #reservationEnCours .modal-dialog img {
        width: 20px;
        height: 20px;
        position: absolute;
        z-index: 1;
        top: 15px;
        right: 15px;
        margin: 0;
    }

    #reservationEnCours .modal-footer button {
        width: 100%;
        padding: 0;
    }
    #reservationEnCours .modal-header {
        margin-top: 0;
    }
	#cancelModal {
        height: 100vh;
        top: 50px;
    }
    #cancelModal .modal-dialog {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #cancelModal .modal-content {
        height: calc(100vh - 50px);
        width: 100vw;
        margin: 0;
        padding: 20px 15px;
        display: table-cell;
        vertical-align: middle;
    }

    #cancelModal .modal-header {
        margin-top: 0;
    }
    #cancelModal button.popin {
        width: 100%;
        padding: 0;
    }
        nav.navbar.navbar-default.navbar-paristennis {
            height:50px !important;
        }
            .btn.popin.save{
                display: block;
                margin-top: 10px;
            }

            .profile #profileForm .ocr-module {
            text-align: center;
        }
            .profile #profileForm h4{
                text-align: center;
        }

            .profile #profileForm .ocr-module img{
                 display: block;
                 margin: auto;
                 margin-top: 20px;
                 margin-bottom: 10px;
        }
}

/* Surcharge du panel-title(page résultat) pour IE*/
.search-result .panel-group a[aria-expanded=true] .panel-heading .panel-title::after {
    display: block;
}
.search-result .panel-group a[aria-expanded=false] .panel-heading .panel-title::after {
    display: block;
}
/*Surchage de la croix nom tennis page résultat tennis pour IE */
.tennis-label{
	float: left;
}

.reglement {
    background-color: rgb(245, 245, 245);
}

/* fix du svg qui disparait sur Explorer */

.search-result .tarifs svg {
    margin-bottom: -5px;
    position: relative;
    left: 0px;
    fill: rgb(18, 82, 136);
}

/*wrapping validation mobile*/
.heureDate{
    white-space:pre;
}

/*fix modale sur mobile */
@media (max-width: 767px){
    #reservationEnCours .modal-content {
            height: calc(100vh - 50px);
            width: 100vw;
            margin: 0;
            padding: 20px 15px;
            display: table-cell;
            vertical-align: middle;
            overflow:scroll;
    }
}

body.modal-open{
    overflow:hidden;
}