:root{
    --dark-blue: rgb(24, 24, 94);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.bg-color-base {
    /* background-image: linear-gradient(to right, rgb(24, 24, 94), rgb(221, 3, 3)) !important; */
    background-color:  rgb(221, 3, 3);
}

.dimension {
    width: 100% !important;
    height: 100vh !important;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    position: fixed;
}

.disp-grid-btn {
    display: grid;
    grid-template-columns: 90% 10%;
}

.card-base {
    display: block;
    margin: 0 auto;
    width: 30rem;
    height: 100vh;
}

.full-screen {
    display: block;
    width: 100%;
    height: 100vh;
}

.centralize {
    display: block;
    margin: 0 auto;
}

.m-top-10 {
    margin-top: 2.5rem;
}

.m-top-15 {
    margin-top: 3rem;
}

.m-top-25 {
    margin-top: 5.1rem;
}

.m-top-40 {
    margin-top: 8rem;
}

.m-top-50 {
    margin-top: 8.5rem;
}

.m-top-60 {
    margin-top: 9rem;
}

.m-top-75 {
    margin-top: 10rem;
}

.m-top-85 {
    margin-top: 14rem;
}

.m-left-10 {
    margin-left: 10vw;
}


.img-button {
    display: inline-block;
    width: 1.5rem;
    height: 8%;
}

.img-icon {
    display: block;
    margin: auto;
    width: 1.5rem;
    height: 1.9rem;
}

.img-star {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
}

.img-present {
    display: block;
    width: 7rem;
    height: 7rem;
}

.img-like {
    display: block;
    width: 5rem;
    height: 5rem;
}

.pad-sides {
    padding-left: 20px;
    padding-right: 20px;
}

.disp-none {
    display: none;
}

.disp-grid {
    display: grid !important;
}

.f-size-4 {
    font-size: 1.2rem !important;
    font-weight: bolder;
}

.f-size-3 {
    font-size: 2.5rem !important;
    font-weight: bolder;
}

.f-size-2 {
    font-size: 3rem !important;
    font-weight: bolder;
}

.p-size-10 {
    font-size: 1.1rem;
}
.p-size-15 {
    font-size: 1.5rem !important;
}

.p-size-16 {
    font-size: 1.5em;
}

.p-size-20 {
    font-size: 2rem;
}

.t-indent {
    text-indent: 5%;
}

.b-radius-10 {
    border-radius: 10%;
}


.icon-example {
    display: block;
    background-color: aliceblue;
    width: 70px;
    height: 70px;
}


.color-blue {
    color: var(--dark-blue);
}

.font-w-6 {
    font-weight: 600;
}

.box-check-pesquisa {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
}

.input-check {
    width: 5rem;
    height: 5rem;
    appearance: none;
    background-color: #fff;
    border-radius: 5px;
    display: block;
}

.division-grid {
    display: grid !important;
    grid-template-columns: 100px 1fr;
}

.box-desc-participants{
    display: grid;
    height: 96vh;
    grid-template-rows: 30% 70%;
    /* overflow-x: hidden; */
}

.box-content-participants{
    position: relative;
    /* display: grid; */
    height: 100%;
    width: 100%;
    /* background-color: #106fde; */
    overflow-x: hidden;
    padding: 20px;
}

.bar-style-content-participants::-webkit-scrollbar{
    width: 2px;
}

/* --- template de pesquisa ---*/

.grid-pesquisa-completa {
    /* background-color: #01e401 !important; */
    display: grid !important;
    grid-template-rows: 30% 35% 35%;
    height: 96%;
}

.grid-pesquisa-completa p {
    color: #fff;
    text-align: center;
    margin-top: 5%;
}

.style-joia {
    position: relative;
    width: 25%;
    margin: 0 auto 0 auto;
    transform: translateY(90%);
}