@import 'pagelayout';
@import "../elements/introduction";
@import "../elements/popin-marker";
.locate-page{overflow: visible;
  .loader{background-image: url('@{img}/loader_32_ff.gif'); width: 32px; height: 32px; display: none;position: relative;top: 0;left: 50%;z-index: 999;}
  .sub-locate{
    position: relative;margin: 25px 0;top: initial;z-index: auto;
    .form-group{padding: 0;
      @media(max-width: @screen-xs-max){padding: 0 15px;}
    }
    .bg{border: 1px solid @greydc; padding: 25px 15px}
    .level2{text-align: right;line-height: 40px;}
    .input-group{margin: 0;}
    .form-control{margin: 0}
  }
  p{
    margin: 0;font-size: @font-size-small;
    &.title{font-size: 20px;font-family: 'open_sansbold'}
    &.retour-btn{
      margin: 25px 0 0;display: inline-block;
      .retour{
        margin: 0;
        .lt-ie9 & span{white-space: nowrap}
      }
      &.space{margin: 25px 0 25px;}
    }
  }
  .embed-responsive{margin: 25px 0}

  .restriction{
    border: 1px solid @greycc;padding: 15px;margin-bottom: 25px;
    p{font-family: 'open_sansbold';margin: 0 0 25px 0}
    form {
      .CheckBox span.text{width: 90%}
      .CheckRadio span.text{width: 90%}
    }
    .collapse-mobile{
      color: @black33;padding: 0;font-family: 'open_sansbold';margin-bottom: 25px;
      &.collapsed{margin-bottom: 0;}
      .ico{;margin: 0 10px}
    }
  }

  .result{
    padding: 0;
    .media-list{
      padding: 0;
      .media{
        border-bottom: 1px solid @greycc;padding: 25px 0;margin-top: 0;list-style: none;
        overflow: hidden;
        .media-body p{
          font-size: 14px;
          &.title{
            font-size: 16px;font-family: 'open_sansbold';margin-top: 15px;
            a{
              color: @black33;
              &:hover,&:focus{color:@brand-primary;}
            }
          }
        }
        .left{
          text-align: center;background:url('@{img}/position.png') no-repeat 50% 0% transparent;
          span{
            font-size: 16px;color:@white;width: 65px;height: 65px;display: block;margin: 0 auto;text-align: left;padding-left: 20px;padding-top: 8px;
            &.both{padding-left: 13px;}
          }
          p{font-size: 16px}
        }
        .right{
          margin-top: 15px;
          .btn{
            margin: 0;display: block;width: 100%;padding:8px 0;height: auto;line-height: 1;
            & + .btn{margin-top: 10px}
          }
        }
      }
    }

    .content{margin: 25px 0;}

    #accordion-locate .panel{
      .border-radius(0px);border:none;margin-bottom: 5px;
      .panel-heading{
        padding: 0;.border-radius(0px);border:none;background-color: @greyeb;
        .panel-title{
          height: 40px;line-height: 40px;position: relative;
          a{
            font-size: 16px;font-family: 'open_sansbold';color:@black33;text-transform: uppercase;padding-left: 10px;display: block;line-height: 1.3;
            &:hover{color: @brand-primary}
            &.btn{
              padding: 0;margin: 0;height: 40px;line-height: 40px;padding-right: 10px;width: 100%;text-align: right;
              .ico{margin: 0}
            }
            &.link{
              position: absolute;top:0;left:0;height: 40px;line-height:40px;white-space: nowrap;
              &.double{line-height: 1.3;white-space: normal;width: 90%}
            }
          }
          p{
            font-size: 16px;font-family: 'open_sansbold';color:@black33;text-transform: uppercase;padding-left: 10px;display: block;line-height: 1.3;
            &.link{
              position: absolute;top:0;left:0;height: 40px;line-height:40px;white-space: nowrap;
              &.double{line-height: 1.3;white-space: normal;width: 90%}
            }
          }
        }
      }
      .panel-collapse{
        .panel-body{border:none;padding:0}
        .media-list .media{
          &:first-child{margin-top: 0}
          &:last-child{border-bottom-color: transparent}
        }
      }
    }
    .panel-link .media-list .media, .panel-link .cities{
      margin: 0;padding:4px 15px;
      a{
        color: @black33;
        &:hover{color: @brand-primary}
      }
    }
    .panel-link .cities{
      a{
        color: @text-color;
      }
    }
  }

  @media(min-width: 768px){
    p{font-size: 16px}
    .result .media-list .media{
      .media-body p.title{margin-top: 0}
      .right{margin-top: 0}
    }
    //.result #accordion-locate .panel .panel-heading a.link{line-height: 40;width: inherit}
    .restriction{
      margin-bottom: 0;
      form#collapseForm .CheckBox span.text {width: 85%;}
    }
  }
}


.viaMichelinSearch{
  &.bg{height:auto}
  .selectType{
    @media(min-width: @screen-sm){padding: 0;}
  }
}