#container-left-line{

    height: 350px;

    background: #fdfdfd;

    overflow-x: hidden;

    overflow-y: auto;

    padding-left: 5%;

    padding-right: 5%;

    padding-bottom: 10%;

}


#container-left-line-search{

    height: 350px;

    background: #fdfdfd;

    overflow-x: hidden;

    overflow-y: auto;

    padding-left: 5%;

    padding-right: 5%;

    padding-bottom: 10%;

}



.bp-edit-place, .bp-delete-place, .bp-join-line{

        border: none;

    background: none;

    margin-right: 5px;

}



.color-white{

    color: #FFF !important;

}



.color-white:hover{

    color: #FFF !important;

}



.bloc-plan-ligne{

    padding: 14%;

    background: #ededed;


    padding-top: 5%;
}



.number-step{

border-radius: 50%;

    width: 40px;

    height: 40px;

    position: absolute;

    left: 40px;

    float: left;

    padding: 10px;

    background: #362847;

    text-align: center;

    color: white;

}

#popup-enfants .number-step{
    left:0;
    padding-top: 7px;
}
#popup-enfants .bloc-plan-ligne{
    padding: 0;
    background-color: white;
}
.arrets-liste{
    border-left: 3px solid;
}
.number-step-feuilles-de-route{
    border-radius: 50%;

    width: 40px;

    height: 40px;

    position: relative;

    left: -23px;

    float: left;

    padding: 10px;

    background: #362847;

    text-align: center;

    color: white;
}



#liste-arrets, #liste-arrets-feuilles-de-route{

        border-left: 5px solid #362847;
        margin-left: -1px;

}

#liste-arrets-popup{

    border-left: 5px solid #362847;
    margin-left: 3px;

}

.horraires-ligne{
    color: #79bfce;
}



.adresse_arret{
    padding-top: 10px;

    font-weight: bold;

    padding-left: 35px;

    float: left;
    
    max-width: 85%;

    width: 375px;
    

    text-align: left;

}

.horaire_arret{
    padding-top: 10px;
    float: right;
    font-weight: bold;
    color: #71d3d7;
}


.ligne-number-step, .ligne-number-step-feuilles-de-route{

    height: 60px;
    display: flex;
    justify-content: space-between;

}
.info-enfants-feuille-de-route{
    width: 70%;
    margin: auto;
    text-align: left;
}

.horraire-feuilles-de-route{
    height: 30px;

    border: 1px solid black;

    padding: 3px;

    padding-right: 10px;

    padding-left: 10px;

    padding-top: 3px;
}
.list-enfants-feuille-de-route{
    display: flex;
    justify-content: space-around;
}





.svg-white path {

  fill: #000;

}



.flux-news{

    margin-top: 20px;

    height: 450px;

    overflow-y: auto;

    background: #FFF;

    overflow-x: hidden;

}



.bp-edit-place{

    margin-right: 10px;

}



.cursor-pointer{

    cursor: pointer;

}



.img-button{

    padding-right: 5px;

    width: 30px;

}



#close-popup-friend{

    font-family: Quicksand, sans-serif !important;

    font-weight: bold !important;

    font-size: 12px !important;

    border: 2px solid #29193d;

    text-align: center;

    border-radius: 50px !important;

    color: #FFF !important;

    background-color: #29193d;

    padding: 10px 30px;

}



.container-new-solo{

    width: 95%;

    font-size: 12px;

    border: 1px solid #f1f1f1;

    margin-top: 10px;

    margin-left: auto;

    margin-right: auto;

    padding: 5px;

    color: #000;

}



.font-weight-bold{

    font-weight: bold;

}



.text-align-left{

    text-align: left;

}



.bp-edit-place img, .bp-delete-place img{

    width: 20px;

}


.bp-join-line img
{

    width: 30px;

}

.navbar{

    padding: 2rem 0 2rem 0 !important;

    background-color: white;
}



.footer-connected{

    background: #ededed;

    margin-top: 2rem;

    padding-top: 3rem;

    padding-bottom: 3rem;

    text-align: center;

    width: 100%;

    top: 0;

    position: relative;

}



#map, #map_place, #map_place_edit{

	height: 100%;

	width: 100%;

}



#map-create-line, #map-detail-line, #map-detail-line2{

    height: 100%;

    width: 100%;

}



#map-news{

    height: 340px;

    width: 100%;

}
#map-detail-line-feuille{
    height: 340px;
    width: 45rem;
    margin: auto;
}
.bloc-plan-ligne-feuilles-de-route{
    width: 43rem;
    margin: auto;
}


.container-li-place{

    padding-bottom: 10px;

}



#bloc-add-step{

    padding: 5% 10% 5% 10%;
    background: #362847;
}



.container-input{

    padding: 1%;

}



#address_place, #address_place_edit{

    width: 80%;

    position: absolute;

    padding: 0.5rem;

    z-index: 100;

    top: 4%;

    left: 10%;

    border: none;

}



.input-border-grey{

    width: 100%;

    padding: 0.5rem;

    margin-bottom: 2rem;

}



input, textarea, select { outline: none; resize: none; }



.container-head-page{

    margin-top: 1rem;

    margin-bottom: 1rem;

}



.col-no-padding{

    padding: 0 !important;

}



.input-border-bottom{

    outline: none;

    color: #FFF;

    background: transparent;

    border-bottom: 1px solid #FFF;

    border-right: none;

    border-left: none;

    margin-bottom: 15px;

    border-top: none;

    width: 100%;

}



.popup#popup-send-timeline{

    width: 80%;

}

.popup#popup-send-member{

    width: 80%;

}



select.input-border-grey{

    padding: 0.7rem;

}



#bp-add-friend{

    cursor: pointer;

    margin: 0 auto;

    width: 3rem;

    line-height: 3rem;

    height: 3rem;

    color: #FFF;

    font-size: 2rem;

    border-radius: 50%;

    text-align: center;

    background: #71d3d7;

    margin-bottom: 2rem;

    margin-top: 1rem;

}



.bp-blue{

  background: #71d3d7 !important;

}



.input-border-bottom-friend{

    outline: none;

    color: #383838;

    background: transparent;

    border-bottom: 1px solid #ccc;

    border-right: none;

    border-left: none;

    margin-bottom: 15px;

    border-top: none;

    width: 100%;

}



#bp-create-line{

    font-family: Quicksand, sans-serif !important;

    font-weight: bold !important;

    font-size: 12px !important;

    border: 2px solid #71d3d7;

    text-align: center;

    border-radius: 50px !important;

    color: #FFF !important;

    background-color: #71d3d7;

    padding: 10px 30px;

}



#bp-add-news{

    margin-top: 0.5rem;

    font-family: Quicksand, sans-serif !important;

    font-weight: bold !important;

    font-size: 12px !important;

    border: 2px solid #71d3d7;

    text-align: center;

    border-radius: 50px !important;

    color: #FFF !important;

    background-color: #71d3d7;

    padding: 10px 30px;

}



#bp-add-step, #bp-timeline, #bp-invitations, #bp-notifications, #bp-transfert, #bp-enfants {

    border: none;

    background: transparent;

}



#bp-add-step{

    color: #FFF;

    margin-top: 1rem;

}



button{

    cursor: pointer;

}



button > img{

    padding-right: 5px;

    width: 30px;

}



.button{

    cursor: pointer;

}



.button > img{

    padding-right: 5px;

    width: 30px;

}



#container-name-line{

    font-size: 1.8rem;

    font-weight: bold;

    margin-bottom: 10px;
    

}



#bloc-supp-ligne{

    height: 350px;
    background: #fdfdfd;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 11%;
    padding-right: 5%;
    padding-bottom: 10%;
    padding-top: 5%;
}



#container-add-news{

    padding: 5%;

    background: #ededed;

}



textarea{

    padding: 10px;

}



.img-radius-chat{

    width: 50px;

    border-radius: 50%;

    height: 50px;

}



#container-add-news textarea{

    width: 100%;

    height: 100px;

}



#bp-add-step span{

    font-weight: bold;

}



#bp-timeline, #bp-invitations, #bp-notifications, #bp-transfert, #bp-enfants {

    color: #28123b;

    margin-bottom: 1rem;

}



#bp-invitations span, #bp-timeline span, #bp-notifications span, #bp-transfert span, #bp-enfants span {

    text-decoration: underline;

    font-weight: bold;

    color: #362847;

}



#bloc-notification > div, #container-add-news > div{

    font-weight: bold;

    color: #362847;

    margin-bottom: 0.5rem;

}



#bloc-notification textarea{

    resize: none;

    background: #FFF;

    width: 100%;

}



#title-notification{

    color: #362847;

    font-weight: bold;

}



.delete-step{

    position: absolute;

    margin: 0 10px;

    color: #FFF;

    cursor: pointer;

}



#container-name{

    margin-bottom: 1rem;

    color: white;
    font-weight: 100;
}



.input-border-bottom::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #FFF;

}

.input-border-bottom::-moz-placeholder { /* Firefox 19+ */

  color: #FFF;

}

.input-border-bottom:-ms-input-placeholder { /* IE 10+ */

  color: #FFF;

}

.input-border-bottom:-moz-placeholder { /* Firefox 18- */

  color: #FFF;

}



.checkbox-place, .checkbox-line{

    width: 15px;

    height: 15px;

    margin-top: 10px;

}



.title-left-line{

    font-weight: bold;

    text-transform: uppercase;

    color: #362847;

}

#container-search{	margin-left:10px;	border: 1px solid #29193d;	border-radius:5px;	height: 40px;	width:95%;	margin-bottom:15px;	background-image:url('../img/search.png');	background-repeat:no-repeat;	background-position:8px 8px;}

#search-address{
		width: 85%;	margin-left:11%;   margin-top:7px;
    z-index: 100;
    left: 10%;	border:none;
	margin-bottom:15px; 
    color:#29193d;
}



#popup-create-place, #popup-edit-place{

    width: 800px;

}



#container-flux-news{

padding: 5%;

height: 100%;

    background: #362847;

}



#popup-news{

    background: inherit;

    width: 1000px;

}
.nom-de-la-ligne{
  border: 1px solid white;
  padding: 10px;
  width: 67%;
  margin-right: 73px;
}
#container-go, #container-add-step, #container-finish-address{
    display: flex;
}
.bloc-creation-ligne .icones{
    margin-right: 15px;
    margin-top: 10px;
}
#steps{
    max-height: 110px;
    color: white;
}
#steps .icones{
    color:white;
}
.input-step{
    width: 320px;
}
#map-create-line{
    margin-left: 246px;
}
.bloc-arret{
    color: white;
}
.temps-arret{
    background: none;
    border: none;
    width: 50px;
    height: 24px;
    margin-left: 15px;
    border-bottom: 1px solid white;
    color: white;
}
.subtitle-left-line{
    color: #bcafcf;
}
.plop{
    display: flex;
    justify-content: space-between;
    width: 82%;
}
.elies{
    display: flex;
    justify-content: space-between;
}
#listConducteur{
    font-weight: normal;
    width: 50%;
    margin: auto;
}
#listConducteur div{
    width: 100%;
}
.info_conducteur{
    width: 350px;
    display: flex;
    justify-content: space-between;
}

.badge_ref{
    height: 30px;
}