/* line 1, ../sass/CarMenu.scss */
.DDLCars .gray {
  background-color: #e4e4e2;
}

/* line 2, ../sass/CarMenu.scss */
.carsel {
 /* overflow-y: auto;
  overflow-x: hidden;*/
  opacity: 0;
}

/* line 9, ../sass/CarMenu.scss */
.carsel .DDLCars {
  max-height: 325px;
}

/* line 10, ../sass/CarMenu.scss */
.mainpage-car-block--garage-float {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  opacity: 0;
  animation-name: fadeIn, maximize;
  animation-duration: 0.4s, 0s;
  animation-timing-function: ease;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
}

/* line 23, ../sass/CarMenu.scss */
.defaultMode #addNew {
  display: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes minimize {
  from {
    max-height: 900px;
  }
  to {
    max-height: 0px;
  }
}
@keyframes maximize {
  from {
    max-height: 0px;
  }
  to {
    max-height: 900px;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes minimize {
  0% {
    max-height: 900px;
  }
  100% {
    max-height: 0px;
  }
}
@-webkit-keyframes maximize {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 900px;
  }
}
/* line 60, ../sass/CarMenu.scss */
.carSelectionMode .mainpage-car-block--garage-float, .defaultMode .carsel {
  animation: fadeOut 0.4s ease 0s, minimize 0s ease 0.4s;
  animation-fill-mode: forwards;
  /*IOS*/
  -webkit-animation-name: fadeOut, minimize;
  -webkit-animation-duration: 0.4s, 0s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s, 0.4s;
  -webkit-animation-fill-mode: forwards;
}

/* line 72, ../sass/CarMenu.scss */
.carSelectionMode .carsel, .defaultMode .mainpage-car-block--garage-float {
  animation: fadeIn 0.4s ease 0.4s, maximize 0s ease 0.4s;
  animation-fill-mode: forwards;
  /*IOS*/
  -webkit-animation-name: fadeIn, maximize;
  -webkit-animation-duration: 0.4s, 0s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0.4s;
  -webkit-animation-fill-mode: forwards;
}

/* line 85, ../sass/CarMenu.scss */
.carSelectionMode .mainpage-car-block--garage-float {
  max-width: 0;
}

/* line 86, ../sass/CarMenu.scss */
.FloatPanel .mainpage-header {
  font-family: Intro, Arial, Tahoma, sans-serif;
  text-transform: uppercase;
}

/* line 90, ../sass/CarMenu.scss */
.mainpage-car-block__car-actions-column ul li {
  overflow: hidden;
  margin-bottom: 10px;
}

/* line 94, ../sass/CarMenu.scss */
.DDLCars {
  float: left;
  width: 470px;
}

/* line 95, ../sass/CarMenu.scss */
.DDLCars .listimg {
  float: left;
  width: 100px;
  margin-right: 10px;
}

/* line 96, ../sass/CarMenu.scss */
.DDLCars .listimg img {
  width: 100%;
}

/* line 97, ../sass/CarMenu.scss */
.DDLCars .listcar {
  float: left;
}

/* line 98, ../sass/CarMenu.scss */
.DDLCars .listcar ul li {
  font-size: 12px;
  color: gray;
}

/* line 101, ../sass/CarMenu.scss */
.garage-switch {
  width: calc(100% - 30px);
  margin-bottom: 15px;
  text-align: right;
  background: #f5f5f5;
  padding: 10px 15px 6px 15px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
/* line 112, ../sass/CarMenu.scss */
.garage-switch a {
  float: right;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #6d6d6d;
}

/* line 124, ../sass/CarMenu.scss */
.garage-switch a b {
  display: inline-block;
  width: 20px;
  height: 19px;
  /*opacity:0.4; */
  background: url(../../images/exp/icons/blocks-toggle.png) no-repeat;
  transition: opacity 0.3s ease;
}

/*.garage-switch a:hover b {opacity:0.6;}*/
/*.defaultMode .garage-switch a:first-of-type b, .carSelectionMode .garage-switch a:last-of-type b {opacity:1}*/
/* line 135, ../sass/CarMenu.scss */
.garage-switch a:first-of-type b {
  background-position: 0 -19px;
}

/* line 136, ../sass/CarMenu.scss */
.garage-switch a:last-of-type b {
  background-position: -42px 0;
}
.garage-switch .info {
  vertical-align: top;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #6d6d6d;
  margin-right: 5px;
}

/* line 149, ../sass/CarMenu.scss */
.garage-switch .searchPanel {
  float: left;
  display: none;
}

/* line 154, ../sass/CarMenu.scss */
.carSelectionMode .garage-switch .searchPanel.visible {
  display: block;
}

/* line 158, ../sass/CarMenu.scss */
.garageLinkPanel {
  float: left;
}

/* line 162, ../sass/CarMenu.scss */
.defaultMode .garageLinkPanel {
  display: block;
}

/* line 166, ../sass/CarMenu.scss */
.carSelectionMode .garageLinkPanel {
  display: none;
}

/* line 170, ../sass/CarMenu.scss */
.carSelectionMode .garageCarInfo, .defaultMode .garageCarList {
  display: block;
}

/* line 174, ../sass/CarMenu.scss */
.defaultMode .garageCarInfo, .carSelectionMode .garageCarList {
  display: none;
}

/* line 180, ../sass/CarMenu.scss */
#mainContextCar {
  width: 495px;
 /* overflow: hidden;*/
  max-height: 400px;
  overflow: scroll;
  margin-top: 15px;
}

/* line 182, ../sass/CarMenu.scss */
#carsCountLiteral {
  position: absolute;
  right: 1px;
  top: 1px;
  display: inline-block;
  background: #e0595d;
  color: #fff;
  font-size: 11px;
  padding: 0 6px;
  border-radius: 15px;
  line-height: 18px;
}