.df-plugin-installer{display:block;font-family:Arial}.df-plugin-installer .df-plugin-item{display:inline-block;margin-right:10px;margin-bottom:10px;width:140px;text-align:center;background-color:transparent;border:2px solid #ccc;border-radius:2px;cursor:pointer;position:relative}.df-plugin-installer .df-plugin-item.loading,.df-plugin-installer .df-plugin-item.pending,.df-plugin-installer .df-plugin-item:hover{background:rgba(135,180,239,.14);border-color:#87B4EF}.df-plugin-installer input{display:none}.df-plugin-installer .df-plugin-item.selected,.df-plugin-installer input:checked+.df-plugin-item{border-color:#87B4EF}.df-plugin-installer .df-plugin-item.selected i.material-icons,.df-plugin-installer .df-plugin-item:hover i.material-icons,.df-plugin-installer input:checked+.df-plugin-item i.material-icons{color:#87B4EF}.df-plugin-installer .df-plugin-item i.material-icons{display:block;padding:20px 0;font-size:40px;color:#ccc;line-height:40px}.df-plugin-installer .df-plugin-item.selected i.material-icons:after,.df-plugin-installer input:checked+.df-plugin-item i.material-icons:after{content:'\E5CA';position:absolute;background:#87B4EF;width:20px;height:20px;border-radius:50%;font-size:14px;color:#fff;line-height:20px;top:15px;right:45px;border:2px solid #F1F1F1}.df-plugin-installer .df-plugin-item.loading strong,.df-plugin-installer .df-plugin-item.pending strong,.df-plugin-installer .df-plugin-item.selected strong,.df-plugin-installer .df-plugin-item:hover strong,.df-plugin-installer input:checked+.df-plugin-item strong{color:#679BE0}.df-plugin-installer .df-plugin-item strong{display:block;padding:5px 10px 18px;color:#828282;font-size:14px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-plugin-installer .df-plugin-item .loading-block{display:none;height:40px;position:relative;padding:20px 0}.df-plugin-installer .df-plugin-item.loading .loading-block i,.df-plugin-installer .df-plugin-item.pending .loading-block i,.df-plugin-installer .df-plugin-item:hover .loading-block i{background-color:#87B4EF}.df-plugin-installer .df-plugin-item .loading-block i{display:block;position:absolute;width:12px;height:12px;background-color:#ccc;top:40%;margin-top:-2px;margin-left:-5px;border-radius:50%;left:36%;-webkit-animation:flip-loop 1.2s linear infinite;-moz-animation:flip-loop 1.2s linear infinite;animation:flip-loop 1.2s linear infinite}.df-plugin-installer .df-plugin-item .loading-block i:before{display:block;position:absolute}.df-plugin-installer .df-plugin-item .loading-block i:nth-child(2){left:50%;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}.df-plugin-installer .df-plugin-item .loading-block i:nth-child(3){left:64%;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s}.df-plugin-installer .df-plugin-item.loading,.df-plugin-installer .df-plugin-item.pending{color:#679BE0}.df-plugin-installer .df-plugin-item.loading i.material-icons,.df-plugin-installer .df-plugin-item.pending i.material-icons{display:none}.df-plugin-installer .df-plugin-item.loading .loading-block,.df-plugin-installer .df-plugin-item.pending .loading-block{display:block}.df-plugin-installer .df-plugin-item.loading:after,.df-plugin-installer .df-plugin-item.pending:after{display:block;position:absolute;content:attr(data-loading-text);left:0;top:68px;width:100%;font-size:11px;font-weight:700;color:inherit}.df-plugin-installer .df-plugin-item.done i.loading-block i{display:none}.df-plugin-installer .df-plugin-item.done i.loading-block:before{display:block;content:'\E86C';font-family:"Material icons";font-style:normal;line-height:40px;font-size:40px;color:#69D01E}.df-plugin-installer .df-plugin-item.done i.material-icons{display:none}.df-plugin-installer .df-plugin-item.done .loading-block{display:block}.df-plugin-installer .df-plugin-item.done{background:rgba(105,208,30,.14)!important;border-color:#69D01E!important}.df-plugin-installer .df-plugin-item.done strong{color:#5BBB15!important}.df-plugin-installer .df-plugin-item p{padding:10px;font-size:11px;line-height:150%;color:rgba(0,0,0,.5);border-top:1px solid rgba(0,0,0,.1);margin-top:1px}.df-plugin-installer .df-plugin-item.omitted{opacity:.5}@-webkit-keyframes flip-loop{0%,100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-moz-keyframes flip-loop{0%,100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes flip-loop{0%,100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.df-demo-install-button{display:inline-block;background:#7FBD52!important;color:#fff!important;border-color:#4B9417!important;padding:3px 17px!important;height:auto!important}.df-demo-install-button:hover{background-color:#81C153!important}.df-demo-install-button:active{background-color:#5BA924!important}