.full-width { width: 100%; }

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

.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }

.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }

.green { color: #008e3d; }
.bg-green { background-color: #008e3d; }
.btn-boubat { background-color: #008e3d; color: #fff !important; font-weight: bold}
.shadow-boubat {box-shadow: 0 3px 6px 0 rgba(0,0,0,.5)}
.shadow-boubat-multiple {box-shadow: 4px 3px 6px 0 rgba(0,0,0,.5)}
.title-boubat { color: #fff; }
.title-boubat > div:first-child, .title-boubat .container span { background-color: #008e3d; }
.title-boubat .container span { border-radius: 0 5px 5px 0; }
.input-boubat, .input-boubat:focus {box-shadow: inset 4px 4px 15px -4px rgba(0,0,0,.5); background-color: #e9e9e9; border: none;}
.input-group>.input-group-append.input-group-boubat>.input-group-text { background-color: #008e3d; color: #ffffff; }

.sprite-logo { background-image: url(/assets/pictos_liste.png); background-repeat: no-repeat; height: 130px; width: 128px;}
.sprite-logo.project-autoconso { background-position-x: -2760px; }
.sprite-logo.project-revente { background-position-x: -2070px; }

.toitures-logo { background-image: url(/assets/toitures.png); height: 153px; display: block; width: 160px; background-size: cover; background-repeat: no-repeat; }
#inclination-container a, #inclination-container a:hover {color: inherit; text-decoration: none;}

#orientation-container .box { background-image: url(/assets/soleil.png); background-repeat: no-repeat; background-position: 50% 0; background-size: 145px; padding-top: 70px; }
#orientation-container .box .col { cursor: pointer; }
#orientation-container .box .orientation-parent .orientation { border: 3px solid transparent; border-radius: 5px; padding-bottom: 5px; }
#orientation-container .box .orientation-parent:hover .orientation { border-color: #b6d4a0 }
#orientation-container .box .orientation-parent.selected .orientation, #orientation-container .box .orientation-parent.selected:hover .orientation { border-color: #008e3d; }
#orientation-container .box .col .orientation .image { background-image: url(/assets/maisons.png); height: 70px; z-index: 100; background-size: cover; padding-top: 70px; background-repeat: no-repeat; }
#orientation-container .box .col .orientation.ouest { margin-top: 0; }
#orientation-container .box .col .orientation.ouest .image { background-position-x: 0; }
#orientation-container .box .col .orientation.sud-ouest { margin-top: 70px; }
#orientation-container .box .col .orientation.sud-ouest .image { background-position-x: -95px; }
#orientation-container .box .col .orientation.sud { margin-top: 115px; }
#orientation-container .box .col .orientation.sud .image { background-position-x: -188px; }
#orientation-container .box .col .orientation.sud-est { margin-top: 70px; }
#orientation-container .box .col .orientation.sud-est .image { background-position-x: -295px; }
#orientation-container .box .col .orientation.est { margin-top: 0; }
#orientation-container .box .col .orientation.est .image { background-position-x: -395px; }

#facture-equipements-div .equipement { border: 2px solid transparent; border-radius: 5px; cursor: pointer; padding: 5px; }
#facture-equipements-div .equipement:hover { border-color: #b6d4a0; }
#facture-equipements-div .equipement.selected, #facture-equipements-div .equipement.selected:hover { border-color: #008e3d; }
#facture-equipements-div .equipement .image { background-image: url(/assets/pictos_liste.png); background-repeat: no-repeat; height: 130px; width: 128px;}
#facture-equipements-div .equipement .image.chauffeau { background-position-x: -3036px; }
#facture-equipements-div .equipement .image.piscine { background-position-x: -3312px; }
#facture-equipements-div .equipement .image.chauffage { background-position-x: -3174px; }

#recap-container .puce-list .head .puce { height: 46px; width: 46px; background-image: url(/assets/pictos_liste.png); background-repeat: no-repeat; border-radius: 23px; background-size: cover; z-index: 2; }
#recap-container .puce-list .head .puce.light { background-position-x: -644px; }
#recap-container .puce-list .head .puce.maps { background-position-x: -100px; }
#recap-container .puce-list .head .puce.housesize { background-position-x: -248px; }
#recap-container .puce-list .head .puce.invoice { background-position-x: -199px; }
#recap-container .puce-list .head .puce.estimate { background-position-x: -694px; }
#recap-container .puce-list .head .text { color: #ffffff; font-size: 22px; padding: 3px 20px; margin-left: -12px; z-index: 1; border-radius: 4px; }
#recap-container .puce-list .content { font-size: 17px;}


#mapid { height: 60vh; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; margin-left: -6px;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.big-number {
    font-size: 75px;
}


.boubat-content {min-height: calc(100vh - 38px); padding-top: 44px; }

.arrow_box:not(.disabled) { position: relative; background: #008e3d; border: 2px solid #efeff4; border-right: 0; }
.arrow_box.disabled { position: relative; background: #b6d4a0; border: 2px solid #efeff4; border-right: 0; }

.arrow_box:after, .arrow_box:before {left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.arrow_box:not(.disabled):after { border-color: rgba(0, 142, 61, 0); border-left-color: #008e3d; border-width: 12px; margin-top: -12px; }
.arrow_box:not(.disabled):before { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 15px; margin-top: -15px; }
.arrow_box.disabled:after { border-color: rgba(182, 212, 160, 0); border-left-color: #b6d4a0; border-width: 12px; margin-top: -12px; }
.arrow_box.disabled:before { border-color: rgba(239, 239, 244, 0); border-left-color: #efeff4; border-width: 15px; margin-top: -15px;}

.stepper { overflow: hidden; color: white; }
.stepper .col, .stepper .col a{ color: white; }
.stepper .col { background-color: #008e3d; }
.stepper .col:first-child { flex: 0 140px; }
.stepper .col:last-child { border-top: 2px solid #efeff4; border-bottom: 2px solid #efeff4; flex: 0 50px; }
.stepper .col:not(:first-child) {padding-left: 0;}
.stepper .col:not(:last-child) {padding-right: 0;}
.stepper .col:first-child .arrow_box { border-left: 0; }
.stepper .col .arrow_box { padding-left: 20px; }

.footer { background-color: #008e3d; color: #ffffff; }
.footer .logo { width: 130px; right: 15px; bottom: 0;}