.dialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); z-index: 10000; display: none; }
.dialog .dialog-form { position: absolute; top:30%; left: 50%; margin-left: -250px; width: 500px; border: 2px solid #333333; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); font-size: 0; background-color: #ffffff; }
.dialog .dialog-header { padding: 10px 40px 10px 10px; background-color: #333333; border-bottom: 1px solid #333333; position: relative; font-size: 0; }
.dialog .dialog-header h3 { font-family: berlingske_sans_roundmedium, sans-serif; font-size: 17px; color: #ffffff; line-height: 1.2em; }
.dialog .dialog-header .close { position: absolute; right: 10px; top: 50%; margin-top: -8px; width: 16px; height: 16px; display: block; background-image: url("/_assets/icon-close.png"); background-size: cover; background-repeat: no-repeat; cursor: pointer; background-color: transparent; }

.dialog .dialog-content { padding: 15px; margin: 0; }
.dialog .dialog-content p { font-size: 15px; color: #000000; font-family: berlingske_sans_roundregular, sans-serif; line-height: 1.3em; margin-bottom: 0.75em; }
.dialog .dialog-buttons { padding: 0 10px 10px 10px; text-align: center; font-size: 0; }

.dialog .dialog-buttons button,
.dialog .dialog-buttons input[type=button] { font-size: 14px; padding: 10px 15px; background-color: #333333; color: #ffffff; border: 1px solid #333333; cursor: pointer; margin: 2px 5px; transition: all 0.2s; }

.dialog .dialog-buttons button:hover,
.dialog .dialog-buttons input[type=button]:hover { background-color: #ffffff; color: #000000; }

.dialog .dialog-content .form-field label { display: block; margin-bottom: 0.4em; font-size: 14px; color: #333333; }
.dialog .dialog-content .form-field input[type=text] { display: block; font-size: 14px; border: 1px solid #bed400; width: 100%; color: #000000; padding: 5px 10px; }

.dialog .dialog-buttons button.btn-hl-green,
.dialog .dialog-buttons input[type=button].btn-hl-green { background-color: #bed600; border-color: #bed600; color: #000000; }

.dialog .dialog-buttons button.btn-hl-green:hover,
.dialog .dialog-buttons input[type=button].btn-hl-green:hover { background-color: #ffffff; }