/**
 * CSS for your admin-facing functionality should be
 * included in this file.
 */

 /* Basic color */
:root {
	--back-table-color: #fff;
	--back-table-color: #000;
	--border-table-color: #e5e5e5;

	--text-thead-color: #444;
	--back-thead-color: #f1f1f1;
	--border-thead-color: #cfcfcf; 

	--text-tbody-color: #5d5d5d;
	--text-tbody-secondary-color: #999;
	--back-tbody-color: #fff;
	--border-tbody-color: #e8e8e8;

	--accent-red: #46B450;
	--accent-orange: #F56E28;
	--accent-yellow: #FFB900;
	--accent-green: #46B450;
	--accent-blue: #00A0D2;
	--accent-purple: #826EB4;
}

/* Required input */
.required {
	color: #cc0000;
}
/* Error message */
.alert {
	color: #cc0000;
}
.text-center {
	text-align: center;
}
/* Button */
.wp-core-ui .button {
	margin-right: 6px;
}
.wp-core-ui .button-alert {
	background: #DC3232;
  border-color: #DC3232;
	color: #fff;
}
.wp-core-ui .button-alert:hover,
.wp-core-ui .button-alert:focus {
	background:#D82525;
  border-color: #D82525;
	color: #fff;
}
.wp-core-ui .button-alert:active {
	background:#CA2222;
	border-color: #CA2222;
	color: #fff;

}

.wp-core-ui .button-back {
	background: #A0A5AA;
  border-color: #A0A5AA;
  color: #fff;
}
.wp-core-ui .button-back:hover,
.wp-core-ui .button-back:focus {
	background: #979DA2;
  border-color: #979DA2;
  color: #fff;
}
.wp-core-ui .button-back:active {
	background: #8E949A;
  border-color: #8E949A;
  color: #fff;
}

/* Phrase list--Table part */
.msdm3-table {
	border-collapse: collapse;
	margin-bottom: 18px;

	width: 100%;
	background-color: var(--back-table-color);
	background-color: #fff;
	border: 1px solid  var(--border-table-color);
	border: 1px solid #e5e5e5;

}
/* Alternative background color for table rows */
.alternate {
	background-color: var(--back-tbody-color);
	background-color: #f9f9f9;
}
.msdm3-table  th, 
.msdm3-table  td {
  padding: 10px 16px;
}
.msdm3-table  th {

	text-align: left;

  color: var(--text-thead-color);  
  color: #444; 

	background-color: var(--back-thead-color);
  background-color: #f1f1f1;

	border: 1px solid var(--border-thead-color);
	border: 1px solid #cfcfcf;
}

.msdm3-table  td {
  border-left-width: 0;
  border-right-width: 0;

  color: var(--text-tbody-color);  
  color: #5d5d5d;

	border: 1px solid var(--border-tbody-color);
	border: 1px solid #e8e8e8;
}
.msdm3-table .row-displaymmdd, 
.msdm3-table .row-displayed {
  color: var(--text-tbody-secondary-color);  
  color: #999;  
}
.msdm3-table input[type=checkbox], 
.msdm3-table input[type=radio] {
	margin: -3px 4px 1px 0;
	vertical-align: bottom;
}
.msdm3-table .sorting-indicator {
	display: inline-block;
	visibility: hidden;
}
.msdm3-table th.sortable a, 
.msdm3-table th.sorted a {
	padding: 0;

  display: inline-block;
	vertical-align: bottom;
}
.msdm3-table label {
	cursor: default;
}
.msdm3-table a {
	text-decoration: none;
}

/* Display category--Color scheme */
.msdm3-table .text-on {
  color: var(--accent-green);
  color: #46B450;
  background-color: transparent;
  border: 1px solid var(--accent-green);
  border: 1px solid #46B450;
}
.msdm3-table .text-off {
  color: var(--accent-orange);
  color: #F56E28;
  background-color: transparent;
  border: 1px solid var(--accent-orange);
  border: 1px solid #F56E28;
}

.msdm3-table .row-id {
	width: 5em;
}
.msdm3-table .row-phrase {
	width: 25em;
}
.msdm3-table .row-author {
	width: 20em;
}
.msdm3-table .row-disp-date {
	text-align: center;
	width: 5em;
}
.msdm3-table .row-disp-target {
	text-align: center;
	width: 10em;
}

/* Settings part */
.form-table #url_for_searching {
	width: 20em;
	max-width: 20em;
}