/* B U T O A N E   P U B L I C E  */
#back-to-top { position: fixed; bottom: 3em; right: 0; text-decoration: none; color: #fff;  background-color: #bfc4c7;  padding: 1em; 
              display: none; cursor:pointer;}

.cancelbtn {  width: 100%; height: 50px; border-radius:10px; padding: 10px ; background-color: #f44336; color:white; cursor:pointer;
    border: none; transition: background-color 0.2s; font-weight: bold; font-size:20px ;}
.cancelbtn:hover {  color: lightred;  cursor: pointer; opacity: 0.8;}


/* The Close Button (x) */
.close {  position: absolute;  right: 25px;  top: 0;  color: #000;  font-size: 35px;  font-weight: bold;}
.close:hover, .close:focus {  color: red;  cursor: pointer;}

.jumpbtn {position: fixed; bottom: 10; right: 10px ; font-size: 30px; cursor: pointer; background-color: grey; color: white; 
           border: none; width:45px; hight:45px; z-index:1 ; transparency:0.5;}
.jumpbtn:hover {color:green;}

.logbtn { position: relative; margin: 1% auto 2% auto; width: 40%;height: 450px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);}
.logbtn a {color: white;}

.openbtn {font-size: 20px; cursor: pointer; background-color: #111; color: white; padding: 5px 15px; border: none;}
.openbtn:hover {  background-color: #444;}

.submitbtn {width: 98%; height: 50px; border-radius: 10px ;  border: 0; cursor: pointer; font-weight: bold; font-size:20px ;color: white;
           background-color: darkgreen;margin-top:10px ; margin-bottom:10px ; margin-left:5px ;padding: 10px; transition: background-color 0.2s;} 
.submitbtn: hover {background-color: green ;transition: background-color 0.2s; opacity: 0.8;}

::-webkit-file-upload-button {  background: darkgreen;  color: white; border-radius:10px;  padding: 1em;
     font-size:15px;}  /* pt buton de input File */

/* END B U T O A N E  P U B L I C E  */

/*  A C C O R D E O N */
/*.accordion {  background-color: #eee ;  color: #444;  cursor: pointer;  padding: 18px;  width: 100%;  border: none;  text-align: left;
  outline: none;  font-size: 20px; font-weight:bold; transition: 0.4s;border-radius:20px ;} */
/*.acordion-panel {  padding: 0 18px;  display: none;  background-color: white;  overflow: hidden;border-left: 5px solid red;}*/

.acordeon-container {  width: 80%;  margin: 50px auto; position: relative;}
.active, .accordion:hover {  background-color: #ccc; }

.accordion-content {  background-color: white;  border-left: 1px solid whitesmoke;  border-right: 1px solid whitesmoke;
  padding: 0 20px;  max-height: 0;  overflow: hidden; border-left: 5px solid red; transition: max-height 0.2s ease-in-out;}

button.accordion { width: 100%;  background-color: whitesmoke; border-radius:10px ;font-size: 20px; font-weight:bold;
  border: none;  outline: none;  text-align: left;  padding: 15px 20px; margin: 5px;
  color: #333;  cursor: pointer;  transition: background-color 0.2s linear;}

button.accordion:after { content: '\f055'; font-family: "fontawesome"; font-size: 30px; float: right;color: darkgreen;}
button.accordion.is-open:after {  content: '\f056'; font-size: 30px; font-color: darkgreen;}
button.accordion:hover, button.accordion.is-open {  background-color: #ddd;}

/* END  A C C O R D E O N */