@font-face {
  font-family: 'SutonnyMJRegular';
  src: url('../font/SutonnyMJRegular.ttf');
}

:root {
  --main-font-family: 'SutonnyMJRegular', Arial, Helvetica, sans-serif;
}


body {
  font-family: var( --main-font-family) !important;
}
.box, .vata_only {
    display:none;
}
.container {
  max-width: 960px;
  background: #fff;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 50px;
  box-shadow: 0px 8px 8px 0px #ccc;
}
#vata_text_1 {
    display:none;
}
.textBold {
  font-weight: 600;
}
.top-middle-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align:center;
}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.top-title.extra{
  text-decoration: underline;
}
.top-title {
  font-size: 14px;
  line-height: 1.70;
}
.form-main-title{
  font-size: 26px;
  text-align: center;
  font-style: italic;
}
.middle-common-text {
  font-size: 14px;
  line-height: 1.70;
}
.form-heading-first {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 10px;
}
.photo {
  width:150px;
  height: 150px;
  border: solid 1px #666666;
  cursor: pointer;
}
.picture-area {
  text-align:center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.extra-long-space {
  border-bottom: dashed 1px #000;
}
input[type="text"], select{
  border:none;
  border-bottom: dashed 1px #000;
  font-family: Arial, Helvetica, sans-serif !important;
  width: 100%;
  font-size: 12px;
  background: transparent !important;
}
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
  border:none;
  border-bottom: dashed 1px #000;
  outline: none;
}
.input-group-box {
  display: flex;
  flex-direction: row;
}
.form-title{
  font-size: 12px;
  align-self: center;
  width:auto !important;
  line-height: 3; 
}

.form-title-bs{
  font-size: 12px;
  align-self: center;
  line-height: 3; 
}

.chk-cust {
  width: 4em;
  height: 2em;
}
.chk-cust-square {
  width: 1.75em;
  height: 1.75em;
}
.toe {
  font-size: 12px;
}
.file {
  position: relative;
  overflow: hidden;
}
input[type=file] {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}
.top-signature-border {
  border-bottom: solid 1px #000;
  width: 200px;
  text-align: right;
}
.signature-box {
  width: 200px;
  text-align: center;
  padding-top: 10px;
}
.signature-upload {
  width: 200px;
  text-align: center;
  padding-bottom: 10px;
}
.end-box {
  margin-top: 35px;
}
.signature-box {
  font-size: 12px;
  font-weight: 600;
}

.form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.validate {
  color: darkred;
  font-size: 16px;
  padding-bottom: 5px;
}
.success-alert-box {
  margin-top: 30px;
  font-size: 30px;
  text-align: center;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.form-status-image {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0.6;
  margin-top: 38%;
}

#print-button {
  float: right;
}

@media print {
  #print-button {
     display: none;
  }
}