.inputAzul {
    position: relative;
    margin-bottom: 16px;
}

    .inputAzul.notMarginBottom {
        margin-bottom: 0;
    }

    .inputAzul label {
        color: var(--primary-color-800);
        font-size: 12px;
        font-weight: 100;
        position: absolute;
        top: 8px;
        left: 16px;
        font-family: 'Helvetica Neue';
    }

    .inputAzul input, .inputAzul select, .inputAzul textarea {
        padding: 24px 16px 8px 16px;
        background: var(--base-color);
        border: 1px solid var(--light-color-900);
        width: 100%;
        font-weight: 100;
        font-size: 16px;
        line-height: 22px;
        color: var(--primary-color-900);
        border-radius: 1px;
    }

        .inputAzul input:focus, .inputAzul select:focus {
            border: 1px solid var(--primary-color-500);
            /* box-shadow: 0 0 0 4px rgb(2 107 182 / 20%); */
            /* border-radius: 2px; */
            /* padding-top: 23px; */
            /* padding-bottom: 7px; */
        }

    .inputAzul textarea {
        resize: none
    }

        .inputAzul textarea + label {
            width: calc(100% - 2px);
            left: 1px;
            top: 1px;
            padding: 7px 0 0 15px;
            background-color: #fff;
        }

    .inputAzul select {
        /*        -webkit-appearance: none;
        -moz-appearance: none;*/
        padding-left: 12px;
    }

    .inputAzul.inputIcon input {
        padding-left: 40px;
    }

    .inputAzul input:hover, .inputAzul select:hover {
        border: 1px solid var(--primary-color-500);
        /* border-radius: 2px; */
        /* padding-top: 23px; */
        /* padding-bottom: 7px; */
    }

    .inputAzul.inputIcon i {
        position: absolute;
        bottom: 8px;
        left: 16px;
        line-height: 22px;
        font-size: 16px;
        color: var(--primary-color-800);
    }

        .inputAzul.inputIcon i.iconPequeno {
            font-size: 12px;
        }

    .inputAzul.inputOpcional label {
        color: var(--dark-color-500);
    }

    .inputAzul.errorValidator {
        margin-bottom: 24px;
    }

        .inputAzul.errorValidator input, .inputAzul.errorValidator select, .inputAzul.errorValidator textarea {
            border: 1px solid var(--danger-color);
        }

        .inputAzul.errorValidator i, .inputAzul.errorValidator label {
            color: var(--danger-color);
        }


    .inputAzul .mensagemValidator {
        position: absolute;
        left: 15px;
        bottom: -18px;
        font-weight: 100;
        font-size: 12px;
        line-height: 15px;
        color: var(--danger-color);
    }

    .inputAzul input:disabled,
    .inputAzul input[disabled] {
        background: var(--light-color-100);
        color: var(--dark-color-500);
    }

    .inputAzul.inputNumber {
    }

        .inputAzul.inputNumber input[type="number"] {
            -webkit-appearance: textfield;
            -moz-appearance: textfield;
            appearance: textfield;
            text-align: center;
            padding: 16px 32px 16px calc(55% + 24px);
        }

        .inputAzul.inputNumber input[type=number]::-webkit-inner-spin-button,
        .inputAzul.inputNumber input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
        }


        .inputAzul.inputNumber button {
            position: absolute;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            border: 1px solid var(--primary-color-500);
            background: var(--base-color);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-color-500);
            font-size: 8px;
            bottom: 16px;
        }

        .inputAzul.inputNumber .minus {
            left: 55%;
        }

        .inputAzul.inputNumber .plus {
            right: 8px;
        }

        .inputAzul.inputNumber label {
            font-size: 14px;
            color: var(--primary-color-900);
            top: 16px;
        }

    .inputAzul.inputRemoverSelecao input {
        padding-right: 30px;
    }

    .inputAzul.inputRemoverSelecao .fa-times-circle {
        right: 10px;
        left: inherit !important;
        cursor: pointer;
        display: none;
        color: var(--dark-color-100);
    }

.checkAzul {
    display: flex;
    align-items: center;
    margin: 8px 0 18px 0;
}

    .checkAzul label {
        font-weight: 100;
        font-size: 14px;
        line-height: 16px;
        color: var(--dark-color-500);
        margin: 0;
    }

    .checkAzul input {
        -webkit-appearance: none;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        border: 1px solid var(--light-color-600);
        border-radius: 4px;
        margin-right: 10px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        transition: .2s;
    }

        .checkAzul input:checked {
            background-color: var(--primary-color-500);
            border: var(--primary-color-500);
        }

            .checkAzul input:checked::after {
                display: inline-block;
                font-style: var(--font-style);
                font-variant: var(--font-variant);
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                content: "\f00c";
                color: var(--light-color-100);
                font-size: 10px;
            }

        .checkAzul input[disabled] {
            opacity: .5;
        }

.toggleAzul {
    position: relative;
    line-height: var(--font-style);
}

    .toggleAzul input {
        -webkit-appearance: none;
        appearance: none;
        width: 40px;
        height: 24px;
        background: var(--base-color);
        border: 2px solid var(--light-color-200);
        box-sizing: border-box;
        border-radius: 20px;
        z-index: 99;
    }

        .toggleAzul input:focus {
            outline: none;
            cursor: pointer;
        }

        .toggleAzul input:before {
            content: '';
            margin-top: -2.5px;
            display: block;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            position: absolute;
            top: 4px;
            left: 2px;
            transition: left .3s ease-out;
            -webkit-transition: left .3s ease-out;
            background: var(--base-color);
            box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07), 0px 1px 2px rgba(0, 0, 0, 0.04), 0px 0px 1.5px rgba(0, 0, 0, 0.17), 0px 4px 0px rgba(0, 0, 0, 0.02), 6px 6px 8px rgba(0, 0, 0, 0.03);
        }


        .toggleAzul input:checked {
            background-color: var(--primary-color-300);
            border: var(--primary-color-300);
        }

            .toggleAzul input:checked:before {
                left: calc(100% - 22px);
            }

/* BOT�O UPLOAD DE ARQUIVOS */

.inputfile {
    /* visibility: hidden etc. wont work */
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile:focus + label {
        /* keyboard navigation */
        outline: 1px dotted var(--dark-color-900);
        outline: -webkit-focus-ring-color auto 5px;
    }

    .inputfile + label * {
        pointer-events: none;
    }

.labelInputFile {
    margin: 0;
}

    .labelInputFile .fa-id-card, .labelInputFile .fa-file-contract, .btnModelo .fa-file-download {
        font-size: 20px;
        margin-right: 10px;
    }

.labelImportarArquivo {
    font-weight: 100;
    font-size: 14px;
    line-height: 20px;
    color: var(--primary-color-900);
    margin: 0;
}

/*
.inserirDocumento > div:nth-child(1) {
    margin-bottom: 8px;
}*/

.inserirDocumento > form > div:nth-child(1) {
    margin-bottom: 24px;
}

.radioAzul {
    margin: 0;
    margin-bottom: 12px;
    margin-top: 4px;
}

    .radioAzul .col-auto {
        display: flex;
        align-items: center;
    }

    .radioAzul label {
        font-size: 14px;
        line-height: 16px;
        color: var(--dark-color-500);
        margin: 0;
        margin-left: 8px;
        cursor: pointer;
    }

    .radioAzul input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

        .radioAzul input[type=radio] + label::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            border: solid 1px var(--dark-color-500);
            vertical-align: bottom;
        }

        .radioAzul input[type=radio]:checked + label {
            font-weight: bold;
            color: var(--primary-color-500);
        }

            .radioAzul input[type=radio]:checked + label::before {
                border-color: var(--primary-color-500);
            }

            .radioAzul input[type=radio]:checked + label::after {
                content: '';
                background-color: var(--primary-color-500);
                width: 10px;
                height: 10px;
                border-radius: 50%;
                position: absolute;
                left: 4px;
                bottom: 4px;
            }

@media(max-width: 1024px) {
}