.shop-pdf-main{
  padding: 20px 30px;
  background: linear-gradient(180deg, #00a3d7 0%, #ffffff 100%) no-repeat;
}
.shop-pdf-img-main{
  width:200px;
  height:100px;
  margin: auto;
}
.shop-pdf-header{
  font-size: 25px;
  color: #fff;
  font-style: italic;
  font-weight: 600;
  text-align: center;
  margin: 10px;
}
.shop-pdf-sub{
  border: 1px solid;
  background-color: #fff;
  border-radius: 50px;
  padding: 50px;
  text-align: center;
}
.shop-pdf-qrcode-main{
  width:100%;
  height:100%;
  margin-bottom: 40px;
}
.shop-pdf-des-main{
  height:200px;
}
.shop-pdf-des{
  color:#516297;
  font-size: 1rem;
  text-align: left;
  margin-bottom: 10px;
}

.footer1{
  color: #a9a9a9;
  font-size: 1rem;
}

.footer2{
  color: #00006f;
  font-size: 1rem;
}



.tooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
  z-index: 1020 !important;
}



.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #fff;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}
.table td, .table th {
    padding: 0.3rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}





/*label {
    font-weight: bold;
    align-items: center;
    text-transform: uppercase;
    line-height: 25px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px !important;
}

.col-form-label {
    padding-top: calc(0.3rem + 0px); 
    padding-bottom: calc(0.3rem + 0px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}*/

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}


.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 0px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.45rem + 2px);
    padding: 0.375rem 0.75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: none;
}

input, select[type='text'] {
    color: green;
    border: 1px solid lightblack;
    font-weight: bold;
    /* text-transform: uppercase;*/
    line-height: 25px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

input, select[type=text] {
    border: 2px solid #c5cbfc;
    border-radius: 6px;
    vertical-align: middle;
    height: 24px;
    width: 100%;
    color: black;
}
.form-control {
    display: block;
    width: 100%;
    height: 33px;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.9;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #c5cbfc;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
input, select {
    font-weight: bold;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input, select {
    line-height: normal;
}

.my-checkbox {
    border: 1px solid blue;
    height: 20px;
}