body{
   background-color: #034EA2;
   font-family: 'Noto Sans', sans-serif;
}
h1,h2,h3,h4,h5,h6{
   font-family: 'noto_sanssemibold';
}
.sgm-frame{
   background: white;
   border-radius: 10px;
   width: min(500px, 90vw);
   padding: 25px 25px 10px 25px;
   margin: 40px auto;
}
#sgm-logo {
   max-height: 60px;
}
.btn-primary{
   background: #074C99;
   color: #fff;
   border-radius: 7px;
   border: 1px solid #034EA1;
   padding: 5px 15px 4px 15px;
   font-size: 14px;
   font-family: 'noto_sanssemibold';
}
.btn-primary:hover{
   border: 1px solid #034EA1;
   color: #034EA1;
   background: #fff;
}
.form-label, .trans-box-value, #formErrorModal .modal-body{
   font-size: .875rem;
}
.form-select-sm, .form-control-sm, .label-text-small{
   font-size: .825rem;
}
.label-text-small, .label-text-xsmall{
   vertical-align: text-bottom;
}
.label-text-xsmall, .form-msg{
   font-size: .725rem;
}
.trans-box-details{
   border-radius: 10px;
   padding: 10px;
   line-height: 16px;
   background-color: #fbfbfb;
}
.trans-box-details .trans-box-title{
   color: #000;
}
.trans-box-details .trans-box-value{
   font-family: 'noto_sanssemibold';
}
.form-label{
   color: #074C99;
}
.form-control::placeholder{
   opacity: 0.5;
}
.form-control.is-valid, .was-validated .form-control:valid{
   background: none;
   border: var(--bs-border-width) solid var(--bs-border-color);
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{
   color: var(--bs-body-color);
}
.form-check-input.is-valid, .was-validated .form-check-input:valid, .form-select.is-valid, .was-validated .form-select:valid{
   border: var(--bs-border-width) solid var(--bs-border-color);
}
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"]{
   --bs-form-select-bg-icon: none;
}