@import url('https://fonts.googleapis.com/css?family=Open+Sans');
 ul li.fileName {
     list-style-type: none;
     margin: 0;
     text-indent: 0;
     padding-bottom: 10px;
}
 ul li.fileName span {
     display: inline-block;
     cursor: default;
     vertical-align: text-bottom;
     width: 25%;
     font-weight: bold;
     color: black;
}
 ul li.fileName span:first-child {
     font-weight: bold;
     width: 45%;
     color: black;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: inline-block;
     overflow: hidden;
     padding-right: 1em;
}
 ul li.fileName span:last-child {
     float: right;
     color: #1C5495;
     text-decoration: underline;
     cursor: pointer;
     padding-right: 1em;
     width: 24%;
     display: inline;
     text-align:right;
}
.firstName{
	width: 40%;
	float: left;
}
.lastName{
	width: 40%;
	float: right;
}
.address{
	width: 100%;
}
 .docUploadForm {
     text-indent: 0;
     cursor: default;
}
 .instrtFormNote, .instrtFormNoteImg {
     vertical-align: top;
     padding-bottom: 2em;
     margin-top: 2%;
     margin-bottom:2%;
     text-align: center;
}

 .upload-btn-wrapper {
     position: relative;
     display: inline-block;
     width: 100%;
    margin-bottom: -2em;
}
 .upload-btn {
     border: 2px solid gray;
     color: gray;
     background-color: white;
     padding: 8px 20px;
     border-radius: 8px;
     font-size: 20px;
     font-weight: bold;
}
 .upload-btn-wrapper input[type=file] {
     font-size: 100px;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
}
 .filesSelected {
     display: none;
}
 #filesSelected ul {
     padding-left: 0em;
     margin-top:3%;
}
 ul li.fileName span {
     margin-bottom: 0;
}
 .uploadBtn{
     background-color: #1C5495;
}
 .spinner {
     display: none;
     position: fixed;
     width: 75%;
     height: 38%;
     z-index: 999;
     top: 30%;
}
 .spinner .vertical-centered-box {
     position: absolute;
     width: 100%;
     height: 100%;
     text-align: center;
     left: 0;
}
 .spinner .vertical-centered-box:after {
     content: '';
     display: inline-block;
     height: 100%;
     vertical-align: middle;
     margin-right: -0.25em;
}
 .spinner .vertical-centered-box .content {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     vertical-align: middle;
     text-align: left;
     font-size: 0;
}
 .loader-circle {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 120px;
     height: 120px;
     border-radius: 50%;
     box-shadow: inset 0 0 0 4px rgba(183, 183, 183, 1);
     margin-left: -60px;
     margin-top: -60px;
     background-image: url(/upload-document/resources/images/rbfcu-spain-logo.svg);
     background-repeat: no-repeat;
     background-size: 60px;
     background-position: 50% 50%;
}
 .loader-line-mask {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 60px;
     height: 120px;
     margin-left: -60px;
     margin-top: -60px;
     overflow: hidden;
     -webkit-transform-origin: 60px 60px;
     -moz-transform-origin: 60px 60px;
     -ms-transform-origin: 60px 60px;
     -o-transform-origin: 60px 60px;
     transform-origin: 60px 60px;
     -webkit-animation: rotate 1.2s infinite linear;
     -moz-animation: rotate 1.2s infinite linear;
     -o-animation: rotate 1.2s infinite linear;
     animation: rotate 1.2s infinite linear;
}
 .loader-line-mask .loader-line {
     width: 120px;
     height: 120px;
     border-radius: 50%;
     box-shadow: inset 0 0 0 4px rgba(28, 93, 177, 1);
}
 #particles-background, #particles-foreground {
     left: -51%;
     top: -51%;
     width: 202%;
     height: 202%;
     -webkit-transform: scale3d(0.5, 0.5, 1);
     -moz-transform: scale3d(0.5, 0.5, 1);
     -ms-transform: scale3d(0.5, 0.5, 1);
     -o-transform: scale3d(0.5, 0.5, 1);
     transform: scale3d(0.5, 0.5, 1);
}

 lesshat-selector {
     -lh-property: 0;
}
 @-webkit-keyframes rotate{
     0% {
         -webkit-transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
    }
}
 @-moz-keyframes rotate{
     0% {
         -moz-transform: rotate(0deg);
    }
     100% {
         -moz-transform: rotate(360deg);
    }
}
 @-o-keyframes rotate{
     0% {
         -o-transform: rotate(0deg);
    }
     100% {
         -o-transform: rotate(360deg);
    }
}
 @keyframes rotate{
     0% {
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 [not-existing] {
     zoom: 1;
}
 lesshat-selector {
     -lh-property: 0;
}
 @-webkit-keyframes fade{
     0% {
         opacity: 1;
    }
     50% {
         opacity: 0.25;
    }
}
 @-moz-keyframes fade{
     0% {
         opacity: 1;
    }
     50% {
         opacity: 0.25;
    }
}
 @-o-keyframes fade{
     0% {
         opacity: 1;
    }
     50% {
         opacity: 0.25;
    }
}
 @keyframes fade{
     0% {
         opacity: 1;
    }
     50% {
         opacity: 0.25;
    }
}
 [not-existing] {
     zoom: 1;
}
 lesshat-selector {
     -lh-property: 0;
}
 @-webkit-keyframes fade-in{
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-moz-keyframes fade-in{
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-o-keyframes fade-in{
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes fade-in{
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 [not-existing] {
     zoom: 1;
}
 img.spin-img {
     height: 100%;
     width: 100%;
     position: absolute;
     left: 0%;
     top: -6%;
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     img.spin-img {
         left: 0%;
         position: absolute;
         top: -6%;
    }
}
 .modalOverlay {
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background-color: rgba(256,256,256,.5);
}
 
 
@media only screen and (max-width: 768px) {
	.btn-spacing-align {
	padding: 0 !important;
	}
	.btn-spacing-upload {
	padding: 0 !important;
	}
    .container {
    	width: 100% !important;
	}
    #addFiles {
    	width: 100% !important;
    	margin-bottom: 1em;
    }
    .btn-primary {
    	width: 100% !important;
    }
    ul.cf{
    	    width: 100%;
    display: flex;
    flex-direction: column !important;
    list-style-type: none;
    text-align: center;
    }
    ul.cf li:first-child {
    border-top: 2px solid #003474;
}
.footer-cntr .footer-holder .links ul li a {
    color: white;
    padding: 0em !important;
    text-decoration: none;
    font-weight: 800;
    text-align: center;
    display: block;
    width: 100%;
    border-bottom: 1px solid #fff;
    line-height: 2.8em;
    color: #fff;
    font-size: 1.2em;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}
.footer-cntr .footer-holder .links ul {
    flex-direction: row;
    justify-content: center;
    padding: 0;
}
.copyright span{
	display:block;
}