.buttonstyle1099916{ border-style: solid; border-width: 1px; border-color: #dcdcdc;}
.form-mask { position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000000; background: rgba(0,0,0,0.8);}
.form-mask.active{ display: block;}
.form-mask .input-label { float: left; min-width: 5em; text-align: right; margin-right: 0.5em;}
.form-mask .input-box { min-width: 18em;}
.form-mask .form-input { margin-bottom: 0.6em;}
.form-mask .footer-btn { background: #90000A; color: #fff;}
.form-mask .modal-content-footer { text-align: center; margin: 0.6em auto 0;}
.form-mask .footer-btn { cursor: pointer; background: #90000A; color: #fff; display: inline-block; padding: 0.3em 0.8em; margin: 0 auto;}

.modal-content { width: auto; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 2em;}
 .modal-content .modal-content-header {
     display: flex;
     align-items: center;
     padding-left: 1.5rem;}
 .modal-content .modal-content-header .header-title {
     color: #5a5b6e;
     font-size: 1.2rem;
     font-weight: 600;
     line-height: 1.375rem;
     text-align: center;
     flex: 1;}
 .modal-content .modal-content-header .header-close {
     width: 1.5rem;
     height: 1.5rem;
     cursor: pointer;}
 .modal-content .modal-content-body {
     flex: 1;
     overflow-y: auto;
     margin-top: 1.5rem;
     color: #333;
     font-size: 1rem;
     line-height: 2rem;}
 .modal-content .modal-content-body::-webkit-scrollbar {
     width: 0.5rem;
     height: 0.5rem;}
 .modal-content .modal-content-body::-webkit-scrollbar-thumb {
     border-radius: 0.625rem;
     box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
     background: #ccc;}
 .modal-content .modal-content-body::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
     border-radius: 0.625rem;
     background: #ededed;}