@font-face {
	font-family: 'Ample Soft Pro';
	font-weight: 400;
	font-display: auto;
	src: url('../fonts/Ample-Soft-Pro.otf') format('OpenType');
}
@font-face {
	font-family: 'Ample Soft Pro';
	font-weight: 200;
	font-display: auto;
	src: url('../fonts/Ample-Soft-Pro-Light.otf') format('OpenType');
}
@font-face {
	font-family: 'Ample Soft Pro';
	font-weight: 700;
	font-display: auto;
	src: url('../fonts/Ample-Soft-Pro-Bold.otf') format('OpenType');
}

body{
    font-family: "Ample Soft Pro", Sans-serif;
}

.section_box{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    background-attachment:fixed;
    background-size:cover;
    position: relative;
}

@keyframes moverGradiente{
    0%{
        background-position:0% 50%;
    }
    100%{
        background-position: 100% 50%;
    }
}

.section_box:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: linear-gradient(270deg, rgba(0,255,0,0.25) 0%, rgba(0,0,255,0.25) 34.06%);
    background-size: 200% 200%;
    animation: moverGradiente 6s ease-in-out infinite alternate;
}
.box-login{
    max-width:750px;
    border-radius:30px;
    padding:20px 40px;
    background-color:rgba(255,255,255,0.9);
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    margin:0 auto;
    position:relative;
    z-index:200;
}

.box-login figure{
    max-width:250px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:32px;
}

.box-login .title{
    font-size:26px;
    margin-bottom:40px;
}

.box-login .form-control{
    max-width:250px;
    margin:0 auto;
}

.box-login .disabled{
    cursor:not-allowed;
    opacity:0.5;
}

.box-login .disabled > *{
    cursor:not-allowed;
}

.box-login .disabled .form-control,
.box-login .disabled label,
.box-login .disabled button{
    pointer-events:none;
}

.box-form{
    background-color:rgba(230,230,230,1);
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    border-radius:5px;
    padding:10px 12px;
}

.alert{
    position:fixed;
    right:15px;
    bottom:15px;
    z-index:500;
    margin-bottom:0;
}

a{
    text-decoration:none;
    color:inherit;
}

.card-download{
    background-color:#FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    padding:10px 15px;
    transition:all 0.1s linear;
    margin-bottom:25px;
}

.card-download:hover{
    background-color:#eee;
}

.card-download .card-download-title{
    font-weight:bold;
    font-size:18px;
    word-wrap:break-word;
}