body {
	margin-top: 65px;
}
.word-wrap {
	word-break: break-all;
	word-break: break-word;
}
[v-cloak] {
        display: none;
}
.m5  {  margin:  5px; }
.m10 {  margin: 10px; }

.p0  { padding: 0 !important; }
.p0505  { padding: 0 5px 0 5px !important; }

.w10px  { width: 10px; }
.w20px  { width: 20px; }
.w30px  { width: 30px; }
.w40px  { width: 40px; }
.w50px  { width: 50px; }
.w60px  { width: 60px; }
.w70px  { width: 70px; }
.w80px  { width: 80px; }
.w90px  { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w130px { width: 130px; }
.w140px { width: 140px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w170px { width: 170px; }
.w180px { width: 180px; }
.w190px { width: 190px; }
.w200px { width: 200px; }

.w5   { width:   5%; }
.w10  { width:  10%; }
.w15  { width:  15%; }
.w20  { width:  20%; }
.w25  { width:  25%; }
.w30  { width:  30%; }
.w35  { width:  35%; }
.w40  { width:  40%; }
.w45  { width:  45%; }
.w50  { width:  50%; }
.w55  { width:  55%; }
.w60  { width:  60%; }
.w65  { width:  65%; }
.w70  { width:  70%; }
.w75  { width:  75%; }
.w80  { width:  80%; }
.w85  { width:  85%; }
.w90  { width:  90%; }
.w95  { width:  95%; }
.w100 { width: 100%; }

.name-shortened {
  white-space: nowrap;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.display-inline-block {
  display: inline-block;
}
.display-inline {
  display: inline;
}
.table>tbody>tr>td {
	padding: 3px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #eee;
}

/* MODAL */

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container {
  width: 300px;
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
  transition: all .3s ease;
  font-family: Helvetica, Arial, sans-serif;
}

.modal-header h3 {
  margin-top: 0;
  color: #42b983;
}

.modal-body {
  margin: 20px 0;
}

.modal-default-button {
  float: right;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}