html {
  font-size: 62.5%;
}
html,
body {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
.error_box_1 {
  border: 1px solid #941500;
  padding: 6px 9px;
  color: #941500;
  background-color: #F8E4E2;
}
.info_box_1 {
  background-color: #999BC3;
  border-radius: 6px;
  color: #fff;
  padding: 8px 12px;
}
.info_box_1::before {
  content: "❗";
  font-weight: bolder;
  padding-right: 6px;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.icon-on-right {
  margin-left: 6px;
}
.icon-on-left {
  margin-right: 6px;
}
.d-flex {
  display: flex;
}
.l-s-none {
  list-style: none;
  margin: 0;
  padding: 0;
}
table {
  white-space: normal;
}
.being-dragged {
  cursor: move;
}
.fg-green {
  color: green;
}
.fg-red {
  color: red;
}
.fg-yellow {
  color: yellow;
}
.fg-white {
  color: white;
}
.fg-black {
  color: black;
}
section {
  display: block;
}
.border {
  border-collapse: collapse;
}
.border,
.border td,
.border th {
  border: 1px solid #ccc;
}
.stripped-row tr:nth-child(even) {
  background-color: #dedede;
}
.list-container table tr td,
.list-container table th {
  padding: 6px;
}
.list-container table tbody tr:hover {
  background-color: #dedede;
  cursor: pointer;
}
.flex-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.flex-col {
  flex: 1 1 auto;
  flex-grow: 0;
  margin-right: 3px;
}
.flex-col:last-child {
  margin-right: 0;
  border-right: none;
}
.flex-col.enlarge {
  flex-grow: 2;
}
.flex-align-end {
  margin-left: auto;
}
.flex-align-center {
  justify-content: center;
  display: flex;
}
.flex-valign-center {
  align-items: center;
  display: flex;
}
.col-1 {
  flex-basis: 1%;
}
.col-5 {
  flex-basis: 5%;
}
.col-10 {
  flex-basis: 10%;
}
.col-15 {
  flex-basis: 15%;
}
.col-20 {
  flex-basis: 20%;
}
.col-25 {
  flex-basis: 25%;
}
.col-30 {
  flex-basis: 30%;
}
.col-35 {
  flex-basis: 35%;
}
.col-40 {
  flex-basis: 40%;
}
.col-45 {
  flex-basis: 45%;
}
.col-50 {
  flex-basis: 50%;
}
.col-55 {
  flex-basis: 55%;
}
.col-60 {
  flex-basis: 60%;
}
.col-65 {
  flex-basis: 65%;
}
.col-70 {
  flex-basis: 70%;
}
.col-75 {
  flex-basis: 75%;
}
.col-80 {
  flex-basis: 80%;
}
.col-85 {
  flex-basis: 85%;
}
.col-90 {
  flex-basis: 90%;
}
.col-95 {
  flex-basis: 95%;
}
.col-30p {
  flex-basis: 30px;
  min-width: 30px;
  flex-shrink: 0;
}
.col-40p {
  flex-basis: 40px;
  min-width: 40px;
  flex-shrink: 0;
}
.col-50p {
  flex-basis: 50px;
  min-width: 50px;
  flex-shrink: 0;
}
.col-60p {
  flex-basis: 60px;
  min-width: 60px;
  flex-shrink: 0;
}
.col-70p {
  flex-basis: 70px;
  min-width: 70px;
  flex-shrink: 0;
}
.col-80p {
  flex-basis: 80px;
  min-width: 80px;
  flex-shrink: 0;
}
.col-90p {
  flex-basis: 90px;
  min-width: 90px;
  flex-shrink: 0;
}
.col-100p {
  flex-basis: 100px;
  min-width: 100px;
  flex-shrink: 0;
}
.col-110p {
  flex-basis: 110px;
  min-width: 110px;
  flex-shrink: 0;
}
.col-120p {
  flex-basis: 120px;
  min-width: 120px;
  flex-shrink: 0;
}
.col-130p {
  flex-basis: 130px;
  min-width: 130px;
  flex-shrink: 0;
}
.col-140p {
  flex-basis: 140px;
  min-width: 140px;
  flex-shrink: 0;
}
.col-150p {
  flex-basis: 150px;
  min-width: 150px;
  flex-shrink: 0;
}
.col-160p {
  flex-basis: 160px;
  min-width: 160px;
  flex-shrink: 0;
}
.col-170p {
  flex-basis: 170px;
  min-width: 170px;
  flex-shrink: 0;
}
.col-180p {
  flex-basis: 180px;
  min-width: 180px;
  flex-shrink: 0;
}
.ui-dialog-content {
  max-height: 400px!important;
  overflow-y: auto;
}
.full-width {
  width: 100%;
}
.p-3 {
  padding: 3px;
}
.p-6 {
  padding: 6px;
}
.p-8 {
  padding: 8px;
}
.m-t-3 {
  margin-top: 3px;
}
.m-t-6 {
  margin-top: 6px;
}
.m-b-3 {
  margin-bottom: 3px;
}
.m-3 {
  margin: 3px;
}
.m-4 {
  margin: 4px;
}
.m-r-4 {
  margin-right: 4px;
}
.b-r-6 {
  border-radius: 6px;
}
.b-r-8 {
  border-radius: 8px;
}
.fg-orange {
  color: orange;
}
.fg-blue {
  color: blue;
}
.fg-gray {
  color: gray;
}
.ajax-loader-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0) repeat scroll 0 0;
  opacity: 0.9;
  display: none;
  z-index: 10000;
}
.ajax-loader-wrapper .ajax-loader {
  position: absolute;
  width: 200px;
  height: 80px;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -100px;
  border: 2px solid #177EE5;
  padding: 10px;
  border-radius: 4px;
  background-color: #fff;
  text-align: center;
  z-index: 10001;
}
.ajax-loader-wrapper .ajax-loader .msg {
  font-family: Tahoma;
  font-size: 1.4em;
  text-align: center;
}
form {
  margin: 0;
  padding: 0;
}
.selected-item-count {
  font-weight: bold;
  color: #DD4B39;
}
.flex-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.flex-list li {
  display: flex;
  flex-flow: row nowrap;
}
.flex-list li:nth-child(even) {
  background-color: #ececec;
}
.flex-list li .select-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-list li .column {
  padding: 2px 4px;
}
.flex-list li .column.enlarge {
  flex-grow: 2;
}
.flex-list li .column.center {
  text-align: center;
}
.flex-list li .column:not(:last-child) {
  border-right: 2px solid #fff;
}
.flex-list li .column.no-line-break {
  word-break: keep-all;
  white-space: nowrap;
}
.flex-list li .column a {
  display: block;
}