.letolt-gomb {
            clear: both;
            border: none;
            background-color: #cfcfcf;
            width: 80%;
            max-width: 320px;
            padding: 8px 6px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 50px;
            margin-bottom: 50px;
            cursor: pointer;
            z-index: 5000;
            font-size: 13pt;
            font-family: inherit;
            color: black;
            text-align: center;
        }
        
        .t-gomb {
            clear: both;
            border: none;
            background-color: #16395E;
            min-width: 300px;
            width: 30%;
            padding: 8px 6px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            margin-bottom: 50px;
            cursor: pointer;
            z-index: 5000;
            font-size: 13pt;
            font-family: inherit;
            color: white;
            text-align: center;
        }
        
        .ajanlatkeres-gomb {
            border: none;
            background-color: green;
            width: 48%;
            padding: 6px 5px;
            margin: 1%;
            cursor: pointer;
            color: white;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            z-index: 910;
            font-size: 16pt;
            font-family: inherit;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            float: left;
            box-sizing: border-box;
        }
        
        .vissza-gomb {
            border: none;
            background-color: #16395e;
            width: 20%;
            padding: 6px 5px;
            margin: 0px 40%;
            cursor: pointer;
            color: white;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            z-index: 910;
            font-size: 16pt;
            font-family: inherit;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            float: left;
            box-sizing: border-box;
        }
        
        .letolt-gomb:hover,
        .vissza-gomb:hover {
            background-color: red;
            color: white;
        }
        
        .ajanlatkeres-gomb:hover {
            background-color: orange;
        }
        
        .ok-gomb,
        .fel-gomb {
            border: none;
            background-color: green;
            width: 30%;
            margin-left: auto;
            margin-right: auto;
            padding: 6px 5px;
            margin-top: 5px;
            cursor: pointer;
            color: white;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            z-index: 910;
            font-size: 16pt;
            font-family: inherit;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .fel-gomb {
            background-color: var(--main-elso-szin);
            ;
        }
        
        .technikaisegitseg {
            background-color: #009846;
            min-width: 300px;
            width: 30%;
            padding: 8px 16px;
            margin-left: auto;
            margin-right: auto;
            color: white;
            font-size: 13pt;
        }
        
        .techtelgomb {
            min-width: 180px;
        }
        
        .visszagomb {
            background-color: #16395E;
            padding: 8px 16px;
            float: left;
            color: white;
            font-size: 13pt;
        }
        
        .d100 {
            clear: both;
            width: 98%;
            box-sizing: border-box;
        }
        
        input {
            outline: none;
            border: none;
        }
        
        input[type="number"] {
            -moz-appearance: textfield;
            appearance: none;
            -webkit-appearance: none;
        }
        
        input[type="number"]::-webkit-outer-spin-button,
        input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }
        
        textarea {
            outline: none;
            border: none;
        }
        
        textarea:focus,
        input:focus {
            border-color: transparent !important;
        }
        
        input[type="checkbox"] {
            cursor: pointer;
            width: 30px;
            height: 30px;
            float: left;
            margin-top: -8px;
            margin-left: -18px;
            margin-right: 8px;
            display: block;
        }
        
        .db-select {
            width: 40px;
            height: 30px;
            float: left;
            margin-top: -8px;
            margin-left: 0px;
            margin-right: 8px;
        }
        
        button {
            outline: none !important;
            border: none;
            background: transparent;
        }
        
        button:hover {
            cursor: pointer;
        }
        .sboxalap button {
            background-color: orange;
            padding: 8px;
            width: 200px;
            margin: 4px;
        }
        
        iframe {
            border: none !important;
        }
        
        .bg0 {
            background-color: #fff;
        }
        
        .bg1 {
            background-color: var(--main-masodik-szin);
        }
        
        .bg2 {
            background-color: #fff4b9;
        }
        
        .bg3 {
            background-color: #e5e5e5;
        }
        
        .wrap-input100 {
            width: 80%;
            border: 0px solid #e6e6e6;
            border-radius: 2px;
            padding: 10px 10px 9px 22px;
            margin-bottom: 20px;
            margin-left: 10%;
            box-sizing: border-box;
        }
        
        .label-input100 {
            font-size: 10px;
            color: #393939;
            line-height: 1.5;
            text-transform: uppercase;
        }
        
        .input100 {
            display: block;
            width: 80%;
            background: transparent;
            font-size: 18px;
            color: #555555;
            line-height: 1.2;
            padding-right: 15px;
        }
        
        .torolikon {
            float: right;
            font-size: 14pt;
            color: red;
        }
        
        .keresoalap {
            float: right;
            color: white;
            width: 200px;
            right: 0px;
            margin-top: 3px;
            box-sizing: border-box;
        }
        
        form.kereso input[type=text] {
            padding: 4px;
            font-size: 14px;
            border: 1px solid grey;
            float: left;
            width: 80%;
            background: #f1f1f1;
            box-sizing: border-box;
        }
        
        form.kereso button {
            float: left;
            width: 20%;
            padding: 4px;
            background: #2196F3;
            color: white;
            font-size: 14px;
            border: 1px solid grey;
            border-left: none;
            cursor: pointer;
            box-sizing: border-box;
        }
        
        form.kereso button:hover {
            background: #0b7dda;
        }
        
        form.kereso::after {
            content: "";
            clear: both;
            display: table;
        }
        
        @media screen and (max-width: 650px) {
            .ajanlatkeres-gomb {
                width: 98%;
            }
        }