﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #f5f5f5 !important;
    font-family: 'Exo 2';
}

h2 {
    color: #4a4a4a;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.input-group {
    max-width:1000px;
}

.file-upload-btn {
    background-color: #3fa46a;
}

.copyright {
    display: block;
    margin-top: 100px;
    text-align: center;
}

.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

    .file-upload .file-select {
        display: block;
        border: 2px solid #dce4ec;
        color: #34495e;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        text-align: left;
        background: #FFFFFF;
        overflow: hidden;
        position: relative;
    }

        .file-upload .file-select .file-select-button {
            background: #dce4ec;
            padding: 0 10px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
        }

        .file-upload .file-select .file-select-name {
            line-height: 40px;
            display: inline-block;
            padding: 0 10px;
        }

        .file-upload .file-select:hover {
            border-color: #34495e;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

            .file-upload .file-select:hover .file-select-button {
                background: #34495e;
                color: #FFFFFF;
                transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
            }

    .file-upload.active .file-select {
        border-color: #3fa46a;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }

        .file-upload.active .file-select .file-select-button {
            background: #3fa46a;
            color: #FFFFFF;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

    .file-upload .file-select input[type=file] {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .file-upload .file-select.file-select-disabled {
        opacity: 0.65;
    }

        .file-upload .file-select.file-select-disabled:hover {
            cursor: default;
            display: block;
            border: 2px solid #dce4ec;
            color: #34495e;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            margin-top: 5px;
            text-align: left;
            background: #FFFFFF;
            overflow: hidden;
            position: relative;
        }

            .file-upload .file-select.file-select-disabled:hover .file-select-button {
                background: #dce4ec;
                color: #666666;
                padding: 0 10px;
                display: inline-block;
                height: 40px;
                line-height: 40px;
            }

            .file-upload .file-select.file-select-disabled:hover .file-select-name {
                line-height: 40px;
                display: inline-block;
                padding: 0 10px;
            }


/* Loader */
@keyframes ldio-2iasthk23ay {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ldio-2iasthk23ay div {
    box-sizing: border-box !important
}

.ldio-2iasthk23ay > div {
    position: absolute;
    width: 72px;
    height: 72px;
    top: 14px;
    left: 14px;
    border-radius: 50%;
    border: 10px solid #000;
    border-color: #34495e transparent #34495e transparent;
    animation: ldio-2iasthk23ay 1s linear infinite;
}

    .ldio-2iasthk23ay > div:nth-child(2) {
        border-color: transparent
    }

        .ldio-2iasthk23ay > div:nth-child(2) div {
            position: absolute;
            width: 100%;
            height: 100%;
            transform: rotate(45deg);
        }

            .ldio-2iasthk23ay > div:nth-child(2) div:before, .ldio-2iasthk23ay > div:nth-child(2) div:after {
                content: "";
                display: block;
                position: absolute;
                width: 10px;
                height: 10px;
                top: -10px;
                left: 21px;
                background: #34495e;
                border-radius: 50%;
                box-shadow: 0 62px 0 0 #34495e;
            }

            .ldio-2iasthk23ay > div:nth-child(2) div:after {
                left: -10px;
                top: 21px;
                box-shadow: 62px 0 0 0 #34495e;
            }

.loadingio-spinner-dual-ring-vbz55jocsa {
    width: 74px;
    height: 74px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio-2iasthk23ay {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(0.74);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-2iasthk23ay div {
        box-sizing: content-box;
    }
/* generated by https://loading.io/ */

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation 2s infinite;
    -moz-animation: flickerAnimation 2s infinite;
    -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
    color: #0e2436;
}
