:root {
    --bgcolor1: #000000;
    --bgcolor2: #202124;
    --bgcolor3: #3C4043;
    --bgcolor4: #ffffff;

    --link1color: #000000; /*fekete*/
    --link2color: #ffffff; /*feher*/
    --link3color: #0265D2;
    --link4color: #9AA0A6;
}

html { height:100%;}
body { font-family:Roboto; font-size:14px;height:100%;line-height:20px;margin:0px;padding:0px;}
input { box-sizing: border-box; height:32px; }
button { padding: 10px 20px; background-color: var(--link1color); color: white; font-size:12px; line-height:1.3em; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; }
a { color:var(--link3color); text-decoration:none;}
a:hover { text-decoration:underline;}

.pt20 { padding-top:20px;}
.tac { text-align:center;}
.w100 { width:100%;}

.container { display:flex; position:relative; min-height:100%; align-items: center; justify-content: center; background: linear-gradient(0deg, #9CDBFA80 0%, #9CDBFA00 100%); }
.form-alert { padding: 15px; font-weight: bold; color: var(--link2color); border-top-left-radius: 8px; border-top-right-radius: 8px; }
.round { border-radius: 8px; }
.alert-success { background-color: #28a745; }
.alert-danger { background-color: #dc3545; }
.text-danger { color:#dc3545; }

.spinner { border: 3px solid #f3f3f3; border-top: 3px solid #3498db; border-radius: 50%; width: 16px; height: 16px; animation: spin 1s linear infinite; display: inline-block; vertical-align: middle; margin-left: 10px; }
.button-loading { background-color: #ccc !important; cursor: default; }

.centered-content-wrapper { display:flex; flex-direction:column; justify-content:center; align-items:center;}
.centered-content { width: 320px; margin: 32px 0px; background-color: white; border-radius: 8px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 4px 16px -4px rgba(0, 0, 0, .16); overflow: hidden; }
.centered-content-lenght { width:600px;}
.formpadding { padding:20px;}
.formfieldspace { display:flex; flex-direction:column;padding-bottom:16px;}
.formfieldspace .input-wrap { width:100%; }
.formlabel { margin-bottom:4px;}
.formfieldspace2 { display:flex;flex-direction:row;align-items:center;justify-content:space-between;}

.form-control { background-color:#ffffff; width: 100%; display: block; padding: 5px 12px; font-size: 13px; font-weight: 400; line-height: 1.5; color: var(--link1color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; border: 1px solid #ccc; border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.form-control:focus { border-color: #007bff; outline: none; }