body {
  width: 100%;
  margin-bottom: 60px;
  overflow-x: hidden;
  background-color: #c0c0c04a;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 20px;
  line-height: 1;
  text-align: center;
  z-index: 10000;
  font-weight: bold;
  font-size: 20px;
  background-color: white;
}
.footerRotate {
  position: fixed;
  right: 49.5%;
  bottom: 10%;
  width: 100%;
  height: 20px;
  line-height: 1;
  text-align: center;
  z-index: 10000;
  font-weight: bold;
  font-size: 20px;
  background-color: white;
  transform: rotate(90deg);
}
.page{
  width: 98%;
  margin-left: 20px;
  text-align: center;
  padding: 0px 15px 0px 15px;
}
.center  {
  text-align: center;
}
.div-card {
  margin-left: 15px;
}
.tag-margin-bottom{
  margin-bottom: 10px;
}
.tag {
  /* background-color: #ffff00; */
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  height: 150px;
  font-weight: bold;
  /* text-transform: uppercase; */
  text-align: center;
  line-height: 1;
  padding-top: 10px;
}
.tag-bottom {
  /* background-color: #ffff00; */
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  height: 100px;
  /* font-weight: bold; */
  /* text-transform: uppercase; */
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
}
.tag-offer {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-left: 6px dashed #f00;
  border-right: 6px dashed #f00;
  border-top: 6px dashed #f00;
  height: 150px;
  /* font-weight: bold; */
  /* text-transform: uppercase; */
  text-align: center;
}
.tag-bottom-offer {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-left: 6px dashed #f00;
  border-right: 6px dashed #f00;
  border-bottom: 6px dashed #f00;
  height: 100px;
  /* font-weight: bold; */
  /* text-transform: uppercase; */
  margin-bottom: 10px;
}
.alertDevice{
  margin-top: 300px;
  width: 99%;
  text-align: center;
  font-weight: bold;
  font-size: 20pt;
  text-transform: uppercase;
}
/* loading page */
.loadingPage {
  background-position:50% 50%;
  background-repeat:no-repeat;
  bottom:0;
  position:fixed;
  z-index:1000;
  height:100%;
  width:100%;
  text-align:center;
  background-color:rgba(0,0,0,.7);
}
.right{
  text-align: right;
}
.right{
  text-align: center;
}
.left{
  text-align: left;
}
.loadingImage {
    width:300px;
    margin-top:400px;
    display:inline-block;
    z-index:1001;
}
.titleList{
  text-align: center;
  /* font-weight: bold; */
  line-height: 1;
  text-transform: uppercase;
  text-overflow: clip;
  margin-bottom: 5px;
  /* padding-right: 10%;
  padding-left: 10%; */
  padding-top: 1%;
}
.titleListInterior{
  border-radius: 5px;
  border-color: transparent;
  border-width: 2px;
}
.itemList{
  /* font-family: Roboto; */
  /* font-weight: bold; */
  /* height: 38px; */
  line-height: 1;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: clip;
  /* margin-top: 5px; */
  display: flex;
  /* padding: 5px; */
  align-items: center;
}
.itemListVertical{
  /* font-family: Roboto; */
  /* font-weight: bold; */
  /* height: 38px; */
  line-height: 1;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: clip;
  /* margin-top: 5px; */
  display: flex;
  /* padding: 5px; */
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.lineList{
  /* font-family:Roboto; */
  /* font-weight: bold; */
  /* text-transform: uppercase; */
  box-shadow: 4px 10px 10px 0px black;
  margin-bottom: 12px;
  border-radius: 5px;
  /* padding: 8px; */
}
.lineListVertical{
  /* font-family:Roboto; */
  /* font-weight: bold; */
  /* text-transform: uppercase; */
  box-shadow: 4px 10px 10px 0px black;
  margin-bottom: 5px;
  border-radius: 5px;
  /* padding: 8px; */
}
.itemTable{
  line-height: 1;
  border-style: dashed;
  border-width: 1px;
  display: flex;
  align-items: flex-end;
  border-left: none;
  border-right: none;
  border-top: none;
}
.lineTable{
  /* font-family:Roboto; */
  /* font-weight: bold; */
  /* text-transform: uppercase; */
}

.offer{
  border-width: 6px;
  border-style: dashed;
  border-color: #f00;
}
.offer-label{
  background: red;
  font-weight: bold;
  color: yellow;
  padding: 5px;
  position: absolute;
  bottom: 0%;
  right: 0%;
}
.offer-label-tag{
  background: red;
  font-weight: bold;
  color: yellow;
  padding: 5px;
  position: absolute;
  bottom: 0%;
  right: 15px !important;
}
.offer-label-tag-no-right{
  background: red;
  font-weight: bold;
  color: yellow;
  padding: 5px;
  position: absolute;
  bottom: 0%;
}
.offer-label-table{
  background: red;
  font-weight: bold;
  color: yellow;
  padding: 5px;
  position: absolute;
  top: 0%;
  right: 0%;
}
.offer-label-div-list{
  margin-top: -33px;
  text-align: right;
  text-transform: uppercase;
}
.offer-label-div{
  margin-top: -37px;
  text-align: right;
  margin-right: 0px;
  text-transform: uppercase;
}
.columnList{
  padding: 10px;
  /* border:solid 1px;
  box-shadow: 10px 10px 10px 5px black;  */
}
.columnListVertical{
  margin-left: 0px;
  padding: 0px;
}
.paddingList{
  padding: 10px;
}
.paddingListVertical{
  margin-left: 10px;
  padding: 0px;
  margin-right: -5px;
}
.paddingListLayout{
  padding: 10px;
  padding-top: 11%;
}
.class-footer-error{
  text-transform: uppercase;
  font-weight: bold;
  color: #a94442;
}

.float-fullscreen-vertical{
  width: 100vh;
  text-align: right;
  position: fixed;
  z-index: 999999;
}

.float-fullscreen{
  width: 80px;
  text-align: right;
  position: absolute;
  right: 10px;
  margin-top: 10px;
  z-index: 999999;
}

.float-fullscreen-midia-vertical {
  width: 100vh;
  text-align: right;
  position: fixed;
  z-index: 999999;
  transform: rotate(90deg);
  left: 71%;
  top: 48%;
}
/* 
:-webkit-full-screen .float-fullscreen {
  display: none;
}
:-moz-full-screen .float-fullscreen {
  display: none;
}
:-ms-fullscreen .float-fullscreen {
  display: none;
}
:fullscreen .float-fullscreen {
  display: none;
} */
.login-page {
  background-position:50% 50%;
  background-repeat:no-repeat;
  bottom:0;
  position:fixed;
  margin-left: -16px !important;
  z-index:1000;
  height:100%;
  width:100%;
  text-align:center;
  background-color:rgba(0,0,0,.7);
}

.login-form {
  width: 50%;
  position: relative;
  top: 50%;
  transform: translatey(-50%);
  z-index: 1001;
  background-color: white;
  border: 2px solid black;
  border-radius: 25px;
  text-align: left;
  left: 25%;
  overflow: auto;
}

.login-title{
  text-align: center;
  margin-bottom: 5pt;
  margin-top: 3pt;
  font-size: 22pt;
}

.login-title-bold{
  font-weight: bold;
}

.image-logo{
  width: 280px;
  height: 130px;
}

@keyframes go-back {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100px);
  }
}

@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}