#app{ margin-bottom: 20px; font-size: 16px; } .tsa2 .dropArea { border: 1px dashed #0094D4; background-color: #ffffff; padding: 50px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; /* transition: 0.3s; */ position: relative; } .tsa2 .dropArea ul>li{ border-bottom: 1px solid #ccc;; list-style: none; padding: 10px 0; position: relative; } .tsa2 .dropArea ul>li .remover{ position: absolute; top: 10px; right: 0; } .tsa2 .dropArea ul>li:last-child{ /* border-bottom: none; */ } .tsa2 .btn-primary:active, .tsa2 .btn-primary:active:hover, .tsa2 .btn-primary:focus, .tsa2 .btn-primary:hover { background-color: #fff; color: #0094d4; border-color: #0094d4; } .tsa2 .btn-success:active, .tsa2 .btn-success:active:hover, .tsa2 .btn-success:focus, .tsa2 .btn-success:hover { background-color: #fff; color: #4cae4c; border-color: #4cae4c; } .tsa2 .btn-default{ padding: 6px 12px; color: #333; background-color: #fff; border-color: #ccc; border-radius: 4px; border-width: 1px; } .tsa2 .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .tsa2 .btn-pill { border-radius: 50px; border-width: 2px; font-weight: 400; } .tsa2 .hash { word-wrap: break-word; } .tsa2 .dropArea p { margin-bottom: 5px; } .tsa2 .dropArea ul>li p{ margin-right: 40px; } .tsa2 .dropArea:hover { border-style: solid; background: rgba(0, 148, 212, 0.05); } .tsa2 .dropArea .droptxt { font-size: 1.2em; margin-bottom: 10px; } .tsa2 .dropArea .glyphicon-cloud-upload { font-size: 8em; margin-bottom: 40px; color: #ccc; } .tsa2 .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999; color: #fff; background: rgba(0, 148, 212, 0.10); } .tsa2 .pulse{ -webkit-animation: pulse 1s infinite ease-in-out; -o-animation: pulse 1s infinite ease-in-out; -ms-animation: pulse 1s infinite ease-in-out; -moz-animation: pulse 1s infinite ease-in-out; animation: pulse 1s infinite ease-in-out; } .tsa2 .loading { background-color: rgba(0, 148, 212, 0.75); text-align: center; -webkit-border-radius: 5px; border-radius: 5px; } @keyframes pulse { 0% { opacity: 1.0; } 50% { opacity: 0; } 100% { opacity: 1.0; } } @media screen and (max-width: 768px) { .tsa2 .dropArea .glyphicon-cloud-upload { font-size: 4em; margin-bottom: 20px; } .tsa2 .dropArea { padding: 20px; } } .tsa2 [hidden]{ display: none !important; } .tsa2 .btn-cta { min-width: 150px; margin: 0 5px; margin-top: 10px; } .tsa2 .cta{ margin-top: 30px; } .tsa2 .alert { margin-top: 15px; text-align: left; } .tsa2 .gobackLink{ margin-top: 20px; } .tsa2 .alert p{ margin-bottom: 0; } .drop-file { width: 100%; height: 100%; } .tsa2 .alert-success .copiar { margin-top: 10px; } .tsa2 .center-v { position: relative; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 992px) { .tsa2 h3 { margin-top: 30px; } .tsa2 .nav-tabs { font-size: 1.3em; } } @media screen and (max-width: 1200px) { .tsa2 .dropArea .droptxt { font-size: 1em; margin-bottom: 15px; } }