.banner-tracuu { width: 100%; float: left; } .banner-tracuu img { width: 100%; height: 350px; } .main-tracuu { padding-top: 20px; } .main-tracuu, .section-prefooter, .section-footer { width: 100%; float: left; } .main-tracuu .container .row .col-md-8 .title-info-tracuu { text-transform: uppercase; color: #e27a17; margin-bottom: 20px; font-size: 24px; font-weight: 400; margin-top: 10px; } .main-tracuu .container .row .col-md-8 form.form-tracuu .content-form-tracuu button.search-form { width: 150px; border-radius: 20px; outline: none; margin-top: 20px; } .main-tracuu .container .row .col-md-8 form.form-tracuu .content-form-tracuu button.search-form a { color: #fff; text-decoration: none; } .main-tracuu .container .row .col-md-8 .import-file { margin: 20px 0 20px 0; } .main-tracuu .container .row .col-md-8 .import-file button#importFile { width: 150px; border-radius: 20px; outline: none; margin-top: 30px; } .main-tracuu .container .row .col-md-8 form.form-tracuu h3.tttc { font-size: 18px; color: #e27a17; margin-bottom: 20px; } .main-tracuu .container .row .col-md-8 form.form-tracuu .content-form-tracuu { padding: 20px 0 20px 0; } .main-tracuu .container .row .col-md-8 form.form-tracuu .content-form-tracuu button.button { width: 150px; border-radius: 20px; outline: none !important; color: #fff; text-decoration: none; background: #0093dd; padding: 6px 20px; display: block; margin-top: 30px; cursor: pointer; border: none !important; } .main-tracuu .container .row .col-md-8 form.form-tracuu .content-form-tracuu a.button:hover { background: #e27a17; } .main-tracuu .container .row .col-md-8 .import-file .tri-an { margin-top: 30px; text-align: center; font-weight: 500; font-style: italic; } .main-tracuu .container .row .col-md-4 .hd-tracuu h3.title-hd-tracuu { margin: 10px 0 20px 0; font-size: 14px; text-align: center; color: #0093dd; padding: 10px; box-shadow: 0px 0px 2px 1px #0093dd; } .main-tracuu .container .row .col-md-4 .hd-tracuu p { border-bottom: 1px solid #cccccc6b; padding-bottom: 10px; text-align: justify; } .main-tracuu .container .row .col-md-4 .info-signature-digital { margin-bottom: 20px; } .main-tracuu .container .row .col-md-4 .hd-tracuu p span.step-tracuu, .main-tracuu .container .row .col-md-4 .info-signature-digital p span.step-tracuu { font-weight: 700; color: #333; } .main-tracuu .container .row .col-md-4 .info-signature-digital p { border-bottom: 1px solid #cccccc6b; padding-bottom: 10px; text-align: justify; } .main-tracuu .container .row .col-md-4 .info-signature-digital h3.title-signature { margin: 20px 0 20px 0; font-size: 14px; text-align: center; color: #0093dd; padding: 10px; box-shadow: 0px 0px 2px 1px #0093dd; } .main-tracuu .container .row .col-md-4 .img-solution { width: 100%; margin: auto; display: block; text-align: center; margin-bottom: 20px; } .main-tracuu .container .row .col-md-4 .img-solution img { width: 300px; height: 300px; } .main-tracuu .container .row .col-md-4 .img-outstanding { width: 100%; margin: auto; display: block; text-align: center; } .main-tracuu .container .row .col-md-4 .img-outstanding img { width: 300px; height: 200px; } @media only screen and (max-width: 767px) { .banner-tracuu img { height: 200px; } } /* modal */ .modal-dialog { height: 900px; width: 80%; top: 8%; } .modal-dialog .modal-content { height: 100%; } .modal-dialog .modal-content .modal-header button.close { position: absolute; top: 5px; right: 5px; font-size: 45px; } .modal-dialog .modal-content .modal-header .tthd{ font-weight: 500; font-size: 25px; color: #0093dd; } .modal-dialog .modal-content .modal-header button.close span i.fa.fa-times { color: #333; } .modal-dialog .modal-content .modal-body .popup iframe#frameHopDong { width: 80%; height: 800px; float: left; display: flex; border-radius: 5px; } .modal-dialog .modal-content .modal-body .popup .button-signature { width: 20%; float: left; display: flex; margin-top: 20px; } #tracuu .popup { width: 100%; float: left; display: block; } #tracuu .popup .button-signature .button.sg { width: 150px; height: auto; display: inline-block; font-size: 12px; text-align: center; color: #fff; border-radius: 22px; overflow: hidden; text-transform: uppercase; outline: none; cursor: pointer; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); text-decoration: none; padding: 10px 15px; font-weight: 500; margin: auto; background: -webkit-linear-gradient(164.54deg, #656aa0 0%, #0f64e2 50%); border: none; } @media only screen and (min-width: 1366px) { .modal-dialog { height: 700px !important; top: 5%; } .modal-dialog .modal-content .modal-body .popup iframe#frameHopDong { height: 600px; } } @media only screen and (max-width: 767px) { .modal-dialog, .modal-dialog .modal-content .modal-body .popup iframe#frameHopDong { width: 100%; } } /* .box { width: 40%; margin: 0 auto; background: rgba(255, 255, 255, 0.2); padding: 35px; border: 2px solid #fff; border-radius: 20px/50px; background-clip: padding-box; text-align: center; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; z-index: 999; } .overlay:target { visibility: visible; opacity: 1; display: flex; } .popup { margin: auto; width: 90%; background: #fff; height: auto; position: relative; display: block; border-radius: 5px; } .popup .closed { position: absolute; top: 0px; right: 10px; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup .closed:hover { color: #0093dd; } .popup .content { max-height: 30%; overflow: auto; } #tracuu .popup .title-popup { display: flex; padding: 5px; } #tracuu .popup .title-popup .tthd { border-bottom: 2px solid #0093dd; font-size: 15px; } #tracuu .popup .button-download a { width: 150px; height: auto; display: inline-block; font-size: 12px; text-align: center; color: #fff; border-radius: 22px; overflow: hidden; text-transform: uppercase; outline: none; cursor: pointer; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); text-decoration: none; padding: 5px 15px; font-weight: 500; margin: auto; background: green; border: none; } @media screen and (max-width: 700px) { .box { width: 70%; } .popup { width: 100%; } } */