/* @font-face {
    font-family: 'Roboto';
    src: url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
} */
@font-face {
    font-family: 'Product-Roboto';
    src: url(../libs/fonts/Product\ Sans\ Regular.ttf);
}

*{
    font-family: 'Product-Roboto',sans-serif;
}

.row {
    margin: 0;
}

.font-regular,
.font-regular font font {
    font-family: 'Product-Roboto', sans-serif;
}

.font-light,
.font-light font font {
    font-family: 'Product-Roboto', sans-serif;
    font-weight: 300 !important;
}

.font-bold,
.font-bold font font {
    font-family: 'Product-Roboto', sans-serif;
    font-weight: 700 !important;
}

.font-black,
.font-black font font {
    font-family: 'Product-Roboto', sans-serif;
    font-weight: 900 !important;
}

.font-color {
    color: #fff !important;
}

.font-color-blue {
    color: #03DDC2 !important;
}

.font-color-dark {
    color: #424242 !important;
}

.font-color-light {
    color: #D7D6D6 !important;
}

.font-color-gradient {
    background: rgb(60, 254, 165);
    background: -moz-linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    background: -webkit-linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    background: linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3cfea5", endColorstr="#01c2c5", GradientType=1);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.btn-default,
.btn-default-blue,
.btn-outline-blue,
.btn-outline-secondary,
.btn-default-dark-blue,
.btn-default-green,
.btn-default-red,
.btn-default-yellow,
.btn-dark-blue {

    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    color: #fff !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    min-width: fit-content;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.btn-default-blue {
    background: rgb(60, 254, 165);
    background: -moz-linear-gradient(90deg, #03DDC2 1%, #11FEB8 50%, #03DDC2 100%);
    background: -webkit-linear-gradient(90deg, #03DDC2 1%, #11FEB8 50%, #03DDC2 100%);
    background: linear-gradient(90deg, #03DDC2 1%, #11FEB8 50%, #03DDC2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3cfea5", endColorstr="#01c2c5", GradientType=1);
    border-radius: 50px;
    border: 2px solid transparent!important;
}

.btn-default-blue,
.btn-default-blue > * {
    color: #000 !important;
}

.btn-default-blue:hover,
.btn-default-blue:hover > * {
    color: #03DDC2 !important;
}

.btn-default-blue:hover {
    box-shadow: 0px 0px 10px 0px #ffffff44;
    background: linear-gradient(#040404, #040404) padding-box, linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%) border-box;
    border: 2px solid transparent;
}

.text-gradient-button {
    border: none;
    font-size: 17px;
    font-family: 'Product-Roboto';
    font-weight: bold;
    background: linear-gradient(to right, #01c2c5, #11FEB8);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 100ms;
}

.text-gradient-button:hover {
    background: linear-gradient(to right, #11FEB8, #01c2c5);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16.50px;
}

.default-gradient-checkbox:checked {
    background: linear-gradient(to right, #11FEB8, #01c2c5);
}

.btn-default-blue:hover svg {
    stroke: #03DDC2;
    fill: #03DDC2;
}

/* botão modal */
.btn-outline-modal {
    font-weight: 700;
    color: #03DDC2;
    border: 2px solid transparent;
    background: linear-gradient(#000, #000) padding-box, linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%) border-box;
    font-size: 12px;
    /* border-image: linear-gradient(to right, #03DDC2, #) 1!important; */
}

.btn-outline-modal:hover,
.btn-outline-modal:focus {
    border: 2px solid transparent;
    color: #000 !important;
    background: rgb(60, 254, 165);
    background: -moz-linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    background: -webkit-linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    background: linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3cfea5", endColorstr="#01c2c5", GradientType=1);
    /* border-image: linear-gradient(to right, #03DDC2, #) 1!important; */
}

.btn-outline-blue,
.btn-outline-blue > * {
    color: #03DDC2 !important;
}

.btn-outline-blue:hover,
.btn-outline-blue:hover > * {
    color: #000 !important;
}

.btn-outline-blue {
    border: 2px solid transparent!important;
    color: #03DDC2 !important;
    background-color: transparent!important;
    background: linear-gradient(#040404, #040404) padding-box, linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%) border-box;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 10px;
}

.btn-outline-blue:hover {
    border: 2px solid transparent!important;
    color: #000 !important;
    background-color: transparent!important;
    background: linear-gradient(90deg, #03DDC2 4.84%, #11FEB8 50%, #03DDC2 100%);
}

.btn-outline-secondary,
.btn-outline-secondary > * {
    color: #c7c7c7 !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:hover > * {
    color: #000 !important;
}

.btn-outline-secondary {
    border: 1px solid transparent!important;
    color: #c7c7c7 !important;
    background-color: transparent!important;
    background: linear-gradient(#040404, #040404) padding-box, linear-gradient(260deg, #495057 0%, #495057 34%, #495057 74%, #495057 100%) border-box;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 10px;
}

.btn-outline-secondary:hover {
    border: 1px solid transparent!important;
    color: #000 !important;
    background-color: transparent!important;
    background: linear-gradient(90deg, #495057 4.84%, #495057 50%, #495057 100%);
}

.btn-outline-swal {
    border: 2px solid transparent!important;
    color: #03DDC2 !important;
    background: linear-gradient(#040404, #040404) padding-box,
        linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%) border-box;
    padding: 10px;
}

.btn-outline-swal:hover {
    color: #000 !important;
    background-color: transparent;
    background: linear-gradient(90deg, #03DDC2 4.84%, #11FEB8 50%, #03DDC2 100%);
}

.min-width-100 {min-width: 100px}

.btn-default-dark-blue {
    background: linear-gradient(90deg, #048d7d 4.84%, #0ba879 50%, #048d7d 100%);
    /* background: linear-gradient(90deg, #181f58 0%, #2B37A3 100%);
    border-left: 1px solid #2B37A3;
    border-right: 1px solid #2B37A3; */
}

.btn-default-dark-blue:hover {
    background: transparent;
    color: #048d7d !important;
    border: 1px solid #048d7d;
}


.btn-default-dark-blue:hover svg {
    stroke: #048d7d;
    fill: #048d7d;
}

.btn-default-green {
    background: #21b52d;
    border: 1px solid #21b52d;
    /* background: linear-gradient(90deg, #308a37 0%, #46ca51 100%);
    border-left: 1px solid #308a37;
    border-right: 1px solid #46ca51; */
}

.btn-default-green:hover {
    background: transparent;
    color: #21b52d !important;
    border: 1px solid #21b52d;
}

.btn-default-green:hover svg {
    stroke: #21b52d;
    fill: #21b52d;
}

.btn-default-red {
    background: #ff3333;
    /* background: linear-gradient(90deg, #ae2222 0%, #ff3333 100%);
    border-left: 1px solid #ae2222;
    border-right: 1px solid #ff3333; */
}

.btn-default-red:hover {
    background: transparent;
    color: #ff3333 !important;
    border: 1px solid #ff3333;
}

.btn-default-red:hover svg {
    stroke: #ff3333;
    fill: #ff3333;
}

.btn-default-yellow {
    background: #ffb000;
    /* background: linear-gradient(90deg, #c98f25 0%, #ffc967 100%);
    border-left: 1px solid #c98f25;
    border-right: 1px solid #ffc967; */
}

.btn-default-yellow:hover {
    background: transparent;
    color: #ffb000 !important;
    border: 1px solid #ffb000;
}

.btn-default-yellow:hover svg {
    stroke: #ffb000;
    fill: #ffb000;
}



.gradient-background {
    background: rgb(60, 254, 165);
    background: -moz-linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    background: -webkit-linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    background: linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3cfea5", endColorstr="#01c2c5", GradientType=1);
}

.font-neon {
    text-shadow: 0 0 10px #048d7d96,
        0 0 20px #048d7d96,
        0 0 30px #048d7d96,
        0 0 40px #048d7d96,
        0 0 50px #048d7d96,
        0 0 60px #048d7d96,
        0 0 70px #048d7d96;
}

.text-blue {
    background: rgb(60, 254, 165);
    background: -moz-linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    background: -webkit-linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    background: linear-gradient(260deg, #3cfea5 0%, #3cfea5 34%, #03ddc4 74%, #01c2c5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-check-input:checked {
    background-color: #03DDC2 !important;
    border-color: #03DDC2 !important;
}

.form-check-input:hover {filter: brightness(.8)}

.form-check-input:focus {
    border-color: #03DDC2;
    box-shadow: none !important;
}