/* 

verde: #43B02A
azul:  #002559
rojo:  #cb333b
kaki:  #b79e61
 */

body, html {
    height: 100%;
    padding: none;
    min-height: 720px;
}
body {
    background: #43B02A;
    background: url(../img/Remote-meeting-pana.png) no-repeat right center, radial-gradient(circle, rgba(67,176,42,1) 16%, rgba(46,132,27,1) 100%) no-repeat right center ;
    background-size:  60%,cover;
    /* background: linear-gradient(180deg, rgba(224,246,250,1) 0%, rgba(244,254,255,1) 57%, rgba(235,237,236,1) 64%, rgba(214,178,160,1) 100%); */
}
.screen {
    background: ;
}
/***   CUSTOM INDEX   ***/

.bg-index{
    background-repeat: no-repeat;
    background-size: initial;
    background-position-x: 50%;
    background-size: cover;
    width: 100%;
    padding: 90px;
}

#form-index{
    width: 340px;
    /* margin-top: 100px; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    border-radius: 20px;
    padding-bottom: 40px;
    box-shadow: 0px 4px 5px #00000040;
}

#logo-index{
    width: 100%;
    height: 160px;
    margin: 0 auto;
    margin-top: 20px;
    background: url('../img/logo-login.png') no-repeat center center;
    background-size: 180px;
}


.form-content{
    width: 100%;
    margin-top: 10px;
}

.bg-index-input{
    /* background-image: url('../img/bg-index-input.png'); */
    border-radius: 40px;
    border: 2px solid #43B02A;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 260px;  
    height: 50px;
}

#bg-index-button{
    /* background-image: url('../img/bg-index-button.png'); */
    background-repeat: no-repeat;
    border-radius: 40px;
    background-color: #43B02A;
    margin: 0 auto;
    width: 262px;  
    height: 50px;
    cursor: pointer;
}

#bg-index-button-e{
    background-image: url('../img/bg-index-button-e.png');
    background-repeat: no-repeat;

    margin: 0 auto;
    width: 262px;  
    height: 60px;
}

#index-button{
    width: 80%;
    height: 50px;
    color: white;
    font-size: 18px;
    margin: 0 10%;
    cursor: pointer;
    font-weight: bold;
    font-size: 130%;
}

.input {
    width: 70%;
    height: 30px;
    margin: 10px 15%;
    font-style: italic;
    color: #43B02A;
}