/*
  File: static/stylesheets/style.css
  Created @ 2018/11/22 08:00
  Last modified @ 2021/02/19 08:29
*/


/**********************************************************************************************************************************************************************
 * Alap formázások, közös rész
 **********************************************************************************************************************************************************************/

/* Általános formázások */
body, div, ul, li, p { margin: 0; padding: 0; } /* normalize.css kiegészítés */
body { color: #333; background: #fff; font: normal normal 16px/1.6 Arial, sans-serif; }
a:link { color: #0067bd; text-decoration: none; }
a:visited { color: #0067bd; text-decoration: underline; }
a:hover { color: #0067bd; text-decoration: underline; }
.content { float: left; width: 100%; box-sizing: border-box; padding: 1em 2%; }
    .contentInner { width: 100%; max-width: 1024px; margin: 0 auto; }
    .content h1 { margin: 0; padding: 0 0 0.5em; font: normal bold 180%/1.6 Arial, sans-serif; text-align :center; }
    .content p { padding: 0.5em 0; }
    
    .formBox { float: left; width: 100%; }
        .formBox p { float: left; width: 100%; padding: 1em 0; }
        .formBox input[type=text],
        .formBox textarea { width: 100%; box-sizing: border-box; height: 3em; padding: 0 0.5em; background: #e5f1fb; border: 1px solid #666; border-radius: 3px; }
        .formBox textarea { height: 8em; padding: 0.5em; }
        .formBox button { display: block; height: 2em; margin: 0 auto; padding: 0 1em; color: #FFF; background: #0067bd; border: none; border-radius: 3px; font: normal bold 120%/1.6 Arial, sans-serif; }
        .formBox form ul { margin: 0; padding: 0; list-style-type: none; }
            .formBox form li  { float: left; width: 100%; padding: 0.25em 0; border-top: 1px dashed #ccc; font-size: 90%; word-break: break-all; }
        .formBox input[type=checkbox] { margin-right: 0.5em; }
        
.messageBox { float: left; width: 100%; box-sizing: border-box; margin: 0 0 0em; padding: 0.2em 2% 0.2em 10%; position: relative; color: #3eaa48; background: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border: 1px solid #3eaa48; border-radius: 3px; font-size: 115%; }
.messageBox:first-child { margin-top: 2em; }
.messageBox.noCheck { padding-left: 2%; }
    .messageBox:before { content: ''; width: 1.2em; height: 0.6em; position: absolute; left: 1%; top: 0.55em; border-left: 3px solid #3eaa48; border-bottom: 3px solid #3eaa48; transform: rotate(-45deg); border-radius: 2px; }
    .messageBox:after { content: ''; width: 1.4em; height: 1.2em; position: absolute; left: 1%; top: 0.5em; background: #FFF; transform: scaleX(0); transform-origin: 100% 0%; animation: checkMessage linear 0.5s; }
    .messageBox.noCheck:before,
    .messageBox.nocheck:after { display: none; }
    .messageBox p { float: left; width: 100%; margin: 0; padding: 0.2em 0 !important; }
    .messageBox ul { float: left; width: 98%; margin: 0; padding: 0 0 0 2%; list-style-type: square; }
    .messageBox li { padding: 0.25em 0; font-size: 90%; background: none; }
    .messageBox li:before { margin: 0; content: ""; }
.messageBoxError { color: #da0000; border-color: #da0000; }
.messageBoxWarning { color: #333; border-color: #333; }
    .messageBoxError:before,
    .messageBoxWarning:before { content: ''; width: 1.2em; height: 2px; position: absolute; left: 0.5em; top: 1em; background: #da0000; border: none; transform: rotate(45deg); }
    .messageBoxError:after,
    .messageBoxWarning:after { content: ''; width: 1.2em; height: 2px; position: absolute; left: 0.5em; top: 1em; background: #da0000; transform: rotate(-45deg); transform-origin: 50% 50%; animation: none; }    
    .messageBoxError p,
    .messageBoxWarning p { margin: 0 !important; padding: 0.2em 0 !important; }