.activate.button.button-primary.loading::after {
    display: inline-block;
    content: "";
    position: relative;
    top: 0;
    right: -.5em;
    left: auto;
    width: .8em;
    height: .8em;
    background-color: #FFFFFF;
    background-image: none;
    border-radius: 100%;
    animation: dotPulse .65s 0s infinite cubic-bezier(.21,.53,.56,.8);
}
@keyframes dotPulse {
    0% {
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: scale(1.2);
        opacity: 0
    }
}


.cnkt-plugin-installer {
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    width: 100% !important;
    position: relative;
    left: -1%;
}
   .cnkt-plugin-installer:after {
      content: "";
      flex: auto;
   }
   .cnkt-plugin-installer * {
      box-sizing: border-box;
   }
   .cnkt-plugin-installer .plugin{
      width: 31.333%;
      margin: 0 1% 30px;
      padding: 0;
      overflow: hidden;
      text-align: left;
      border: 1px solid #e1e1e1;
      background: #fff;
      position: relative;
      border-radius: 2px;
   }
      .cnkt-plugin-installer .plugin:hover{
         border-color: #cecece;
      }

   .cnkt-plugin-installer .plugin-wrap{
      padding: 20px 20px 95px 145px;
      min-height: 214px;
      display: block;
      position: relative;
   }
   .cnkt-plugin-installer li a,
   .cnkt-plugin-installer .plugin-wrap a{
      text-decoration: none;
   }
   .cnkt-plugin-installer .plugin-wrap img{
      display: block;
      position: absolute;
      left: 20px;
      top: 20px;
      max-width: 108px;
      max-height: 108px;
      border: 1px solid #f7f7f7;
   }
   .cnkt-plugin-installer .plugin-wrap h2,
   .cnkt-plugin-installer .plugin-wrap p{
      padding: 0;
      margin: 0;
      font-size: 17px;
      font-weight: 600;
      color: #333;
      line-height: 1.4;
   }
   .cnkt-plugin-installer .plugin-wrap p{
      padding: 10px 0 0;
      margin: 0;
      font-size: 14px;
      font-weight: 400;
      color: #777;
   }
   .cnkt-plugin-installer .plugin-wrap p.plugin-author{
      font-size: 13px;
      padding-top: 20px;
      font-style: italic;
   }

.cnkt-plugin-installer .activation-row{
      display: block;
      margin: 0;
      padding: 20px;
      background: #f7f7f7;
      border-top: 1px solid #e1e1e1;
      border-radius: 0 0 2px 2px;
      position: absolute;
      bottom: 0;
      width: 100%;
      overflow: hidden;
      border-radius: 0 0 2px 2px;
      text-align: left;
   }
      .cnkt-plugin-installer .activation-row li{
         display: inline-block;
         vertical-align: top;
         margin: 0 10px 0 0;
         font-size: 13px;
         line-height: 27px;
      }

@media screen and (max-width: 1170px){
   .cnkt-plugin-installer .plugin{
      width: 48%;
      margin: 0 1% 15px;
   }
}
@media screen and (max-width: 960px){
   .cnkt-plugin-installer .plugin-wrap{
      padding: 20px 20px 95px 115px;
      min-height: 214px;
   }
   .cnkt-plugin-installer .plugin-wrap img{
      max-width: 78px;
      max-height: 78px;
   }
}
@media screen and (max-width: 640px){
	.cnkt-plugin-installer{
		width: 100%;
		position: static;
	}
   .cnkt-plugin-installer .plugin{
      width: 100%;
      margin: 0 0 20px;
   }
}


