.signin-button {
  width: 210px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
}

/* CUSTOM BOOTSTRAP*/
ons-input.form-control{
  height: 32px;
  font-size: 18px;
  width: 100%;
}

/*****************
 *** Custom CSS ***
 *****************/

ons-input{
  width: 90%;
}

ons-button[modifier=large] {
  width: initial;
  margin: 10px;
}

ons-splitter-side[side="left"][animation="overlay"] {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.highlight {
  background-color: lightyellow;
  color: rgba(255, 0, 0, 0.7);
}

.left-label {
  width: 30%;
  font-size: 16px;
  color: #666
}





/********************
 *** Animation CSS ***
 ********************/

#tabbarPage .list {
  background-color: grey;
  overflow-x: hidden;
  margin-top: -1px;
  border-bottom: 1px solid #ccc;
}

#tabbarPage .list-item {
  min-height: 0;
  height: 44px;
  background-color: white;
  margin: 1px 0 -1px 0;
}

#tabbarPage .list-item--material {
  height: 56px;
}

.list-title {
  margin-top: 12px;
}

.hide-children * {
  overflow: hidden;
}

.animation-swipe-right {
  pointer-events: none;
  -webkit-animation: swipe-right .9s ease-in-out forwards;
          animation: swipe-right .9s ease-in-out forwards;
}

.animation-swipe-left {
  pointer-events: none;
  -webkit-animation: swipe-left .9s ease-in-out forwards;
          animation: swipe-left .9s ease-in-out forwards;
}

.animation-remove {
  pointer-events: none;
  -webkit-animation: remove .7s ease-in-out forwards;
          animation: remove .7s ease-in-out forwards;
}

@-webkit-keyframes swipe-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-3%);
            transform: translateX(-3%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    height: 0;
    opacity: 0.3;
  }
}

@keyframes swipe-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-3%);
            transform: translateX(-3%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    height: 0;
    opacity: 0.3;
  }
}

@-webkit-keyframes swipe-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(3%);
            transform: translateX(3%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    height: 0;
    opacity: 0.3;
  }
}

@keyframes swipe-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(3%);
            transform: translateX(3%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    height: 0;
    opacity: 0.3;
  }
}

@-webkit-keyframes remove {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
    height: 0;
  }
}

@keyframes remove {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
    height: 0;
  }
}

/*CUSTOM CSS*/
.line-scanner{
  width: 200px;
  border: 1px solid greenyellow;
  position: absolute;
  animation: MoveUpDown 1.5s cubic-bezier(0.15, 0.44, 0.76, 0.64) infinite;
}

@keyframes MoveUpDown {
  0%, 100% { transform: translateY(-75px); }
  50% { transform: translateY(0%); }
  75% { transform: translateY(75px); }
}

ons-col.active {
  background-color: #623791 ;
  border-radius: 50px;
  color: white;
  padding: 11px;
  text-align: center;
}

.rating {
  text-align: center;
  position: relative;
  height: 0px;
}

.rating-num {
  position: relative;
  top: -24px;
  height: 24px;
  color: white;
  line-height: 24px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  border-radius: 4px 4px 0 0;
  padding: 0 6px;
  background-color: #009688;
  color: white;
  width: auto;
  margin: 0 auto 0 auto;
  display: inline-block;
}

.rating-num ons-icon {
  font-size: 11px;
  vertical-align: -0px;
}

/**AUTOCOMPLETE/
 */

.ui-menu-item:hover{
  background: #eeeeee;
}


.badge {
  color: #fff !important;
  border-radius: .125rem;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.badge-primary {
  color: #fff !important;
  background-color: #4285f4 !important
}

.badge-danger {
  color: #fff !important;
  background-color: #ff3547 !important
}

.badge-warning {
  color: #fff !important;
  background-color: #fb3 !important
}

.badge-success {
  color: #fff !important;
  background-color: #00c851 !important
}

.badge-info {
  color: #fff !important;
  background-color: #33b5e5 !important
}

.badge-default {
  color: #fff !important;
  background-color: #2bbbad !important
}

.badge-secondary {
  color: #fff !important;
  background-color: #a6c !important
}

.badge-dark {
  color: #fff !important;
  background-color: #212121 !important
}

.badge-light {
  color: #000 !important;
  background-color: #e0e0e0 !important
}
:root{
  --success : #00c851;
  --danger : #ff3547;
  --warning : #fb3;
  --gray : #6c757d;
}

.srv-quantity input{
  text-align: center;
}


.placeholder_center::-webkit-input-placeholder {
  text-align: center;
}

.placeholder_center:-moz-placeholder { /* Firefox 18- */
  text-align: center;
}

.placeholder_center::-moz-placeholder {  /* Firefox 19+ */
  text-align: center;
}

.placeholder_center:-ms-input-placeholder {
  text-align: center;
}
#txt-username{
  color:white;
}
#txt-password{
  color:white;
}

.card--material {
  background: rgba(255,255,255,0.3);
  border-radius: 20px ;
  margin: 20px;
}

#shr-services{
  position: relative;
  height: 36px;
  width: 95%;
  border-radius: 36px;
}
:checked + .switch--material__toggle {
  background-color: white;
}
:checked + .switch--material__toggle > .switch--material__handle {
  background-color: #28a745;
}
.srv-step-down,.srv-step-up{
  color:dimgray;
}

.csl-active{
  color : #e7c700;
  /*text-decoration: underline;*/
  border-bottom: 3px solid currentColor;
}

.bg-default{
  color: #007dc0;
}
.bg-warning{
  color: #e7c700;
}
.bg-danger{
  color: #fe0000;
}
.bg-info{
  color: #9b9324;
}
.bg-success{
  color: #28a745;
}

.show-btn-places-nerby{
  display: inline !important;
  position: absolute;float: right;right: 14px;z-index: 9999999999;
}

.hide-btn-places-nerby{
  display: none !important;
  position: absolute;float: right;right: 14px;z-index: 9999999999;
}