/*
 * Propriétés CSS pour les pages de l'espace locataire
 */
/*-----------------------Général-------------------*/
.resident #selectContrat,.resident #selectModule {border: 1px solid #bebebe; border-radius: 5px;}
.blocTitre .info-multiple-contracts {font-size: 1em; color: #008bce; font-weight: bold;}
.resident .tableType table.table th,
.resident .tableType table.table td{width: 25%;}
.resident .localisation{margin-top: 20px;}
.resident .infoPerso h4{text-transform: uppercase;font-size: 1.166666666666667em;}
.resident .infoPerso p{font-size: 1.166666666666667em;margin: 0;font-weight: 600;}
.resident .infoPerso .btnBlanc{margin-top: 10px;}
.resident .alert{clear: both}
.resident .imgTypeDoc.first{margin-top: 76px;}

/* -------------- Bloc infos persos -------------- */
.blocInfosPerso .link-bar,
.aVoirAussi .link-bar {
    margin-top: 30px;
    font-size: 0px;
}
.blocInfosPerso .link-bar a,
.aVoirAussi .link-bar a {
    display: inline-block;
    height: 54px;
    width: 73px;
    margin: 0px 5px;
    border-bottom: 2px solid transparent;
}
.blocInfosPerso .link-bar a:first-child,
.aVoirAussi .link-bar a:first-child {
    margin-left: 0px;
}
.blocInfosPerso .link-bar a:last-child,
.aVoirAussi .link-bar a:last-child {
    margin-right: 0px;
}
.blocInfosPerso .link-bar a img,
.aVoirAussi .link-bar a img {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 12px;
}
.blocInfosPerso .link-bar a:hover,
.blocInfosPerso .link-bar a:focus,
.aVoirAussi .link-bar a:hover,
.aVoirAussi .link-bar a:focus {
    border-bottom-color: #000000;
}

/* -------------- Détail de biens -------------- */
.resident.detail-bien #map {
    min-height: 450px;
    width: 100%;
    margin-top: 20px;
}

.resident.detail-bien .details{}
.resident.detail-bien .details ul.description{overflow: visible;}
.resident.detail-bien .details ul.description li{clear: both;}
.resident.detail-bien ul.description li .label, .resident.detail-bien ul.description li .value {
  padding: 0px;
}

/* -----------------------Suivi des réclamations------------------- */
.suivi-reclamation .button-container {
    min-height: 30px;
    margin: 20px 0px;
}
.suivi-reclamation .button-container a.btn {
    margin: 0px;
}
.suivi-reclamation tr.yellow td {
    background-color: #fce400;
}
.suivi-reclamation tr.yellow td {
    background-color: #fce400;
}
.suivi-reclamation td a {
    text-decoration: underline;
}

.suivi-reclamation .claims-list h3, .suivi-reclamation .actions-list h3 {
    margin-top: 20px;
    font-size: 1.5em;
}
.suivi-reclamation .claims-list > ul, .suivi-reclamation .actions-list > ul {
    padding-left: 0px;
    list-style: none;
}
.suivi-reclamation .claims-list ul li, .suivi-reclamation .actions-list ul li {
    clear: both;
}
.suivi-reclamation .claims-list > ul > li, .suivi-reclamation .actions-list > ul > li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #EAB814;
}
.suivi-reclamation .claims-list > ul > li:first-child, .suivi-reclamation .actions-list > ul > li:first-child {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0px none;
}
.suivi-reclamation .claims-list > ul > li.yellow, .suivi-reclamation .actions-list > ul > li.yellow {
    background-color: #fce400;
    padding-bottom: 10px;
    padding-top: 10px;
}

/* -----------------------Dépôt d'une réclamation------------------- */
.deposer-reclamation .blocPrincipal {
    min-height: 400px;
}
.deposer-reclamation label {
    width: 90%;
}
.deposer-reclamation textarea {
    width: 90% !important;
}

/* -------------- Attestation Assurance -------------- */
.resident.attestation-assurance .heading{border: 1px solid black;padding: 10px;margin-top: 20px;}
.resident.attestation-assurance .heading p{margin: 0px;font-weight: 600;}
.resident.attestation-assurance .alert{margin-top: 20px;}

/* -------------- Avis échances -------------- */
.resident.avis-echeances .alert{margin-top: 20px;}
.resident.avis-echeances .rib .tableType{margin-top: 0px;padding-bottom: 15px;}
.resident.avis-echeances .rib .tableType table.table th, .resident.avis-echeances .rib .tableType table.table td{width: 50%;padding: 5px}

/* -------------- Règlements -------------- */
.resident.reglements .alert{margin-top: 20px;}
.resident.reglements .rib .tableType{margin-top: 0px;padding-bottom: 15px;}
.resident.reglements .rib .tableType table.table th, .resident.reglements .rib .tableType table.table td{width: 50%;padding: 5px}

.resident.reglements .reglements-list h3 {
    margin-top: 20px;
    font-size: 1.5em;
}
.resident.reglements .reglements-list > ul {
    padding-left: 0px;
    list-style: none;
}
.resident.reglements .reglements-list ul li {
    clear: left;
}
.resident.reglements .reglements-list > ul > li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #EAB814;
}
.resident.reglements .reglements-list > ul > li:first-child {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0px none;
}

.resident.reglements table a.pdf {display: block; width: 28px;}

/* -------------- Changement de son adresse email (Feedback) -------------- */
.resident.change-email-feedback .alert{margin-top: 20px;}

/* -------------- Paiement en ligne -------------- */
.resident.paiement .form_container {
    font-size: 1.4em;
    font-weight: bold;
}
.resident.paiement .info-payment-type-card {
    width: 80px;
    margin-left: 20px;
    vertical-align: middle;
}
.resident.paiement .resident-list {
    overflow: hidden;
    margin-bottom: 30px;
    margin-left: 30px;
}
.resident.paiement .form-item {
    clear: left;
}
.resident.paiement .form-item .radio-label {
    display: inline;
}
.resident.paiement .form-item .radio-img {
    width: 80px;
    vertical-align: middle;
}
.resident.paiement .resident-item:after {
    clear: right;
}
.resident.paiement .form-fields {
    margin-left: 30px;
}
.resident.paiement .form_container {
    margin-top: 30px;
    font-size: 1.2em;
}
.resident.paiement form.type-form .form-item {
    clear: both;
}
.resident.paiement form.type-formulaire .form-item select {
    margin: 0px;
    padding: 10px;
    border: 1px solid #bebebe;
    border-radius: 5px;
}
.resident.paiement ul.description{overflow: visible;}
.resident.paiement ul.description li{clear: both;}
.resident.paiement .modal .actions-wrapper{text-align: right;}

/* -------------- Changement de son adresse email (Feedback) -------------- */
.resident.change-email-feedback .alert{margin-top: 20px;}

/* -------------- Changement de son adresse email (Feedback) -------------- */
.resident.modifier-informations .alert{margin-top: 20px;}
.resident.modifier-informations .password{margin-top: 20px;}
.resident.modifier-informations .password h3{font-size: 2em;}

/* -------------- Moyens de paiement -------------- */
.resident.moyens_paiement .payment_mean-list table {
    width: 100%;
}
.resident.moyens_paiement .payment_mean-list table caption {
    margin-left: 0px;
}
.resident.moyens_paiement .payment_mean-list table th,
.resident.moyens_paiement .payment_mean-list table td {
    text-align: center;
}
.resident.moyens_paiement .payment_mean-list table img {
    width: 80px;
}
.resident.moyens_paiement .payment_mean-list table a {
    margin: 0px 5px;
    font-size: 1.3em;
    text-decoration: none;
}
.resident.moyens_paiement .payment_mean-list table .warning {
    color: #FF0000;
}
.resident.moyens_paiement .payment_mean-list table .warning a {
    vertical-align: middle;
    font-size: 1em;
}
.resident.moyens_paiement .payment_mean-list table .warning a .glyphicon {
    vertical-align: text-top;
    font-size: 1.3em;
}
.resident.moyens_paiement .payment_mean-list table .glyphicon-remove {
    color: #FF0000;
}
.resident.moyens_paiement .form_container {
    font-size: 1.4em;
    font-weight: bold;
}
.resident.moyens_paiement .form-item .radio-label {
    display: inline;
}
.resident.moyens_paiement .form-item .radio-img {
    width: 80px;
    vertical-align: middle;
}
.resident.moyens_paiement .form-item .picto-img {
    margin: 10px 0px;
}

/* -------------- Media queries -------------- */

@media (max-width: 410px) { /* pas de préfixe (on est dans du xs) */
    .resident.paiement .form-item .radio-label {
        display: block;
    }
    .resident.paiement .form-item .radio-label img {
        max-width: 75%;
    }

    .blocInfosPerso .link-bar a,
    .aVoirAussi .link-bar a {
        width: 67px;
        margin: 0px 2px;
    }
}

/* -------------- switchbox notifications echeance -------------- */
.notif-echeance {
    float: right;
}

.switch-builder input {
    display:none;
}

.switch-builder {
    display:inline-block;
    width:60px;
    height:30px;
    margin:8px;
    transform:translateY(50%);
    position:relative;
}

.slider-builder {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px;
    box-shadow:0 0 0 2px #777, 0 0 4px #777;
    cursor:pointer;
    border:4px solid transparent;
    overflow:hidden;
    transition:.4s;
}

.slider-builder:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#777;
    border-radius:30px;
    transform:translateX(-30px);
    transition:.4s;
}

input:checked + .slider-builder:before {
    transform:translateX(30px);
    background:#0070c0;
}

input:checked + .slider-builder {
    box-shadow:0 0 0 2px #0070c0,0 0 2px #0070c0;
}

.notif-echeance .msg-infos-notif-active {
    font-size: 14px;
    font-weight: bold;
}

.modal.notif-echeance {
    font-size: 14px;
}