/*** general layout ***/
	#wpcontent { padding-right: 10px }
	.content-wrapper-900 { width: 900px; margin: 0; padding: 10px; background-color: #fff; max-width:100%; }
	.content-wrapper-1000 { width: 1000px; margin: 0; padding: 10px; background-color: #fff; max-width:100%; }
	.content-wrapper-1100 { width: 1100px; margin: 0; padding: 10px; background-color: #fff; max-width:100%; }
	.content-wrapper-1200 { width: 1200px; margin: 0; padding: 10px; background-color: #fff; max-width:100%; }
	.content-wrapper-1300 { width: 1300px; margin: 0; padding: 10px; background-color: #fff; max-width:100%; }
	.content-wrapper-1400 { width: 1400px; margin: 0; padding: 10px; background-color: #fff; max-width:100%; }
	.content-wrapper-full, .content-wrapper { margin: 0; padding: 10px; background-color: #fff; max-width:100%; }
	.clear-bg { background-color: transparent !important; }
	.non-dismissible .notice-dismiss { display:none !important }
	hr { margin-top:15px; }
	
	.boldgreen { color:limegreen;font-weight:bold }
	.boldred { color:darkred;font-weight:bold }
	
	table.widefat.no-border { border: none; }
	table.widefat td { vertical-align:middle; }
	.button-form-wrapper { display: inline-block; vertical-align: middle; margin-left: 3px; }
	
	input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea
	{ min-width: 300px; margin-bottom: 5px; }
	input[type="checkbox"] {  }
	input[type="text"].current-page { min-width:0; }
	input[type="text"].width100 { min-width:100px; width: 100px; }
	
	body.index-php #setting-error-yoursalon_message { max-width: 850px; }
	body.index-php #ys_users #setting-error-yoursalon_message { display:none; }
	
	table tr.with-buttons td { line-height:30px; }
	.with-buttons td.buttons { text-align:right; }
	.with-buttons td.buttons a { margin-left:10px; }
	
	.admin-only-settings { border: 1px solid #ddd; padding: 0 15px 15px; background-color: #f5f5f5; }
	
	.emp-type-item { width: 175px; white-space: nowrap; display: inline-block; }
	
	.dataTables_wrapper table.dataTable thead .sorting_desc, .dataTables_wrapper table.dataTable thead .sorting_asc { background-color: #fcfdaf }
	
	div.admin-only {padding: 1em; background: #efe; border: 1px solid green; margin: 1em;}
	
/*** modal ***/
	.ys-modal-background  {
		background-color: rgba(0,0,0,0.5);
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		text-align: center;
		height: 100vh;
		display: none;
		z-index: 9999;
	}
	.ys-loader-modal img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		display: block;
	}

	input.email-subject {
		color: #515151;
		min-height: 40px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 14px;
		width: 95%;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	
	.wp-admin .button-red, .wp-admin .button-red:hover, .wp-admin .button-red:focus {
		background: #d81b21;
		border-color: #d81b21;
		color: #fff;
	}
	.wp-admin .button-white, .wp-admin .button-white:hover, .wp-admin .button-white:focus {
		background: #fff;
		border-color: #b7b7b7;
		color: #606060;
	}
	.wp-admin .button-gray, .wp-admin .button-gray:hover, .wp-admin .button-gray:focus {
		background: #666;
		border-color: #666;
		color: #fff;
	}
	.wp-admin .button-orange, .wp-admin .button-orange:hover, .wp-admin .button-orange:focus {
		background: #f78d1d;
		border-color: #f78d1d;
		color: #fff;
	}
	.wp-admin .button-green, .wp-admin .button-green:hover, .wp-admin .button-green:focus {
		background: #64991e;
		border-color: #64991e;
		color: #fff;
	}
	.wp-admin .button-facebook, .wp-admin .button-facebook:hover, .wp-admin .button-facebook:focus {
		background: #3b5998;
		border-color: #3b5998;
		color: #fff;
	}
	.wp-admin .button-twitter, .wp-admin .button-twitter:hover, .wp-admin .button-twitter:focus {
		background: #1DA1F2;
		border-color: #1DA1F2;
		color: #fff;
	}
	.wp-admin .button-purple, .wp-admin .button-purple:hover, .wp-admin .button-purple:focus {
		background: #A254AD;
		border-color: #A254AD;
		color: #fff;
	}
	.wp-admin .button-black, .wp-admin .button-black:hover, .wp-admin .button-black:focus {
		background: #111;
		border-color: #111;
		color: #fff;
	}

	.wp-admin .button:hover {
		filter: brightness(90%);
	}
	.wp-admin .button-white:hover {
		filter: brightness(95%);
	}

/* ============================================================
  CUSTOM PAGINATION
============================================================ */
	.custom-pagination {
		margin: 0.5rem 0;
		text-align: center;
	}
	.custom-pagination span,
	.custom-pagination a {
		display: inline-block;
		padding: 2px 10px;
	}
	.custom-pagination a {
		color: #ff3c50;
		background-color: #fff;
		text-decoration: none;
	}
	.custom-pagination a:hover {
		color: #fff;
		background-color: #ff3c50;
	}
	.custom-pagination span.page-num {
		margin-right: 10px;
		padding: 0;
	}
	.custom-pagination span.dots {
		padding: 0;
		color: #333;
	}
	.custom-pagination span.current {
		color: #fff;
		background-color: #ff3c50;
	}