html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

input, select, textarea {
    background-color: #f1f1f1 !important;
}

body {
    /*margin-bottom: 60px;*/
}

.ach-bg {
    /*background-color: #eaab00;*/ /* gold */
    background: linear-gradient(90deg, rgba(234,188,0,1) 0%, rgba(234,172,0,0.9641106442577031) 35%, rgba(234,153,0,1) 100%);
}

.ach-text {
    color: #eaab00; /* gold */
}


.ach-wrapp {
    width: 100%;
    margin: 0 auto;
    padding: 2px;
    background-color: #eaab00; /* gold */
    /* Single pixel data uri image http://jsfiddle.net/LPxrT/ 
    /* background-image: gold, gold, white */
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='), url('data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==');
    background-repeat: no-repeat;
    background-size: 0 2px, 0 100%, 0% 2px;
    background-position: top center, top center, bottom center;
    -webkit-animation: drawBorderFromCenter 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes drawBorderFromCenter {
    0% {
        background-size: 0 2px, 0 0, 100% 100%;
    }

    20% {
        background-size: 100% 2px, 100% 0, 100% 100%;
    }

    66% {
        background-size: 100% 2px, 100% 98%, 100% 100%;
    }

    99% {
        background-size: 100% 2px, 100% 98%, 0 2px;
    }
}

.ach-content {
    background: white;
    padding: 2em;
    text-align: center;
    text-transform: uppercase;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.app-modal-scroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.app-modal-scroll {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}