/*-------------------------------------------------------*/
/* Styles de la RI                                       */
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* Formulaire de recherche                               */

.mb-iti-search-block {
    padding: 15px !important;
}

#mb-iti-search-block fieldset {
    margin-bottom: 15px;
}

#mb-iti-search-block fieldset .mb-field-line {
    display: inline-block;
    width: 40%;
}

#mb-iti-search-block fieldset .mb-field-line input {
    width: 80%;
}

#mb-iti-search-block fieldset label {
    display: block;
    float: none;
}

#mb-iti-search-block fieldset #heure .select-1 {
    padding: 0 5px 0 0;
}

#mb-iti-search-block #mb-iti-search-btn{
    margin: 20px 0 0 0;
}

#mb-iti-search-block input:focus{
    border: 1px solid #BABABA;
    box-shadow: 0px 0px 3px 1px #B6B6B6;
    transition: box-shadow 0.3s ease 0s, border 0.3s ease;
}

#mb-iti-bloc-details fieldset:not(:last-child) {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}

#mb-iti-bloc-details fieldset:nth-child(2) {
    margin-top: 20px;
}

#mb-iti-bloc-details fieldset input[type="radio"],
#mb-iti-bloc-details fieldset input[type="checkbox"] {
   position: relative;
   top: 3px;
}
#mb-iti-bloc-details fieldset .mb-bloc-fields select,
#mb-iti-bloc-details fieldset .mb-bloc-fields label {
    display: inline-block;
}

.mb-bloc-submit .mb-line-button {
    display: block;
    text-align: center;
}

.mb-bloc-submit .mb-line-button input[type="button"] {
    cursor: pointer;
}

.mb-bloc-submit .mb-line-button .mb-cancel-action {
    border: 1px solid #ccc;
    padding: 2px 3px;
    text-decoration: none;
}

.mb-bloc-submit .mandatory-info {
    text-align: center;
}

/* FIN Formulaire de recherche                           */
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* Liste des itiniéraires                                */

/* Résulé de la recherche                                */
#mb-iti-search-block #mb-resume-content {
    border: 1px solid #ccc;
    padding: 0;
}

#mb-iti-search-block #mb-resume-content .mb-result-head-1 {
    margin: 0;
    padding: 5px 15px;
    height: auto;
    line-height: initial;

    background-color: #ccc;
    background-image: none;
}

#mb-iti-search-block #mb-resume-content #mb-resume-departure,
#mb-iti-search-block #mb-resume-content #mb-resume-arrival,
#mb-iti-search-block #mb-resume-content #mb-resume-date,
#mb-iti-search-block #mb-resume-content #mb-resume-hour,
#mb-iti-search-block #mb-resume-content #mb-resume-walkspeed,
#mb-iti-search-block #mb-resume-content #mb-resume-criteria {
    display: inline-block;
    width: 43%;
    margin: 10px 15px 0 15px;
    padding: 0;
    vertical-align: top;

    background-image: none;
}

#mb-iti-search-block #mb-resume-content #mb-resume-mode {
    display: inline-block;
    margin: 10px 15px 0 15px;
    padding: 0;

    background-image: none;
}

#mb-iti-search-block #mb-resume-content span {
    font-weight: bold;
}

#mb-iti-search-block #mb-resume-content .mb-result-actions {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}

#mb-iti-search-block #mb-resume-content .mb-result-actions li {
    display: inline-block;
    margin: 15px 15px 0 15px;
    padding: 0;

    background-image: none;
}

#mb-iti-search-block #mb-resume-content .mb-result-actions .mb-resultchoice-action,
#mb-iti-search-block #mb-resume-content .mb-result-actions .mb-cancel-action {
    margin-top: 10px;
    padding: 2px 3px;
    border: 1px solid #ccc;
    text-decoration: none;
}

#mb-iti-search-block .mb-nota {
    margin-top: 15px;
}

/* Résulé de la recherche                                */

#mb-iti-search-block #mb-search-results-list {
    height: auto;
}

.mb-pagination {
    margin: 10px 0;
}

.mb-pagination .mb-results-list-next {
    float: right;
}
#mb-search-results-list .mb-search-result {
    margin: 10px 0;
    padding: 10px;
    
    border: 1px solid #ccc;

    background-image: none;
}

#mb-search-results-list .mb-search-result .mb-results-infos,
#mb-search-results-list .mb-search-result .mb-results-modes,
#mb-search-results-list .mb-search-result .mb-results-misc {
    display: inline-block;
    width: 40%;
    margin: 0;
    padding: 0;
    vertical-align: top;

    background-image: none;
}

#mb-search-results-list .mb-search-result .mb-results-modes {
    display: inline-block;
    width: 15%;
    margin-top: 5px;
    margin-right: 5px;
}

#mb-search-results-list .mb-search-result .mb-results-modes .mb-mode span {
    padding: 3px 5px;
    border-radius: 2px;
    background-color: #ccc;
}

#mb-search-results-list .mb-search-result .mb-results-infos li,
#mb-search-results-list .mb-search-result .mb-results-modes li,
#mb-search-results-list .mb-search-result .mb-results-misc li {
    margin: 0;
    padding: 0;

    background-image: none;
}

#mb-search-results-list .mb-search-result .mb-results-infos li span,
#mb-search-results-list .mb-search-result .mb-results-modes li span,
#mb-search-results-list .mb-search-result .mb-results-misc li span {
    font-weight: bold;
}

#mb-search-results-list .mb-search-result .mb-results-goto {
    margin-top: 10px;
    text-align: left;
}

/* FIN Liste des itiniéraires                            */
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* Détails d'un itiniéraire                              */

#mb-search-detailed-results-block {
    margin: 0;
    padding: 0;
}

#mb-search-detailed-results-block .mb-results-infos,
#mb-search-detailed-results-block .mb-results-misc {
    margin: 0;
    padding: 0;
}

#mb-search-detailed-results-block .mb-results-infos li,
#mb-search-detailed-results-block .mb-results-misc li {
    display: inline-block;
    width: 32%;
    margin: 0 0 10px 0;
    padding: 0;
    vertical-align: top;

    background-image: none;
}

#mb-search-detailed-results-block .mb-results-infos li span,
#mb-search-detailed-results-block .mb-results-misc li span {
    font-weight: bold;
}

#mb-search-detailed-results-block .mb-iti-detailed-results {
    list-style: none;
    padding-left: 15px;
    counter-reset: newcounter;
}

#mb-search-detailed-results-block .mb-iti-detailed-results li.mb-iti-step {
    padding: 0 0 15px 0;
    border: 0;
    border-left: 2px solid #808080;
}
#mb-search-detailed-results-block .mb-iti-detailed-results li.mb-iti-step:last-child {
    padding: 0;
}


#mb-search-detailed-results-block .mb-iti-detailed-results li.mb-iti-step:before {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;

    position: relative;
    top: -1px;
    left: -14px;

    content: counter(newcounter);
    counter-increment: newcounter;
    
    color: #fff;
    font-weight: bold;
    text-align: center;

    border-radius: 20px;
    
    background-color: #808080;
}

#content .mb-iti-detailed-results li.mb-iti-step ul,
.mb-iti-detailed-results li.mb-iti-step ul {
    margin: 0;
    padding: 0;
}

#content .mb-iti-detailed-results li.mb-iti-step ul:first-child,
.mb-iti-detailed-results li.mb-iti-step ul:first-child {
    margin-top: -27px;
}

#content .mb-iti-detailed-results li.mb-iti-step ul li,
.mb-iti-detailed-results li.mb-iti-step ul li {
    background-image: none;
}

#content .mb-iti-detailed-results li.mb-iti-step ul li span,
.mb-iti-detailed-results li.mb-iti-step ul li span {
    font-weight: bold;
}

#content .mb-iti-detailed-results li.mb-iti-step ul li.mb-iti-step-mode p:first-child span,
.mb-iti-detailed-results li.mb-iti-step ul li.mb-iti-step-mode p:first-child span {
    font-size: 0.8rem;
} 

/* FIN Détails d'un itiniéraire                          */
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* FIN Liste des itiniéraires                            */
/*-------------------------------------------------------*/