/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * responsive.less
 */
/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Variables.less
 */

.fg-color-blueDark {
  color: #2b5797 !important;
}

.fg-color-red {
  color: #b91d47 !important;
}

.fg-color-orange {
  color: #e3a21a !important;
}

.fg-color-white {
  color: #ffffff !important;
}

.fg-color-grayDark {
  color: #525252 !important;
}

.bg-color-red {
  background-color: #b91d47 !important;
}

[class*=border-color] {
  border: 2px solid;
}

.border-color-blue {
  border-color: #2d89ef !important;
}

.border-color-red {
  border-color: #b91d47 !important;
}

.border-color-orange {
  border-color: #e3a21a !important;
}

.border-color-white {
  border-color: #ffffff !important;
}

/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * responsive.less
 */
/* Large desktop */
@media (min-width: 1200px) {}


@media (min-width: 980px) {
  .nav-bar .nav-bar-inner .pull-menu {
    display: none;
  }

  .nav-bar .nav-bar-inner>ul.menu {
    display: block !important;
  }
}

/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * responsive.less
 */
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .span1 {
    width: 42px;
  }

  .span4 {
    width: 228px;
  }

  .span6 {
    width: 352px;
  }

  .span8 {
    width: 476px;
  }

  .span12 {
    width: 724px;
  }

  .nav-bar .nav-bar-inner .pull-menu {
    display: inline-block;
  }

  .nav-bar .nav-bar-inner>.divider {
    display: none;
  }

  .nav-bar .nav-bar-inner .element {
    float: none;
  }

  .nav-bar .nav-bar-inner>ul.menu {
    display: none;
    float: none;
    margin: 5px;
  }

  .nav-bar .nav-bar-inner>ul.menu>li {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    padding-left: 5px;
  }

  .nav-bar .nav-bar-inner>ul.menu>li a {
    display: block;
    float: none;
  }

  .nav-bar .nav-bar-inner>ul.menu>li .dropdown-menu {
    position: relative;
    width: 100%;
    border: 0;
  }

  .nav-bar .nav-bar-inner [data-role=dropdown] {
    margin-right: 20px !important;
  }

  .nav-bar .nav-bar-inner [data-role=dropdown]>a {
    cursor: pointer;
  }

  .nav-bar .nav-bar-inner [data-role=dropdown]>a:before {
    position: absolute;
    content: "\203A";
    display: block;
    font-size: 1.4em;
    left: 100%;
    margin-left: -10px;
    top: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * responsive.less
 */
/* Landscape phone to portrait tablet */
/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Routines.less
 */
.place-left {
  float: left !important;
  margin-right: 10px;
}

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

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

.top-left {
  position: absolute;
  top: 0;
  left: 0;
}

.top-right {
  position: absolute;
  top: 0;
  right: 0;
}

.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

.nrm {
  margin-right: 0 !important;
}

.clearfix {
  /* *zoom: 1; */
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.selected {
  border: 4px #2d89ef solid;
}

.selected:after {
  width: 0;
  height: 0;
  border-top: 40px solid #2d89ef;
  border-left: 40px solid transparent;
  position: absolute;
  display: block;
  right: 0;
  content: ".";
  top: 0;
  z-index: 1001;
}

.selected:before {
  position: absolute;
  content: "\e08a";
  color: #fff;
  right: 4px;
  font-family: iconFont;
  z-index: 1002;
}

.border {
  border: 1px #ccc solid;
}

/* changé ici de 768 à 900 pour que ce soit correcte au redimensionnement */
@media (max-width: 900px) {

  /*body {
    padding-right: 10px;
    padding-left: 10px !important;
  }*/
  [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  [class*="offset"] {
    margin-left: 0;
  }

  table thead tr th {
    font-size: 9pt;
  }

  table tbody tr td {
    font-size: 10pt;
  }

  h1 {
    font-size: 30pt;
  }

  h2 {
    font-size: 16pt;
  }

  .nav-bar .nav-bar-inner .pull-menu {
    display: inline-block;
  }

  .nav-bar .nav-bar-inner>.divider {
    display: none;
  }

  .nav-bar .nav-bar-inner .element {
    float: none;
  }

  .nav-bar .nav-bar-inner>ul.menu {
    display: none;
    float: none;
    margin: 5px;
  }

  .nav-bar .nav-bar-inner>ul.menu>li {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    padding-left: 5px;
  }

  .nav-bar .nav-bar-inner>ul.menu>li a {
    display: block;
    float: none;
  }

  .nav-bar .nav-bar-inner>ul.menu>li .dropdown-menu {
    position: relative;
    width: 100%;
    border: 0;
  }

  .nav-bar .nav-bar-inner [data-role=dropdown] {
    margin-right: 20px !important;
  }

  .nav-bar .nav-bar-inner [data-role=dropdown]>a {
    cursor: pointer;
  }

  .nav-bar .nav-bar-inner [data-role=dropdown]>a:before {
    position: absolute;
    content: "\203A";
    display: block;
    font-size: 1.4em;
    left: 100%;
    margin-left: -10px;
    top: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  /* .inmobility-app .page-control ul { */
  #menu-pull-bar {
    width: 100%;
    height: auto;
    margin: 0px;
    position: relative;
    padding: 0px 20px 10px 20px;
    border: 1px solid #CCC;
    border-bottom: 0px;
    border-top: 0px;
    display: none;
  }

  .tile {
    width: 120px;
    height: 120px;
  }

  .tile.double {
    width: 250px;
  }

  .tile.triple {
    width: 380px;
  }

  .tile.quadro {
    width: 510px;
  }

  .tile .brand>.badge {
    width: 26px;
    height: 28px;
    right: 0;
    font-size: 9pt;
  }

  .tile .brand>.name {
    margin-left: 10px;
  }

  .tile .brand>.icon {
    width: 24px;
    height: 24px;
    margin: 5px 10px;
  }

  .tile .brand>.text {
    left: 40px;
    right: 40px;
    font-size: 8pt;
  }
}

/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * responsive.less
 */
/* Landscape phones and down */

@media (max-width: 480px) {

  .page.secondary .page-region .page-region-content {
    padding-left: 0;
  }

  table thead tr th {
    font-size: 8pt;
  }

  table tbody tr td {
    font-size: 9pt;
    padding: 2px 5px;
  }

  h1 {
    font-size: 26pt;
    line-height: 18px;
  }

  h2 {
    font-size: 16pt;
    line-height: 16px;
  }

  h3 {
    font-size: 13pt;
    line-height: 16px;
  }

  h3 {
    font-size: 13pt;
    line-height: 14px;
  }
}

@media (-moz-device-pixel-ratio:2),
(-webkit-device-pixel-ratio:2),
(-ms-device-pixel-ratio:2),
(-o-device-pixel-ratio:2/2),
(device-pixel-ratio:2) {

  h1 {
    font-size: 26pt;
    line-height: 18px;
  }

  h2 {
    font-size: 16pt;
    line-height: 16px;
  }

  h3 {
    font-size: 13pt;
    line-height: 16px;
  }

  h3 {
    font-size: 13pt;
    line-height: 14px;
  }

}