/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.wsoc {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.wsoc .wrapper {
  min-height: 100px;
}
 
.wsoc-items th, .wsoc-items td {
	border: 0px;
	padding: 0.1em;
	font-size: 14px;
}

.wsoc-items th {
	text-align: left;
}

.wsoc-items tbody tr:hover {
	background-color: #ddd;
}

.wsoc-items tbody img {
	height: 20px;
}

.wsoc-items th.action {
	width: 24px;
}

.wsoc-items  a:hover {
  cursor: pointer;
}

.wsoc-modal .modal {
  font-size: 14px;
  width: initial;
  max-width: 1000px;
}

.wsoc-modal table.modal td, .wsoc-modal table.modal th {
    padding: 0.1em;
}

.wsoc-right {
  text-align: right;
}

.wsoc-left {
  text-align: left;
}

/* Style the list */
ul.breadcrumb {
  padding: 0px 0px 8px 2px;
  list-style: none;
  background-color: #eee;
  line-height: 1em;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  line-height: 1em;
  font-size: 14px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

/*
 * Spinner 
 */
 .wrapper {
  position: relative;
}
.loading:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  background: rgba(0,0,0,0.1) center center no-repeat url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=');
}