/* VARIABLES */
/* color */
.clearfix, .list-parking .parking-item, .list-report .report-item {
  width: 100%;
}

.clearfix:before,
.list-parking .parking-item:before,
.list-report .report-item:before,
.clearfix:after, .list-parking .parking-item:after, .list-report .report-item:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after, .list-parking .parking-item:after, .list-report .report-item:after {
  clear: both;
}

.clearfix, .list-parking .parking-item, .list-report .report-item {
  *zoom: 1;
}

.bold {
  font-weight: bold !important;
}

.color.white {
  color: white;
}

.color.black {
  color: #333;
}

.color.gray {
  color: #7d7d7d;
}

.color.lgray {
  color: #eee;
}

.color.red {
  color: #e60000 !important;
}

.color.sred {
  color: #990000 !important;
}

.color.yellow {
  color: #fecb00 !important;
}

.color.orange {
  color: #fdaf27 !important;
}

.color.violet {
  color: #9c2aa0 !important;
}

.color.sviolet {
  color: #5e2750 !important;
}

.color.green {
  color: #428600 !important;
}

.color.blue {
  color: #0074a5 !important;
}

.color.lblue {
  color: #1299f6 !important;
}

.color.brown {
  color: #795548 !important;
}

.border.white {
  border: 1px solid white;
}

.border.black {
  border: 1px solid #333;
}

.border.gray {
  border: 1px solid #7d7d7d;
}

.border.lgray {
  border: 1px solid  #eee;
}

.border.red {
  border: 1px solid #e60000 !important;
}

.border.sred {
  border: 1px solid #990000 !important;
}

.border.yellow {
  border: 1px solid #fecb00 !important;
}

.border.orange {
  border: 1px solid #fdaf27 !important;
}

.border.violet {
  border: 1px solid #9c2aa0 !important;
}

.border.sviolet {
  border: 1px solid #5e2750 !important;
}

.border.green {
  border: 1px solid #428600 !important;
}

.border.blue {
  border: 1px solid #0074a5 !important;
}

.border.lblue {
  border: 1px solid #1299f6 !important;
}

.border.brown {
  border: 1px solid #795548 !important;
}

.bg.white {
  background-color: white;
}

.bg.black {
  background-color: #333;
  color: white;
}

.bg.gray {
  background-color: #7d7d7d;
  color: white;
}

.bg.lgray {
  background-color: #eee;
}

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

.bg.sred {
  background-color: #990000 !important;
}

.bg.yellow {
  background-color: #fecb00 !important;
  color: white;
}

.bg.orange {
  background-color: #fdaf27 !important;
  color: white;
}

.bg.violet {
  background-color: #9c2aa0 !important;
  color: white;
}

.bg.sviolet {
  background-color: #5e2750 !important;
  color: white;
}

.bg.green {
  background-color: #428600 !important;
  color: white;
}

.bg.blue {
  background-color: #0074a5 !important;
  color: white;
}

.bg.lblue {
  background-color: #1299f6 !important;
  color: white;
}

.bg.brown {
  background-color: #795548 !important;
  color: white;
}

.menu_active {
  font-weight: bold;
  /*&.white{color:white}*/
  /*&.black{color:$black;}*/
  /*&.gray{color:#7d7d7d;}*/
  /*&.lgray{color: #eee;}*/
}

.menu_active.red, .menu_active.red * {
  color: #e60000 !important;
}

.menu_active.yellow, .menu_active.yellow * {
  color: #fecb00 !important;
}

.menu_active.orange, .menu_active.orange * {
  color: #fdaf27 !important;
}

.menu_active.violet, .menu_active.violet * {
  color: #9c2aa0 !important;
}

.menu_active.sviolet, .menu_active.sviolet * {
  color: #5e2750 !important;
}

.menu_active.green, .menu_active.green * {
  color: #428600 !important;
}

.menu_active.blue, .menu_active.blue * {
  color: #0074a5 !important;
}

.menu_active.lblue, .menu_active.lblue * {
  color: #1299f6 !important;
}

.menu_active.brown, .menu_active.brown * {
  color: #795548 !important;
}

.no_radius {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

.no_border_top {
  border-top: 0 !important;
}

.no_border_bottom {
  border-bottom: 0 !important;
}

.grid_15 {
  width: 15%;
}

.grid_20 {
  width: 20%;
}

.grid_25 {
  width: 25%;
}

.grid_30 {
  width: 30%;
}

.grid_33 {
  width: 33.33333334%;
}

.grid_40 {
  width: 40%;
}

.grid_50 {
  width: 50%;
}

.grid_60 {
  width: 60%;
}

.grid_66 {
  width: 66.66666667%;
}

.grid_70 {
  width: 70%;
}

.grid_100 {
  width: 100%;
}

.col-60 {
  -webkit-flex: 0 0 60%;
  -moz-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}

.marg_auto {
  margin: 0 auto;
}

.marg_half {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.marg {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.marg_double {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.marg_minus {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.marg_v_half {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.marg_v {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.marg_v_double {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.pad_half {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.pad {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pad_double {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.padding-left-double {
  padding-left: 20px !important;
}

.no_pad {
  padding: 0 !important;
}

.pad_v_half {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pad_v {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pad_v_double {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

@media screen and (max-width: 679px) {
  /* small grid */
  .grid_15-sm {
    width: 15%;
  }
  .grid_20-sm {
    width: 20%;
  }
  .grid_25-sm {
    width: 25%;
  }
  .grid_30-sm {
    width: 30%;
  }
  .grid_33-sm {
    width: 33.33333334%;
  }
  .grid_40-sm {
    width: 40%;
  }
  .grid_50-sm {
    width: 50%;
  }
  .grid_60-sm {
    width: 60%;
  }
  .grid_66-sm {
    width: 66.66666667%;
  }
  .grid_70-sm {
    width: 70%;
  }
  .grid_100-sm {
    width: 100%;
  }
  .pad_half-sm {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pad-sm {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pad_double-sm {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pad_v_half-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pad_v-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pad_v_double-sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 680px) {
  .grid_15-lg {
    width: 15%;
  }
  .grid_20-lg {
    width: 20%;
  }
  .grid_25-lg {
    width: 25%;
  }
  .grid_30-lg {
    width: 30%;
  }
  .grid_33-lg {
    width: 33.33333334%;
  }
  .grid_40-lg {
    width: 40%;
  }
  .grid_50-lg {
    width: 50%;
  }
  .grid_60-lg {
    width: 60%;
  }
  .grid_66-lg {
    width: 66.66666667%;
  }
  .grid_70-lg {
    width: 70%;
  }
  .grid_100-lg {
    width: 100%;
  }
  .pad_half-lg {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pad-lg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pad_double-lg {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pad_v_half-lg {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pad_v-lg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pad_v_double-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .fl_left-lg {
    float: left;
  }
  .fl_right-lg {
    float: right;
  }
}

@media screen and (min-width: 975px) {
  .grid_15-xlg {
    width: 15%;
  }
  .grid_20-xlg {
    width: 20%;
  }
  .grid_25-xlg {
    width: 25%;
  }
  .grid_30-xlg {
    width: 30%;
  }
  .grid_33-xlg {
    width: 33.33333334%;
  }
  .grid_40-xlg {
    width: 40%;
  }
  .grid_50-xlg {
    width: 50%;
  }
  .grid_60-xlg {
    width: 60%;
  }
  .grid_66-xlg {
    width: 66.66666667%;
  }
  .grid_70-xlg {
    width: 70%;
  }
  .grid_100-xlg {
    width: 100%;
  }
  .pad_half-xlg {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pad-xlg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pad_double-xlg {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pad_v_half-xlg {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pad_v-xlg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pad_v_double-xlg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .fl_left-xlg {
    float: left;
  }
  .fl_right-xlg {
    float: right;
  }
}

.pad15 {
  padding: 15px !important;
}

.first {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.last {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.alpha {
  border-left: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.omega {
  border-right: 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.alpha_v {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.omega_v {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.fl_left {
  float: left;
}

.fl_right {
  float: right;
}

.grid_100 {
  width: 100%;
}

/* TEXT REUSABLE STYLES */
.txt_left {
  text-align: left;
}

.txt_right {
  text-align: right;
}

.txt_center {
  text-align: center;
}

.txt_uppercase {
  text-transform: uppercase;
}

.txt_ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pos_absolute {
  position: absolute;
}

.pos_relative {
  position: relative;
}

.pos_fixed {
  position: fixed !important;
}

.full_height {
  height: 100%;
}

.full_width {
  width: 100%;
}

.hide_this {
  display: none !important;
}

.show_this {
  display: block !important;
  visibility: visible !important;
}

.clear {
  clear: both;
}

.absolute_full_width {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* LINE HEIGHTS */
.line_16 {
  line-height: 16px;
}

.line_14 {
  line-height: 14px;
}

.line_12 {
  line-height: 12px;
}

/* FONT SIZES */
.font_10 {
  font-size: 10px !important;
}

.font_11 {
  font-size: 11px !important;
}

.font_12 {
  font-size: 12px !important;
}

.font_13 {
  font-size: 13px !important;
}

.font_14 {
  font-size: 14px !important;
}

.font_16 {
  font-size: 16px !important;
}

.font_17 {
  font-size: 17px !important;
}

.font_18 {
  font-size: 18px !important;
}

.font_20 {
  font-size: 20px !important;
}

.font_22 {
  font-size: 22px !important;
}

.font_24 {
  font-size: 24px !important;
}

.font_26 {
  font-size: 26px !important;
}

.font_28 {
  font-size: 28px !important;
}

.font_30 {
  font-size: 30px !important;
}

.font_32 {
  font-size: 32px !important;
}

.font_36 {
  font-size: 36px !important;
}

.font_22_before:before {
  font-size: 22px;
}

.font_28_before:before {
  font-size: 28px !important;
}

@media screen and (max-width: 480px) {
  .font_10-sm {
    font-size: 10px !important;
  }
  .font_11-sm {
    font-size: 11px !important;
  }
  .font_12-sm {
    font-size: 12px !important;
  }
  .font_13-sm {
    font-size: 13px !important;
  }
  .font_14-sm {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 359px) {
  .font_10-xsm {
    font-size: 10px !important;
  }
  .font_11-xsm {
    font-size: 11px !important;
  }
  .font_12-xsm {
    font-size: 12px !important;
  }
  .font_13-xsm {
    font-size: 13px !important;
  }
  .font_14-xsm {
    font-size: 14px !important;
  }
}

.zindex_10 {
  z-index: 10;
}

.ratio_img, .media_ratio_16_9 img, .media_ratio_16_8 img, .media_ratio_16_12 img, .media_ratio_16_16 img {
  height: 100%;
  left: 0;
  max-width: initial !important;
  position: absolute !important;
  top: 0;
  width: 100%;
  z-index: 0;
}

.media_ratio_16_9 {
  padding-bottom: 56.24%;
  height: 0;
  position: relative !important;
}

.media_ratio_16_8 {
  padding-bottom: 50%;
  height: 0;
  position: relative !important;
}

.media_ratio_16_12 {
  padding-bottom: 75%;
  height: 0;
  position: relative !important;
}

.media_ratio_16_16 {
  padding-bottom: 100%;
  height: 0;
  position: relative !important;
}

.right_30 {
  right: 30px !important;
}

.right_80 {
  right: 80px !important;
}

/**/
.hr {
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
  border: 0;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background: white !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.bar.bar-custom {
  border-color: #990000;
  background-color: #e60000;
  background-image: linear-gradient(0deg, #e60000, #e60000 50%, transparent 50%);
  color: #fff;
}

.bar.bar-custom .title,
.bar.bar-custom .button {
  color: #fff;
}

.bar.bar-custom.bar-footer {
  background-image: linear-gradient(180deg, #0c60ee, #0c60ee 50%, transparent 50%);
}

/****************
    LOG IN
****************/
.not-logged-in .button-menu {
  display: none;
}

/****************
  LEFT Menu
****************/
.menu-header {
  height: 154px;
  color: white;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.14), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 9000;
}

.menu-content {
  box-shadow: none;
}

.menu-content .menu-list {
  border: 0 !important;
}

.menu-list .menu-item {
  padding: 14px;
}

.menu-item-icon {
  font-size: 22px;
  text-align: center;
  color: gray;
}

.menu-item-label {
  font-size: 15px;
}

.menu-active,
.menu-active .menu-item-icon,
.menu-active .menu-item-label {
  color: #0074a5;
  font-weight: bold;
}

/*******************
  DASHBOARD
*******************/
.menu-panel .menu-panel-item {
  text-align: center;
  padding: 30px 20px 30px 20px;
  border-left: 1px solid #990000;
  border-right: 1px solid #990000;
  border-bottom: 1px solid #990000;
  color: gray;
}

.menu-panel .menu-panel-item ~ .menu-panel-item {
  border-left: 0;
}

.menu-panel .menu-panel-item i {
  font-size: 50px;
  margin-bottom: 2px;
}

.menu-panel .menu-panel-item .menu-panel-item-label {
  color: #333;
  margin-top: 10px;
  font-size: 18px;
  min-height: 40px;
}

/****************************
     C O N T E N T
****************************/
ion-content .scroll {
  min-height: 100%;
}

/****************************
  FORMS
****************************/
md-input-container.icon-title {
  padding-right: 30px;
}

md-input-container.icon-title input {
  font-size: 16px;
  margin-left: 60px;
}

md-input-container.icon-title input[readonly] {
  background: white;
}

md-input-container .md-input {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  line-height: 30px;
}

md-input-container i {
  font-size: 24px;
  color: gray;
  position: absolute;
  margin-left: 30px;
  margin-top: 5px;
}

md-input-container i ~ i {
  font-size: 50px;
  right: 0;
  margin-top: -1px;
  margin-left: 0;
  margin-right: 30px;
  color: #e60000;
}

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #1299f6;
}

md-select-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2px 30px 26px 2px;
}

md-select-container i {
  font-size: 24px;
  color: gray;
  position: absolute;
  margin-left: 30px;
  margin-top: 5px;
}

md-select-container md-select {
  margin-left: 60px;
  padding: 0;
}

md-select-container md-select md-select-label {
  font-size: 16px;
  width: 100%;
}

.form-footer.footer-two-inline {
  padding: 0 30px;
}

.form-footer.footer-two-inline [class*="form-footer-"] {
  width: calc(50% - 18px);
}

.form-footer.footer-two-inline .form-footer-submit,
.form-footer.footer-two-inline .form-footer-submit:hover {
  background: #0074a5 !important;
  color: white;
}

.fab-footer {
  bottom: 20px;
  position: absolute;
  right: 20px;
  font-size: 26px;
}

form {
  max-width: 625px;
  margin: 0 auto;
}

.form-error {
  text-align: center;
  color: red;
  font-size: 13px;
  bottom: 0;
  position: absolute;
  width: 100%;
}

/*****************
    BUTTONS
*****************/
a.md-button.md-primary,
.md-button.md-primary {
  color: #0074a5;
}

/******************
  Pop Up
******************/
.popup-custom .popup-head {
  display: none;
}

.popup-custom .popup-body {
  padding: 0;
  background: transparent;
}

.popup-custom .md-title {
  color: #0074a5;
}

.popup-custom md-dialog {
  width: 100%;
  max-width: 100%;
}

.popup-custom form {
  margin: 0 15px;
}

md-dialog {
  border-radius: 0;
}

md-dialog md-dialog-content {
  padding: 24px 0 0 0;
}

md-dialog .md-title {
  font-size: 16px;
}

md-dialog .md-actions .md-button {
  min-width: 50px;
}

md-dialog.border.red,
md-dialog.border.orange,
md-dialog.border.green {
  border-width: 2px !important;
  border-style: solid;
}

.promo-icon-container {
  padding-top: 14%;
  padding-bottom: 7%;
  text-align: center;
}

.promo-icon-container i {
  color: #e60000;
  font-size: 110px;
}

.promo-image-container {
  padding: 15px 0 35px 0;
}

.promo-image-container img {
  display: block;
  width: 200px;
  margin: 0 auto;
}

.step {
  display: inline-block;
  line-height: 1;
  position: relative;
  width: 10%;
}

.size-48 {
  font-size: 48px;
}

/******************
  Loader Spinner
******************/
.spinner_container {
  position: absolute;
  width: 100%;
  z-index: 10;
  padding-top: 10%;
  left: 50%;
  margin-left: -30px;
  /*margin-top: -102px;*/
}

.spinner_container ~ * {
  visibility: hidden;
  opacity: 0;
}

/*.map_container{opacity:1;}*/
.spinner svg {
  width: 60px !important;
  height: 60px !important;
  stroke: #fdaf27;
  fill: #fdaf27;
}

.search_spinner {
  height: 42px;
  padding: 5px 0;
}

.search_spinner svg {
  width: 30px !important;
  height: 30px !important;
  stroke: gray;
  fill: gray;
}

.search_spinner + i {
  display: none;
}

/******************
  LISTS
******************/
.list-header {
  font-size: 22px;
  line-height: 42px;
  text-align: center;
  background: #f4f4f4;
  border-bottom: 1px solid #0074a5;
  color: #0074a5;
}

.list-parking .parking-item {
  padding: 15px 65px 15px 85px;
  position: relative;
}

.list-parking .parking-item ~ .parking-item {
  border-top: 1px solid #d8d8d8;
}

.list-parking .parking-item-left {
  width: 82px;
  position: absolute;
  top: 15px;
  left: 0;
  bottom: 15px;
}

.list-parking .parking-item-left i {
  font-size: 36px;
}

.list-parking .parking-item-main {
  min-height: 52px;
  padding: 0 5px;
  position: relative;
  border-left: 1px solid #d8d8d8;
}

.list-parking .parking-item-right {
  width: 65px;
  position: absolute;
  top: 15px;
  right: 0;
}

.list-parking .parking-item-date {
  font-size: 14px;
}

.list-parking .parking-item-plate {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 14px;
  color: #0074a5;
}

.list-parking .parking-item-plate.plate-old {
  background: #d92832;
}

.list-parking .parking-item-plate.plate-new {
  background: #0074a5;
}

.list-parking .parking-item-plate > * {
  background: white;
}

.list-parking .parking-item-time {
  font-weight: bold;
  /*line-height: 48px;*/
  height: 33px;
}

.list-parking .parking-item-time .parkin-item-time-range {
  font-size: 12px;
}

.list-parking .parking-item-time .parkin-item-time-duration {
  font-size: 18px;
  color: #666;
}

.list-parking .parking-item-payment {
  font-size: 13px;
  color: white;
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 46px;
  border-radius: 100%;
  background: #0074a5;
  padding: 8px 7px;
  line-height: 16px;
}

.list-parking .parking-item-status {
  font-size: 11px;
  line-height: 14px;
}

.list-report .report-item {
  padding: 15px 65px 15px 85px;
  position: relative;
  border-bottom: 1px solid #d8d8d8;
}

.list-report .report-item-left {
  width: 82px;
  position: absolute;
  top: 15px;
  left: 0;
  bottom: 15px;
}

.list-report .report-item-left i {
  font-size: 36px;
}

.list-report .report-item-main {
  min-height: 52px;
  padding: 0 5px;
  position: relative;
  border-left: 1px solid #d8d8d8;
}

.list-report .report-item-right {
  width: 65px;
  position: absolute;
  top: 15px;
  right: 0;
}

.list-report .report-item-date {
  font-size: 14px;
}

.list-report .report-item-payment {
  color: white;
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background: #0074a5;
  padding: 7px;
  line-height: 16px;
}

.list-report .report-item-number {
  height: 52px;
}

.list-report .report-item-number span {
  font-size: 24px;
  vertical-align: bottom;
  line-height: 34px;
}

.fab-footer .ion-android-list {
  display: none;
}

.no-footer ~ .fab-footer {
  display: none;
}

.list-state ~ .fab-footer .ion-search {
  display: none;
}

.list-state ~ .fab-footer .ion-android-list {
  display: block;
}

/*****************************
      AUTOCOMPLETE
*****************************/
.autocomplete {
  background: white;
  position: relative;
  top: -15px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084);
}

.autocomplete .autocomplete-item {
  text-align: center;
  padding: 8px 0;
  font-size: 16px;
  margin: 0 8px;
}

.autocomplete .autocomplete-item ~ .autocomplete-item {
  border-top: 1px solid #d8d8d8;
}

/******************************
    ANIMATE
******************************/
.item-animate {
  left: 0;
  position: relative;
}

.item-animate.ng-hide-add,
.item-animate.ng-hide-remove {
  display: block !important;
  left: 0;
}

.item-animate.ng-hide-add {
  /*-webkit-animation:1s hide;*/
  /*animation:1s hide;*/
}

@keyframes hide {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}

@-webkit-keyframes hide {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}

.item-animate.ng-hide-remove {
  -webkit-animation: 0.5s show;
  animation: 0.5s show;
  top: 0;
}

@keyframes show {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}

@-webkit-keyframes show {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}

.cam-shoot {
  width: 45px;
  height: 40px;
  position: absolute;
  right: 30px;
  top: -10px;
  background-image: url("../img/111111111.png");
}

.cam-shoot-one {
  width: 45px;
  height: 40px;
  margin-left: 8px;
  margin-top: 5px;
  margin-bottom: -28px;
  position: absolute;
  background-image: url("../img/111111111.png");
}

.btn-cam-shoot-one {
  background: #efeeee;
  border-radius: 9px;
  width: 190px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  margin-bottom: 20px;
  margin-top: 15px;
}