.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: #0019a8;
  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: #0019a8;
}
.locate{
  padding-left: 10%;
}
h3{
   color: #0019a8;
}
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;
  margin-right: 20px;
  height: 90px;
}
img.right_image_response{
  width: 90px;
  height: 110px;
  margin-left: 20px;
}

}
@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;
}
}