:not(input) {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-MediumOblique.eot);
    src: url(../fonts/AvenirLTStd-MediumObliqued41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-MediumOblique.woff2) format("woff2"), url(../fonts/AvenirLTStd-MediumOblique.woff) format("woff"), url(../fonts/AvenirLTStd-MediumOblique.ttf) format("truetype"), url(../fonts/AvenirLTStd-MediumOblique.svg#AvenirLTStd-MediumOblique) format("svg");
    font-weight: 500;
    font-style: italic
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-LightOblique.eot);
    src: url(../fonts/AvenirLTStd-LightObliqued41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-LightOblique.woff2) format("woff2"), url(../fonts/AvenirLTStd-LightOblique.woff) format("woff"), url(../fonts/AvenirLTStd-LightOblique.ttf) format("truetype"), url(../fonts/AvenirLTStd-LightOblique.svg#AvenirLTStd-LightOblique) format("svg");
    font-weight: 300;
    font-style: italic
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-Book.eot);
    src: url(../fonts/AvenirLTStd-Bookd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-Book.woff2) format("woff2"), url(../fonts/AvenirLTStd-Book.woff) format("woff"), url(../fonts/AvenirLTStd-Book.ttf) format("truetype"), url(../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-Medium.eot);
    src: url(../fonts/AvenirLTStd-Mediumd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-Medium.woff2) format("woff2"), url(../fonts/AvenirLTStd-Medium.woff) format("woff"), url(../fonts/AvenirLTStd-Medium.ttf) format("truetype"), url(../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium) format("svg");
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-BookOblique.eot);
    src: url(../fonts/AvenirLTStd-BookObliqued41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-BookOblique.woff2) format("woff2"), url(../fonts/AvenirLTStd-BookOblique.woff) format("woff"), url(../fonts/AvenirLTStd-BookOblique.ttf) format("truetype"), url(../fonts/AvenirLTStd-BookOblique.svg#AvenirLTStd-BookOblique) format("svg");
    font-weight: 400;
    font-style: italic
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-BlackOblique.eot);
    src: url(../fonts/AvenirLTStd-BlackObliqued41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-BlackOblique.woff2) format("woff2"), url(../fonts/AvenirLTStd-BlackOblique.woff) format("woff"), url(../fonts/AvenirLTStd-BlackOblique.ttf) format("truetype"), url(../fonts/AvenirLTStd-BlackOblique.svg#AvenirLTStd-BlackOblique) format("svg");
    font-weight: 900;
    font-style: italic
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-HeavyOblique.eot);
    src: url(../fonts/AvenirLTStd-HeavyObliqued41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-HeavyOblique.woff2) format("woff2"), url(../fonts/AvenirLTStd-HeavyOblique.woff) format("woff"), url(../fonts/AvenirLTStd-HeavyOblique.ttf) format("truetype"), url(../fonts/AvenirLTStd-HeavyOblique.svg#AvenirLTStd-HeavyOblique) format("svg");
    font-weight: 900;
    font-style: italic
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-Heavy.eot);
    src: url(../fonts/AvenirLTStd-Heavyd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-Heavy.woff2) format("woff2"), url(../fonts/AvenirLTStd-Heavy.woff) format("woff"), url(../fonts/AvenirLTStd-Heavy.ttf) format("truetype"), url(../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy) format("svg");
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-Black.eot);
    src: url(../fonts/AvenirLTStd-Blackd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-Black.woff2) format("woff2"), url(../fonts/AvenirLTStd-Black.woff) format("woff"), url(../fonts/AvenirLTStd-Black.ttf) format("truetype"), url(../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black) format("svg");
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-Light.eot);
    src: url(../fonts/AvenirLTStd-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-Light.woff2) format("woff2"), url(../fonts/AvenirLTStd-Light.woff) format("woff"), url(../fonts/AvenirLTStd-Light.ttf) format("truetype"), url(../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light) format("svg");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-Oblique.eot);
    src: url(../fonts/AvenirLTStd-Obliqued41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-Oblique.woff2) format("woff2"), url(../fonts/AvenirLTStd-Oblique.woff) format("woff"), url(../fonts/AvenirLTStd-Oblique.ttf) format("truetype"), url(../fonts/AvenirLTStd-Oblique.svg#AvenirLTStd-Oblique) format("svg");
    font-weight: 400;
    font-style: italic
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url(../fonts/AvenirLTStd-Roman.eot);
    src: url(../fonts/AvenirLTStd-Romand41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AvenirLTStd-Roman.woff2) format("woff2"), url(../fonts/AvenirLTStd-Roman.woff) format("woff"), url(../fonts/AvenirLTStd-Roman.ttf) format("truetype"), url(../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman) format("svg");
    font-weight: 400;
    font-style: normal
}
body {
    font-family: 'Avenir LT Std';
    background-color: #000
}
footer {
    text-align: center;
    padding: 30px 0
}
footer p {
    color: #fff
}
footer ul.status-list {
    list-style: none;
    margin: 0 0 30px;
    padding: 0
}
footer ul.status-list li {
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    color: #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-right: 5px;
    -moz-box-shadow: 0 2px 12px 4px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 2px 12px 4px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 12px 4px rgba(0, 0, 0, .4)
}
#generator .inside,
#updates .inside {
    -moz-box-shadow: 0 2px 12px 4px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 2px 12px 4px rgba(0, 0, 0, .4);
    text-align: center
}
footer ul.status-list li:last-child {
    margin-right: 0
}
footer ul.status-list li img.icon {
    height: 30px;
    margin-bottom: 10px
}
footer ul.status-list li p {
    margin: 0;
    padding: 0
}
footer ul.status-list li p.name {
    font-weight: 500;
    font-size: 16px;
    color: #000
}
footer ul.status-list li p.status {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 300;
    padding: 5px;
    background-color: #37D982;
    color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}
header {
    text-align: center;
    color: #fff
}
header img.app-icon {
    width: 150px;
    max-width: 100%;
    text-align: center;
    margin: 30px auto
}
header h1 {
    font-weight: 900;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    font-size: 50px;
    margin: 0 0 15px;
    padding: 0
}

header p.sub {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3px
}
#generator .inside {
    background-color: #fff;
    padding: 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 12px 4px rgba(0, 0, 0, .4)
}
#updates .inside {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZWQ1MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyOTMyMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -moz-linear-gradient(270deg, #b4ed50 0, #429321 100%);
    background-image: -webkit-linear-gradient(270deg, #b4ed50 0, #429321 100%);
    background-image: linear-gradient(-180deg, #b4ed50 0, #429321 100%);
    padding: 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 12px 4px rgba(0, 0, 0, .4);
    margin: 15px 0;
    color: #fff
}
#updates .inside h3 {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    margin: 0;
    padding: 0
}
#updates .inside h3 .flag-icon {
    padding: 2px;
    background-color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}
#overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    z-index: 1000
}
#overlay.show {
    display: block
}
.center-modal {
    display: none;
    position: fixed;
    width: 330px;
    max-width: 90%;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2000;
    color: #fff;
    text-align: center
}



.new-modal {
    display: none;
    position: fixed;
    width: 600px;
    max-width: 90%;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2000;
    color: #fff;
    text-align: center
}



.center-modal.show {
    display: block
}
.center-modal img.icon {
    width: 50px;
    max-width: 100%
}
.center-modal ul.items-list {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
    display: block
}
.center-modal ul.items-list li {
    display: table;
    width: 100%;
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 5px;
    -moz-box-shadow: 0 2px 12px 4px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 2px 12px 4px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 12px 4px rgba(0, 0, 0, .4)
}
.center-modal ul.items-list li:last-child {
    margin-bottom: 0
}
.center-modal ul.items-list li .img {
    display: table-cell;
    vertical-align: middle;
    width: 30px
}
.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}
.center-modal ul.items-list li .img img {
    max-width: 100%
}
.center-modal ul.items-list li .right {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px
}
.center-modal ul.items-list li .right p {
    margin: 0;
    padding: 0;
    color: #000
}
.center-modal ul.items-list li .right p.name {
    font-weight: 900
}
.center-modal ul.items-list li .right p.amount {
    font-weight: 300;
    font-style: italic;
    color: #7F8282
}
.loader {
    margin: 0 auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, .8);
    border-right: 1.1em solid rgba(255, 255, 255, .8);
    border-bottom: 1.1em solid rgba(255, 255, 255, .8);
    border-left: 1.1em solid #3DB1FF;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@import "bourbon.html";

$circle-size: 150px;

$check-height: $circle-size/2;
$check-width: $check-height/2;
$check-left: $circle-size/6;
$check-thickness: $circle-size/10;

.checkmark-circle {

  width:$circle-size;
  height:$circle-size;
  position: relative;
  display: inline-block;
  vertical-align: top;

  .background {
    width: $circle-size;
    height: $circle-size;
    border-radius: 50%;
    background: #2EB150;
    position: absolute;
  }

  .checkmark {  

    &.draw:after {
      @include animation-delay(100ms);
      @include animation-duration(1s);
      @include animation-timing-function(ease);
      @include animation-name (checkmark);
      @include transform(scaleX(-1) rotate(180deg + -45deg));
      @include animation-fill-mode(forwards);
    }

    border-radius: 5px;

    &:after {
      opacity: 1; 
      height: $check-height; 
      width: $check-width;
      @include transform-origin(left top);
      border-right: $check-thickness solid white;
      border-top: $check-thickness solid white; 
      border-radius: 2.5px !important;
      content: '';
      left: $check-left;
      top: $check-height;
      position: absolute; 
    }

  }

}

@include keyframes(checkmark) {
  0% { height: 0; width: 0; opacity: 1; }
  20% { height: 0; width: $check-width; opacity: 1; }
  40% { height: $check-height; width: $check-width; opacity: 1; }
  100% { height: $check-height; width: $check-width; opacity: 1; }
}

.imagem {
    max-width: 35%;
    height: auto;
}