.loader{height:20px;margin-right:auto;position:relative;width:20px}.loader .loader-circle{height:100%;left:0;position:absolute;top:0;width:100%}.loader .loader-circle:before{-webkit-animation:loaderFadeDelay 1.2s ease-in-out infinite both;animation:loaderFadeDelay 1.2s ease-in-out infinite both;background-color:#333;border-radius:100%;content:"";display:block;height:15%;margin:0 auto;width:15%}.loader .loader-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.loader .loader-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loader .loader-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.loader .loader-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.loader .loader-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.loader .loader-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.loader .loader-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.loader .loader-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.loader .loader-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.loader .loader-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.loader .loader-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.loader .loader-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.loader .loader-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.loader .loader-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.loader .loader-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.loader .loader-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.loader .loader-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.loader .loader-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.loader .loader-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.loader .loader-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.loader .loader-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.loader .loader-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes loaderFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes loaderFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}#zettle_synced{text-align:left!important;width:12ch}@media only screen and (min-width:1200px){#zettle_synced{width:20ch}}.zettle_synced .is-synced{color:#7ad03a}.zettle_synced .not-synced{color:#a00}