.c { text-align:center !important; }
.l { text-align:left !important; }
.r { text-align:right !important; }
.line12 { line-height:1.2em !important; }
.word-break { word-break: break-all !important; }
.choice { background: #7597e0; }
.code { font-family: 'Roboto Mono', monospace; }
strong {font-weight:700; }

.bg-selected {
    background-color:#bbc7d4;    
}

#ModalBasic {
  overflow: auto;
}
#dialogConfirm {
  overflow: auto;
}

img.bordered { border:2px solid #000; }

.ellipsis { display:inline-block;width:100%; height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.noborder { border:none; font-weight:700; }

.modal-title {color:#000;}
div.modal-content h3 { color:#000; }
div.modal-content h4 { color:#000; }
div.modal-content table { color:#000; }

#appCapsule { width:1400px; margin:0 auto; }
.sum { font-weight:500; }
.gray { background-color:#ddd; }
.active { color:#c00; font-weight:bold; }
td.no {
  color:#c00;    
  font-weight:700;
  background:#ff0;
}

div.wrap { width:1400px; margin:0 auto; }
table.orderlist2 { width:100%; min-width:1400px !important; }
.c { text-align:center;}
.r { text-align:right;}
.cursor { cursor:pointer; }

div.temp {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  z-index: 1;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  padding-top: 60px;
}
.modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.table-sm td, .table-sm th {
  padding:0.5em !important;
}