:root {
    --bs-blue: #007bff;
    --bs-blue-light: #66b2ff;
    --bs-blue-dark: #0056b3;
    --corBtn-Normal: #ffbf00;
    --corBtn-Hover: #e6ac00;
    --Imagem-Background: url(../assets/img/misc/imentalRoxo.jpg);
}

.grid-view {
    margin-top: 2vh;
}

/* Adicionando o estilo do tema azul ao widget */
.tempus-dominus-widget.blue {
    background-color: var(--bs-blue);
    color: var(--bs-body-bg);
}

    .tempus-dominus-widget.blue .toolbar div:hover {
        background: var(--bs-blue-light);
    }

    .tempus-dominus-widget.blue .date-container-days div:not(.no-highlight):hover {
        background: var(--bs-blue-light);
    }

    .tempus-dominus-widget.blue .date-container-days div.active {
        background-color: var(--bs-blue-dark);
        color: var(--bs-body-bg);
    }

    .tempus-dominus-widget.blue .date-container-days divdisabled {
        color: var(--bs-gray-400);
    }

.imagemBackground {
    background-image: var(--Imagem-Background);
}

.link-color {
    color: var(--corBtn-Normal);
}

.link {
    color: #071437;
}

    .link:hover {
        color: var(--corBtn-Hover)
    }

.btnColor {
    background-color: var(--corBtn-Normal);
}

    .btnColor:hover {
        background-color: var(--corBtn-Hover);
    }

.btn-color-secundaria {
    background-color: #efebeb;
}

    .btn-color-secundaria:hover {
        background-color: #dad6d6;
    }

.form-cb {
    display: block;
    width: 25%;
    padding: .300rem 0.9rem .300rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-gray-700);
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid var(--bs-gray-300);
    border-radius: .85rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-margin-right {
    margin-right: 84%;
}

.GridForm {
    padding: 0;
    margin: 0;
    overflow: hidden;
    min-height: 100%;
    min-width: 100%;
}

.grid {
    margin: 0 auto;
    max-width: 100%;
    overflow-x: auto;
}

.formLayout {
    max-width: 1300px;
    margin: auto;
}

.img-calendario {
    margin-top: 3.6% !important;
}

.texto-descri {
    color: #ebebeb;
}

@media (max-width: 768px) {
    .img-calendario {
        margin-top: 5.6% !important;
    }

    .texto-descri {
        color: #646464 !important;
        display: none;
    }
}

.lbl {
    font-weight: 600;
    font-size: large
}

.color-picker {
    display: flex;
    gap: 10px;
    padding: 10px;
}

.cores-opcao {
    width: 3vh !important;
    height: 4vh;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

.verde {
    background-color: #4F772D;
}

.laranja {
    background-color: #E36414;
}

.azul {
    background-color: #1B4965;
}

.cinza {
    background-color: #BFC0C0;
}

.rosa {
    background-color: #ff8298;
}

.vermelho {
    background-color: #f12424;
}

.amarelo {
    background-color: #F2B705;
}

.cores-opcao.selected::after {
    content: '✔';
    color: white;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gap-cores {
    gap: 1vh;
}

.widht-img {
    width: 60vh !important;
    height: 21vh !important;
}

@media (max-width:992px) {
    .widht-img {
        width: 30vh !important;
        height: 21vh !important;
    }

    .tamanho-bolas {
        width: 30vh !important;
    }
}

.img-tm {
    width: 5vh;
}

.visivel-Mobile {
    display: none;
}

.btn-tamnaho {
    padding: .300rem 0.9rem .300rem 1rem !important;
}

@media (max-width: 768px) {
    .visivel-Mobile {
        display: block;
    }

    .span-movel {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
}

.footer-relative {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 4.9rem;
}

.footer-fixed {
    position: fixed !important;
    bottom: 0;
    width: 80%;
    height: 4.9rem;
}

@media (max-width: 768px) {
    .footer-fixed {
        position: relative !important;
        bottom: 0;
        width: 100%;
        height: 4.9rem;
    }
}

.btn-margin-top {
    margin-top: 3vh;
}

.texto-central {
    text-align: center
}

.sortable-ghost {
    opacity: 0.5;
    background-color: #f0f0f0;
}

.flex-mobile {
    justify-content: flex-end;
    align-items: flex-end;
}

@media (max-width: 768px) {
    .flex-mobile {
        justify-content: center;
        align-items: center;
    }
}

.painel {
    margin-bottom: 30px;
    border: 0.5px solid #d1d6e6;
    /*/border-radius: 2dvw;*/
    background: #fff;
}

    .painel .panel-body {
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
        padding: 2%;
    }

    .painel .panel-header {
        padding-top: 12px;
        padding-bottom: 12px;
        position: relative;
        line-height: 1;
        border-bottom: 1px solid #eaeff2;
        background-color: #f8f9fa;
    }

        .painel .panel-header .panel-tittle {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            font-size: 14px;
            font-weight: 500;
            color: #717d84;
            padding-left: 1%;
        }

.text-left {
    text-align: left;
}

.card-meio-rounded {
    border-radius: 1.5rem 1.5rem 0rem 0rem;
}

.panel-form {
    padding: 1vw 2vw;
}

.panel-form-complete {
    background: #f1eded;
    border-radius: 1vw;
}

.sombra {
    -webkit-box-shadow: 7px 3px 23px 0px rgba(130, 130, 130, 0.7);
    -moz-box-shadow: 7px 3px 23px 0px rgba(130, 130, 130, 0.7);
    box-shadow: 7px 3px 23px 0px rgba(130, 130, 130, 0.7);
    border-radius: 1vw;
}

.label-cor{
    display: none !important;
}