﻿.adathalaszform-desc {
    margin-bottom: 15px;
}
.adathalaszform-fields {
    position: relative;
    display: block;
    margin-left: -25px;
    margin-right: -25px;
}
.buttonel {
    float: left;
}
.field-row.adathalaszform-file-error,
.field-row.adathalaszform-error {
    margin-bottom: 15px;
    color: red;
    padding: 5px 15px;
    font-weight: bold;
    border: 3px solid red;
    border-radius: 5px;
    position: relative;
}
.field-row.adathalaszform-success {
    margin-bottom: 15px;
    padding: 5px 30px 5px 15px;
    font-weight: bold;
    border: 3px solid green;
    border-radius: 5px;
    position: relative;
}
.adathalaszform-input, 
.adathalaszform-output, 
.adathalaszform-extra {
    margin-bottom: 20px;
}
.adathalaszform-fields .field-row {
    width: 98%;
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
}
.adathalaszform-fields .field-row.colored,
.adathalaszform-fields .field-row input[type].colored {
    background-color: #def0e4;
}
.adathalaszform-fields input[type=text],
.adathalaszform-fields textarea,
.adathalaszform-fields input[type=number],
.adathalaszform-fields select {
    height: 30px;
    width: 100%;
    padding: 0 5px;
    outline: none;
    border: 1px solid gray;
}
.adathalaszform-fields input[type=text],
.adathalaszform-fields input[type=number] {
    padding: 0 10px;
}
.adathalaszform-fields input[readonly] {
    border: 1px solid gray !important;
    box-shadow: none !important;
    background-color: #c6e6e5;
    font-weight: 700;
}
.adathalaszform-fields textarea {
    resize: vertical;
    max-width: 100%;
    min-width: 235px;
    min-height: 30px;
    max-height: 200px;
}
.adathalaszform-output.adathalaszform-fields input:not([type=submit]) {
    text-align: right;
    background-color: white;
    border: 0px !important;
    padding: 0;
}
.adathalaszform-fields .btn {
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 0 !important;
    font-weight: bold;
    outline: none !important;
    background-color: #f9c412;
    float: left;
    color: black;
    min-width: 180px;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 24px;
    line-height: 1.42857143;
    border-radius: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.adathalaszform-fields .btn:disabled {
    /*background-color: lightgray;*/
}
.adathalaszform-fields .btn:active,
.adathalaszform-fields .btn:hover,
.adathalaszform-fields .btn:focus{
    background-color: #a8c41c;
}
.adathalaszform-fields label {
    margin-top: 2px;
    color: #008480;
}
.adathalaszform-fields .adathalaszformlabel {
    position: relative;
    padding-top: 2px;
    padding-right: 20px;
}
.adathalaszform-fields .adathalaszformlabel .fieldtooltip {
    top: 0;
    right: 0;
    opacity: 1;
    font-size: 20px;
    font-weight: 700;
    color: #008480;
    position: absolute;
    z-index: 1070;
    display: block;
}
.adathalaszform-fields .adathalaszformlabel span.req{
    color: red;
    font-size: 1.5em;
    position: absolute;
    top: -2px;
    margin-left: 5px;
    right: -16px;
}
.adathalaszform-fields .tooltip {
    font-size: 14px;
    font-weight: bold;
    opacity: 1;
    z-index: 9000;
}
.adathalaszform-fields .tooltip.top {
    margin-top: 2px;
}
.adathalaszform-fields .tooltip.top .tooltip-arrow {
    border-top-color: #008480;
}
.adathalaszform-fields .tooltip .tooltip-inner {
    background-color: #008480;
    min-width: 180px;
    color: white;
    border: 1px solid #008480;
}
.adathalaszform-fields .tooltip .tooltip-arrow:before {
    border-color: transparent;
}
.adathalaszform-fields .fieldSuffix {
    margin: 2px -10px 0 0;
    display: inline-block;
    float: left;
}
.adathalaszform-fields input:hover, 
.adathalaszform-fields select:hover {
    box-shadow: 0 0 0 1px #008480;
    border: 1px solid #008480;
}
.adathalaszform-fields input[type=file] {
    border: 1px solid transparent;
}
.adathalaszform-fields input:not([type=range]):focus,
.adathalaszform-fields select:focus {
    box-shadow: 0 0 0 1px #f9c412;
    border: 1px solid #f9c412;
}
.adathalaszform-fields select option:checked {
    background: #008480;
    color: white;
}
.adathalaszform-fields .pullin {
    padding: 0 15px;
}
.adathalaszform-fields .callback {
    margin-top: 15px;
}
.adathalaszform-fields input[type="radio"],
.adathalaszform-fields input[type="checkbox"] {
    width: 20px;
    height: 20px;
    float: left;
}
.adathalaszform-fields input[type="radio"]:hover, 
.adathalaszform-fields input[type="checkbox"]:hover, 
.adathalaszform-fields input[type="radio"]:active, 
.adathalaszform-fields input[type="checkbox"]:active, 
.adathalaszform-fields input[type="radio"]:focus, 
.adathalaszform-fields input[type="checkbox"]:focus {
    border-color: #f9c412;
    outline: 0;
}
.adathalaszform-fields .agreeText {
    display: inline-block;
    float: left;
}
.adathalaszform-fields .field-row input.field-col-left {
    width: 55%;
    float: left;
    margin-right: 5%;
}
.adathalaszform-fields .field-row input.field-col-right {
    width: 40%;
    float: left;
}
.adathalaszform-fields .slider {
    -webkit-appearance: none;
    width: 100%;
    padding: 0;
    margin-top: 7px;
    height: 14px;
    border-radius: 5px;
    border: 1px solid gray;
    background: #eee;
}
.adathalaszform-fields .slider:focus {
    background: #f4f4f4;
    outline: none;
}
.adathalaszform-fields .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 3px;
    border: 1px solid gray;
    width: 25px;
    height: 25px;
    background: #f9c412;
    cursor: pointer;
}
.adathalaszform-fields .slider::-webkit-slider-thumb:active{
    background-color: #a8c41c;
    border-color: #a8c41c;
    text-decoration: none;
}
.adathalaszform-fields input.slider[type=range]::-ms-track {
    width: 100%;
    background: #eee;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
.adathalaszform-fields input.slider[type=range]::-ms-thumb {
    border-radius: 3px;
    border: 1px solid gray;
    width: 25px;
    height: 25px;
    background: #f9c412;
    cursor: pointer;
}
.adathalaszform-fields input.slider[type=range]::-ms-fill-lower,
.adathalaszform-fields input.slider[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0.2px solid transparent;
    border-radius: 2.6px;
}

.adathalaszform-fields .pdfDownloadLink {
    display: inline-block;
    margin: 21px 0 0 20px;
    float: left;
}
.adathalaszform-fields .pdfDownloadLink a{
    font-weight: bold;
}
.adathalaszform-file-error .close,
.adathalaszform-error .close,
.field-row.adathalaszform-success .close {
    position: absolute;
    right: 10px;
    top: 5px;
    color: black;
    opacity: 0.3;
}
.adathalaszform-file-error .close:hover
.adathalaszform-error .close:hover,
.field-row.adathalaszform-success .close:hover {
    color: red;
    opacity: 1;
}

.adathalaszform-spinner {
    position: absolute;
    top: -5px;
    left: -25px;
    width: 104%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
}

.adathalaszform-spinner .spinner-item {
    background: white;
    border: 1px solid gray;
    width: 52px;
    padding: 10px 10px 6px;
    margin: auto;
    border-radius: 5px;
    margin: 50px auto 0;
}

.margin-bottom {
    margin-bottom: 10px;
}
.adathalaszform-fields .required:after {
    content: "*";
    color: red;
    font-weight: 600;
}
.adathalaszform-fields .requirementtext {
    margin: 15px 0;
    color: red;
    font-size: 12px;
    font-weight: 600;
}
.adathalaszform-fields ul.ziphandlerpopup {
    border: 2px solid gray;
    max-height: 180px;
    position: absolute;
    top: 30px;
    width: calc(100% - 30px);
    margin-left: 15px;
    padding: 5px 30px 5px 15px;
    list-style-type: none;
    overflow: auto;
    z-index: 200;
    background: white;
}
.adathalaszform-fields ul.ziphandlerpopup:active,
.adathalaszform-fields ul.ziphandlerpopup:focus,
.adathalaszform-fields ul.ziphandlerpopup:hover {
    border-color: #f9c412;
}

.adathalaszform-fields ul.ziphandlerpopup li {
    margin: 2px 0;
    cursor: pointer;
}
.adathalaszform-fields input#phone {
    padding-left: 36px;
}
::placeholder {
    color: #a2a2a2 !important;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder {
    color: #a2a2a2 !important;
}
::-ms-input-placeholder {
    color: #a2a2a2 !important;
}
::-webkit-input-placeholder {
    color: #a2a2a2 !important;
}
.adathalaszform-fields input.error,
.adathalaszform-fields input.error:-webkit-autofill,
.adathalaszform-fields input.error + .phoneprefix,
.adathalaszform-fields select.error {
    color: #e4e4e4 !important;
    background-color: #ec3e45 !important;
    border-color: #ed1c24 !important;
}
.adathalaszform-fields input.error::placeholder {
    color: #e4e4e4 !important;
    background-color: #ec3e45 !important;
    border-color: #ed1c24 !important;
}
.adathalaszform-fields input.error:-ms-input-placeholder {
    color: #e4e4e4 !important;
    background-color: #ec3e45 !important;
    border-color: #ed1c24 !important;
}

.adathalaszform-fields input.error::-ms-input-placeholder {
    color: #e4e4e4 !important;
    background-color: #ec3e45 !important;
    border-color: #ed1c24 !important;
}

.adathalaszform-fields input.error::-webkit-input-placeholder {
    color: #e4e4e4 !important;
    background-color: #ec3e45 !important;
    border-color: #ed1c24 !important;
}
/*.adathalaszform-fields input::-moz-placeholder,
.adathalaszform-fields input:-ms-input-placeholder,
.adathalaszform-fields input::-moz-placeholder,*/
.adathalaszform-fields .placeholderColor {
    color: #a2a2a2 !important;
}
.adathalaszform-fields .phoneprefix {
    position: absolute;
    top: 5px;
    left: 32px;
}
.adathalaszform-fields table {
    border-spacing: 2px 0;
}
.adathalaszform-fields .blockrow {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}
.adathalaszform-fields .blockrow input[type="radio"],
.adathalaszform-fields .blockrow input[type="checkbox"] {
    margin: 0 10px 0 0;
    width: 24px;
}
.adathalaszform-fields .blockrow span {
    width: calc(100% - 36px);
    float: left;
}

.emptyFile i {
    font-size: 22px;
    text-shadow: 1px 1px 0px #333333;
    cursor: pointer;
}
.emptyFile i.removeIcon {
    color: red;
}
.emptyFile ~ ul li.strong {
    font-weight: bold;
    font-family: 'open_sansregular';
}
.adathalaszform-desc a, 
.adathalaszform-input a {
    color: #004240;
    font-weight: bold;
}
.adathalaszform-desc a:hover, 
.adathalaszform-input a:hover {
    color: #189f9a;
    text-decoration: none;
}
article.adathalaszform-desc ul > li:before, .sn-htmlportlet ul > li:before {
    color: black;
}
/**.adathalaszform-fields .buttonsend, .fogaz-g-recaptcha-control .RecaptchaControl {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.fogaz-g-recaptcha-control .recaptcaContainer {
    margin: 0 0 0px !important;
    float: initial;
}*/
@media (max-width: 991px) {
    .adathalaszform-fields .adathalaszformlabel .fieldtooltip
    {
        right: -16px;
    }
    .adathalaszform-fields .tooltip .tooltip-inner {
        position: relative;
        left: -70px;
    }
    .adathalaszform-spinner {
        left: 0;
        width: 105%;
    }
}
@media (max-width: 639px) {
    .adathalaszform-fields .field-row input.field-col-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .adathalaszform-fields .field-row input.field-col-right {
        width: 100%;
    }
    .adathalaszform-fields.adathalaszform-input .fieldSuffix {
        margin-top: 44px;
    }
}