/*
   Copyright (C) 2016 Cuckoo Foundation.
   This file is part of Cuckoo Sandbox - http://www.cuckoosandbox.org
   see the file 'docs/LICENSE' for copying permission.
 */

.loading {

    display: block;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 10px;

    img {
    	margin-left: 30%;
    	margin-top: 4px;
    }

    .spinner {
        display: inline-block;
        text-align: center;

        & > div {
            display: inline-block;
            width: 18px;
            height: 18px;
            background-color: #337ab7;
            border-radius: 100px;
            -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            animation: sk-bouncedelay 1.4s infinite ease-in-out both;

            &:first-child {
                -webkit-animation-delay: -0.32s;
                animation-delay: -0.32s;
            }
            &:nth-child(2) {
                -webkit-animation-delay: -0.16s;
                animation-delay: -0.16;
            }
        }
    }

    .loading-message {
        margin: 10px 0;
        color: #ccc;
        &:empty {
            display: none;
        }
    }

}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
