﻿#mistake { margin: 0; padding: 25px; border-radius: 5px; width: 100%; max-width: 550px; min-height: 300px; }
#mistake [data-fancybox-close] { width: 30px; height: 30px; border-radius: 50%; padding: 2px; right: 12px; background-color: #008DD2; color: #fff; opacity: 1; top: 13px; }
#mistake .loader { margin: 61px auto 0; background: url("/images/loader.gif") center no-repeat; background-size: contain; width: 128px; height: 128px; display: none; }
#mistakes_form > h4 { margin: 0 0 10px; background-color: #d4e083; border-radius: 2px; padding: 10px 5px; text-align: center; font-size: 20px; }
#mistakes_form > p.text { color: #666; font-weight: bold; margin: 10px 0; }
#mistakes_form .m { width: 100%; border: 1px solid silver; padding: 5px; border-radius: 4px; font: normal 14px/1.3 Arial, sans-serif; background-color: #fff; cursor: default; user-select: none; }
#mistakes_form textarea.m { cursor: text; user-select: text; resize: none; }
#mis_text:before, #mis_text:after { content: ' <...> '; }
#mistakes_form .m b { color: red; }
#mistakes_form .send { margin: 15px 0 0; text-align: center; }
#mistakes_form .send button { border: 1px solid #00A0E3; background: #00A0E3; color: #fff; padding: 8px 16px; cursor: pointer; border-radius: 3px; font-size: 14px; line-height: 1; margin: 0 5px; transition: all .1s ease-out; }
#mistakes_form .send button:hover, #mistakes_form .send button:active, #mistakes_form .send button:focus { filter: saturate(0.75); }
#mistakes_form .done { margin: 25% 0; text-align: center; font-size: 20px; }
#mistakes_form #mis_error { color: #f00; font-weight: bold; text-align: center; margin: 10px 0 0; }