html,
body {
    height: 100%;
    background-color: var(--cPr50);
}

#delayed-content {
    background-color: transparent;
    position: relative; /* Contexto de posicionamento para a div2 */
    width: 402px; /* Largura do container */
    height: 552px; /* Altura do container */
    border-style: solid;
    border-top-color: rgb(210, 224, 255);
    border-left-color: rgb(210, 224, 255);
    border-bottom-color: rgb(7, 0, 111);
    border-right-color: rgb(7, 0, 111);
    /*border-color: var(--cSc30);*/
    border-width: 4px;
    border-radius: 10px;
    box-shadow: 0 0 20px 20px rgb(255, 206, 115);
    display: none;
    margin-left: auto;
    margin-right: auto;
}

#delayed-content2 {
    background-color: transparent;
    position: relative; /* Contexto de posicionamento para a div2 */
    width: 402px; /* Largura do container */
    height: 40px; /* Altura do container */
    border-style: solid;
    border-top-color: rgb(210, 224, 255);
    border-left-color: rgb(210, 224, 255);
    border-bottom-color: rgb(7, 0, 111);
    border-right-color: rgb(7, 0, 111);
    /*border-color: var(--cSc30);*/
    border-width: 4px;
    border-radius: 10px;
    box-shadow: 0 -10px 20px 20px rgb(158, 237, 255);
    /*display: none;*/
    margin-top: 552px;
    margin-left: auto;
    margin-right: auto;
}

#formBackground-bbr {
    border-radius: 10px;
    position: absolute; /* Define o posicionamento absoluto */
    top: 0; /* Define a posição no topo do container */
    left: 0; /* Define a posição à esquerda do container */
    width: 394px; /* Largura da div 1 */
    height: 544px; /* Altura da div 1 */
    background-color: rgba(21, 189, 255, 0.8); /* Cor de fundo */
    z-index: 1; /* Prioridade de sobreposição (menor) */
    box-shadow: inset 0 0 80px 40px rgb(0, 50, 100);
    /*opacity: 0.2;*/
}

#formBackground {
    border-radius: 10px;
    position: absolute; /* Define o posicionamento absoluto */
    top: 0; /* Define a posição no topo do container */
    left: 0; /* Define a posição à esquerda do container */
    width: 100%;/*394px; /* Largura da div 1 */
    height: 544px; /* Altura da div 1 */
    background-color:   rgb(0, 187, 255); /* Cor de fundo */
    z-index: 1; /* Prioridade de sobreposição (menor) */
    box-shadow: inset 0 0 80px 60px var(--cSc30);
    opacity: 0.7;
}

#formBackground2 {
    border-radius: 10px;
    position: absolute; /* Define o posicionamento absoluto */
    top: 0; /* Define a posição no topo do container */
    left: 0; /* Define a posição à esquerda do container */
    width: 100%;/*394px; /* Largura da div 1 */
    height: 0px; /* Altura da div 1 */
    background-color:   rgb(0, 187, 255); /* Cor de fundo */
    z-index: 1; /* Prioridade de sobreposição (menor) */
    box-shadow: inset 0 0 80px 60px var(--cSc30);
    opacity: 0.7;
}

#formHost {
    position: absolute; /* Define o posicionamento absoluto */
    top: 0; /* Define a posição no topo do container */
    left: 0; /* Define a posição à esquerda do container */
    width: 100%;/*400px; /* Largura da div 2 */
    height: 550px; /* Altura da div 2 */
    background-color: transparent;
    padding:15px;
    z-index: 2; /* Prioridade de sobreposição (maior) */
}

#formHost2 {
    position: absolute; /* Define o posicionamento absoluto */
    top: 0; /* Define a posição no topo do container */
    left: 0; /* Define a posição à esquerda do container */
    width: 100%;/*400px; /* Largura da div 2 */
    height: 0px; /* Altura da div 2 */
    background-color: transparent;
    padding:15px;
    z-index: 2; /* Prioridade de sobreposição (maior) */
}

.login-img {
    background: url(../img/bg_img.jpg) right bottom / cover no-repeat;
    min-height: 100vh;
}


.cstEdLoginD{
    border-width: 2.5px;
    border-style: solid;
    border-top-color: rgb(50, 50, 50);
    border-left-color: rgb(50, 50, 50);
    border-bottom-color: white;
    border-right-color: white;
    background-color: transparent;
    font-size: 1.8rem;
    /*box-shadow: inset -1px -1px 20px 15px rgb(200, 200, 200);*/
    box-shadow: inset -1px -1px 20px 15px rgb(254, 234, 195);
    color: black;
    opacity: 1;
}


.cstEdLoginE, .cstEdLoginE:focus{
    border-width: 2.5px;
    border-style: solid;
    border-top-color: rgb(50, 50, 50);
    border-left-color: rgb(50, 50, 50);
    border-bottom-color: white;
    border-right-color: white;
    background-color: white;
    color: black;
    opacity: 1  ;
    box-shadow: inset -1px -1px 10px 5px rgb(150, 150, 150);
}