.newbuttons{
	font-size: 2rem;
}

.qr-title-fs{
  font-size: 0.9rem;
}
.qr-text-green-fs{
  font-size: 0.8rem;
}
.qr-text-fs{
  font-size: 0.8rem;
}
.qr-mobile-py{
  padding-bottom: 0.25rem;
  padding-top: 1rem;
}
.qr-form-mobile-mt{
  margin-top: 0.7rem;
}

.qr-mobile-pt{
  padding-top: 0.25rem;
}
.qr-mobile-px{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.qr-mobile-mb{
  margin-bottom: 1rem;
}

.qr-input-height{
  height: 2rem;
}
.qr-button-mobile-fs{
  font-size: 1rem
}
@media(min-width: 320px){
  .post{
    position: absolute; 
    z-index: 1; 
    left: 13rem;
    top: 1rem;
    max-width: 35%;
  }
}

@media(min-width: 350px){
  .qr-form-mobile-mt{
    margin-top: 1rem;
  }
  .qr-mobile-mb{
    margin-bottom: 2rem;
  }
  .book-movile{
    width: 16.7rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 13rem;
    top: 1rem;
    max-width: 35%;    
  }
}

@media(min-width: 360px){
  .qr-form-mobile-mt{
    margin-top: 1.1rem;
  }
  .book-movile{
    width: 17.5rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 14rem;
    top: 1rem;
    max-width: 35%;    
  }  
}

@media(min-width: 370px){
  .qr-form-mobile-mt{
    margin-top: 1.1rem;
  }
  .book-movile{
    width: 18.3rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 14rem;
    top: 1rem;
    max-width: 35%;    
  }    
}

@media(min-width: 375px){
  .qr-title-fs{
    font-size: 1rem;
  }
  .qr-text-green-fs{
    font-size: 0.95rem;
  }
  .qr-text-fs{
    font-size: 0.95rem;
  }
  .qr-mobile-py{
    padding-bottom: 1rem;
    padding-top: 1.5rem;
  }
  .qr-form-mobile-mt{
    margin-top: 1rem;
  }
  .book-movile{
    width: 18.6rem;
  }
}

@media(min-width: 380px){
  
}

@media(min-width: 400px){
  .qr-form-mobile-mt{
    margin-top: 1.05rem;
  }
  .qr-mobile-py{
    padding-bottom: 1rem;
    padding-top: 2rem;
  }
  .book-movile{
    width: 20.1rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 16rem;
    top: 1rem;
    max-width: 31%;    
  }      
}

@media(min-width: 425px){
  .qr-title-fs{
    font-size: 1.1rem;
  }
  .qr-text-green-fs{
    font-size: 1rem;
  }
  .qr-text-fs{
    font-size: 1rem;
  }
  .qr-mobile-py{
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .qr-form-mobile-mt{
    margin-top: 1.2rem;
  }
  .qr-maintitle-mobile-fs{
    font-size: 1.2rem;
  }
  .book-movile{
    width: 22.1rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 17rem;
    top: 1rem;
    max-width: 29%;    
  }   
}

@media(min-width: 450px){
  .qr-form-mobile-mt{
    margin-top: 1.5rem;
  }
  .book-movile{
    width: 24rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 19rem;
    top: 1rem;
    max-width: 26%;    
  }     
}

@media(min-width: 475px){
  .qr-mobile-px{
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }
  .qr-mobile-pt{
    padding-top: 1.2rem;
  }
  .book-movile{
    width: 25.5rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 20rem;
    top: 1rem;
    max-width: 26%;    
  }     
}

@media(min-width: 480px){
  .qr-mobile-px{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .qr-mobile-pt{
    padding-top: 0.25rem;
  }
  .qr-mobile-mb{
    margin-bottom: 2.5rem;
  }
  .book-movile{
    width: 26rem;
  }
}

@media(min-width: 500px){
  .qr-maintitle-mobile-fs{
    font-size: 1.3rem;
  }
  .qr-title-fs{
    font-size: 1.25rem;
  }
  .qr-text-green-fs{
    font-size: 1.1rem;
  }
  .qr-text-fs{
    font-size: 1.1rem;
  }
  .qr-mobile-mb{
    margin-bottom: 4rem;
  }
  .qr-mobile-px{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .book-movile{
    width: 27.3rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 21rem;
    top: 1rem;
    max-width: 24%;    
  }     
}

@media(min-width: 525px){
  .qr-mobile-px{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .qr-mobile-pt{
    padding-top: 1.1rem;
  }
  .book-movile{
    width: 29rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 23rem;
    top: 1rem;
    max-width: 24%;    
  }     
}

@media(min-width: 540px){
  .qr-mobile-px{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .qr-mobile-pt{
    padding-top: 1.5rem;
  }
  .book-movile{
    width: 30rem;
  }
}

@media(min-width: 550px){
  .qr-mobile-py{
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
  .qr-mobile-px{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .qr-mobile-pt{
    padding-top: 0.25rem;
  }
  .qr-maintitle-mobile-fs{
    font-size: 1.4rem;
  }
  .qr-title-fs{
    font-size: 1.35rem;
  }
  .qr-text-green-fs{
    font-size: 1.2rem;
  }
  .qr-text-fs{
    font-size: 1.2rem;
  }
  .qr-mobile-mb{
    margin-bottom: 2rem;
  }
  .book-movile{
    width: 30.8rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 24rem;
    top: 1rem;
    max-width: 21%;    
  }      
}

@media(min-width: 560px){
  .qr-mobile-mb{
    margin-bottom: 3.5rem;
  }
  .book-movile{
    width: 31.4rem;
  }

}

@media(min-width: 576px){
  .qr-title-fs{
    font-size: 1.2rem;
  }
  .qr-text-green-fs{
    font-size: 1.1rem;
  }
  .qr-text-fs{
    font-size: 1.1rem;
  }
  .qr-form-mobile-mt{
    margin-top: 1.6rem;
  }
  .qr-mobile-py{
    padding-bottom: 2rem;
    padding-top: 3rem;
  }
  .qr-maintitle-mobile-fs{
    font-size: 1.6rem;
  }
  .qr-button-mobile-fs{
    font-size: 1.2rem
  }
  .qr-input-height{
    height: 2rem;
  }
  .qr-mobile-pt{
    padding-top: 0.9rem;
  }
  .qr-mobile-mb{
    margin-bottom: 4rem;
  }
  .book-movile{
    width: 31.0rem;
  }

}

@media(min-width: 600px){
  .qr-title-fs{
    font-size: 1.3rem;
  }
  .qr-text-green-fs{
    font-size: 1.2rem;
  }
  .qr-text-fs{
    font-size: 1.2rem;
  }
  .qr-mobile-mb{
    margin-bottom: 2rem;
  }
    .book-movile{
    width: 33rem;
  }
}

@media(min-width: 625px){
  .qr-mobile-px{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .qr-mobile-pt{
    padding-top: 1.6rem;
  }
  .book-movile{
    width: 34.3rem;
  }
}

@media(min-width: 640px){
  .qr-mobile-pt{
    padding-top: 1rem;
  }
  .qr-title-fs{
    font-size: 1.4rem;
  }
  .qr-text-green-fs{
    font-size: 1.3rem;
  }
  .qr-text-fs{
    font-size: 1.3rem;
  }
  .qr-mobile-mb{
    margin-bottom: 3rem;
  }
  .qr-mobile-px{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .book-movile{
    width: 35.4rem;
  }
}

@media(min-width: 650px){
  .qr-mobile-pt{
    padding-top: 1.2rem;
  }
  .qr-mobile-mb{
    margin-bottom: 4.5rem;
  }
  .book-movile{
    width: 36.2rem;
  }
}

@media(min-width: 675px){
  .qr-mobile-pt{
    padding-top: 1.2rem;
  }
  .qr-mobile-px{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .qr-form-mobile-mt{
    margin-top: 1.9rem;
  }
  .book-movile{
    width: 38rem;
  }
}

@media(min-width: 700px){
  .qr-mobile-py{
    padding-bottom: 2.5rem;
    padding-top: 3.5rem;
  }
  .qr-title-fs{
    font-size: 1.5rem;
  }
  .qr-text-green-fs{
    font-size: 1.4rem;
  }
  .qr-text-fs{
    font-size: 1.4rem;
  }
  .qr-form-mobile-mt{
    margin-top: 1.1rem;
  }
  .qr-mobile-px{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .qr-mobile-mb{
    margin-bottom: 5.5rem;
  }
  .book-movile{
    width: 40rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 27rem;
    top: 1rem;
    max-width: 21%;    
  }      
}

@media(min-width: 720px){
  .qr-mobile-px{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .qr-mobile-pt{
    padding-top: 1.8rem;
  }
  .book-movile{
    width: 41rem;
  }
}

@media(min-width: 750px){
  .qr-mobile-pt{
    padding-top: 2rem;
  }
  .qr-form-mobile-mt{
    margin-top: 2.1rem;
  }
  .qr-mobile-px{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .qr-title-fs{
    font-size: 1.55rem;
  }
  .qr-text-green-fs{
    font-size: 1.5rem;
  }
  .qr-text-fs{
    font-size: 1.5rem;
  }
  .book-movile{
    width: 43.1rem;
  }
}

@media(min-width: 760px){
  .qr-form-mobile-mt{
    margin-top: 2.4rem;
  }
  .qr-mobile-px{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .book-movile{
    width: 44.1rem;
  }
}

#headerDrop > btn-default {
    background:transparent;
}

.rounded-btn{
border-radius: 5px
}

.btn-log{
  color:#008D36;
  border-radius: 5px;
  background-color: #ffce3b;
  margin-left:20px;
}

.submenus{
	font-size: 11pt;
	margin-left: 1rem;
}

.navbar .nav-item:not(:last-child) {
  margin-right: 2px;
}
 
.dropdown-toggle::after {
   transition: transform 0.15s linear; 
}
 
.show.dropdown .dropdown-toggle::after {
  transform: translateY(3px);
}
.dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
}

.center-font{
  line-height: 1.3;
}

@media(min-width: 768px){
  .space{padding-top: 3px; padding-bottom: 5px;}

  .qr-title-fs{
    font-size: 0.8rem;
  }
  .qr-text-green-fs{
    font-size: 0.7rem;
  }
  .qr-text-fs{
    font-size: 0.7rem;
  }
  .qr-maintitle-fs{
    font-size: 0.92rem;
  }
  .qr-form-mt{
    margin-top: 0.5rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 24rem;
    top: 1rem;
    max-width: 21%;    
  }      
}

@media(min-width: 800px){
  .post{
    position: absolute; 
    z-index: 1; 
    left: 24rem;
    top: 1rem;
    max-width: 23%;    
  }      
}

@media(min-width: 900px){
  .post{
    position: absolute; 
    z-index: 1; 
    left: 27rem;
    top: 1rem;
    max-width: 21%;    
  }      
}

@media(min-width: 992px){
  .bn-btn{height: 32px;}

  .newbuttons{
    font-size: 18pt;
  }
  .qr-title-fs{
    font-size: 0.9rem;
  }
  .qr-text-green-fs{
    font-size: 0.8rem;
  }
  .qr-text-fs{
    font-size: 0.8rem;
  }
  .qr-maintitle-fs{
    font-size: 1rem;
  }
  .post{
    position: absolute; 
    z-index: 1; 
    left: 14rem;
    top: 1rem;
    max-width: 32%;    
  }     
}

@media(min-width: 1200px){
  .qr-title-fs{
    font-size: 1.05rem;
  }
  .qr-text-green-fs{
    font-size: 0.95rem;
  }
  .qr-text-fs{
    font-size: 0.95rem;
  }
  .qr-form-mt{
    margin-top: 1rem;
  }
  .qr-maintitle-fs{
    font-size: 1.1rem;
  }
}

@media(min-width: 1400px){
   .post{
    position: absolute; 
    z-index: 1; 
    left: 17rem;
    top: 1rem;
    max-width: 32%;    
  }  
}

@media(min-width: 1600px){
   .post{
    position: absolute; 
    z-index: 1; 
    left: 20rem;
    top: 1rem;
    max-width: 28%;    
  }  
}

@media(min-width: 1700px){
   .post{
    position: absolute; 
    z-index: 1; 
    left: 22rem;
    top: 1rem;
    max-width: 26%;    
  }  
}

@media(min-width: 1900px){
   .post{
    position: absolute; 
    z-index: 1; 
    left: 25rem;
    top: 1rem;
    max-width: 23%;    
  }  
}

@media(min-width: 2000px){
  .center-font{line-height: 1.5;}
}

@media(min-width: 2100px){
   .post{
    position: absolute; 
    z-index: 1; 
    left: 29rem;
    top: 1rem;
    max-width: 21%;    
  }  
}

@media(min-width: 2400px){
   .post{
    position: absolute; 
    z-index: 1; 
    left: 32rem;
    top: 1rem;
    max-width: 19%;    
  }  
}

@media(min-width: 2600px){
   .post{
    position: absolute; 
    z-index: 1; 
    left: 37rem;
    top: 1rem;
    max-width: 17%;    
  }  
}

@media(min-width: 3000px){
   .post{
    position: absolute; 
    z-index: 1; 
    left: 44rem;
    top: 1rem;
    max-width: 15%;    
  }  
}

.linesm-menu{
 height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef
}

/*--------------------------------*/
.wrapper {
  position: absolute;
  margin: 0;
  /*background-color: #97a0bc;*/
  display:none;
  top: 30px;
}

.box.arrow-top:after {
  content: " ";
  position: absolute;
  left: 30px;
  top: 15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 18px solid green;
  color: green;
}


.no-data {
  background-color: #fff;
  color: #707070;
  width: 225px;
  /*height: 38px;*/
  /*padding: 18px;*/
  
  top: 25px;

  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 16px;
  display: block;
  font-family: roboto;
}
.no-data .arrow {
  position: absolute;
  left: -8px;
  top: 10px;
  color: #fff;
  font-size: 2em;
  z-index: 5;
}
.no-data p {
  margin-top: 0;
}
.no-data .fa-warning {
  float: left;
  margin-right: 12px;
  /*height: 40px;*/
  margin-top: 6px;
  font-size: 2em;
  /*color: #cc3c15;*/
}
.float {
  animation-name: float;
  -webkit-animation-name: float;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  z-index: -1;
}


@-webkit-keyframes float {
  0% {    -webkit-transform: translateY(0%);  }
  50% {    -webkit-transform: translateY(8%);  }
  100% {    -webkit-transform: translateY(0%);  }
}
@-moz-keyframes float {
  0% {    transform: translateY(0%);  }
  50% {    transform: translateY(8%);  }
  100% {    transform: translateY(0%);  }
}
@-webkit-keyframes float {
  0% {    transform: translateY(0%);  }
  50% {    transform: translateY(8%);  }
  100% {    transform: translateY(0%);  }
}
@-o-keyframes float {
  0% {    transform: translateY(0%);  }
  50% {    transform: translateY(8%);  }
  100% {    transform: translateY(0%);  }
}
@keyframes float {
  0% {    transform: translateY(0%);  }
  50% {    transform: translateY(8%);  }
  100% {    transform: translateY(0%);  }
}