.Table-row {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width:100% !important;
padding-bottom:5px;
padding-top:5px;
}
.Table-header {
display:none; 
font-weight:bold;
}
.Table-row-item:before{
content:attr(data-header);
width:25%;
font-weight:700
}
.Table-row-item.tri-wider:before{
content:attr(data-header);
width:35%;
font-weight:700
}
.Table-row-item {
word-wrap:break-word;overflow-wrap:break-word;padding:0.5em;
margin-bottom:0px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex: 1 0 10%;
-moz-flex: 1 0 10%;
-ms-flex: 1 0 10%;
flex: 1 1 10%;  -webkit-align-items: flex-start;
align-items: flex-start;
}
.Table-header .Table-row-item {
-webkit-align-items: center;
align-items: center;
} .Table-row-item a span.sorting-indicator {
display:none;
visibility:hidden;
border:0px solid red;
margin-top:20px;
}
.Table-row-item:hover a span.sorting-indicator {
visibility:visible !important;
}
.Table-row-item:hover .row-actions {
left:0px;
}
.list-even-row {
background-color: #f1f1f1;
}
.list-odd-row {
background-color: #f9f9f9;
}
.list-first-row {
background-color: #ffceba;
}
div.Table-row:hover {
opacity:0.5;
}
.caseref {
max-width:40px;
}
.edit-layout-table { 
min-width:75%;
}
.edit-layout-label {
width:200px;
height:30px;
}
.wide-input {
width:80%;
}
.layout-image {
overflow:hidden;
max-height:200px;
}
.layout-image img {
height:200px;
width:auto;
}
.new-case-category-message {
width:60%;
margin:auto;
color:blue;
padding:10px;
border:1px solid #999999;
} .msb-radiobutton {
position:relative;
display:inline-block;
width:40px;
height:18px;
background-color:#b0b0b0;
border-radius:18px;
}
.msb-radio-toggle {
position:absolute;
width:12px;
height:12px;
background-color:white;
display:inline-block;
left:0px;
margin:3px;
border-radius:50%;
}
.radioactive {
background-color: #6BBB1A; 
}
.radioactive.testmode {
background-color: orange !important; 
}
.radioactive .msb-radio-toggle {
left:21px;
}
.previewcasebutton {
cursor:pointer;
}
.caselayouttitle {
display:flex;
width:95%;
justify-content:space-between;
margin-top:5px;
color:black;
align-items:center;
}
.caselayoutlink {
cursor:pointer;
width:40%;
flex-grow:0;
background-color:#cccccc;
align-items:center;
color:blue;
} @media (min-width: 650px){
.jcs-admin-navigation {
display:block;
}
.Table-header {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
display: flex;
height:35px;
}
.Table-row {
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.Table-row-item:before{content:none; margin-left:50px;}
.Table-row-item.tri-wider:before{content:none; margin-left:50px;}
.Table-row-item {
width: 10%;
}
.Table-row-item.tri-wider {
width: 20%;
}
.Table-row-item {
padding: 0.2em;
border:0px solid blue;
}
.Table-header .Table-row-item {
background: #ffffff;
color: #0073aa;
}  #modal {
position:absolute;
background:gray;
padding:4px;
z-index:9999;
}
#modalcontent { background-color: #E9F3F2;
padding:10px;
overflow: auto;
min-width:400px;
}
#close {
position:absolute;
background:url(//www.clemaron.co.uk/wp-content/plugins/clemlayouts/images/close.png);
width:24px;
height:27px;
top:-7px;
right:-7px;
}
#submodal {
position:absolute;
background:gray;
padding:4;
z-index:9999;
}
#submodalcontent {
background:#E9F3F2;
padding:10px;
overflow: auto;
min-width:400px;
}
#subclose {
position:absolute;
background:url(//www.clemaron.co.uk/wp-content/plugins/clemlayouts/images/close.png);
width:24px;
height:27px;
top:-7px;
right:-7px;
}