.buttoncenter{
    padding-left: 26%;
    padding-right: 34%;
}
.button a{
    color: white;
    text-align: center;
    background-color: #265fc7;
    width: 80%;
    padding:15px; 
    border-radius: 2%;
}
.buttonn{
    color: white;
    text-align: center;
    background-color: #265fc7;
    width: 90%;
    padding:15px; 
    border-radius: 2%;
}
.index_button{
    color: white;
    text-align: center;
    background-color: #265fc7;
    padding:10px; 
    border-radius: 8%;
    margin-left: 75px;
}

.addapp{
    color: white;
    text-align: center;
    background-color: #265fc7;
    width: 48%;
    padding:15px; 
    border-radius: 2%;
}

.loginform{
    padding-top: 5%;
   padding: 10%;
   padding-right: 5%;
}
.border{
    padding: 20px;
    border-radius: 5px;
  }
  
 a:hover, a:focus, a:active {
    color:rgb(213, 216, 247);
    text-decoration: none;
}
.buttonqrcode{
   padding-top: 5%;
}

.empty{
    padding-top: 5%;
    padding-left: 10%;
    padding-right: 10%;
}
.form_left_right{
    
    padding-left: 10%;
    padding-right: 10%;
}
.emptyspace{
    padding-top: 2%;
   
}
.devider{
    height: 2%;
    background-color: #265fc7;
}
.locate{
    padding-left: 10%;
}
h3{
     color: #265fc7;
}
p{
    padding-right: 1%;
}
button{
    padding-left: 7%;
}
.tooltipp {
    position: relative;
    display: inline-block;
  }
  
  .tooltipp .tooltipptext {
    visibility: hidden;
    width: 200px;
    height:60px;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
   
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
   
  }
  .tooltipp:hover .tooltipptext {
    visibility: visible;
   
  }
  .tooltipp p{
    font-style: italic;
    padding: 0 20px;
    font-size: 15px;
  }
  .footer{
    position:  relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #2b56a7;
    color: white;
    text-align: center;
    height: 7%;
    padding: 1%;
 }
 .footer a{
    color:rgb(213, 216, 247);
    text-decoration: none;
 }
 .tooltipp {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:center;
    padding: 15px;
    background-color: #265fc7;
    margin-top: 10px;
    height: 10vh;
   }

.tooltipp .right {
    min-width:200px; 
    top:50%;
    left:100%;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:10px 20px;
    color:#444444;
    background-color:#FFFFCC;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;
}

.tooltipp:hover .right {
    display:block;
}

.tooltipp .right i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}

.tooltipp .right i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#FFFFCC;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}
.tooltipi {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltipi .bottom {
    min-width:200px; 
    top:40px;
    left:50%;
    transform:translate(-50%, 0);
    padding:10px 20px;
    color:#444444;
    background-color:#FFFFCC;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;
}

.tooltipi:hover .bottom {
    display:block;
}

.tooltipi .bottom i {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltipi .bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#FFFFCC;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

@media (min-width: 300px) { 
    div.text {
    font-size: 5px;}
    img.image_response{
    width: 28px;
    height: 28px;
  }
  img.right_image_response{
    width: 17px;
    height: 25px;
  }
  div.response_menu{
    padding-left: 0%;
  }
  div.response_button{
    margin-left: 15px;
  }
  img.response_picture1{
   width: 160px;
   }
  img.response_picture2{
   width: 160px;
  }
  div.index2_response_content{
    margin-left: 10px;
 }
 div.content_center{
    padding-left: 50px;
}
div.carusel_caption{
  position: absolute;
  right: 15%;
  bottom: 70px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #19408b;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
 }
 div.carusel_text{
  margin-bottom: .5rem;
  font-size: 1rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
 }


  @media (min-width: 500px) { 
    div.text {
    font-size: 7px;}
    img.image_response{
    width: 40px;
    height: 40px;
  }
  img.right_image_response{
    width: 40px;
    height: 70px;
  }
 }
 @media (min-width: 650px) { 
    div.text {
    font-size: 11px;
  }
  img.image_response{
    width: 60px;
    height: 60px;
  }
  img.right_image_response{
    width: 60px;
    height: 80px;
  }
  }
@media (min-width: 950px){
    div.text {
    font-size: 15px;
  }
  img.image_response{
    width: 90px;
    height: 90px;
  }
  img.right_image_response{
    width: 90px;
    height: 110px;
  }
  
}
@media (min-width: 1350px) {
  div.text {
    font-size: 18px;
  }
  img.image_response{
    margin-left: 25px;
    width: 90px;
    height: 90px;
  }
  img.right_image_response{
    width: 90px;
    height: 100px;
  }
  div.response_container
  {
    padding-left: 120px;
  }
  div.response_menu{
    padding-left: 9%;
  }
  div.response_button{
    margin-left: 4px;
  }
  img.response_picture1{
   width: 200px;
   height: 200px;
   margin-left: 100px;
   margin-top: 20px;
 }
  img.response_picture2{
   width: 180px;
   height: 180px;
   margin-left: 40px;
   margin-top: 10px;
  }
 div.index2_response_content{
    margin-left: 40px;
 }
 div.content_center{
     padding-left: 450px;
     padding-right: 600px;
 }
 div.content_center2{
    padding-left: 100px;
    padding-right: 100px;
 }
 div.content_center3{
    padding-left: 400px;
    padding-right: 450px;
 }
 div.content_center4{
    padding-left: 450px;
    padding-right: 550px;
 }
 div.label_text{
     text-align: right;
 }
 div.carusel_text{
  margin-bottom: .5rem;
  font-size: 1.30rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
 }
}