*,a,button,p {font-family: "Poppins", sans-serif;color: #1b1915;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family: "Poppins", sans-serif;margin:0;padding:0;}
button,input,input:hover,a:hover,a{transition:all 0.8s ease;cursor: pointer;}
[type="file"],[type="checkbox"],[type="radio"]{margin: 0 0 0;}
[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea,
[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="color"]:focus,
textarea:focus {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666666;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #666666;
}
.form-error {
  display: block;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #c60f13;
  clear: both;
}
.success-message {
  color: green;
  display: none;
  margin-top: 5px;
  font-size: 16px;
}
.form-error-message {
  display: none;
  color: red;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.center {
  text-align: center;
  display: flex;
  justify-content: center;
}
.pointer {
  cursor: pointer;
}
.none{
  display: none;
}
.display-flex {
  display: flex;
}
.display-flex-between {
  display: flex;
  justify-content: space-between;
}
label.error {
  color: red;
  margin-top: 5px;
  font-weight: initial;
  font-size: 85%;
  display: block;
}
.form-userreg-success-message {
  display: none;
  color: green;
}
.cart-error,
.form-error-message {
  display: none;
  color: red;
}
.cart-pini-wrapper {
  position: relative;
}
.cart-pini-itens {
  display: none;
  position: absolute;
  background: white;
}
input[type="checkbox"] {
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #000;
  padding: 7px;
  border-radius: 0;
  display: inline-block;
  position: relative;
}
input[type="checkbox"]:checked:after {
  content: "\2714";
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #000;
}
#loadingContent {
  text-align: center;
}
.grid-container-area {
  max-width: 512px;
  text-align: center;
}

.area-reservada h2 {
  font-size: 20px;
  color: white;
}
.nosession .area-reservada h2 {
  color: black;
  font-weight: 600;
  padding: 40px 0;
}
.area-reservada p {
  font-weight: 300;
  font-size: 15px;
  padding-bottom: 30px;
}

.area-reservada input,
.area-reservada input:focus {
  width: 30%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-width: 0px;
  border: none;
  outline: none;
  width: 100%;
  border-bottom: 1px solid black;
}
.area-reservada ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  font-weight: 300;
  font-size: 14px;
}
.area-reservada :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: black;
  font-weight: 300;
  font-size: 14px;
}
.area-reservada ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: black;
  font-weight: 300;
  font-size: 14px;
}

.alert{padding: 20px;background-color:#bf3c3c;color:white;position:absolute;bottom:0;width:calc(100% - 8px);font-size:1rem;font-family:"Mulish", sans-serif;}
.alert strong{color:white;}
.closebtn {margin-left:15px;color:white;font-weight:bold;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:0.3s;}
.menu-extra {height:calc(100%);overflow: auto;border-right: 1px solid black;padding-left: 30px;padding-right: 30px;background-color: #4190312e;}
.menu-extra-list span{font-size:1rem;color:#419031}
.menu-extra-list .grayIcon{width:30px;color:#419031;}
.menu-extra-list{display:flex;flex-direction:column;justify-content:space-between;height:80%;}
.menu-extra-list > div > div {padding-top:20px;}
.menu-extra-list > div > div:hover{opacity:0.5;}
.area-reservada-session #content {padding: 10px 50px 50px 50px;}
.area-reservada-session #content .welcome{margin-bottom:30px;}
.area-reservada-session #content .welcome .company{margin-left:10px;color:#419031;font-weight:500;}
.area-reservada-session #content h2.mtitle{color:#419031;}
.submitButton{width:auto;height:auto;background-color: #419031;color:white;margin:40px auto 20px auto;text-transform:none;font-size:16px;cursor:pointer;border-radius:0;padding:10px 20px;transition:all 0.4s linear;text-transform:uppercase;border:none;}
.submitButton:hover{opacity: 0.7;}
.area-reservada-session [type="text"] {margin: 30px 0px;padding:0;}
table.report-table{width:100%;margin-top:20px;}
table.report-table th, table.report-table td{border-collapse:collapse;border-spacing:0}
table.report-table th{text-align:left;border-bottom:1px solid grey}
table.report-table td{border-bottom:1px solid #4190312e;padding:10px 5px;}
table.report-table tr:hover > td{background-color:#4190312e;}
.area-reservada{text-align:center;}
.area-reservada-session [type="text"]{margin-top:30px;margin-bottom:10px;}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	table.report-table, thead, tbody, th, td, tr {display: block;}
	table.report-table thead tr{position:absolute;top:-9999px;left:-9999px;}
	table.report-table tr {background:#4190312e;margin-bottom:15px;border-radius: 5px;padding-top:8px;}
	table.report-table td {border:none;position:relative;padding-left:35%;min-height:16px;color:#424242;}
	table.report-table td:before{position:absolute;top:10px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;}
  table.report-table td:nth-of-type(1):before{content:"Número";}
  table.report-table td:nth-of-type(2):before{content:"Tipo";}
  table.report-table td:nth-of-type(3):before{content:"Data Serviço";}
  table.report-table td:nth-of-type(4):before{content:"Estado"; }
  table.report-table td:nth-of-type(5):before{content:"";}
  table.report-table td.cliente{padding-left:35%;}

  .area-reservada-session #content{padding: 10px 20px 50px 20px;}
}