.p1 {
position:relative;
background-color: #ffffff;
font-size: 10pt;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #686868;
/*margin: 0;*/
width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing:border-box;
text-align: justify;
}

.p2 {
background-color: #ffffff;
font-size: 9pt;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #090909;
margin: 0;
/*height: 15%;*/
width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing:border-box;
text-align: justify;
font-style: italic;
}

.b1 {
background-color: #006A4E;
font-size: 10pt;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #FFFFFF;
height: 25px;
width: 240px;
border: 0;
/*padding-left: 15px;*/
/*padding-right: 15px;*/
/*box-sizing:border-box;*/
text-align: center;
/*text-align: justify;*/
font-style: italic;
}

.messageon {
font-size: 20pt;
}

.b1:hover {
    background: #3CB371;
    font-style: normal;
    cursor: pointer;
}


.b3 {
margin-top: 18px;
width: 350px;
color: #ffffff;
font-size: 17px;
pointer-events: 'none';
opacity: '0.2';
cursor: "not-allowed";
background-color: #29AB87;
border: 0;
font-style: italic;
visibility: visible;
}

.toggle1, .toggle2, .toggle3 {
    top: 0;
    left: 20;
    width: 100px;
    /*height: 20px;*/
    background: rgb(8, 0, 15);
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3;
}

.toggle1, .toggle1-btn, .toggle2, .toggle2-btn, .toggle3, .toggle3-btn {
    top: 0px;
    left: 5px;
    width: 100px;
    /*height: 20px;*/
    background: #E2DFD2;
    border-radius: 20px;
    transition: 0.3;
}

/*.toggle.active {
    background:whitesmoke;

}*/

.toggle1.active, .toggle1-btn, .toggle2.active, .toggle2-btn {
    left: 40px;

}

.text1, .text2, .text3 {
    font-size: 1rem;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-left: 8px;
    margin-right: 8px;
    color: #006A4E;
    font-weight: bold;
}


body, html {
   margin: 0;
   height: 100%;
   overflow-y: hidden;
}