@charset "UTF-8";
/* CSS Document */

.duplicates-wrapper .header {
	margin: 24px 0;
}

.duplicates-wrapper .header input[type="checkbox"] {
	margin-right: 6px;
}




.duplicates-wrapper .label { 
	position: relative; 
}

.duplicates-wrapper .label .info { 
	position: absolute; 
	right: 20px; 
	line-height: 20px; 
	font-size: 12px; 
	font-weight: normal;
	color: green;
}
.duplicates-wrapper .label .info.ok {
	display: none;
}

.duplicates-wrapper .label .info.unprocessed { 
	color: red; 
}

.duplicates-wrapper .label .info .value { 
	display: inline-block; 
	padding: 0 12px;
	text-align: center; 
	background: green; 
	border-radius: 20px; 
	color: #fff; 
}

.duplicates-wrapper .label .info.unprocessed .value { 
	background: red;
}



.duplicates-wrapper .town {
    background-color: #e0e0d8;
    border: solid #e0e0d8 1px;
    margin-bottom: 24px;
	padding: 20px;
}

.duplicates-wrapper .town > .label {
	display: block;
}



.duplicates-wrapper .group {
	position: relative;
	margin: 12px 0;
	background: #fff;
}

.duplicates-wrapper .group[state="saving"]:after {
	content: 'Saving...';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(225, 225, 216, 0.75);
    text-align: center;
    line-height: 200px;
    font-size: 30px;
    z-index: 1;
}

.duplicates-wrapper .group > .label { 
	display: block; 
    padding: 12px 20px;
    border-bottom: solid transparent 1px;
	font-size: 16px; 
	font-weight: normal; 
	transition: padding-left 0.2s;
}

.duplicates-wrapper.view-all .group > .label,
.duplicates-wrapper .group.view-all > .label {
	border-bottom: solid #000 1px;
	padding-left: 70px;
}

.duplicates-wrapper .edit-button {
	display: none;
	position: absolute;
    top: 0;
    left: 0;
    padding: 12px 0 12px 20px;
    width: 50px;
	opacity: 0;
	z-index: 1;
	transition: opacity 0.1s, display 0s 0.1s;
}

.duplicates-wrapper .edit-button input {
	background-color: #3b99fb;
    color: #fff;
    border: solid #3b99fb 1px;
    border-radius: 3px;
	outline: none;
	transition: background 0.2s, color 0.2s;
}

.duplicates-wrapper .edit-button input:hover {
	background: #fff;
    color: #3b99fb;
}

.duplicates-wrapper.view-all .edit-button,
.duplicates-wrapper .group.view-all .edit-button {
	display: inline-block;
	opacity: 1;
	transition: opacity 0.2s, display 0s;
}




.duplicates-wrapper .table { 
	display: flex;
    flex-flow: row wrap;
}

.duplicates-wrapper .table .col { 
	flex: 1 22%;
    padding: 12px 20px;
    box-sizing: border-box;
	max-height: 64px;
    overflow: hidden;
}

.duplicates-wrapper .table .col.info, 
.duplicates-wrapper .table .col.type {
	flex: 1 14%;
}


.duplicates-wrapper .item.type-unprocessed .col.type { 
	color: red; 
}

.duplicates-wrapper .master-and-childs { 
	border-bottom: solid #ccc 1px; 
	padding-bottom: 9px;
	position: relative;
}

.duplicates-wrapper .master-and-childs .type-master { 
	font-weight: bold; 
}

.duplicates-wrapper .master-and-childs .type-master .col { 
	padding-bottom: 3px; 
}

.duplicates-wrapper .master-and-childs .type-child .col.type { 
	position: relative;
	padding-left: 30px;
    padding-right: 10px;
}


.duplicates-wrapper .master-and-childs .type-child:before { 
	content: '';
    position: absolute;
    top: 21px;
    bottom: 41px;
    border-left: solid #ccc 1px;
    left: 10px;
}

.duplicates-wrapper .master-and-childs .type-child.ignore:before {
	bottom: 21px;
}

.duplicates-wrapper .master-and-childs .type-child .col.type:before { 
	content: '';
    position: absolute;
    top: 14px;
    height: 1px;
    width: 10px;
    border-top: solid #ccc 1px;
    left: 10px;
}



.duplicates-wrapper .master-and-childs .type-child .col { 
	padding-top: 3px; 
	padding-bottom: 3px; 
}

.duplicates-wrapper .table.item { 
	border-bottom: solid #ccc 1px; 
}

.duplicates-wrapper .table.item:last-of-type,
.duplicates-wrapper .master-and-childs .table.item { 
	border-bottom: 0; 
}

	  
.duplicates-wrapper .town:not(.view-all) .group {
	display: none;
}

.duplicates-wrapper .group:not(.view-all) .table,
.duplicates-wrapper .group:not(.view-all) .master-and-childs { 
	display: none; 
}

.duplicates-wrapper.view-all .group,
.duplicates-wrapper.view-all .master-and-childs {
	display: block !important;
}

.duplicates-wrapper.view-all .table {
	display: flex !important;
}

.duplicates-wrapper:not(.view-all) .label {
	cursor: pointer;
}

.duplicates-wrapper:not(.view-all) .label:hover {
	text-decoration: underline;
}


.duplicates-wrapper .col.type select {
	max-width: 100%;
}