/*

 * Special for the risk explorer SRTTreeView which are different or extensions of

 * UITreeView.

 */


span.copysel {

  /*height: 100px;

  width: 200px;*/

  background: linear-gradient(90deg,rgb(73, 152, 216) 50%, transparent 50%), linear-gradient(90deg,rgb(73, 152, 216) 50%, transparent 50%), linear-gradient(0deg, rgb(73, 152, 216) 50%, transparent 50%), linear-gradient(0deg,rgb(73, 152, 216) 50%, transparent 50%);

  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;

  background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;

  background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0%;

  /*padding: 10px;*/

  animation: border-dance 4s infinite linear;

}

@keyframes border-dance {

  0% {

    /*background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px; */

    background-position: 0% 0%, 100% 100%, 0% 500%, 100% 0%;

  }

  100% {

    background-position: 100% 0%, 0% 100%, 0% 0%, 100% 500%;

  }

}

span.movesel {

  /*height: 100px;

  width: 200px;*/

  background: linear-gradient(90deg, red 50%, transparent 50%), linear-gradient(90deg, red 50%, transparent 50%), linear-gradient(0deg, red 50%, transparent 50%), linear-gradient(0deg, red 50%, transparent 50%);

  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;

  background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;

  background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0%;

  /*padding: 10px;*/

  animation: border-dance 4s infinite linear;

}

@keyframes border-dance {

  0% {

    /*background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px; */

    background-position: 0% 0%, 100% 100%, 0% 500%, 100% 0%;

  }

  100% {

    background-position: 100% 0%, 0% 100%, 0% 0%, 100% 500%;

  }

}