footer,header{text-align:center;color:#fff}button,footer,header{color:#fff}.cancel-button,button{cursor:pointer;font-weight:700}*{font-family:Roboto,sans-serif}body{display:flex;flex-direction:column;height:100vh;margin:0}header{background-color:#4caf50;flex:0 0 auto;padding:20px}iframe{border:1px solid #ccc;flex:1;overflow:auto}footer{background-color:#333;bottom:0;position:relative;width:100%}button{background-color:#2b0e61;border-radius:4px;margin:8px 0;padding:14px 20px;transition:.3s}button:hover{background-color:#45a049;box-shadow:0 8px 16px 0 #0003}.field-container{margin-bottom:20px;position:relative}label{background-color:#fff;color:#555;font-size:.8em;left:0;padding:0 5px;position:absolute;top:-10px}input,select,textarea{border:1px solid #ccc;border-radius:4px;margin-top:12px;padding:8px;width:90%}.left-field{width:50%}.right-field{float:right;width:40%}dialog{border-radius:10px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a}.dialog-header{border-bottom:1px solid #eee;color:#333;font-size:1.5em;margin-bottom:20px;padding-bottom:20px}.close-button{background-color:#8b0000;border:none;cursor:pointer;float:right;font-size:1em}menu{padding-left:0}#columnas,menu{display:flex;justify-content:space-between}#columnas{flex-direction:row;width:100%}.column-container{flex:1;padding:10px}.cancel-button{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;padding:10px 20px;transition:background-color .3s}.cancel-button:hover{background-color:#8a0000}#enviado-text,#respuesta-text{color:#333;display:flex;font-family:Courier New,Courier,monospace;font-size:.8em;height:100%;margin-top:0;min-height:250px;min-width:400px;overflow:auto}#respuesta label{font-size:small;padding:0;position:relative;top:0}