/*.content-text {
    width: 490px;
    padding: 5px 10px;
}
.flowchart-operator{
    cursor:pointer;
}
.flowchart-operator-outputs .content-text {
    width: 168px;
    padding: 5px 10px;
    font-size:9px;
}

.flowchart-operator-connector img {
    width: 100% !important;
    height: auto;
    object-fit: cover;
}

.flowchart-operator-connector {
    height: 80px;
}

@media (min-width: 768px) and (max-width: 1350px) {



    .content-text {
        width: 450px !important;
    }

    .flowchart-operator-outputs .content-text {
        width: 168px !important;
    }

    .flowchart-operator:nth-child(1) {
        top: 10px !important;
    }

    .flowchart-operator:nth-child(2) {
        top: 110px !important;
    }

    .flowchart-operator:nth-child(3) {
        top: 260px !important;
    }

    .flowchart-operator:nth-child(4) {
        top:380px !important;
    }

    .flowchart-operator:nth-child(5) {
        top: 590px !important;
    }

    .flowchart-operator:nth-child(6) {
        top: 800px !important;
        left: 5px !important;
    }

        .flowchart-operator:nth-child(6) .content-text,
        .flowchart-operator:nth-child(8) .content-text {
            width: 175px !important;
        }

    .flowchart-operator:nth-child(7) {
        top: 910px !important;
        left: 5px !important;
    }

    .flowchart-operator:nth-child(8) {
        top: 1025px !important;
        left: 5px !important;
    }

    .flowchart-operator:nth-child(9) {
        top: 1230px !important;
        left: 5px !important;
    }

    .flowchart-operator:nth-child(10) {
        top: 1330px !important;
        left: 5px !important;
    }

    .flowchart-operator:nth-child(1), .flowchart-operator:nth-child(2),
    .flowchart-operator:nth-child(3), .flowchart-operator:nth-child(4),
    .flowchart-operator:nth-child(5), .flowchart-operator:nth-child(6),
    .flowchart-operator:nth-child(7), .flowchart-operator:nth-child(8),
    .flowchart-operator:nth-child(9), .flowchart-operator:nth-child(10) {
        left: 20px !important;
    }

    .flowchart-operator:nth-child(11), .flowchart-operator:nth-child(12),
    .flowchart-operator:nth-child(13), .flowchart-operator:nth-child(14),
    .flowchart-operator:nth-child(15), .flowchart-operator:nth-child(16),
    .flowchart-operator:nth-child(17), .flowchart-operator:nth-child(18),
    .flowchart-operator:nth-child(19), .flowchart-operator:nth-child(20) {
        left: 370px !important;
    }

    .flowchart-example-container {
        height: 1460px;
    }
}

    @media (min-width: 640px) and (max-width: 768px) {
        .content-text {
            width: 300px !important;
        }

        .flowchart-operator:nth-child(1) {
            top: 10px !important;
        }

        .flowchart-operator:nth-child(2) {
            top: 105px !important;
        }

        .flowchart-operator:nth-child(3) {
            top: 240px !important;
        }

        .flowchart-operator:nth-child(4) {
            top: 345px !important;
        }

        .flowchart-operator:nth-child(5) {
            top: 550px !important;
        }

        .flowchart-operator:nth-child(6) {
            top: 760px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(6) .content-text,
        .flowchart-operator:nth-child(8) .content-text {
            width: 175px !important;
        }

        .flowchart-operator:nth-child(7) {
            top: 870px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(8) {
            top: 985px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(9) {
            top: 1195px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(10) {
            top: 1295px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(1), .flowchart-operator:nth-child(2),
        .flowchart-operator:nth-child(3), .flowchart-operator:nth-child(4),
        .flowchart-operator:nth-child(5), .flowchart-operator:nth-child(6),
        .flowchart-operator:nth-child(7), .flowchart-operator:nth-child(8),
        .flowchart-operator:nth-child(9), .flowchart-operator:nth-child(10) {
            left: 20px !important;
        }

        .flowchart-operator:nth-child(11), .flowchart-operator:nth-child(12),
        .flowchart-operator:nth-child(13), .flowchart-operator:nth-child(14),
        .flowchart-operator:nth-child(15), .flowchart-operator:nth-child(16),
        .flowchart-operator:nth-child(17), .flowchart-operator:nth-child(18),
        .flowchart-operator:nth-child(19), .flowchart-operator:nth-child(20) {
            left: 370px !important;
        }

        .flowchart-example-container {
            height: 1425px;
        }
    }

    @media (min-width: 400px) and (max-width: 480px) {

        .content-text {
            width: 185px !important;
        }

        .flowchart-operator-outputs .content-text {
            width: 140px !important;
        }

        .flowchart-operator:nth-child(1) {
            top: 10px !important;
        }

        .flowchart-operator:nth-child(2) {
            top: 110px !important;
        }

        .flowchart-operator:nth-child(3) {
            top: 225px !important;
        }

        .flowchart-operator:nth-child(4) {
            top: 335px !important;
        }

        .flowchart-operator:nth-child(5) {
            top: 500px !important;
        }

        .flowchart-operator:nth-child(6) {
            top: 675px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(7) {
            top: 790px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(8) {
            top: 900px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(9) {
            top: 1065px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(10) {
            top: 1145px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(6) .content-text,
        .flowchart-operator:nth-child(8) .content-text {
            width: 139px !important;
        }

        .flowchart-operator-connector iframe {
            width: 140px !important;
        }

        .flowchart-operator:nth-child(1), .flowchart-operator:nth-child(2),
        .flowchart-operator:nth-child(3), .flowchart-operator:nth-child(4),
        .flowchart-operator:nth-child(5), .flowchart-operator:nth-child(6),
        .flowchart-operator:nth-child(7), .flowchart-operator:nth-child(8),
        .flowchart-operator:nth-child(9), .flowchart-operator:nth-child(10) {
            left: 20px !important;
        }

        .flowchart-operator:nth-child(11), .flowchart-operator:nth-child(12),
        .flowchart-operator:nth-child(13), .flowchart-operator:nth-child(14),
        .flowchart-operator:nth-child(15), .flowchart-operator:nth-child(16),
        .flowchart-operator:nth-child(17), .flowchart-operator:nth-child(18),
        .flowchart-operator:nth-child(19), .flowchart-operator:nth-child(20) {
            left: 200px !important;
        }

        .flowchart-example-container {
            height: 1240px;
        }
    }

    @media (max-width: 400px) {
        .flowchart-operator:nth-child(2) {
            top: 105px !important;
        }

        .flowchart-operator:nth-child(3) {
            top: 215px !important;
        }

        .flowchart-operator:nth-child(4) {
            top: 320px !important;
        }

        .flowchart-operator:nth-child(5) {
            top: 480px !important;
        }

        .flowchart-operator:nth-child(6) {
            top: 650px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(7) {
            top: 750px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(8) {
            top: 855px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(9) {
            top: 1025px !important;
            left: 5px !important;
        }

        .flowchart-operator:nth-child(10) {
            top: 1110px !important;
            left: 5px !important;
        }

        .flowchart-operator-outputs .content-text {
            width: 140px !important;
        }

        .flowchart-operator-connector iframe {
            width: 140px !important;
        }

        .flowchart-operator:nth-child(11) {
            top: 10px;
        }

        .flowchart-operator:nth-child(11), .flowchart-operator:nth-child(12),
        .flowchart-operator:nth-child(13), .flowchart-operator:nth-child(14),
        .flowchart-operator:nth-child(15), .flowchart-operator:nth-child(16),
        .flowchart-operator:nth-child(17), .flowchart-operator:nth-child(18),
        .flowchart-operator:nth-child(19), .flowchart-operator:nth-child(20) {
            left: 200px !important;
        }

        .content-text {
            width: 150px !important;
        }

        .flowchart-example-container {
            height: 1225px !important;
        }
    }

    @media (max-width: 320px) {

        .flowchart-operator:nth-child(11), .flowchart-operator:nth-child(12),
        .flowchart-operator:nth-child(13), .flowchart-operator:nth-child(14),
        .flowchart-operator:nth-child(15), .flowchart-operator:nth-child(16),
        .flowchart-operator:nth-child(17), .flowchart-operator:nth-child(18),
        .flowchart-operator:nth-child(19), .flowchart-operator:nth-child(20) {
            left: 160px !important;
        }
    }

*/




@media (max-width: 576px) {
    .flowchart-operator-inputs .flowchart-operator-connector-arrow {
        left: -20px !important;
        opacity: 1;
    }
}