.loaderplate-element-hide {
    display: none;
}

.loaderplate {
    display: block;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    cursor: default;
    margin: auto;
    background-color: rgba(5, 82, 106, 0.71);
}

    .loaderplate img {
        max-width: 60px;
        margin-top: 10%;
    }

    .loaderplate > div {
        padding-top: 12px;
        font-weight: 300
    }

    .loaderplate.aqua {
        color: #1abc9c
    }

    .loaderplate.black {
        color: #000
    }

    .loaderplate.blue {
        color: #3498db
    }

    .loaderplate.green {
        color: #2ecc71
    }

    .loaderplate.grey-blue {
        color: #aab2bd
    }

    .loaderplate.grey-blue-dark {
        color: #656d78
    }

    .loaderplate.orange {
        color: #f39c12
    }

    .loaderplate.pink {
        color: #eb5367
    }

    .loaderplate.purple {
        color: #9b59b6
    }

    .loaderplate.red {
        color: #e74c3c
    }

    .loaderplate.white {
        color: #fff
    }

    .loaderplate.yellow {
        color: #f1c40f
    }

    .loaderplate.x-small {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .loaderplate.small {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .loaderplate.minor {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .loaderplate.normal {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .loaderplate.slight {
        padding-top: 36px;
        padding-bottom: 36px
    }

    .loaderplate.medium {
        padding-top: 48px;
        padding-bottom: 48px
    }

    /*.loaderplate.large {
        padding-top: 72px;
        padding-bottom: 72px
    }*/
    .loaderplate.large {
        padding-top: 72px;
        padding-bottom: 72px;
        /*display: block;
        text-align: center;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        z-index: 9999;*/
        /*position: absolute;*/
        /*top: 0;
        left: 0;
        cursor: default;
        margin: auto;
        background-color: rgba(5, 82, 106, 0.71);*/
    }

    .loaderplate.x-large {
        padding-top: 120px;
        padding-bottom: 120px
    }
