.ui.table { white-space: nowrap; }
.ui.table td { padding: 0.10em; }

a { text-decoration:underline;}
.islink { cursor: pointer; text-decoration: underline; color: blue; }
.bold { font-weight: bolder;}
.ui.rounded.button { border-radius: 30px; }

.flex {display:flex !important;}
.flex-vcenter {flex-direction: column; justify-content: center;}
.flex-vtop { flex-direction: column; justify-content: flex-start;}
.flex-hcenter { flex-direction: row; justify-content:center;}
.text-vmid { vertical-align: middle;}

.only:not(#fakeId#fakeId) {display:none;}
@media (max-width:768px) { .mobile.only:not(#fakeId#fakeId) {display:inherit;}}
@media (min-width:768px) and (max-width:991px) { .tablet.only:not(#fakeId#fakeId) {display:inherit;}}
@media (min-width:992px) { .computer.only:not(#fakeId#fakeId) {display:inherit;}}

.ui.rounded.button { border-radius: 30px; }
.ui.form input[type=text]:disabled,
.ui.form input[type=text]:read-only,
.ui.form input[type=text]:read-only:focus { background: lightgrey; }

.ui.segment .segment-title { position: absolute; top:-11px; left:8px; font-weight: bold; background: #FFF; padding: 0 5px; }