﻿.o-page__sidebar {
  position: relative;
  float: left;
}

html {
  font-family: 'Open Sans',sans-serif;
}

.show-fade {
  transition: all linear .5s;
  opacity: 1;
}

  .show-fade.ng-hide {
    opacity: 0;
  }

.ng-hide {
  opacity: 0;
  transition: none 0;
}

.float-right {
  float: right !important;
}

.collapse {
  display: none;
}

  .collapse.show {
    display: block;
  }

.collapsing {
  position: relative;
  height: 0;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  overflow: hidden;
}

.title-card {
  font-weight: bold;
  font-size: 1.8rem;
}

@-moz-keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

@-webkit-keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

@-o-keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

@keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

input[type=submit].is-waiting, button.is-waiting, .button.is-waiting, a.is-waiting {
  background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  -webkit-animation: move-is-waiting-stripes 0.5s linear infinite;
  -moz-animation: move-is-waiting-stripes 0.5s linear infinite;
  -ms-animation: move-is-waiting-stripes 0.5s linear infinite;
  -o-animation: move-is-waiting-stripes 0.5s linear infinite;
  animation: move-is-waiting-stripes 0.5s linear infinite;
  cursor: wait;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.btn.is-waiting {
  background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  -webkit-animation: move-is-waiting-stripes 0.5s linear infinite;
  -moz-animation: move-is-waiting-stripes 0.5s linear infinite;
  -ms-animation: move-is-waiting-stripes 0.5s linear infinite;
  -o-animation: move-is-waiting-stripes 0.5s linear infinite;
  animation: move-is-waiting-stripes 0.5s linear infinite;
  cursor: wait;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.is-waiting {
  background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  -webkit-animation: move-is-waiting-stripes 0.5s linear infinite;
  -moz-animation: move-is-waiting-stripes 0.5s linear infinite;
  -ms-animation: move-is-waiting-stripes 0.5s linear infinite;
  -o-animation: move-is-waiting-stripes 0.5s linear infinite;
  animation: move-is-waiting-stripes 0.5s linear infinite;
  cursor: wait;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.text-normal{
  text-transform:none !important;
}

.order-item .switchToggle label{
  margin: 0 auto;
}

input#boleto-barcode {
  width: 485px;
  padding: 6px;
  border: 1px dashed #6a6f7a;
  border-radius: 3px;
  background: 0 0;
  text-align: center;
  font-size: 22.4px;
  font-size: 16px;
  color: #6a6f7a;
  vertical-align: bottom;
}

.bg-dark {
  background-color: #091F2F !important;
}

.bold{
  font-weight:bold;
}