﻿.fieldsetTest1 {
    background-color: #F5F5F5;
    border-radius: 25px;
    border: 2px solid #BEBEBE;
}

.legendTest1 {
    font-family: 'Barlow';
    font-weight: bold;
    margin-left: 50px;
    padding: 0 20px;
    margin-bottom: -10px;
}

#containerTest1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.btnHomeTest1 {
    width: 325px;
    height: 250px;
}

.btnSegTest1 {
    width: 325px;
    height: 240px;
}

.btnMulti1 {
    text-transform: uppercase;
    font-size: 30px;
    color: white;
    font-family: 'Barlow';
    font-weight: bold;
    white-space: nowrap;
    pointer-events: none;
    transform: translateY(-10px);
}

.btnHomeTest2 {
    width: 250px;
    height: 200px;
}

.btnMulti2 {
    text-transform: uppercase;
    font-size: 25px;
    color: white;
    font-family: 'Barlow';
    font-weight: bold;
    white-space: nowrap;
    pointer-events: none;
    transform: translateY(-5px);
}

.btnMultiSeg2 {
    text-transform: uppercase;
    font-size: 25px;
    color: #111111;
    font-family: 'Barlow';
    font-weight: bold;
    white-space: nowrap;
    pointer-events: none;
    transform: translateY(-5px);
}

.btnMulti3 {
    font-size: 25px;
    color: white;
    font-family: 'Barlow';
    font-weight: bold;
    white-space: nowrap;
    pointer-events: none;
    transform: translateY(-5px);
}


.nntBtn {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    animation: gradientTest2 15s ease infinite;
    background-size: 400% 400%;
}

@keyframes gradientTest2 {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


.btnTest1 {
    border: 0;
    border-radius: 25px;
    margin: 10px 4px;
}

    .btnTest1:active:focus,
    .btnTest1:focus:hover,
    .btnTest1:focus {
        -moz-outline-style: none;
        outline: medium none;
    }

.btnTest1-3d {
    position: relative;
    top: -6px;
    border: 0;
    transition: all 40ms linear;
    margin: 10px 4px;
}

    .btnTest1-3d:active:focus,
    .btnTest1-3d:focus:hover,
    .btnTest1-3d:focus {
        -moz-outline-style: none;
        outline: medium none;
    }

    .btnTest1-3d:active,
    .btnTest1-3d.active {
        top: 0;
    }

    .btnTest1-3d.btnTest1-white {
        background-color: #fff;
        color: #666666;
        box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #f5f5f5, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #f5f5f5;
    }

        .btnTest1-3d.btnTest1-white:active,
        .btnTest1-3d.btnTest1-white.active {
            background-color: #fff;
            color: #666666;
            box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }

    .btnTest1-3d.btnTest1-default {
        background-color: #f9f9f9;
        color: #666;
        box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #BEBEBE, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #BEBEBE;
    }

        .btnTest1-3d.btnTest1-default:active,
        .btnTest1-3d.btnTest1-default.active {
            background-color: #f9f9f9;
            color: #666;
            box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }


    .btnTest1-3d.btnTest1-primary {
        background-color: #337ab7;
        color: #fff;
        box-shadow: 0 0 0 1px #2a6597 inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #285f8f, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #285f8f;
    }

        .btnTest1-3d.btnTest1-primary:active,
        .btnTest1-3d.btnTest1-primary.active {
            background-color: #337ab7;
            color: #fff;
            box-shadow: 0 0 0 1px #2a6597 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }

    .btnTest1-3d.btnTest1-mov {
        background-color: #253F73;
        color: #fff;
        box-shadow: 0 0 0 1px #1e345e inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #152442, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #152442;
    }

        .btnTest1-3d.btnTest1-mov:active,
        .btnTest1-3d.btnTest1-mov.active {
            background-color: #253F73;
            color: #fff;
            box-shadow: 0 0 0 1px #1e345e inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }

    .btnTest1-3d.btnTest1-medio {
        background-color: #03989E;
        color: #fff;
        box-shadow: 0 0 0 1px #03848a inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #027378, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #027378;
    }

        .btnTest1-3d.btnTest1-medio:active,
        .btnTest1-3d.btnTest1-medio.active {
            background-color: #03989E;
            color: #fff;
            box-shadow: 0 0 0 1px #03848a inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }

    .btnTest1-3d.btnTest1-stream {
        background-color: #8C52FF;
        color: #fff;
        box-shadow: 0 0 0 1px #7744db inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #6b3dc4, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #6b3dc4;
    }

        .btnTest1-3d.btnTest1-stream:active,
        .btnTest1-3d.btnTest1-stream.active {
            background-color: #8C52FF;
            color: #fff;
            box-shadow: 0 0 0 1px #7744db inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }

    .btnTest1-3d.btnTest1-iot {
        background-color: #A60207;
        color: #fff;
        box-shadow: 0 0 0 1px #940106 inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #820106, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #820106;
    }

        .btnTest1-3d.btnTest1-iot:active,
        .btnTest1-3d.btnTest1-iot.active {
            background-color: #A60207;
            color: #fff;
            box-shadow: 0 0 0 1px #940106 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }

    .btnTest1-3d.btnTest1-urbn {
        background-color: #F8B42B;
        color: #fff;
        box-shadow: 0 0 0 1px #e6a627 inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #d19724, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #d19724;
    }

        .btnTest1-3d.btnTest1-urbn:active,
        .btnTest1-3d.btnTest1-urbn.active {
            background-color: #F8B42B;
            color: #fff;
            box-shadow: 0 0 0 1px #e6a627 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }


    .btnTest1-3d.btnTest1-success {
        background-color: #5cb85c;
        color: #fff;
        box-shadow: 0 0 0 1px #47a447 inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #449d44, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #449d44;
    }

        .btnTest1-3d.btnTest1-success:active,
        .btnTest1-3d.btnTest1-success.active {
            background-color: #5cb85c;
            color: #fff;
            box-shadow: 0 0 0 1px #47a447 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }

    .btnTest1-3d.btnTest1-info {
        background-color: #5bc0de;
        color: #fff;
        box-shadow: 0 0 0 1px #39b3d7 inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #31b0d5, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #31b0d5;
    }

        .btnTest1-3d.btnTest1-info:active,
        .btnTest1-3d.btnTest1-info.active {
            background-color: #5bc0de;
            color: #fff;
            box-shadow: 0 0 0 1px #39b3d7 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }

    .btnTest1-3d.btnTest1-warning {
        background-color: #f0ad4e;
        color: #fff;
        box-shadow: 0 0 0 1px #ed9c28 inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #ec971f, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #ec971f;
    }

        .btnTest1-3d.btnTest1-warning:active,
        .btnTest1-3d.btnTest1-warning.active {
            background-color: #f0ad4e;
            color: #fff;
            box-shadow: 0 0 0 1px #ed9c28 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }

    .btnTest1-3d.btnTest1-danger {
        background-color: #d9534f;
        color: #fff;
        box-shadow: 0 0 0 1px #d2322d inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #c9302c, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #c9302c;
    }

        .btnTest1-3d.btnTest1-danger:active,
        .btnTest1-3d.btnTest1-danger.active {
            background-color: #d9534f;
            color: #fff;
            box-shadow: 0 0 0 1px #d2322d inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }

    .btnTest1-3d.btnTest1-custom {
        background-color: grey;
        color: #fff;
        box-shadow: 0 0 0 1px #6c6c6c inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 6px 0 0 #676767, 0 6px 1px 1px rgba(0, 0, 0, 0.3), 0 8px 8px 1px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 1px #676767;
    }

        .btnTest1-3d.btnTest1-custom:active,
        .btnTest1-3d.btnTest1-custom.active {
            background-color: grey;
            color: #fff;
            box-shadow: 0 0 0 1px #6c6c6c inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.2);
        }
