@-webkit-keyframes loadingCircle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes loadingCircle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.i_cpt-title, .i_cpt-input, .i_cpt-img, .i_cpt-reload {
  display: inline-block;
  vertical-align: top; }

.i_cpt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .i_cpt * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .i_cpt > label {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 180px calc(100% - 200px);
    grid-template-columns: 180px calc(100% - 200px);
    grid-gap: 20px; }
  .i_cpt-title {
    color: #4f4f4f;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 12px;
    line-height: 16px; }
    .i_cpt-title span {
      color: #d8003f; }
  .i_cpt-input {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2; }
    .i_cpt-input [type="text"] {
      width: 100%;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      padding: 9px 0;
      position: relative;
      color: #0c0c0c;
      border-bottom: 1px solid #e0e0e0;
      letter-spacing: 3px; }
      @media (max-width: 420px) {
        .i_cpt-input [type="text"] {
          text-align: center; } }
      @media (min-width: 420px) {
        .i_cpt-input [type="text"] {
          text-align: left; } }
    .i_cpt-input__error [type="text"] {
      border-bottom: 1px solid #d8003f; }
  .i_cpt-img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1; }
    .i_cpt-img__load {
      position: relative; }
      .i_cpt-img__load:before, .i_cpt-img__load:after {
        content: '';
        position: absolute; }
      .i_cpt-img__load:before {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px); }
      .i_cpt-img__load:after {
        width: 28px;
        height: 28px;
        top: calc(50% - 14px);
        left: calc(50% - 14px);
        z-index: 3;
        -webkit-animation: loadingCircle .7s infinite linear;
                animation: loadingCircle .7s infinite linear;
        background: url("/local/templates/aton/images/loading-wh.svg") no-repeat 0 0; }
  .i_cpt-reload {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    color: #0c0c0c;
    border-bottom: 1px solid #0c4072;
    margin-top: 8px; }
    .i_cpt-reload:hover {
      color: #0c4072;
      border-bottom: 1px solid transparent; }