/**
* @package MDJM
* @subpackage Admin/CSS
* @license http://opensource.org/licenses/gpl-2.0.php GNU Public License
*/

@charset "UTF-8";

/* =General
-------------------------------------------------------------- */
/* The wrapper */
label.mdjm-switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px;
  vertical-align: middle;
}

/* Hide the native checkbox but keep it accessible */
label.mdjm-switch > input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  inset: 0;
  margin: 0;
  cursor: pointer;
}

/* The visual track */
label.mdjm-switch > .mdjm-slider {
  position: absolute;
  inset: 0;
  background: #ccd0d4;          /* WP gray */
  border: 1px solid #b6bcc2;
  border-radius: 22px;
  transition: background .2s ease;
}

/* The knob */
label.mdjm-switch > .mdjm-slider::before {
  content: "";
  position: absolute;
  width: 18px; height: 18px;
  left: 1px; top: 1px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  transition: transform .2s ease;
}

/* Checked state */
label.mdjm-switch > input:checked + .mdjm-slider {
  background: #F90;
  border-color: #636363;
}
label.mdjm-switch > input:checked + .mdjm-slider::before {
  transform: translateX(20px);
}

/* Focus ring for keyboard users */
label.mdjm-switch > input:focus-visible + .mdjm-slider {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #F90;
}

/* Disabled */
label.mdjm-switch > input:disabled + .mdjm-slider {
  opacity: .6;
  cursor: not-allowed;
}

.mdjm-hidden { display: none; }
.mdjm-clearfix:after { display: block; visibility: hidden; content: "."; text-indent: -9999px; height: 0; }
.mdjm-wrap a { text-decoration: none; }
a.mdjm-delete { color: #a00; }
a.mdjm-delete:hover { color: #f00; }
a.availability-link { float: right; cursor: pointer;}
a.mdjm-fake { cursor: pointer; cursor: hand; }
.mdjm-mute { opacity: 0.4; }
.mdjm-input-currency {
	width: 75px;
}

.mdjm-send-email-btn {
    display: inline-block;
    padding: 8px 12px;
    border: 2px solid #3b8dbd; /* Changed from 'thick' to '2px' for valid CSS */
    border-radius: 4px;
    background-color: #eaf6fc; /* Replace 'none' with a color or use 'transparent' */
    color: #3b8dbd;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
}

.mdjm-send-email-btn:hover {
    background-color: #3b8dbd;
    color: #ffffff;
}

.mdjm-tick	{
	background-image: url(../images/tick.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

.mdjm-small	{
	font-size: 11px;
}
.mdjm-loader	{
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

.mdjm-new	{
	font-weight: bold;
	color: #F90;
}

.mdjm-bug	{
	font-weight: bold;
	color: #090;
}

.mdjm-general	{
	font-weight: bold;
}

.mdjm-label {
	font-weight: bold;
}

.mdjm-color	{
	color: #F90;
}

.mdjm-select-chosen { min-width: 200px; margin: 4px; padding-bottom: 5px; }
.mdjm-select-chosen label { padding-right: 3px; }
.chosen-container-multi .chosen-choices {
	background-image: none;
	border-color: #dfdfdf;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.chosen-container-multi .chosen-choices input {
	border-color: #dfdfdf;
	height:27px!important;
	margin:2px;
}
.chosen-container .chosen-drop {
	border-color: #aaa;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.chosen-container .search-field {
	float: none!important;
}
.chosen-container .search-field input {
	width: 90%!important;
}
.chosen-container-active .chosen-choices {
	border-color: #aaa;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

#mdjm-pending-notice { display: none; }

#mdjm_availability_fields .notice-wrap {
	background-color: #f4f4f4;
	border-style: solid;
	border-width: 1px 0;
	border-color: #eae9e9;
	padding: 12px 12px 4px;
	overflow: auto;
	margin: 20px -12px -23px;
}

/* Fullcalendar Styles
-------------------------------------------------------------- */
#mdjm-calendar .fc-title,
#mdjm-dashboard-calendar .fc-title {
	font-size: 13px;
}

/* bootstrap default styles make it black. undo */
#mdjm-calendar a.fc-event,
#mdjm-dashboard-calendar a.fc-event {
	color: #fff;
}
.fc-content,
.fc-list-item-title {
	cursor: pointer;
}

/* Dashboard Widget Tooltip */

/* Tooltip wrapper */
.mdjm-tooltip {
	position: relative;
	display: inline-block;
}

/* Tooltip content */
.mdjm-tooltip-content {
	position: absolute;
	z-index: 9999;

	/* Default: show BELOW */
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 6px;

	background: #f5f5f5;
	color: #000;
	font-size: 13px;
	line-height: 1.4;

	padding: 8px 10px;
	border-radius: 3px;

	white-space: normal;
	min-width: 220px;
	max-width: 320px;
	text-align: left;

	visibility: hidden;
	opacity: 0;
	transition: opacity 0.15s ease-in-out;
}

/* Show on hover */
.mdjm-tooltip:hover .mdjm-tooltip-content {
	visibility: visible;
	opacity: 1;
}

.dashboard_table tbody tr:nth-last-child(-n+3) .mdjm-tooltip-content {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: 6px;
}

/* General Settings Styles
-------------------------------------------------------------- */
.mdjm-event_page_mdjm-settings .form-table label { color: #666; font-size: 14px; font-style: italic; margin: 4px 0 0; }
.mdjm-event_page_mdjm-settings .form-table select + label,
.mdjm-event_page_mdjm-settings .form-table input.regular-text ~ label { display:block; }
.mdjm-event_page_mdjm-settings .form-table input.small-text ~ label,
.mdjm-event_page_mdjm-settings .form-table input[type="checkbox"] + label { display: inline; }
.mdjm-event_page_mdjm-settings .form-table tr > th > strong,
.mdjm-event_page_mdjm-settings .form-table tr > th > h3
{ font-size: 1.2em; font-weight: 600; margin: 0 auto; }

.wrap-licenses .form-table,
.wrap-licenses thead,
.wrap-licenses tbody,
.wrap-licenses tfoot,
.wrap-licenses tr,
.wrap-licenses td,
.wrap-licenses th,
.wrap-licenses caption {
	display: block;
}
.wrap-licenses .form-table tr {
	float: left;
	margin: 0 15px 15px 0;
	background: #fff;
	border: 1px solid #ccc;
	width: 30.5%;
	max-width: 350px;
	padding: 14px;
	min-height: 220px;
	position: relative;
	box-sizing: border-box;
}
.wrap-licenses .form-table th {
	background: #f9f9f9;
	padding: 14px;
	border-bottom: 1px solid #ccc;
	margin: -14px -14px 20px;
	width: 100%;
}
.wrap-licenses .form-table td {
	padding: 0;
}
.wrap-licenses td input.regular-text {
	margin: 0 0 8px;
	width: 100%;
}
.wrap-licenses .mdjm-license-data[class*="mdjm-license-"] {
	position: absolute;
	background: #fafafa;
	padding: 14px;
	border-top: 1px solid #eee;
	margin: 20px -14px -14px;
	min-height: 67px;
	width: 100%;
	bottom: 14px;
	box-sizing: border-box;
}
.wrap-licenses .mdjm-license-data[class*="mdjm-license-"] a {
	color: #444;
}
.wrap-licenses .mdjm-license-data[class*="mdjm-license-"] a:hover {
	text-decoration: none;
}
.wrap-licenses .mdjm-license-data.license-expires-soon-notice {
	background-color: #00a0d2;
	color: #fff;
	border-color: #00a0d2;
}
.wrap-licenses .mdjm-license-data.mdjm-license-expired {
	background-color: #e24e4e;
	color: #fff;
	border-color: #e24e4e;
}
.wrap-licenses .mdjm-license-data.mdjm-license-error,
.wrap-licenses .mdjm-license-data.mdjm-license-missing,
.wrap-licenses .mdjm-license-data.mdjm-license-invalid,
.wrap-licenses .mdjm-license-data.mdjm-license-site_inactive,
.wrap-licenses .mdjm-license-data.mdjm-license-item_name_mismatch {
	background-color: #ffebcd;
	border-color: #ffebcd;
}
.wrap-licenses .mdjm-license-data p {
	font-size: 13px;
	margin-top: 0;
}
.wrap-licenses .mdjm-license-data.license-expires-soon-notice a,
.wrap-licenses .mdjm-license-data.mdjm-license-expired a {
	color: #fff;
}
.wrap-licenses .mdjm-license-data.license-expires-soon-notice a:hover,
.wrap-licenses .mdjm-license-data.mdjm-license-expired a:hover {
	text-decoration: none;
}
.wrap-licenses p.submit {
	clear: both;
}

.mdjm-settings-section {
	margin: 0 0px 10px 0;
	width: 100%;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.mdjm-settings-section a {
	padding: 10px;
	display: block;
}

.mdjm-settings-section a.current {
	border-bottom: 3px solid #2271b1;
	padding-bottom: 9px;
}

/* =Client Field Settings
-------------------------------------------------------------- */
.mdjm-client-field-container	{
	overflow: hidden;
}

/* -- 2 Column -- */
.mdjm-client-field-column-left	{
	float: left;
	width: 70%;
}

.mdjm-client-field-column-right	{
	float: right;
	width: 30%;
}

/* =Custom Event Fields
-------------------------------------------------------------- */
.mdjm-event-field-container	{
	overflow: hidden;
}

/* -- 2 Column -- */
.mdjm-event-field-column-left	{
	float: left;
	width: 70%;
}

.mdjm-event-field-column-right	{
	float: right;
	width: 30%;
}

/* =Notifications
-------------------------------------------------------------- */
.mdjm-info, .mdjm-success, .mdjm-warning, .mdjm-error, .mdjm-validation	{
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 12px;
}

.mdjm-info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/info-icon.png');
}

.mdjm-success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../images/success-icon.png');
}

.mdjm-warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/warning-icon.png');
}

.mdjm-error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/error-icon.png');
}

.mdjm-validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('../images/info-icon.png');
}
.mdjm-updating	{
	border: solid 1px #F90 !important;
	color: #F90 !important;
}

/* =jQuery Validation
-------------------------------------------------------------- */
.mdjm-form-error,
.mdjm-select-chosen .mdjm-form-error {
	color: #F00;
	font-weight: bold;
}

input.mdjm-form-error {
	border: solid 1px #F00;
	box-shadow: 0 0 5px #F00;
	color: #000000;
	font-weight: normal;
}

select.mdjm-form-error {
	border: solid 1px #F00;
	box-shadow: 0 0 5px #F00;
	color: #000000;
	font-weight: normal;
}

textarea.mdjm-form-error {
	border: solid 1px #F00;
	box-shadow: 0 0 5px #F00;
	color: #000000;
	font-weight: normal;
}

checkbox.mdjm-form-error {
	border: solid 1px #F00;
	box-shadow: 0 0 5px #F00;
	color: #000000;
	font-weight: normal;
}

.mdjm-form-valid {
	color: #000000;
}

/* =Sortable
-------------------------------------------------------------- */
.mdjm_draghandle { display: block; width: 20px; height: 20px; background: url(../images/mdjm-cross-hair.png); cursor: move; margin: 4px 0 0 0; }
.mdjm_sortable_row td { vertical-align: middle }

/* =Footer Text
-------------------------------------------------------------- */
.mdjm-admin-footer	{
	color: #F90;
}

.mdjm-admin-footer a	{
	color: #F90;
	text-decoration: none;
}

.mdjm-admin-footer a:link {
	color: #F90;
}

.mdjm-admin-footer a:visited {
	color: #F90;
	text-decoration: underline;
}

/* =Dashboard Widgets
-------------------------------------------------------------- */
.mdjm_stat_grid table {
	border-collapse: collapse;
	width: 100%;
}

.mdjm_stat_grid {
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden;
}

.mdjm_stat_grid table td, .mdjm_stat_grid table th {
	padding: 3px 10px;
}

.mdjm_stat_grid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #FFFFFF) );
	background:-moz-linear-gradient( center top, #FFFFFF 5%, #FFFFFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
	background-color:#FFFFFF;
	color:#B0B0B0;
	font-size: 11px;
	font-weight: bold;
	border-left: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}

.mdjm_stat_grid table tbody th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #FFFFFF) );
	background:-moz-linear-gradient( center top, #FFFFFF 5%, #FFFFFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
	background-color:#FFFFFF;
	color:#B0B0B0;
	font-size: 11px;
	font-weight: bold;
	border-left: 1px solid #DBDBDB;
}

.mdjm_stat_grid table thead th:first-child {
	border-bottom: 1px solid #DBDBDB;
	border-left: none;
	width: 33%;
	text-align: left;
}

.mdjm_stat_grid table tbody td {
	color: #B0B0B0;
	border-left: 1px solid #DBDBDB;
	font-size: 12px;
	border-bottom: none;
	font-weight: normal;
	text-align: center;
}

.mdjm_stat_grid table tbody td:first-child {
	border: none;
	width: 35%;
}

.mdjm_stat_grid table tbody th:first-child {
	border: none;
	text-align: left;
	width: 35%;
}

.mdjm_stat_grid table tbody tr:last-child td {
	border-bottom: none;
}

.mdjm_stat_grid table tbody tr:nth-child(4) {
	border-bottom: none;
	border-top: 1px solid #DBDBDB;
}

.mdjm_stat_grid table tbody tr:last-child td {
	border-bottom: none;
}

.mdjm_stat_grid p	{
	text-align: center;
	font-size: 12px;
}

.mdjm-current-day-overview	{
	font-size: 12px;
	color: #b0b0b0;
	position: relative;
	width: 100%;
	padding: 8px;
}

.mdjm-current-day-overview .cell	{
	height: 100%;
	display: inline-block;
}

.mdjm-current-day-overview .cell:first-of-type{
	width:25%;
	height:100%;
}

.mdjm_event_grid table {
	border-collapse: collapse;
	width: 100%;
}

.mdjm_event_grid {
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden;
}

.mdjm_event_grid table td, .mdjm_event_grid table th {
	padding: 3px 10px;
}

.mdjm_event_grid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #FFFFFF) );
	background:-moz-linear-gradient( center top, #FFFFFF 5%, #FFFFFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
	background-color:#FFFFFF;
	color:#B0B0B0;
	font-size: 11px;
	font-weight: bold;
	border-left: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}

.mdjm_event_grid table tbody th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #FFFFFF) );
	background:-moz-linear-gradient( center top, #FFFFFF 5%, #FFFFFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
	background-color:#FFFFFF;
	color:#B0B0B0;
	font-size: 11px;
	font-weight: bold;
	border-left: 1px solid #DBDBDB;
}

.mdjm_event_grid table thead th:first-child {
	border-bottom: 1px solid #DBDBDB;
	border-left: none;
	width: 33%;
	text-align: left;
}

.mdjm_event_grid table tbody td {
	color: #B0B0B0;
	border-left: 1px solid #DBDBDB;
	font-size: 12px;
	border-bottom: none;
	font-weight: normal;
	text-align: center;
}

.mdjm_event_grid table tbody td:first-child {
	border: none;
	width: 35%;
}

.mdjm_event_grid table tbody th:first-child {
	border: none;
	text-align: left;
	width: 35%;
}

.mdjm_event_grid table tbody tr:last-child td {
	border-bottom: none;
}

.mdjm_event_grid table tbody tr:last-child td {
	border-bottom: none;
}

.mdjm_event_grid p	{
	text-align: center;
	font-size: 12px;
}

.mdjm-current-day-overview	{
	font-size: 12px;
	color: #b0b0b0;
	position: relative;
	width: 100%;
	padding: 8px;
}

.mdjm-current-day-overview .cell	{
	height: 100%;
	display: inline-block;
}

.mdjm-current-day-overview .cell:first-of-type{
	width:25%;
	height:100%;
}

.dashboard_table {
	width:100%;
	overflow-x:auto;
	overflow-y:visible;
	position:relative;
    font: normal 12px/150% Arial, Helvetica, sans-serif;
}

.dashboard_table table {
	border: 1px solid #dededf;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 1px;
	text-align: center;
}

.dashboard_table caption {
	caption-side: top;
	text-align: left;
	font-weight: 600;
	padding: 6px 0;
}

.dashboard_table th {
	background: #FFFFFF;
	color: #B0B0B0;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #DBDBDB;
	padding: 3px 10px;
	text-align: center;
}

.dashboard_table td {
	color: #B0B0B0;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #DBDBDB;
	padding: 3px 10px;
}

/* =Task Page Styles
-------------------------------------------------------------- */
.wp-list-table th.column-active	{
	width: 50px;
}

.wp-list-table th.column-frequency,
.wp-list-table th.column-totalruns,
.wp-list-table th.column-lastran,
.wp-list-table th.column-nextrun	{
	width: 125px;
}

.wp-list-table th.column-name	{
	width: 175px;
}

/* Task Details Page Styles
-------------------------------------------------------------- */

#mdjm-edit-task-form .column {
	width: 32%;
}
#mdjm-edit-task-form .columns-4 .column:nth-child(2n+1),
#mdjm-edit-task-form .columns-5 .column:nth-child(3n+1),
#mdjm-edit-task-form .column:nth-child(2n+1) {
	margin-right: 0;
}
.mdjm-admin-box .label {
	font-weight: 600;
}
.mdjm-admin-box-inside {
	border-bottom: 1px solid #eee;
	clear: both;
	padding: 3px 12px;
	margin: 0;
	word-break: break-word;
}
.rtl .mdjm-admin-box-inside {
	padding: 5px 10px 5px 0;
}
.mdjm-admin-box-inside .strong {
	font-weight: 600;
}
.mdjm-admin-box .right {
	float: right;
}
.rtl .mdjm-admin-box .right {
	float: left;
	margin-left: 10px;
}
#mdjm-task-update .inside {
	margin: 0;
	padding: 0;
}
.mdjm-admin-box-inside:last-child {
	border-bottom: 0;
}
#mdjm-edit-task-form .data-payment-key {
	word-break: break-all;
}
.mdjm-task-update-box #major-publishing-actions .button-secondary {
	margin-right: 10px;
}
#mdjm-edit-task-form .column input,
#mdjm-task-details .task-data-column p.data input {
	clear: both;
	display: block;
}
#mdjm-task-details .task-info .column,
#mdjm-task-email-options .email-options .column {
	width: 49%;
}
#mdjm-task-details .column-2,
#mdjm-task-email-options .column-2 {
	float: right;
}
#mdjm-task-update span.label {
	display: inline;
	width: 50px;
}
.mdjm-task-update-box .button-primary {
	margin-right: 0;
}
#mdjm-edit-task-form .column .description {
	padding-right: 10px;
}
#mdjm-edit-task-form .column {
	display: inline-block;
	line-height: 1.4;
	position: relative;
	margin: 0;
	vertical-align: middle;
}
@media screen and ( max-width: 782px ) {

	#mdjm-edit-task-form .column {
		width: 49%;
	}

}

@media screen and ( max-width: 600px ) {

	#mdjm-edit-task-form .column {
		width: 100%;
	}

}

/* Extensions Page Styles
-------------------------------------------------------------- */
.mdjm-extension-wrapper {
	overflow: hidden;
}

.mdjm-extension-header {
	margin: 0 15px;
    background: #FFF;
    padding: 12px 0;
    border: 1px solid #000;
    border-radius: 4px;
    text-align: center;
	column-gap: 10px;
}

.col {
	background: #eee;
	float: left;
	margin-left: 3.2%;
	margin-bottom: 30px;
}
.fullwidth .col {
	float: none;
	margin-left: 0;
}

.grid4 .col {
	width: 22.6%;
}

.grid3 .col {
	width: 31.2%;
}

.grid2 .col {
	width: 48.4%;
}

.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

@media screen and (max-width: 740px) {
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}

@media screen and (max-width: 600px) {
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	.grid3 .col {
		width: 48.4%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

@media screen and (max-width: 400px) {
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}

.mdjm-extension-item {
width: calc(100% - 25px);
background: #FFFFFF;
margin: 25px auto;
text-align: left;
height: 425px;

-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.mdjm-extension-item-img {
position: relative;
width: 100%;
}

.mdjm-extension-item-img img {
position: relative;
width: 100%;
}

.mdjm-extension-item-desc {
position: relative;
padding: 25px;
}

.mdjm-extension-item-desc a {
position: relative;
display: block;
font-weight: 500;
margin: 25px 0 0 0;
color: #37474F;
}

.mdjm-extension-item-heading {
margin: 0 0 10px 0;
font-weight: 500;
font-size: 16px;
}

.mdjm-extension-item-excerpt	{
	height: 100px;
}

.mdjm-extension-buy-now {
	padding-top: 20px;
	text-align: center !important;
	font-weight: normal;
}

/* =Metaboxes
-------------------------------------------------------------- */
#titlediv #_mdjm_event_name {
	padding: 3px 8px;
	font-size: 1.7em;
	line-height: 100%;
	height: 1.7em;
	width: 100%;
	outline: none;
	margin: 0 0 3px;
	background-color: #fff;
}

/* Bootstrap sets the font-size too high, undo */
#mdjm_availability_fields { font-size: 13px; }

.mdjm_event_overview_wrapper:not(:first-child),
.mdjm_availability_wrapper:not(:first-child) {
	margin-top: 12px;
}
.mdjm_event_overview_wrapper .mdjm-select-chosen { margin: 0px; }
#mdjm_event_overview_event_fields,
#mdjm_event_overview_event_price_fields {
	margin-top: 12px;
}
#mdjm-event-actions .mdjm-select-chosen { min-width: 200px; margin: 2px; padding-bottom: 2px; }
#mdjm-event-actions a.chosen-single	{
	min-width: 200px;
}
.mdjm-repeatable-row-actions {
	color: #777;
	font-size: 12px;
}
.mdjm-repeatable-row-actions a {
	text-decoration: none;
	width: auto;
	cursor: pointer;
	vertical-align: middle;
}
.mdjm-repeatable-row-actions .toggle-client-add-option-section,
.mdjm-repeatable-row-actions .toggle-client-details-option-section,
.mdjm-repeatable-row-actions .toggle-add-worker-section,
.mdjm-repeatable-row-actions .toggle-event-options-section,
.mdjm-repeatable-row-actions .toggle-event-type-option-section,
.mdjm-repeatable-row-actions .toggle-event-view-venue-option-section,
.mdjm-repeatable-row-actions .toggle-event-add-venue-option-section,
.mdjm-repeatable-row-actions .toggle-availability-checker-section,
.mdjm-repeatable-row-actions .toggle-add-absence-section {
	color: #777;
}
.mdjm-repeatable-row-actions .toggle-client-add-option-section:hover,
.mdjm-repeatable-row-actions .toggle-client-details-option-section:hover,
.mdjm-repeatable-row-actions .toggle-add-worker-section:hover,
.mdjm-repeatable-row-actions .toggle-event-options-section:hover,
.mdjm-repeatable-row-actions .toggle-event-type-option-section:hover,
.mdjm-repeatable-row-actions .toggle-event-view-venue-option-section:hover,
.mdjm-repeatable-row-actions .toggle-event-add-venue-option-section:hover,
.mdjm-repeatable-row-actions .toggle-availability-checker-section:hover,
.mdjm-repeatable-row-actions .toggle-add-absence-section:hover {
	color: #444;
}

.mdjm-client-row-header,
.mdjm-event-row-header,
.mdjm-package-row-header,
.mdjm-availability-row-header,
.mdjm-repeatable-row-header {
	clear: both;
	background: #f1f1f1;
	border: 1px solid #e5e5e5;
}
.mdjm-repeatable-row-header {
	cursor: move;
}
.mdjm-client-row-header:before,
.mdjm-client-row-header:after,
.mdjm-event-row-header:before,
.mdjm-event-row-header:after,
.mdjm-package-row-header:before,
.mdjm-package-row-header:after,
.mdjm-availability-row-header:before,
.mdjm-availability-row-header:after,
.mdjm-repeatable-row-header:before,
.mdjm-repeatable-row-header:after {
	content: '';
	display: table;
}
.mdjm-client-row-header:after,
.mdjm-event-row-header:after,
.mdjm-package-row-header:after,
.mdjm-availability-row-header:after,
.mdjm-repeatable-row-header:after {
	clear: both;
}

.mdjm-repeatable-row-title {
	float: left;
	font-weight: 600;
}

.mdjm-repeatable-row-title,
.mdjm-repeatable-row-actions {
	padding: 8px;
	box-sizing: border-box;
}

.mdjm-repeatable-row-actions {
	float: right;
	text-align: right;
	padding: 8px;
}
.mdjm-repeatable-row-actions .mdjm-remove-row {
	font-size: 12px;
	width: auto;
	cursor: pointer;
}

.mdjm-repeatable-row-standard-fields {
	background: #f9f9f9;
	padding: 8px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #e5e5e5;
}

.mdjm-repeatable-row-setting-label {
	display: block;
	margin-bottom: 4px;
}
.mdjm-repeatable-row-setting-label .mdjm-help-tip {
	display: inline-block;
	margin-left: 4px;
}
.mdjm-client-name,
.mdjm-quote-template,
.mdjm-online-template,
.mdjm-event-primary-employee,
.mdjm-event-employee-wage,
.mdjm-event-add-worker,
.mdjm-event-type,
.mdjm-event-contract,
.mdjm-event-venue,
.mdjm-event-date,
.mdjm-event-finish-date,
.mdjm-event-setup-date,
.mdjm-event-start-time,
.mdjm-event-end-time,
.mdjm-event-setup-time,
.mdjm-event-package,
.mdjm-event-addons,
.mdjm-event-client-notes,
.mdjm-event-package-cost,
.mdjm-event-addons-cost,
.mdjm-event-travel-cost,
.mdjm-event-additional-cost,
.mdjm-event-discount,
.mdjm-event-deposit,
.mdjm-event-cost,
.mdjm-custom-field,
.mdjm-availability-check-date,
.mdjm-repeatable-option {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.mdjm-client-name,
.mdjm-quote-template,
.mdjm-online-template,
.mdjm-event-primary-employee,
.mdjm-event-employee-wage,
.mdjm-event-add-worker,
.mdjm-event-type,
.mdjm-event-contract,
.mdjm-event-venue,
.mdjm-event-date,
.mdjm-event-finish-date,
.mdjm-event-setup-date,
.mdjm-event-start-time,
.mdjm-event-end-time,
.mdjm-event-setup-time,
.mdjm-event-package,
.mdjm-event-addons,
.mdjm-event-package-cost,
.mdjm-event-addons-cost,
.mdjm-event-travel-cost,
.mdjm-event-additional-cost,
.mdjm-event-discount,
.mdjm-event-deposit,
.mdjm-event-cost,
.mdjm-availability-check-date,
.mdjm-custom-field {
	width: 25%;
	margin-right: 5%;
}
.mdjm-custom-field input[type="text"] {
	width: 200px;
}
.mdjm-repeatable-option {
	text-align: center;
	min-width: 80px;
}
/* Hidden Sections */
.mdjm-custom-event-sections-wrap,
.mdjm-client-add-event-sections-wrap,
.mdjm-client-details-event-sections-wrap,
.mdjm-event-workers-sections-wrap,
.mdjm-event-options-sections-wrap,
.mdjm-add-event-type-sections-wrap,
.mdjm-event-venue-details-sections-wrap,
.mdjm-add-event-venue-sections-wrap,
.mdjm-availability-add-absence-sections-wrap {
	display: none;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #e5e5e5;
	box-sizing: border-box;
	width: 100%;
}

#mdjm-event-worker-add {
	display: block;
}

/* Visible Sections */
.mdjm-event-details-client-template-sections-wrap,
.mdjm-event-details-event-sections-wrap {
	background: #f9f9f9;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #e5e5e5;
	box-sizing: border-box;
	width: 100%;
}
.mdjm-custom-event-section {
	display: block;
	padding: 10px 8px;
	border-bottom: 1px solid rgba( 222, 222, 222, 0.3 );
}
.mdjm-custom-event-section:last-child {
	border-bottom: none;
}
.mdjm-custom-event-section-title {
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding: 0 0 10px;
}
.mdjm-custom-event-section > *:not(.mdjm-custom-event-section-title) {
	display: inline-block;
	padding-right: 20px;
	vertical-align: top;
	margin-bottom: 4px;
}
.mdjm-custom-event-section > *:not(.mdjm-custom-event-section-title) label {
	display: block;
	margin-bottom: 2px;
}
.mdjm-custom-event-section .mdjm-select-chosen { margin: 0px; }

.mdjm-client-template-fields,
.mdjm-client-new-email,
.mdjm-add-client-action,
.mdjm-event-employee-fields,
.mdjm-event-type-fields,
.mdjm-event-date-fields,
.mdjm-event-package-fields,
.mdjm-event-price-fields,
.mdjm-event-equipment-price-fields,
.mdjm-client-custom-fields,
.mdjm-event-custom-fields,
.mdjm-venue-custom-fields,
.mdjm-check-availabilty-action,
.mdjm-add-absence-action {
	display: block !important;
	margin-top: 6px;
}

.mdjm-availability-checker-fields { display: none; margin-top: 6px; }
.mdjm-absence-start-time-option,
.mdjm-absence-end-time-option { display: none; }

.mdjm-absence-notes-option textarea { min-width: 480px; }

#mdjm-playlist-view {
	text-align: center;
}

#_mdjm_event_notes,
#_mdjm_event_dj_notes,
#_mdjm_event_admin_notes {
	min-height: 5em;
}

.mdjm_event_employee_list {
	min-width: 25%;
	margin: 4px;
}

@media screen and ( max-width: 480px ) {
	.mdjm-repeatable-row-title,
	.mdjm-repeatable-row-actions {
		text-align: left;
		width: 100%;
	}
	.mdjm-repeatable-row-title {
		padding-bottom: 0;
	}
	.mdjm-client-name,
	.mdjm-quote-template,
	.mdjm-online-template,
	.mdjm-event-primary-employee,
	.mdjm-event-employee-wage,
	.mdjm-event-add-worker,
	.mdjm-event-type,
	.mdjm-event-contract,
	.mdjm-event-venue,
	.mdjm-event-date,
	.mdjm-event-finish-date,
	.mdjm-event-setup-date,
	.mdjm-event-start-time,
	.mdjm-event-end-time,
	.mdjm-event-setup-time,
	.mdjm-event-package,
	.mdjm-event-addons,
	.mdjm-event-package-cost,
	.mdjm-event-addons-cost,
	.mdjm-event-travel-cost,
	.mdjm-event-additional-cost,
	.mdjm-event-discount,
	.mdjm-event-deposit,
	.mdjm-event-cost,
	.mdjm-custom-field,
	.mdjm-availability-check-date,
	.mdjm-repeatable-option {
		float: none;
		text-align: left;
		width: 100% !important;
		margin: 10px 0;
	}
}

input[class*="mdjm-name-field"] {
	padding: 3px 5px;
	width: 300px;
}
.mdjm-view-venue-details	{
	padding-right: 5px;
}

#mdjm-travel-data {
	display: block;
}

span.mdjm-travel-unit {
	padding: 5px;
}

/* OLD STYLES */
.mdjm_field_wrap {
	width: 100%;
	vertical-align: top;
	display: inline-block;
}


.mdjm_remove_repeatable { margin: 8px 0 0 0; cursor: pointer; width: 10px; height: 10px; display: inline-block; text-indent: -9999px; overflow: hidden; }
.mdjm_remove_repeatable:active,
.mdjm_remove_repeatable:hover {
	background-position: -10px 0!important
}

.mdjm_form_fields { position: relative; }
.mdjm_form_fields input,
.mdjm_form_fields select,
.mdjm_form_fields textarea { margin: 4px }

.mdjm_form_fields input:not([type='checkbox']),
.mdjm_form_fields textarea { min-width: 150px; }

.mdjm_form_fields textarea { width: 100%; height: 5em; }
.mdjm_form_fields .submit input { width: auto; }
.mdjm_form_fields.description { margin: 2px 0 5px; color: #666; font-size: 13px; font-style: italic; }
.mdjm_form_fields input .mdjm-currency { max-width: 75px; }
.mdjm_form_fields select .mdjm-time { max-width: 10px; }

#mdjm-event-employee-setup-row { display: inline; }
#mdjm-event-employee-setup-row select { vertical-align: top; }

.mdjm_event_txn_add_wrap { width: 100%; }

#mdjm-event-add-new-client-fields,
#mdjm-event-add-txn-table,
#mdjm-event-client-details,
#mdjm_event_custom_client_fields,
#mdjm_event_custom_event_fields,
#mdjm_event_custom_venue_fields,
#mdjm-event-emails-table,
#mdjm_event_details_table,
#mdjm-event-journal-table,
#mdjm_event_packages_table,
#mdjm-event-add-txn-table,
#mdjm-event-add-new-venue-fields { padding-top: 5px; }
#mdjm-event-employee-list { padding-bottom: 5px; }

.mdjm_field_wrap .mdjm_col	{
	float: left;
	min-height: 60px;
	vertical-align: baseline;
}
.mdjm_field_wrap .mdjm_col.col2 { width: 50%; }
.mdjm_field_wrap .mdjm_col.col3 { width: 33%; }

/* 3 column tables */
#mdjm-event-add-new-client-fields table td,
#mdjm-event-add-txn-table table td,
#mdjm-event-add-new-venue-fields table td,
#mdjm-event-venue-details table td { width: 33%; max-width: 33%; }

/* 2 column tables */
#mdjm-event-client-details table td,
#mdjm_event_custom_client_fields table td,
#mdjm_event_custom_event_fields table td,
#mdjm_event_custom_venue_fields table td,
#mdjm_event_details_table table td,
#mdjm_event_packages_table table td { width: 50%; max-width: 50%; }

/* Side Metaboxes */
#mdjm-event-actions hr {
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fafafa;
}
#mdjm-event-actions label {
	display: inline-block;
}
#mdjm-event-actions a {
	display: inline-block;
	width: 100px;
}
#mdjm-event-actions input[type=submit],
#mdjm-event-actions button {
	float: right;
	width: auto;
}
#mdjm-event-actions input[type='text'],
#mdjm-event-actions select {
	width: 150px;
}
#mdjm-event-actions .description {
	color: #666;
	font-size: 11px;
	font-style: italic;
	float: right;
}
#mdjm-event-tasks .description {
	color: #666;
	font-style: italic;
}
#mdjm-event-actions #event-type-add { cursor: pointer; }

#mdjm-new-event-type-row { display: none; vertical-align: top; }

.mdjm-execute-event-task {
	text-align: center;
	margin: 0px;
}

/* System Info page styles
-------------------------------------------------------------- */
#system-info-textarea { width: 800px; height: 400px; font-family: Menlo, Monaco, monospace; background: #FFFFFF; white-space: pre; overflow: auto; display: block; }

/* Reports Styles
-------------------------------------------------------------- */

#mdjm-dashboard-widgets-wrap .postbox h3 {
	cursor: default;
}
#mdjm-graphs-date-options,
#mdjm-date-range-options {
	float: left;
}
#mdjm-date-range-options span {
	float: left;
	line-height: 24px;
	height: 24px;
	margin-right: 6px;
}
.mdjm-import-export-form {
	position: relative;
}
.mdjm-import-export-form .mdjm-progress {
	background: #ddd;
	position: absolute;
	bottom: 15px;
	width: 95%;
	height: 15px;
}
.mdjm-import-export-form .mdjm-progress div {
	background: #ccc;
	height: 100%;
	width: 0;
}
.mdjm-import-export-form .notice-wrap {
	background-color: #f4f4f4;
	border-style: solid;
	border-width: 1px 0;
	border-color: #eae9e9;
	padding: 12px 12px 4px;
	overflow: auto;
	margin: 20px -12px -23px;
}
.mdjm-import-export-form .notice-wrap .spinner {
	margin: 4px 10px 8px;
}
.admin-color-fresh .mdjm-import-export-form .mdjm-progress div {
	background: #0073aa;
}
.admin-color-light .mdjm-import-export-form .mdjm-progress div {
	background: #888;
}
.admin-color-blue .mdjm-import-export-form .mdjm-progress div {
	background: #096484;
}
.admin-color-coffee .mdjm-import-export-form .mdjm-progress div {
	background: #c7a589;
}
.admin-color-ectoplasm .mdjm-import-export-form .mdjm-progress div {
	background: #a3b745;
}
.admin-color-midnight .mdjm-import-export-form .mdjm-progress div {
	background: #e14d43;
}
.admin-color-sunrise .mdjm-import-export-form .mdjm-progress div {
	background: #dd823b;
}
#mdjm-graphs-filter label {
	vertical-align: inherit;
}
#mdjm-graphs-filter .graph-option-section {
	float: left;
	line-height: 2.5em;
	padding-right: 5px;
}
.mdjm-mix-totals {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
	padding: 10px;
}
.mdjm-mix-chart {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.mdjm-graph-notes {
	color: #9c9c9c;
}
.mdjm-graph-notes span {
	display: block;
}
.mdjm-pie-graph .legend {
	display: none;
}
.mdjm-pie-legend {
	overflow: auto;
	margin-top: 10px;
}
.mdjm-legend-item-wrapper {
	color: #333;
	display: inline-block;
	font-size: 8pt;
	padding: 2px 5px 0px 5px;
	width: 48%;
	height: 20px;
}
.mdjm-legend-color {
	border: 1px solid #cfcfcf;
	display: inline-block;
	margin-right: 5px;
	width: 20px;
	height: 15px;
}
.mdjm-pie-legend-item {
	display: inline-block;
	vertical-align: top;
	width: 80%;
}

.discogs-input-group {
	display: flex;
	flex-direction: column;
	margin-top: 5px;
	margin-bottom: 5px;
}