@charset "utf-8";

#mt-media-modal {
	max-width: 700px;
	max-height: 500px;
	width: 100%;
	margin: 0 auto;
	top: 10%;
}
#mt-modal-content {
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4);
}

#mt-modal-head {
	background-color: #f5f5f5;
	border-bottom: 1px solid #e0e0e0;
	padding: 20px;
}
#mt-modal-title {
	font-size: 1.9em;
}
#mt-modal-close {
	text-decoration: none;
	text-align: center;
}

#mt-modal-body {
	max-height: 392px;
	box-sizing: border-box;
	overflow-y: auto;
}
#mt-modal-body p {
	text-align: center;
}
#mt-modal-table {
	width: 100%;
	border-collapse: collapse;
}
#mt-modal-table thead tr {
	background-color: #f8f8f8;
	border-bottom: 1px solid #eaeaea;
}
#mt-modal-table th {
	font-size: 14px;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	font-style: italic;
	color: #707070;
}
#mt-modal-table th:nth-child(1) {
	width: 1%;
}
#mt-modal-table th:nth-child(2) {
	width: 44%;
}
#mt-modal-table th:nth-child(3) {
	width: 20%;
}
#mt-modal-table th:nth-child(4) {
	width: 35%;
}
#mt-modal-table tbody tr {
	cursor: pointer;
	border-bottom: 1px solid #fcfcfc;
}
#mt-modal-table tbody tr:hover,
#mt-modal-table .mt-selected {
	background-color: #f3f3f3;
}
#mt-modal-table td {
	font-size: 14px;
	padding: 10px;
}
#mt-modal-table td:first-child {
	padding: 10px 0 10px 5px;
}
.mt-yes {
	color: green;
	font-size: 22px;
	visibility: hidden;
}
.mt-selected .mt-yes {
	visibility: visible;
}

#mt-modal-footer {
	background-color: #f5f5f5;
	border-top: 1px solid #e0e0e0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
}