
.popup { padding: 20px 10px; }
.popup h1 { float: none; margin: 0 0 20px 0; font: 30px/1 'DharmaGothicERegular','Arial Narrow',Arial,Helvetica,sans-serif; }
.popup a { -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; }
.popup a:hover { opacity: .7; }
.popup .line { width: 100%; height: 1px; margin-bottom: 30px; background-color: black; }
.popup .line.grey { background-color: #d1d1d3; margin-bottom: 20px; }
.popup .popup-content { clear: none; padding-top: 10px; }
.popup .popup-content p { margin-bottom: 20px; font-size: 14px; }
.popup .popup-content p.nota-plate { margin-top: 30px; text-align: center; }
.popup .popup-content ul.numbers { display: block; margin: 40px 0; }
.popup .popup-content ul.numbers li { display: block; margin-bottom: 30px; }
.popup .popup-content ul.numbers li .number { display: inline-block; vertical-align: top; width: 3%; font:24px/.9 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; }
.popup .popup-content ul.numbers li p { display: inline-block; vertical-align: bottom; margin: 0; line-height: 24px; width: 90%; }

.popup .columns-wrapper { position: relative; font-size: 0; }
.popup .columns-wrapper .columns { display: inline-block; vertical-align: top; }
.popup .columns-wrapper .columns.columns-2 { width: 45%; margin-right: 5%; }

.popup .blue { color: #0063be; }
.popup .blue a { color: #0063be; border-bottom: 1px solid #0063be; }

.popup .button { text-align: center; margin: 20px 0 10px 0; }
.popup .button a { display: inline-block; font: 14px/35px Arial,Helvetica,sans-serif; text-transform: uppercase; padding: 0 25px; color: black; border: 1px solid black; }
.popup .button a:hover { color: white; background-color: black; opacity: 1; }

.popup p.button { display: inline-block; }
.popup p.button button { border: 1px solid #0063be; }
.popup p.button button:hover { border: 1px solid black; }
.popup p.button.exit button { border: 1px solid black; background-color: white !important; color: black !important; }
.popup p.button.exit button:hover { background-color: black !important; color: white !important; }

.popup .field { margin-bottom: 15px; }
.popup .field label { margin-bottom: 20px; font: 14px/1 Arial,Helvetica,sans-serif; text-transform: none; }
.popup .field select, .popup .field input { width: 50%; font-size: 14px; box-sizing: border-box; }

.popup.matricula-info { min-width: 620px; }
.popup.matricula-info .popup-content { min-width: 620px; }

.popup.action-popup .popup-content .error-message { color: red; }

.popup.confirm-lines h2 { margin-bottom: 30px; }
.popup.confirm-lines a.button, button { margin-left: 0; }
.popup.confirm-lines button { margin-top: 30px; }
.popup.confirm-lines table td,
.popup.confirm-lines table th { text-align: left; background-color: transparent; }
.popup.confirm-lines td.acciones { padding-top: 10px; border-bottom: 0; text-align: right; }
.popup.confirm-lines td.acciones.error label { color: red; }
.popup.confirm-lines td.acciones label { display: inline-block; margin-left: 10px; font: 12px/16px Arial,Helvetica,sans-serif; text-transform: none; }
.popup.confirm-lines td.acciones label input { width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }