html, body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    overflow-y: scroll;
    user-select: none; /* Padr�o mais recente */
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
}

.not-selectable {
    user-select: none; /* Padr�o mais recente */
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
}


h1, h2, h3, h4, h5 {
    margin: 0;
}

h2{
    line-height:1.6 !important;
}

    h1:focus {
        outline: none;
    }

::-webkit-scrollbar {
    width: 8px; /* Largura da barra de rolagem */
    height: 7px; /* Altura, ?til para rolagem horizontal */
}

::-webkit-scrollbar-thumb {
    background: #E8EBFC; /* Cor da parte desliz?vel */
    border-radius: 5px; /* Arredondamento das bordas da barra de rolagem */
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(76, 80, 107, 0.8); /* Cor da parte desliz?vel */
        border-radius: 5px; /* Arredondamento das bordas da barra de rolagem */
    }

::-webkit-scrollbar-track {
    background: transparent; /* Cor de fundo da barra de rolagem */
}


.loading-container {
    position: relative;
    width: 250px;
    height: 20px;
    background-color: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
}


.loading-progress {
    height: 100%;
    background-color: #0078d4;
    transition: width 0.3s ease;
}

.loading-label {
    font-size: 13px;
    position: absolute;
    width: 100%;
    text-align: center;
    font-weight: bold;
    top: 0;
    left: 0;
    line-height: 20px;
    color: white;
}


.st-page {
    padding-top: 100px;
    padding-right: 20px;
    padding-left: 250px;
    padding-bottom:100px;
    transition: padding 0.6s ease-in-out;
    min-height:400px;
}

.st-page.close{
    padding-left:30px;
}

.loading-section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: transparent;
    z-index: 10;
}



.loading-progress-index {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.loading-progress-index-logo {
    height: auto;
    width: 300px;
}

.loading-progress-index-gif {
    height: auto;
    width: 50px;
}

.margin-left-20{
    margin-left:20px;
}

.row-default {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row;
    position: relative;
    box-sizing: border-box;
}

    .row-default.flex-1{
        flex: 1;
    }

    .row-default.center{
        justify-content:center;
    }

    .row-default.gap-5 {
        gap: 5px;
    }

    .row-default.gap {
        gap: 10px;
    }

    .row-default.gap-10 {
        gap: 10px;
    }

    .row-default.gap-20 {
        gap: 20px;
    }

    .row-default.height-100Porcento{
        height:100%;
    }

    .row-default.width-30Porcento {
        width: 30%;
    }

    .row-default.height-150px{
        height:150px !important;
    }

    .row-default.list {
        flex-wrap: wrap;
    }
    .row-default.mobile-list {
    }

    .row-default.width-70Porcento {
        width: 70%;
    }

    .row-default.overflow-y{
        overflow-y:auto;
    }

    .row-default.flex-column {
        flex-direction: column;
        justify-content: center;
    }

    .row-default.flex-column-start {
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }

    .row-default.flex-column-end{
        flex-direction:column;
        justify-content:right !important;
        align-items:start;
    }

    .row-default.flex-column-start-left {
        flex-direction: column;
        justify-content: left;
        align-items: start;
    }

    .row-default.form {
        background-color: white;
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
        border-radius: 5px;
        height: auto;
        padding:10px;
    }

    .row-default.margin-bottom-5 {
        margin-bottom: 5px;
    }

    .row-default.margin-bottom-10 {
        margin-bottom: 10px;
    }

    .row-default.margin-bottom-20 {
        margin-bottom: 20px;
    }

    .row-default.margin-bottom-40 {
        margin-bottom: 40px;
    }

    .row-default.padding-left-10 {
        padding-left: 10px;
    }

    .row-default.padding-left-20 {
        padding-left: 20px;
    }

    .row-default.padding-right-10 {
        padding-right: 10px;
    }

    .row-default.padding-right-20 {
        padding-right: 20px;
    }

    .row-default.padding-right-40 {
        padding-right: 40px;
    }

    .row-default.height-80{
        height:80%;
    }

    .row-default.right {
        justify-content: right;
    }

    .row-default.width-90Porcento{
        width:90%;
    }

    .row-default.width-max-300px{
        width:300px;
    }

    .row-default.width-max-400px{
        max-width:400px;
    }

    .row-default.height-100Porcento{
        min-height:100% !important;
        height:100% !important;
    }

    .row-default.border-radius-5{
        border-radius:5px;
    }

    .row-default h1 {
        color: #4C506B;
        font-size: 22px;
        font-weight: 600;
        margin: 0px;
        cursor: pointer;
    }

    .row-default h2 {
        color: rgba(51, 51, 51, 0.6);
        font-size: 14px;
        font-weight: 300;
        margin: 0px;
        cursor: pointer;
    }

    .row-default h1.titulo-modal{
        font-size:20px;
    }



    .row-default h2.titulo {
        color: rgba(51, 51, 51, 0.8);
        font-weight: bold;
    }
    .row-default h2.titulo-2 {
        color: rgba(51, 51, 51, 0.9);
    }

    .row-default h2.margin-right-10{
        margin-right:10px;
    }

    .row-default.cursor-pointer{
        cursor:pointer;
    }



    .row-default select {
        width: 100%;
        height: 35px;
        background-color: white;
        border-radius: 5px;
        border: 1px solid #e9e9e9;
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08);
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
        color: rgba(51, 51, 51, 0.8);
    }

    .row-default.width-200px{
        max-width:200px;
    }

    .row-default select:focus {
        box-shadow: none !important;
        outline: 2px solid #e8ebfc;
        outline-offset: 2px;
    }

        .row-default select.width-200px {
            width: 200px;
        }

        .row-default input {
            width: 100%;
            height: 35px;
            background-color: white;
            border-radius: 5px;
            border: 1px solid #e9e9e9;
            box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08);
            font-size: 13px;
            padding-left: 10px;
            padding-right: 10px;
            color: rgba(51, 51, 51, 0.8);
            box-sizing: border-box;
        }

        .row-default input.tipo-select {
            cursor: pointer;
            user-select: none; /* Padr�o mais recente */
            -webkit-user-select: none; /* Chrome/Safari */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* IE/Edge */
        }


            .row-default input:focus {
                box-shadow: none !important;
                outline: 2px solid #e8ebfc;
                outline-offset: 2px;
            }

        .row-default input::placeholder{
            font-size:13px;
            color:rgba(51, 51, 51, 0.4)
        }


            .row-default input.padding-left-20 {
                padding-left: 20px;
            }

            .row-default input.padding-left-30 {
                padding-left: 30px;
            }


            .row-default input.padding-left-40 {
                padding-left: 40px;
            }

        .row-default input.padding-right-30{
            padding-right:30px;
        }


            


        .row-default img.cursor{
            cursor:pointer;
        }


        .row-default.acao-erro{

        }

        .row-default.acao-erro h2:hover{
            text-decoration:underline;
        }

        .row-default.acao-erro img{
            height:15px;
            margin-right:10px;
        }

    .row-default.divisor {
        height: 2px;
        background-color: #e9e9e9;
    }

    .row-default.divisor-margin {
        min-height:2px;
        height: 2px;
        background-color: #e9e9e9;
        margin-top:20px;
        margin-bottom:20px;
    }

    .row-default.border-top {
        border-top: 1px solid #e9e9e9;
    }

    .row-default.margin-right-10 {
        margin-right: 10px;
    }

    .row-default.margin-left-20{
        margin-left:20px;
    }


    .row-default.filtro img {
        height: 20px;
        width: auto;
    }

    .row-default.filtro h1 {
        font-size: 15px;
        color: rgba(51, 51, 51, 0.8);
    }

.btn-icone{
    height:30px;
    width:30px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
}

    .btn-icone img{
        height:20px;
        width:auto;
    }

    .btn-icone:hover{
        background-color:rgba(51, 51, 51, 0.08);
        cursor:pointer;
    }

    .btn-icone.margin-right-10 {
        margin-right: 10px;
    }

    .btn-icone.margin-right-20 {
        margin-right: 20px;
    }

    .img-inicio {
        position: absolute;
        left: 6px;
        height:25px;
        width:auto;
    }


.img-final {
    position: absolute;
    right: 8px;
}

.img-titulo{
    margin-right:10px;
}

.btn-close {
    position: absolute;
    right: 0px;
}

.btn-close img{
    height:23px;
}

.btn-img-upload-delete{
    left:5px;
    top:5px;
}


.row-default input.input-color{
    width:70px;
}

.btn-default {
    height: 35px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-color: #49369f;
    border-radius: 5px;
}

    .btn-default h2 {
        font-size: 13px;
        color: white;
    }


    .btn-default:hover {
        cursor: pointer;
        background-color: rgba(73, 54, 159, 0.6)
    }


    .btn-default.margin-left-20 {
        margin-left: 20px;
    }
.btn-default.height-40{
    height:40px;
}

.btn-default img{
    height:90%;
    width:auto;
}


    .btn-default.tipo-2 {
        background-color: white !important;
        border: 1px solid rgba(51, 51, 51, 0.2);
    }

.btn-default.tipo-2 h2 {
    color: rgba(51, 51, 51, 0.8) !important;
}

        .btn-default.tipo-2:hover {
            background-color: rgba(51, 51, 51, 0.05) !important;
        }


        .btn-default.tamanho-1{
            width:60px;
        }

            .btn-default.tamanho-1 img {
                height: 18px;
            }

        .btn-default.margin-right-10{
            margin-right:10px;
        }

    .btn-default.tamanho-2 {
        width: 100px;
    }

    .btn-default.tamanho-3 {
        width: 200px;
    }

    .btn-default.filtro{
        width:80px;
        min-width:80px;
    }

    .btn-default.filtro img{
        height:18px;
        width:auto;
        margin-right:10px;
    }


    .btn-default.tipo-excluir{
        background-color:red !important;
        width:60px;
    }

        .btn-default.tipo-excluir:hover {
            background-color: rgba(255, 0, 0, 0.5) !important;
        }

    .btn-default.tipo-excluir img{
        height:18px;
    }




    #ImgMoveOn {
        display: none;
        height: 18px;
        width: auto;
    }

#ImgMoveOff {
    display: flex;
    height: 18px;
    width: auto;
}

.btn-icone:hover #ImgMoveOn {
    display: flex;
}

.btn-icone:hover #ImgMoveOff {
    display: none;
}


.row-default.aba{
    height:45px;
    border-bottom: 1px solid #e9e9e9;
}

.row-default.aba-opcoes {
    height: 45px;
    min-width: 130px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

row-default.aba-opcoes:hover {
    cursor:pointer;
    background-color:rgba(51, 51, 51, 2);
}

.row-default.aba-opcoes-selecionado {
    height: 45px;
    border-bottom: 1px solid #49369f;
}

.row-default.aba-opcoes-selecionado h2 {
    color: #49369f;
}

.row-default input[type=checkbox]{
    height:12px;
    width:12px;
}

.row-default.mult-linhas {
    padding-top: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    flex-wrap: wrap; 
    gap: 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow-x:hidden;
    overflow-y:auto;
}


.row-default.upload {
    height: 250px;
    width: 100%;
    border: 2px dashed #e9e9e9;
    cursor:pointer;
}

    .row-default h2.upload{
        font-size:12px;
    }

.upload-img {
    height: 120px;
    width: auto;
    border-radius: 5px;
}

.row-default input[type=file] {
    width: 100%;
    height: 100%;
    background-color:red;
    opacity: 0; /* Deixa invisível */
    position: absolute; /* Posiciona em cima do container */
    top: 0;
    left: 0;
    cursor: pointer; /* Mantém o cursor de clique */
}

.row-default input.proibido{
    background-color:rgba(51, 51, 51, 0.05);
    cursor:not-allowed;
}


.btn-default.pressionado {
    background-color: rgba(51, 51, 51, 0.05) !important;
}

.row-default.form-escritorio{
    padding:20px !important;
}

.row-default.upload-logo{
    height:300px !important;
    width:100%;
    border: 2px dashed #e9e9e9;
    border-radius:5px;
}

.row-default.titulo-config{
    align-items:start;
    height:40px;
    border-bottom:1px solid #e9e9e9;
    margin-bottom:20px;
}

.row-default.config-left{
    width:150px;
    height:100%;
    display:flex;
    align-items:start;
    justify-content:left;
    flex-direction:column;
    border-right: 1px solid #e9e9e9;
}

.row-default.config-right{
    width:100%;
    height:100%;
}

.row-default.config-mn{
    height:40px;
    width:100%;
}

.row-default.config-mn h2{
    font-size:16px;
}

    .row-default.config-mn:hover {
        cursor: pointer;
    }

    .row-default.config-mn:hover h2 {
        text-decoration:underline;
    }

    .row-default.config-mn.selecionado h2{
        text-decoration:underline;
    }

.truncate-text {
    white-space: nowrap; /* não quebra linha */
    overflow: hidden; /* esconde o excesso */
    text-overflow: ellipsis; /* coloca os "..." */
}

.mover{

}

@media(max-width:1024px) {
    .row-default.mobile-list {
        flex-wrap: wrap;
    }

    .row-default.column-mobile{
        flex-direction:column;
    }

    .row-default.mobile-margin-top{
        margin-top:20px;
    }

    .row-default.mobile-margin-bottom{
        margin-bottom:20px;
    }

    .row-default.width-100Porcento-mobile {
        width: 100% !important;
    }
}