@media screen and (max-width:768px){.cardreader{width:100% !important}
}
.card-reader-modal .modal-content{max-width:475px}
#tab2{padding:20px 15px}
#myModal .modal-content #qrCodeContainer{padding:2rem 0}
@media screen and (max-width:768px){#myModal .modal-content #qrCodeContainer{padding:1.5rem 0}
}
.cope-core-card-reader .tab-container{width:630px;color:#001965}
@media screen and (max-width:768px){.cope-core-card-reader .tab-container{width:100%}
}
.cope-core-card-reader .tab-container .cope-core-tab-title{display:flex;align-items:flex-start;border-bottom:1px solid #f4f4f4;cursor:pointer;align-items:stretch}
.cope-core-card-reader .tab-container .cope-core-tab-title .tab-button{position:inherit;padding:0;width:50%;background-color:#e3f0fa;border-radius:1.563rem 1.563rem 0 0;letter-spacing:0;line-height:3rem;text-align:center;font-family:"Apis-Bold",Verdana,Helvetica,sans-serif;border:2px solid #939aa7}
.cope-core-card-reader .tab-container .cope-core-tab-title .tab-button.active{z-index:0;background-color:#c4dff5;padding-bottom:2px;border-bottom:0}
.cope-core-card-reader .tab-container .cope-core-tab-title .tab-button .cope-tab-enter-manually{border-radius:1.563rem 1.563rem 0 0;color:#001965;letter-spacing:0;height:3.125rem}
.cope-core-card-reader .tab-container .cope-tab-content{box-sizing:border-box;border:2px solid #939aa7;margin-top:-3px;background-color:#fff}
.cope-core-card-reader .tab-container .tab-content{display:none}
.cope-core-card-reader .tab-container .tab-content.active{display:block}
.cope-core-card-reader .tab-container .cope-core-desktop-mobile .card-upload-btn .btn{height:48px;padding:7px 20px !important;margin-right:20px;background:#005ad2;border:0;border-radius:48px;font-size:20px;line-height:27px;box-shadow:0 0 4px 0 rgba(0,56,120,0.2);font-family:Apis-Regular,Arial,Helvetica,sans-serif;width:70% !important}
@media screen and (max-width:767px){.cope-core-card-reader .tab-container .cope-core-desktop-mobile .card-upload-btn .btn{width:auto !important;margin-right:0}
}
.cope-core-card-reader .tab-container .cope-core-desktop-mobile .card-upload-btn .btn:hover{background:#16448a !important;border-color:transparent !important}
.cope-core-card-reader .tab-container .cope-core-desktop-mobile div{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}
.cope-core-card-reader .tab-container .cope-core-desktop-mobile div>div{flex-basis:0;flex-grow:1}
.cope-core-card-reader .tab-container .cope-core-desktop-mobile div>div.card-upload-btn{justify-content:flex-end}
@media screen and (max-width:768px){.cope-core-card-reader .tab-container .cope-core-desktop-mobile div{flex-wrap:nowrap;flex-direction:column}
}
.cope-core-card-reader .tab-container .cope-card-reader-img img{max-width:100%;height:auto}
.cope-core-card-reader .tab-container .card-upload-btn button{padding:10px 20px;font-size:16px}
.cope-core-card-reader .tab-container .card-upload-mobile-img{max-width:25%}
@media screen and (max-width:768px){.cope-core-card-reader .tab-container .card-upload-mobile-img{margin-left:0;margin-bottom:20px}
}
.cope-core-card-reader .tab-container .card-desktop-img{max-width:25%}
@media screen and (max-width:768px){.cope-core-card-reader .tab-container .card-desktop-img{margin-bottom:20px}
}
.cope-core-card-reader .tab-container .cope-core-card-upload{margin:5% 8% 8% 8%}
.cope-core-card-reader .tab-container .mobile-upload-details{padding-bottom:1.653rem;border-bottom:1px solid #939aa780;margin-bottom:32px}
.cope-core-card-reader .tab-container .hidden{display:none}
.cope-core-card-reader .tab-container .card-reader-upload-front{margin-bottom:30px}
.cope-core-card-reader .tab-container .card-reader-upload-front>label>p{margin-bottom:0}
.cope-core-card-reader .tab-container .card-reader-upload-back>label>p{margin-bottom:0}
.cope-core-card-reader .tab-container .card-reader-upload label{font-size:16px;display:flex}
.cope-core-card-reader .tab-container .card-reader-upload input{width:60% !important}
.cope-core-card-reader .tab-container .card-reader-upload input,.cope-core-card-reader .tab-container .card-reader-upload .core-file-size{color:#4a4a4a;font-size:16px}
.cope-core-card-reader .tab-container .card-reader-upload p.error{padding-top:16px}
@media screen and (max-width:768px){.cope-core-card-reader .tab-container .card-reader-upload p.error{padding-top:10px}
}
.cope-core-card-reader .tab-container .card-btn-done-upload{display:flex;margin:43px 0;height:48px}
.cope-core-card-reader .tab-container .card-btn-done-upload .btn.btn-secondary{height:48px;padding:7px 20px !important;background:#005ad2;border:0;border-radius:48px;font-size:20px;line-height:27px;box-shadow:0 0 4px 0 rgba(0,56,120,0.2);font-family:Apis-Regular,Arial,Helvetica,sans-serif}
.cope-core-card-reader .tab-container .card-btn-done-upload .btn.btn-secondary:hover{background:#16448a !important;border-color:transparent !important}
.cope-core-card-reader .tab-container .card-btn-done-upload .upload-error{margin:auto;color:red;font-size:16px}
@media only screen and (max-width:767px){.cope-core-card-reader .tab-container .card-btn-done-upload .upload-error{position:absolute;margin-top:55px;font-size:4vw}
}
.cope-core-card-reader .tab-container .error{color:red;font-size:16px}
.cope-core-card-reader .core-file-size{padding-left:10px}
.cope-core-card-reader .input-grouped-addon{font-size:20px;color:#da3e23;position:relative;top:1px}
.cope-core-card-reader .desktop-success-msg{display:none;text-align:center}
.cope-core-card-reader .card-desktop-error{display:none;text-align:center}
.cope-core-card-reader .remove-click{pointer-events:none;cursor:default}
.modal{display:none;position:fixed;z-index:100001;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}
.modal .modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}
.modal .modal-content h3{font-family:"Apis-Bold"}
.modal .modal-content h3,.modal .modal-content h4{font-size:18px !important;text-align:center;color:#001965}
.modal .modal-content #qrCodeContainer{display:flex;justify-content:center}
@media only screen and (max-width:767px){.modal .modal-content{width:100%;padding:0}
}
.modal .close{color:#000;font-size:28px;font-weight:bold;display:flex;align-self:end;width:fit-content;opacity:1;cursor:pointer}
.modal .close:hover,.modal .close:focus{text-decoration:none;cursor:pointer}