/* 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-new-settings {
    display: flex;
    clear: both;
    margin-bottom: 30px;
    border-radius: 10px;
    max-width: 100%;
}

.mdjm-sidenav {
    width: 200px;
    padding-right: 30px;
	margin-top: 20px;
}

.mdjm-settings-main {
    flex: 1;
    background-color: white;
    margin-bottom: 0;
	padding: 5px 15px;
	border-radius: 10px;
}
.discogs-input-group {
	display: flex;
	flex-direction: column;
	margin-top: 5px;
	margin-bottom: 5px;
}

.mdjm-settings-tab {
    display: block;
    margin: 5px;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 14px;
    color: black;
    text-decoration: none; /* Remove default underline for links */
}

.mdjm-settings-tab:hover {
    background-color: #DCDCDC;
}

.mdjm-settings-tab-active {
    background-color: #DCDCDC;
	font-weight: bold;
}


.mdjm-hidden {
    display: none
}
.mdjm-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    text-indent: -9999px;
    visibility: hidden
}
.mdjm-wrap a {
    text-decoration: none
}
a.mdjm-delete {
    color: #a00
}
a.mdjm-delete:hover {
    color: red
}
a.availability-link {
    cursor: pointer;
    float: right;
}
a.mdjm-fake {
    cursor: pointer;
    cursor: hand;
}
.mdjm-mute {
    opacity: .4
}
.mdjm-input-currency {
    width: 75px
}
.mdjm-tick {
    background-image: url("..images/tick.png");
    background-position: 98% 50%;
    background-repeat: no-repeat
}
.mdjm-small {
    font-size: 11px
}
.mdjm-loader {
    background-image: url("..images/loading.gif");
    background-position: 98% 50%;
    background-repeat: no-repeat
}
.mdjm-new {
    color: #f90;
    font-weight: 700
}
.mdjm-bug {
    color: #090
}
.mdjm-bug, .mdjm-general, .mdjm-label {
    font-weight: 700
}
.mdjm-label .description {
    font-size: 11px;
    font-weight: 400
}
.mdjm-color {
    color: #f90
}
.mdjm-select-chosen {
    margin: 4px;
    min-width: 200px;
    padding-bottom: 5px
}
.mdjm-select-chosen label {
    padding-right: 3px
}
.mdjm-select-chosen .mdjm-form-error {
    color: red;
    font-weight: 700
}
.chosen-container-multi .chosen-choices {
    background-image: none;
    border-color: #dfdfdf;
    border-radius: 3px
}
.chosen-container-multi .chosen-choices input {
    border-color: #dfdfdf;
    height: 27px !important;
    margin: 2px
}
.chosen-container .chosen-drop {
    border-color: #aaa;
    box-shadow: 1px 1px 2px rgba(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-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #aaa;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1)
}
#mdjm-pending-notice {
    display: none
}
#mdjm_availability_fields {
    font-size: 13px
}
#mdjm_availability_fields .notice-wrap {
    background-color: #f4f4f4;
    border-color: #eae9e9;
    border-style: solid;
    border-width: 1px 0;
    margin: 20px -12px -23px;
    overflow: auto;
    padding: 12px 12px 4px
}
#mdjm-calendar .fc-title {
    font-size: 13px
}
#mdjm-calendar a.fc-event {
    color: #fff
}
#mdjm-dashboard-calendar .fc-title {
    font-size: 13px
}
#mdjm-dashboard-calendar a.fc-event {
    color: #fff
}
.fc-content, .fc-list-item-title {
    cursor: pointer
}
.mdjm-tooltip {
	position: relative;
	display: inline-block;
}
.mdjm-tooltip-content {
	position: absolute;
	z-index: 9999;
	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;
}
.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;
}
.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 input.regular-text ~ label, .mdjm-event_page_mdjm-settings .form-table select + 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 > h3, .mdjm-event_page_mdjm-settings .form-table tr > th > strong {
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 auto
}
.wrap-licenses .form-table {
    display: block
}
.wrap-licenses .form-table tr {
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    margin: 0 15px 15px 0;
    max-width: 350px;
    min-height: 220px;
    padding: 14px;
    position: relative;
    width: 30.5%
}
.wrap-licenses .form-table th {
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
    margin: -14px -14px 20px;
    padding: 14px;
    width: 100%
}
.wrap-licenses .form-table td {
    padding: 0
}
.wrap-licenses tbody, .wrap-licenses td, .wrap-licenses tfoot, .wrap-licenses thead, .wrap-licenses tr {
    display: block
}
.wrap-licenses td input.regular-text {
    margin: 0 0 8px;
    width: 100%
}
.wrap-licenses caption, .wrap-licenses th {
    display: block
}
.wrap-licenses .mdjm-license-data[class*=mdjm-license-] {
    background: #fafafa;
    border-top: 1px solid #eee;
    bottom: 14px;
    box-sizing: border-box;
    margin: 20px -14px -14px;
    min-height: 67px;
    padding: 14px;
    position: absolute;
    width: 100%
}
.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;
    border-color: #00a0d2;
    color: #fff
}
.wrap-licenses .mdjm-license-data.license-expires-soon-notice a {
    color: #fff
}
.wrap-licenses .mdjm-license-data.license-expires-soon-notice a:hover {
    text-decoration: none
}
.wrap-licenses .mdjm-license-data.mdjm-license-expired {
    background-color: #e24e4e;
    border-color: #e24e4e;
    color: #fff
}
.wrap-licenses .mdjm-license-data.mdjm-license-expired a {
    color: #fff
}
.wrap-licenses .mdjm-license-data.mdjm-license-expired a:hover {
    text-decoration: none
}
.wrap-licenses .mdjm-license-data.mdjm-license-error, .wrap-licenses .mdjm-license-data.mdjm-license-invalid, .wrap-licenses .mdjm-license-data.mdjm-license-item_name_mismatch, .wrap-licenses .mdjm-license-data.mdjm-license-missing, .wrap-licenses .mdjm-license-data.mdjm-license-site_inactive {
    background-color: #ffebcd;
    border-color: #ffebcd
}
.wrap-licenses .mdjm-license-data p {
    font-size: 13px;
    margin-top: 0
}
.wrap-licenses p.submit {
    clear: both
}
.mdjm-settings-section {
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    margin: 0 0 10px;
    width: 100%
}
.mdjm-settings-section a {
    display: block;
    padding: 10px
}
.mdjm-settings-section a.current {
    border-bottom: 3px solid #2271b1;
    padding-bottom: 9px
}
.mdjm-client-field-container {
    overflow: hidden
}
.mdjm-client-field-column-left {
    float: left;
    width: 70%
}
.mdjm-client-field-column-right {
    float: right;
    width: 30%
}
.mdjm-event-field-container {
    overflow: hidden
}
.mdjm-event-field-column-left {
    float: left;
    width: 70%
}
.mdjm-event-field-column-right {
    float: right;
    width: 30%
}
.mdjm-info {
    background-color: #bde5f8;
    background-image: url("..images/info-icon.png");
    color: #00529b
}
.mdjm-info, .mdjm-success {
    background-position: 10px;
    background-repeat: no-repeat;
    border: 1px solid;
    font-size: 12px;
    margin: 10px 0;
    padding: 15px 10px 15px 50px
}
.mdjm-success {
    background-color: #dff2bf;
    background-image: url("..images/success-icon.png");
    color: #4f8a10
}
.mdjm-warning {
    background-color: #feefb3;
    background-image: url("..images/warning-icon.png");
    color: #9f6000
}
.mdjm-error, .mdjm-warning {
    background-position: 10px;
    background-repeat: no-repeat;
    border: 1px solid;
    font-size: 12px;
    margin: 10px 0;
    padding: 15px 10px 15px 50px
}
.mdjm-error {
    background-color: #ffbaba;
    background-image: url("..images/error-icon.png");
    color: #d8000c
}
.mdjm-validation {
    background-color: #ffccba;
    background-image: url("..images/info-icon.png");
    background-position: 10px;
    background-repeat: no-repeat;
    border: 1px solid;
    color: #d63301;
    font-size: 12px;
    margin: 10px 0;
    padding: 15px 10px 15px 50px
}
.mdjm-updating {
    border: 1px solid #f90 !important;
    color: #f90 !important
}
.mdjm-form-error {
    color: red;
    font-weight: 700
}
checkbox.mdjm-form-error, input.mdjm-form-error, select.mdjm-form-error, textarea.mdjm-form-error {
    border: 1px solid red;
    box-shadow: 0 0 5px red;
    color: #000;
    font-weight: 400
}
.mdjm-form-valid {
    color: #000
}
.mdjm_draghandle {
    background: url("../images/mdjm-cross-hair.png");
    cursor: move;
    display: block;
    height: 20px;
    margin: 4px 0 0;
    width: 20px
}
.mdjm_sortable_row td {
    vertical-align: middle
}
.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
}
.mdjm_stat_grid {
    background: #fff;
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    overflow: hidden
}
.mdjm_stat_grid table {
    border-collapse: collapse;
    width: 100%
}
.mdjm_stat_grid table td, .mdjm_stat_grid table th {
    padding: 3px 10px
}
.mdjm_stat_grid table thead th {
    background: -moz-linear-gradient(center top, #fff 5%, #fff 100%);
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    color: #b0b0b0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF");
    font-size: 11px;
    font-weight: 700
}
.mdjm_stat_grid table thead th:first-child {
    border-bottom: 1px solid #dbdbdb;
    border-left: none;
    text-align: left;
    width: 33%
}
.mdjm_stat_grid table tbody th {
    background: -moz-linear-gradient(center top, #fff 5%, #fff 100%);
    background-color: #fff;
    border-left: 1px solid #dbdbdb;
    color: #b0b0b0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF");
    font-size: 11px;
    font-weight: 700
}
.mdjm_stat_grid table tbody th:first-child {
    border: none;
    text-align: left;
    width: 35%
}
.mdjm_stat_grid table tbody td {
    border-bottom: none;
    border-left: 1px solid #dbdbdb;
    color: #b0b0b0;
    font-size: 12px;
    font-weight: 400;
    text-align: center
}
.mdjm_stat_grid table tbody td:first-child {
    border: none;
    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 p {
    font-size: 12px;
    text-align: center
}
.mdjm-current-day-overview {
    color: #b0b0b0;
    font-size: 12px;
    padding: 8px;
    position: relative;
    width: 100%
}
.mdjm-current-day-overview .cell {
    display: inline-block;
    height: 100%
}
.mdjm-current-day-overview .cell:first-of-type {
    height: 100%;
    width: 25%
}
.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;
}

.mdjm_event_grid {
    background: #fff;
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    overflow: hidden;
}
.mdjm_event_grid table {
    border-collapse: collapse;
    width: 100%
}
.mdjm_event_grid table td, .mdjm_event_grid table th {
    padding: 3px 10px
}
.mdjm_event_grid table thead th {
    background: -moz-linear-gradient(center top, #fff 5%, #fff 100%);
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    color: #b0b0b0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF");
    font-size: 11px;
    font-weight: 700
}
.mdjm_event_grid table thead th:first-child {
    border-bottom: 1px solid #dbdbdb;
    border-left: none;
    text-align: left;
    width: 33%
}
.mdjm_event_grid table tbody th {
    background: -moz-linear-gradient(center top, #fff 5%, #fff 100%);
    background-color: #fff;
    border-left: 1px solid #dbdbdb;
    color: #b0b0b0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF");
    font-size: 11px;
    font-weight: 700
}
.mdjm_event_grid table tbody th:first-child {
    border: none;
    text-align: left;
    width: 35%
}
.mdjm_event_grid table tbody td {
    border-bottom: none;
    border-left: 1px solid #dbdbdb;
    color: #b0b0b0;
    font-size: 12px;
    font-weight: 400;
    text-align: center
}
.mdjm_event_grid table tbody td:first-child {
    border: none;
    width: 35%
}
.mdjm_event_grid table tbody tr:last-child td {
    border-bottom: none
}
.mdjm_event_grid p {
    font-size: 12px;
    text-align: center
}
.wp-list-table th.column-active {
    width: 50px
}
.wp-list-table th.column-frequency, .wp-list-table th.column-lastran, .wp-list-table th.column-nextrun, .wp-list-table th.column-totalruns {
    width: 125px
}
.wp-list-table th.column-name {
    width: 175px
}
#mdjm-edit-task-form .column {
    display: inline-block;
    line-height: 1.4;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 32%
}
#mdjm-edit-task-form .column:nth-child(odd) {
    margin-right: 0
}
#mdjm-edit-task-form .column input {
    clear: both;
    display: block
}
#mdjm-edit-task-form .column .description {
    padding-right: 10px
}
#mdjm-edit-task-form .columns-4 .column:nth-child(odd), #mdjm-edit-task-form .columns-5 .column:nth-child(3n+1) {
    margin-right: 0
}
#mdjm-edit-task-form .data-payment-key {
    word-break: break-all
}
.mdjm-admin-box .label {
    font-weight: 600
}
.mdjm-admin-box .right {
    float: right
}
.mdjm-admin-box-inside {
    border-bottom: 1px solid #eee;
    clear: both;
    margin: 0;
    padding: 3px 12px;
    word-break: break-word
}
.mdjm-admin-box-inside .strong {
    font-weight: 600
}
.mdjm-admin-box-inside:last-child {
    border-bottom: 0
}
.rtl .mdjm-admin-box-inside {
    padding: 5px 10px 5px 0
}
.rtl .mdjm-admin-box .right {
    float: left;
    margin-left: 10px
}
#mdjm-task-update .inside {
    margin: 0;
    padding: 0
}
#mdjm-task-update span.label {
    display: inline;
    width: 50px
}
.mdjm-task-update-box #major-publishing-actions .button-secondary {
    margin-right: 10px
}
.mdjm-task-update-box .button-primary {
    margin-right: 0
}
#mdjm-task-details .task-data-column p.data input {
    clear: both;
    display: block
}
#mdjm-task-details .task-info .column {
    width: 49%
}
#mdjm-task-details .column-2 {
    float: right
}
#mdjm-task-email-options .email-options .column {
    width: 49%
}
#mdjm-task-email-options .column-2 {
    float: right
}
.mdjm-extension-wrapper {
    overflow: hidden
}
.mdjm-extension-header {
	margin: 0 15px;
    background: #FFF;
    padding: 24px 0;
    border: 1px solid #000;
    border-radius: 10px;
    text-align: center;
	width: 100%;
	font-weight: 700;
	font-size: 24px;
}

.mdjm-extension-blurb{
	margin: 0 15px;
	padding: 15px 0;
	font-size: 16px;
}
.mdjm-extensions-page{
	max-width: 100%;
	margin: 25px 40px 0 0;
}
.mdjm-extension-container{
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px;
	width: 90%;
	margin: 0 auto;
	column-gap:20px;
}
.mdjm-bundle-container{
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4, 1fr);
	width: 90%;
	margin: 0 auto;
	column-gap:20px;
}
.mdjm-extension-grid{
    background-color: #fff;
    border: 1px solid #ddd;
    height: auto;
	box-shadow: 1px 1px 3px 1px #ddd;
}
.mdjm-extension-name{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	color: #000;
}
.mdjm-extension-snippet{
	text-align: left;
	padding: 10px 15px;
	font-size: 16px;
}
.mdjm-extension-features{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-top:10px;
	text-decoration: underline;
}
.mdjm-extension-features-list {
    list-style: none;
    padding: 0px 15px;
	color: #000;
	font-size: 16px;
}

.mdjm-extension-features-list li {
    position: relative;
    padding-left: 25px; /* Adds space for the icon */
}

.mdjm-extension-features-list li::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
}

.mdjm-extension-name-section{
	background-color: #eee;
}
.mdjm-extension-button-placeholder {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    display: block;
    justify-content: center; 
    align-items: center; 
}
.mdjm-extension-price {
    display: block; /* Ensures this element takes up a full line */
    margin-bottom: 30px; /* Adds space below the price */
    font-size: 36px; /* Adjust font size as needed */
    font-weight: bold; /* Optional: Make the price bold */
	text-align:center;
}

.mdjm-extension-button {
    display: block; /* Ensures the button container takes up a full line */
    text-align: center; /* Optional: Center the button horizontally */
}


.mdjm-button-secondary {
    color: #555d66;
    background: #f6f7f7;
    border-color: #ccc;
    box-shadow: 0 1px 0 #ccc;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    padding: 6px 12px;
    border-radius: 3px;
    font-size: 13px;
	font-style:italic;
}

.col {
    background: #eee;
    float: left;
    margin-bottom: 30px;
    margin-left: 3.2%
}
.fullwidth .col {
    float: none;
    margin-left: 0
}
.grid4 .col {
    width: 22.6%
}
.grid4 .col:nth-of-type(4n+1) {
    clear: left;
    margin-left: 0
}
.grid3 .col {
    width: 31.2%
}
.grid3 .col:nth-of-type(3n+1) {
    clear: left;
    margin-left: 0
}
.grid2 .col {
    width: 48.4%
}
.grid2 .col:nth-of-type(odd) {
    clear: left;
    margin-left: 0
}
.mdjm-extension-item {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, .75);
    height: 425px;
    margin: 25px auto;
    text-align: left;
    width: calc(100% - 25px)
}
.mdjm-extension-item-img, .mdjm-extension-item-img img {
    position: relative;
    width: 100%
}
.mdjm-extension-item-desc {
    padding: 25px;
    position: relative
}
.mdjm-extension-item-desc a {
    color: #37474f;
    display: block;
    font-weight: 500;
    margin: 25px 0 0;
    position: relative
}
.mdjm-extension-item-heading {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px
}
.mdjm-extension-item-excerpt {
    height: 100px
}
.mdjm-extension-buy-now {
    font-weight: 400;
    padding-top: 20px;
    text-align: center !important
}
#titlediv #_mdjm_event_name {
    background-color: #fff;
    font-size: 1.7em;
    height: 1.7em;
    line-height: 100%;
    margin: 0 0 3px;
    outline: none;
    padding: 3px 8px;
    width: 100%
}
.mdjm_event_overview_wrapper:not(:first-child) {
    margin-top: 12px
}
.mdjm_event_overview_wrapper .mdjm-select-chosen {
    margin: 0
}
#mdjm_event_overview_event_fields, #mdjm_event_overview_event_price_fields, .mdjm_availability_wrapper:not(:first-child) {
    margin-top: 12px
}
#mdjm-event-actions .mdjm-select-chosen {
    margin-top: 6px;
    min-width: 200px
}
#mdjm-event-actions a.chosen-single {
    min-width: 200px
}
#mdjm-event-actions hr {
    border: 0;
    border-bottom: 1px solid #fafafa;
    border-top: 1px solid #ddd
}
#mdjm-event-actions label {
    display: inline-block;
}
#mdjm-event-actions a {
    display: inline-block;
    width: 100px
}
#mdjm-event-actions button, #mdjm-event-actions input[type=submit] {
    float: right;
    width: auto
}
#mdjm-event-actions input[type=text], #mdjm-event-actions select {
    width: 150px
}
#mdjm-event-actions .description {
    color: #666;
    float: right;
    font-size: 11px;
    font-style: italic
}
#mdjm-event-actions #event-type-add {
    cursor: pointer
}
.mdjm-repeatable-row-actions {
    box-sizing: border-box;
    color: #777;
    float: right;
    font-size: 12px;
    padding: 8px;
    text-align: right
}
.mdjm-repeatable-row-actions a {
    cursor: pointer;
    text-decoration: none;
    vertical-align: middle;
    width: auto
}
.mdjm-repeatable-row-actions .toggle-client-add-option-section {
    color: #777
}
.mdjm-repeatable-row-actions .toggle-client-add-option-section:hover {
    color: #444
}
.mdjm-repeatable-row-actions .toggle-client-details-option-section {
    color: #777
}
.mdjm-repeatable-row-actions .toggle-client-details-option-section:hover {
    color: #444
}
.mdjm-repeatable-row-actions .toggle-add-worker-section {
    color: #777
}
.mdjm-repeatable-row-actions .toggle-add-worker-section:hover {
    color: #444
}
.mdjm-repeatable-row-actions .toggle-event-options-section {
    color: #777
}
.mdjm-repeatable-row-actions .toggle-event-options-section:hover {
    color: #444
}
.mdjm-repeatable-row-actions .toggle-event-type-option-section {
    color: #777
}
.mdjm-repeatable-row-actions .toggle-event-type-option-section:hover {
    color: #444
}
.mdjm-repeatable-row-actions .toggle-event-view-venue-option-section {
    color: #777
}
.mdjm-repeatable-row-actions .toggle-event-view-venue-option-section:hover {
    color: #444
}
.mdjm-repeatable-row-actions .toggle-event-add-venue-option-section {
    color: #777
}
.mdjm-repeatable-row-actions .toggle-event-add-venue-option-section:hover {
    color: #444
}
.mdjm-repeatable-row-actions .toggle-availability-checker-section {
    color: #777
}
.mdjm-repeatable-row-actions .toggle-availability-checker-section:hover {
    color: #444
}
.mdjm-repeatable-row-actions .toggle-add-absence-section {
    color: #777
}
.mdjm-repeatable-row-actions .toggle-add-absence-section:hover {
    color: #444
}
.mdjm-repeatable-row-actions .mdjm-remove-row {
    cursor: pointer;
    font-size: 12px;
    width: auto
}
.mdjm-client-row-header {
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    clear: both
}
.mdjm-client-row-header:before {
    content: "";
    display: table
}
.mdjm-client-row-header:after {
    clear: both;
    content: "";
    display: table
}
.mdjm-event-row-header {
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    clear: both
}
.mdjm-event-row-header:before {
    content: "";
    display: table
}
.mdjm-event-row-header:after {
    clear: both;
    content: "";
    display: table
}
.mdjm-package-row-header {
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    clear: both
}
.mdjm-package-row-header:before {
    content: "";
    display: table
}
.mdjm-package-row-header:after {
    clear: both;
    content: "";
    display: table
}
.mdjm-availability-row-header {
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    clear: both
}
.mdjm-availability-row-header:before {
    content: "";
    display: table
}
.mdjm-availability-row-header:after {
    clear: both;
    content: "";
    display: table
}
.mdjm-repeatable-row-header {
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    clear: both;
    cursor: move
}
.mdjm-repeatable-row-header:before {
    content: "";
    display: table
}
.mdjm-repeatable-row-header:after {
    clear: both;
    content: "";
    display: table
}
.mdjm-repeatable-row-title {
    box-sizing: border-box;
    float: left;
    font-weight: 600;
    padding: 8px
}
.mdjm-repeatable-row-pricing-fields {
    width: 100%
}
.mdjm-repeatable-row-standard-fields {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-top: 0 solid #e5e5e5;
    padding: 8px
}
.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-event-add-worker, .mdjm-event-addons, .mdjm-event-contract, .mdjm-event-date, .mdjm-event-employee-wage, .mdjm-event-end-time, .mdjm-event-finish-date, .mdjm-event-package, .mdjm-event-primary-employee, .mdjm-event-setup-date, .mdjm-event-setup-time, .mdjm-event-start-time, .mdjm-event-type, .mdjm-event-venue, .mdjm-online-template, .mdjm-quote-template {
    display: inline-block;
    margin-right: 5%;
    vertical-align: top;
    width: 25%
}
.mdjm-event-client-notes {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}
.mdjm-custom-field, .mdjm-event-additional-cost, .mdjm-event-addons-cost, .mdjm-event-cost, .mdjm-event-deposit, .mdjm-event-discount, .mdjm-event-package-cost, .mdjm-event-travel-cost {
    margin-right: 5%;
    vertical-align: top
}
.mdjm-custom-field {
    display: inline-block;
    width: 25%
}
.mdjm-custom-field input[type=text] {
    width: 200px
}
.mdjm-availability-check-date {
    display: inline-block;
    margin-right: 5%;
    vertical-align: top;
    width: 25%
}
.mdjm-repeatable-option {
    display: inline-block;
    margin-right: 10px;
    min-width: 80px;
    text-align: center;
    vertical-align: top
}
.mdjm-add-event-type-sections-wrap, .mdjm-add-event-venue-sections-wrap, .mdjm-availability-add-absence-sections-wrap, .mdjm-client-add-event-sections-wrap, .mdjm-client-details-event-sections-wrap, .mdjm-custom-event-sections-wrap, .mdjm-event-options-sections-wrap, .mdjm-event-venue-details-sections-wrap, .mdjm-event-workers-sections-wrap {
    border: 1px solid #e5e5e5;
    border-top: 0 solid #e5e5e5;
    box-sizing: border-box;
    display: none;
    width: 100%
}
#mdjm-event-worker-add {
    display: block
}
.mdjm-event-details-client-template-sections-wrap, .mdjm-event-details-event-sections-wrap {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-top: 0 solid #e5e5e5;
    box-sizing: border-box;
    width: 100%
}
.mdjm-custom-event-section {
    border-bottom: 1px solid hsla(0, 0%, 87%, .3);
    display: block;
    padding: 10px 8px
}
.mdjm-custom-event-section:last-child {
    border-bottom: none
}
.mdjm-custom-event-section > :not(.mdjm-custom-event-section-title) {
    display: inline-block;
    margin-bottom: 4px;
    padding-right: 20px;
    vertical-align: top
}
.mdjm-custom-event-section > :not(.mdjm-custom-event-section-title) label {
    display: block;
    margin-bottom: 2px
}
.mdjm-custom-event-section .mdjm-select-chosen {
    margin: 0
}
.mdjm-custom-event-section-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 10px
}
.mdjm-add-absence-action, .mdjm-add-client-action, .mdjm-check-availabilty-action, .mdjm-client-custom-fields, .mdjm-client-new-email, .mdjm-client-template-fields, .mdjm-event-custom-fields, .mdjm-event-date-fields, .mdjm-event-employee-fields, .mdjm-event-equipment-price-fields, .mdjm-event-package-fields, .mdjm-event-price-fields, .mdjm-event-type-fields, .mdjm-venue-custom-fields {
    display: block !important;
    margin-top: 6px
}
.mdjm-availability-checker-fields {
    display: none;
    margin-top: 6px
}
.mdjm-absence-end-time-option, .mdjm-absence-start-time-option {
    display: none
}
.mdjm-absence-notes-option textarea {
    min-width: 480px
}
#mdjm-playlist-view {
    text-align: center
}
#_mdjm_event_admin_notes, #_mdjm_event_dj_notes, #_mdjm_event_notes {
    min-height: 5em
}
.mdjm_event_employee_list {
    margin: 4px;
    min-width: 25%
}
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
}
.mdjm_field_wrap {
    display: inline-block;
    vertical-align: top;
    width: 100%
}
.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%
}
.mdjm_remove_repeatable {
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 8px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 10px
}
.mdjm_remove_repeatable:active, .mdjm_remove_repeatable:hover {
    background-position: -10px 0 !important
}
.mdjm_form_fields {
    position: relative
}
.mdjm_form_fields input {
    margin: 4px
}
.mdjm_form_fields input:not([type=checkbox]) {
    min-width: 150px
}
.mdjm_form_fields input .mdjm-currency {
    max-width: 75px
}
.mdjm_form_fields select {
    margin: 4px
}
.mdjm_form_fields select .mdjm-time {
    max-width: 10px
}
.mdjm_form_fields textarea {
    height: 5em;
    margin: 4px;
    min-width: 150px;
    width: 100%
}
.mdjm_form_fields .submit input {
    width: auto
}
.mdjm_form_fields.description {
    color: #666;
    font-size: 13px;
    font-style: italic;
    margin: 2px 0 5px
}
#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 {
    padding-top: 5px
}
#mdjm-event-add-new-client-fields table td {
    max-width: 33%;
    width: 33%
}
#mdjm-event-add-txn-table {
    padding-top: 5px
}
#mdjm-event-add-txn-table table td {
    max-width: 33%;
    width: 33%
}
#mdjm-event-client-details {
    padding-top: 5px
}
#mdjm-event-client-details table td {
    max-width: 50%;
    width: 50%
}
#mdjm_event_custom_client_fields {
    padding-top: 5px
}
#mdjm_event_custom_client_fields table td {
    max-width: 50%;
    width: 50%
}
#mdjm_event_custom_event_fields {
    padding-top: 5px
}
#mdjm_event_custom_event_fields table td {
    max-width: 50%;
    width: 50%
}
#mdjm_event_custom_venue_fields {
    padding-top: 5px
}
#mdjm_event_custom_venue_fields table td {
    max-width: 50%;
    width: 50%
}
#mdjm-event-emails-table, #mdjm_event_details_table {
    padding-top: 5px
}
#mdjm_event_details_table table td {
    max-width: 50%;
    width: 50%
}
#mdjm-event-journal-table, #mdjm_event_packages_table {
    padding-top: 5px
}
#mdjm_event_packages_table table td {
    max-width: 50%;
    width: 50%
}
#mdjm-event-add-new-venue-fields {
    padding-top: 5px
}
#mdjm-event-add-new-venue-fields table td {
    max-width: 33%;
    width: 33%
}
#mdjm-event-employee-list {
    padding-bottom: 5px
}
#mdjm-event-venue-details table td {
    max-width: 33%;
    width: 33%
}
#mdjm-event-tasks .description {
    color: #666;
    font-style: italic
}
#mdjm-new-event-type-row {
    display: none;
    vertical-align: top
}
.mdjm-execute-event-task {
    margin: 0;
    text-align: center
}
#system-info-textarea {
    background: #fff;
    display: block;
    font-family: Menlo, Monaco, monospace;
    height: 400px;
    overflow: auto;
    white-space: pre;
    width: 800px
}
#mdjm-dashboard-widgets-wrap .postbox h3 {
    cursor: default
}
#mdjm-date-range-options, #mdjm-graphs-date-options {
    float: left
}
#mdjm-date-range-options span {
    float: left;
    height: 24px;
    line-height: 24px;
    margin-right: 6px
}
.mdjm-import-export-form {
    position: relative
}
.mdjm-import-export-form .mdjm-progress {
    background: #ddd;
    bottom: 15px;
    height: 15px;
    position: absolute;
    width: 95%
}
.mdjm-import-export-form .mdjm-progress div {
    background: #ccc;
    height: 100%;
    width: 0
}
.mdjm-import-export-form .notice-wrap {
    background-color: #f4f4f4;
    border-color: #eae9e9;
    border-style: solid;
    border-width: 1px 0;
    margin: 20px -12px -23px;
    overflow: auto;
    padding: 12px 12px 4px
}
.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, .04);
    padding: 10px
}
.mdjm-mix-chart {
    display: inline-block;
    vertical-align: top;
    width: 49%
}
.mdjm-graph-notes {
    color: #9c9c9c
}
.mdjm-graph-notes span {
    display: block
}
.mdjm-pie-graph .legend {
    display: none
}
.mdjm-pie-legend {
    margin-top: 10px;
    overflow: auto
}
.mdjm-legend-item-wrapper {
    color: #333;
    display: inline-block;
    font-size: 8pt;
    height: 20px;
    padding: 2px 5px 0;
    width: 48%
}
.mdjm-legend-color {
    border: 1px solid #cfcfcf;
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    width: 20px
}
.mdjm-pie-legend-item {
    display: inline-block;
    vertical-align: top;
    width: 80%
}
.side-meta {
    font-size: 11px
}
#paid_to_field {
    display: none
}
#paid_from_field {
    display: block
}
#new_transaction_type_div {
    display: none
}
.mdjm-post-row {
    height: 60px;
    overflow: auto
}
.mdjm-post-3column {
    float: left;
    width: 33%
}
.mdjm-post-last-3column {
    float: right;
    width: 33%
}
.mdjm-post-2column {
    float: left;
    width: 50%
}
.mdjm-post-last-2column {
    float: right;
    width: 50%
}
.mdjm-post-row-single {
    height: 60px;
    overflow: auto
}
.mdjm-post-row-single-textarea {
    height: 90px;
    overflow: auto
}
.mdjm-post-1column {
    float: right;
    width: 100%
}
.mdjm-description {
    font-size: 11px;
    font-weight: 400
}
.mdjm-meta-row {
    height: 30px;
    overflow: auto
}
.mdjm-left-col, .mdjm-right-col {
    float: left;
    width: auto
}
input.mdjm-meta, select.mdjm-meta {
    font-size: 11px
}
.mdjm-meta-title {
    font-weight: 700
}
.mdjm-meta-title .count {
    color: #999;
    font-size: 11px;
    font-weight: 400
}
.mdjm-meta-latest {
    font-size: 11px
}
tr.border_top th {
    border-top: 1pt solid #ddd
}
@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%
    }
}
@media screen and (max-width:740px) {
    .grid4 .col {
        width: 31.2%
    }
    .grid4 .col:nth-of-type(4n+1) {
        clear: none;
        margin-left: 3.2%
    }
    .grid4 .col:nth-of-type(3n+1) {
        clear: left;
        margin-left: 0
    }
}
@media screen and (max-width:600px) {
    .grid4 .col {
        width: 48.4%
    }
    .grid4 .col:nth-of-type(3n+1) {
        clear: none;
        margin-left: 3.2%
    }
    .grid4 .col:nth-of-type(odd) {
        clear: left;
        margin-left: 0
    }
    .grid3 .col {
        width: 48.4%
    }
    .grid3 .col:nth-of-type(3n+1) {
        clear: none;
        margin-left: 3.2%
    }
    .grid3 .col:nth-of-type(odd) {
        clear: left;
        margin-left: 0
    }
}
@media screen and (max-width:400px) {
    .col {
        clear: none !important;
        margin-left: 0 !important;
        width: 100% !important
    }
}
@media screen and (max-width:480px) {
    .mdjm-repeatable-row-title {
        padding-bottom: 0;
        text-align: left;
        width: 100%
    }
    .mdjm-repeatable-row-actions {
        text-align: left;
        width: 100%
    }
    .mdjm-availability-check-date, .mdjm-client-name, .mdjm-custom-field, .mdjm-event-add-worker, .mdjm-event-additional-cost, .mdjm-event-addons, .mdjm-event-addons-cost, .mdjm-event-contract, .mdjm-event-cost, .mdjm-event-date, .mdjm-event-deposit, .mdjm-event-discount, .mdjm-event-employee-wage, .mdjm-event-end-time, .mdjm-event-finish-date, .mdjm-event-package, .mdjm-event-package-cost, .mdjm-event-primary-employee, .mdjm-event-setup-date, .mdjm-event-setup-time, .mdjm-event-start-time, .mdjm-event-travel-cost, .mdjm-event-type, .mdjm-event-venue, .mdjm-online-template, .mdjm-quote-template, .mdjm-repeatable-option {
        float: none;
        margin: 10px 0;
        text-align: left;
        width: 100% !important
    }
}
.dashboard-table-header {
    background-color: #f9f9f9;
    font-weight: 400;
    padding: 10px;
    width: 100%
}
.dashboard-monthly-table {
    border: 2px solid #e5e5e5;
    float: left;
    width: 50%
}
.dashboard-table-items {
    align-content: center;
    padding: 10px;
    width: 30%
}
.enquiry-dashboard {
    background-color: #fff;
    overflow-y: auto;
    padding: 10px
}
.dashboard-yearly-table {
    border: 2px solid #e5e5e5;
    float: right;
    width: 50%
}
/**
* @package MDJM
* @subpackage Admin/CSS
* @license http://opensource.org/licenses/gpl-2.0.php GNU Public License
*/
/* =General
-------------------------------------------------------------- */
/* Fullcalendar Styles
-------------------------------------------------------------- */
/* bootstrap default styles make it black. undo */
/* General Settings Styles
-------------------------------------------------------------- */
/* =Client Field Settings
-------------------------------------------------------------- */
/* -- 2 Column -- */
/* =Custom Event Fields
-------------------------------------------------------------- */
/* -- 2 Column -- */
/* =Notifications
-------------------------------------------------------------- */
/* =jQuery Validation
-------------------------------------------------------------- */
/* =Sortable
-------------------------------------------------------------- */
/* =Footer Text
-------------------------------------------------------------- */
/* =Dashboard Widgets
-------------------------------------------------------------- */
/* =Task Page Styles
-------------------------------------------------------------- */
/* Task Details Page Styles
-------------------------------------------------------------- */
/* Extensions Page Styles
-------------------------------------------------------------- */
/* =Metaboxes
-------------------------------------------------------------- */
/* Bootstrap sets the font-size too high, undo */
/* Hidden Sections */
/* Visible Sections */
/* OLD STYLES */
/* 3 column tables */
/* 2 column tables */
/* Side Metaboxes */
/* System Info page styles
-------------------------------------------------------------- */
/* Reports Styles
-------------------------------------------------------------- */
/*
	 * General
	 */
/*
	 *
	 * Hidden DIV's
	 *
	 */
/*
	 *
	 * Column/Row Layouts
	 *
	 */
/* -- 3 Column -- */
/* -- 2 Column -- */
/* -- 1 Column -- */
/*
	 *
	 * Tags
	 *
	 */
/*
	 *
	 * Meta Boxes
	 *
	 */
/*
	 * jQuery
	 */
/*
	 * Tables
	 */
.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-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-label .description {
    font-weight: normal;
    font-size: 11px;
}
.mdjm-color {
    color: #F90;
}
.mdjm-select-chosen {
    min-width: 200px;
    margin: 4px;
    padding-bottom: 5px;
}
.mdjm-select-chosen label {
    padding-right: 3px;
}
.mdjm-select-chosen .mdjm-form-error {
    color: #F00;
    font-weight: bold;
}
.chosen-container-multi .chosen-choices {
    background-image: none;
    border-color: #dfdfdf;
    border-radius: 3px;
}
.chosen-container-multi .chosen-choices input {
    border-color: #dfdfdf;
    height: 27px !important;
    margin: 2px;
}
.chosen-container .chosen-drop {
    border-color: #aaa;
    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;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
#mdjm-pending-notice {
    display: none;
}
#mdjm_availability_fields {
    font-size: 13px;
}
#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;
}
#mdjm-calendar .fc-title {
    font-size: 13px;
}
#mdjm-calendar a.fc-event {
    color: #fff;
}
#mdjm-dashboard-calendar .fc-title {
    font-size: 13px;
}
#mdjm-dashboard-calendar a.fc-event {
    color: #fff;
}
.fc-content {
    cursor: pointer;
}
.fc-list-item-title {
    cursor: pointer;
}
.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 {
    display: block;
}
.mdjm-event_page_mdjm-settings .form-table input.regular-text ~ label {
    display: block;
}
.mdjm-event_page_mdjm-settings .form-table input.small-text ~ label {
    display: inline;
}
.mdjm-event_page_mdjm-settings .form-table input[type=checkbox] + label {
    display: inline;
}
.mdjm-event_page_mdjm-settings .form-table tr > th > strong {
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 auto;
}
.mdjm-event_page_mdjm-settings .form-table tr > th > h3 {
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 auto;
}
.wrap-licenses .form-table {
    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 thead {
    display: block;
}
.wrap-licenses tbody {
    display: block;
}
.wrap-licenses tfoot {
    display: block;
}
.wrap-licenses tr {
    display: block;
}
.wrap-licenses td {
    display: block;
}
.wrap-licenses td input.regular-text {
    margin: 0 0 8px;
    width: 100%;
}
.wrap-licenses th {
    display: block;
}
.wrap-licenses caption {
    display: block;
}
.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.license-expires-soon-notice a {
    color: #fff;
}
.wrap-licenses .mdjm-license-data.license-expires-soon-notice a:hover {
    text-decoration: none;
}
.wrap-licenses .mdjm-license-data.mdjm-license-expired {
    background-color: #e24e4e;
    color: #fff;
    border-color: #e24e4e;
}
.wrap-licenses .mdjm-license-data.mdjm-license-expired a {
    color: #fff;
}
.wrap-licenses .mdjm-license-data.mdjm-license-expired a:hover {
    text-decoration: none;
}
.wrap-licenses .mdjm-license-data.mdjm-license-error {
    background-color: #ffebcd;
    border-color: #ffebcd;
}
.wrap-licenses .mdjm-license-data.mdjm-license-missing {
    background-color: #ffebcd;
    border-color: #ffebcd;
}
.wrap-licenses .mdjm-license-data.mdjm-license-invalid {
    background-color: #ffebcd;
    border-color: #ffebcd;
}
.wrap-licenses .mdjm-license-data.mdjm-license-site_inactive {
    background-color: #ffebcd;
    border-color: #ffebcd;
}
.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 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;
}
.mdjm-client-field-container {
    overflow: hidden;
}
.mdjm-client-field-column-left {
    float: left;
    width: 70%;
}
.mdjm-client-field-column-right {
    float: right;
    width: 30%;
}
.mdjm-event-field-container {
    overflow: hidden;
}
.mdjm-event-field-column-left {
    float: left;
    width: 70%;
}
.mdjm-event-field-column-right {
    float: right;
    width: 30%;
}
.mdjm-info {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 12px;
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url("..images/info-icon.png");
}
.mdjm-success {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 12px;
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url("..images/success-icon.png");
}
.mdjm-warning {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 12px;
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url("..images/warning-icon.png");
}
.mdjm-error {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 12px;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url("..images/error-icon.png");
}
.mdjm-validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 12px;
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url("..images/info-icon.png");
}
.mdjm-updating {
    border: solid 1px #F90 !important;
    color: #F90 !important;
}
.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;
}
.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;
}
.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;
}
.mdjm_stat_grid {
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
}
.mdjm_stat_grid table {
    border-collapse: collapse;
    width: 100%;
}
.mdjm_stat_grid table td {
    padding: 3px 10px;
}
.mdjm_stat_grid table th {
    padding: 3px 10px;
}
.mdjm_stat_grid table thead th {
    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 thead th:first-child {
    border-bottom: 1px solid #DBDBDB;
    border-left: none;
    width: 33%;
    text-align: left;
}
.mdjm_stat_grid table tbody th {
    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 tbody th:first-child {
    border: none;
    text-align: left;
    width: 35%;
}
.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 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 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 {
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
}
.mdjm_event_grid table {
    border-collapse: collapse;
    width: 100%;
}
.mdjm_event_grid table td {
    padding: 3px 10px;
}
.mdjm_event_grid table th {
    padding: 3px 10px;
}
.mdjm_event_grid table thead th {
    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 thead th:first-child {
    border-bottom: 1px solid #DBDBDB;
    border-left: none;
    width: 33%;
    text-align: left;
}
.mdjm_event_grid table tbody th {
    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 tbody th:first-child {
    border: none;
    text-align: left;
    width: 35%;
}
.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 tr:last-child td {
    border-bottom: none;
}
.mdjm_event_grid p {
    text-align: center;
    font-size: 12px;
}
.wp-list-table th.column-active {
    width: 50px;
}
.wp-list-table th.column-frequency {
    width: 125px;
}
.wp-list-table th.column-totalruns {
    width: 125px;
}
.wp-list-table th.column-lastran {
    width: 125px;
}
.wp-list-table th.column-nextrun {
    width: 125px;
}
.wp-list-table th.column-name {
    width: 175px;
}
#mdjm-edit-task-form .column {
    width: 32%;
    display: inline-block;
    line-height: 1.4;
    position: relative;
    margin: 0;
    vertical-align: middle;
}
#mdjm-edit-task-form .column:nth-child(2n+1) {
    margin-right: 0;
}
#mdjm-edit-task-form .column input {
    clear: both;
    display: block;
}
#mdjm-edit-task-form .column .description {
    padding-right: 10px;
}
#mdjm-edit-task-form .columns-4 .column:nth-child(2n+1) {
    margin-right: 0;
}
#mdjm-edit-task-form .columns-5 .column:nth-child(3n+1) {
    margin-right: 0;
}
#mdjm-edit-task-form .data-payment-key {
    word-break: break-all;
}
.mdjm-admin-box .label {
    font-weight: 600;
}
.mdjm-admin-box .right {
    float: right;
}
.mdjm-admin-box-inside {
    border-bottom: 1px solid #eee;
    clear: both;
    padding: 3px 12px;
    margin: 0;
    word-break: break-word;
}
.mdjm-admin-box-inside .strong {
    font-weight: 600;
}
.mdjm-admin-box-inside:last-child {
    border-bottom: 0;
}
.rtl .mdjm-admin-box-inside {
    padding: 5px 10px 5px 0;
}
.rtl .mdjm-admin-box .right {
    float: left;
    margin-left: 10px;
}
#mdjm-task-update .inside {
    margin: 0;
    padding: 0;
}
#mdjm-task-update span.label {
    display: inline;
    width: 50px;
}
.mdjm-task-update-box #major-publishing-actions .button-secondary {
    margin-right: 10px;
}
.mdjm-task-update-box .button-primary {
    margin-right: 0;
}
#mdjm-task-details .task-data-column p.data input {
    clear: both;
    display: block;
}
#mdjm-task-details .task-info .column {
    width: 49%;
}
#mdjm-task-details .column-2 {
    float: right;
}
#mdjm-task-email-options .email-options .column {
    width: 49%;
}
#mdjm-task-email-options .column-2 {
    float: right;
}
.mdjm-extension-wrapper {
    overflow: hidden;
}
.col {
    background: #eee;
    float: left;
    margin-left: 3.2%;
    margin-bottom: 30px;
}
.fullwidth .col {
    float: none;
    margin-left: 0;
}
.grid4 .col {
    width: 22.6%;
}
.grid4 .col:nth-of-type(4n+1) {
    margin-left: 0;
    clear: left;
}
.grid3 .col {
    width: 31.2%;
}
.grid3 .col:nth-of-type(3n+1) {
    margin-left: 0;
    clear: left;
}
.grid2 .col {
    width: 48.4%;
}
.grid2 .col:nth-of-type(2n+1) {
    margin-left: 0;
    clear: left;
}
.mdjm-extension-item {
    width: calc(100% - 25px);
    background: #FFFFFF;
    margin: 25px auto;
    text-align: left;
    height: 425px;
    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;
}
#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;
}
.mdjm_event_overview_wrapper:not(:first-child) {
    margin-top: 12px;
}
.mdjm_event_overview_wrapper .mdjm-select-chosen {
    margin: 0px;
}
.mdjm_availability_wrapper:not(:first-child) {
    margin-top: 12px;
}
#mdjm_event_overview_event_fields {
    margin-top: 12px;
}
#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-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] {
    float: right;
    width: auto;
}
#mdjm-event-actions button {
    float: right;
    width: auto;
}
#mdjm-event-actions input[type=text] {
    width: 150px;
}
#mdjm-event-actions select {
    width: 150px;
}
#mdjm-event-actions .description {
    color: #666;
    font-size: 11px;
    font-style: italic;
    float: right;
}
#mdjm-event-actions #event-type-add {
    cursor: pointer;
}
.mdjm-repeatable-row-actions {
    color: #777;
    font-size: 12px;
    padding: 8px;
    box-sizing: border-box;
    float: right;
    text-align: right;
}
.mdjm-repeatable-row-actions a {
    text-decoration: none;
    width: auto;
    cursor: pointer;
    vertical-align: middle;
}
.mdjm-repeatable-row-actions .toggle-client-add-option-section {
    color: #777;
}
.mdjm-repeatable-row-actions .toggle-client-add-option-section:hover {
    color: #444;
}
.mdjm-repeatable-row-actions .toggle-client-details-option-section {
    color: #777;
}
.mdjm-repeatable-row-actions .toggle-client-details-option-section:hover {
    color: #444;
}
.mdjm-repeatable-row-actions .toggle-add-worker-section {
    color: #777;
}
.mdjm-repeatable-row-actions .toggle-add-worker-section:hover {
    color: #444;
}
.mdjm-repeatable-row-actions .toggle-event-options-section {
    color: #777;
}
.mdjm-repeatable-row-actions .toggle-event-options-section:hover {
    color: #444;
}
.mdjm-repeatable-row-actions .toggle-event-type-option-section {
    color: #777;
}
.mdjm-repeatable-row-actions .toggle-event-type-option-section:hover {
    color: #444;
}
.mdjm-repeatable-row-actions .toggle-event-view-venue-option-section {
    color: #777;
}
.mdjm-repeatable-row-actions .toggle-event-view-venue-option-section:hover {
    color: #444;
}
.mdjm-repeatable-row-actions .toggle-event-add-venue-option-section {
    color: #777;
}
.mdjm-repeatable-row-actions .toggle-event-add-venue-option-section:hover {
    color: #444;
}
.mdjm-repeatable-row-actions .toggle-availability-checker-section {
    color: #777;
}
.mdjm-repeatable-row-actions .toggle-availability-checker-section:hover {
    color: #444;
}
.mdjm-repeatable-row-actions .toggle-add-absence-section {
    color: #777;
}
.mdjm-repeatable-row-actions .toggle-add-absence-section:hover {
    color: #444;
}
.mdjm-repeatable-row-actions .mdjm-remove-row {
    font-size: 12px;
    width: auto;
    cursor: pointer;
}
.mdjm-client-row-header {
    clear: both;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
}
.mdjm-client-row-header:before {
    content: "";
    display: table;
}
.mdjm-client-row-header:after {
    content: "";
    display: table;
    clear: both;
}
.mdjm-event-row-header {
    clear: both;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
}
.mdjm-event-row-header:before {
    content: "";
    display: table;
}
.mdjm-event-row-header:after {
    content: "";
    display: table;
    clear: both;
}
.mdjm-package-row-header {
    clear: both;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
}
.mdjm-package-row-header:before {
    content: "";
    display: table;
}
.mdjm-package-row-header:after {
    content: "";
    display: table;
    clear: both;
}
.mdjm-availability-row-header {
    clear: both;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
}
.mdjm-availability-row-header:before {
    content: "";
    display: table;
}
.mdjm-availability-row-header:after {
    content: "";
    display: table;
    clear: both;
}
.mdjm-repeatable-row-header {
    clear: both;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    cursor: move;
}
.mdjm-repeatable-row-header:before {
    content: "";
    display: table;
}
.mdjm-repeatable-row-header:after {
    content: "";
    display: table;
    clear: both;
}
.mdjm-repeatable-row-title {
    float: left;
    font-weight: 600;
    padding: 8px;
    box-sizing: border-box;
}
.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 {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-quote-template {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-online-template {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-primary-employee {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-employee-wage {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-add-worker {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-type {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-contract {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-venue {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-date {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-finish-date {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-setup-date {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-start-time {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-end-time {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-setup-time {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-package {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-addons {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-event-client-notes {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.mdjm-event-package-cost {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 5%;
}
.mdjm-event-addons-cost {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 5%;
}
.mdjm-event-travel-cost {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 5%;
}
.mdjm-event-additional-cost {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 5%;
}
.mdjm-event-discount {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 5%;
}
.mdjm-event-deposit {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 5%;
}
.mdjm-event-cost {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 5%;
}
.mdjm-custom-field {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-custom-field input[type=text] {
    width: 200px;
}
.mdjm-availability-check-date {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 5%;
}
.mdjm-repeatable-option {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    text-align: center;
    min-width: 80px;
}
.mdjm-custom-event-sections-wrap {
    display: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    box-sizing: border-box;
    width: 100%;
}
.mdjm-client-add-event-sections-wrap {
    display: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    box-sizing: border-box;
    width: 100%;
}
.mdjm-client-details-event-sections-wrap {
    display: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    box-sizing: border-box;
    width: 100%;
}
.mdjm-event-workers-sections-wrap {
    display: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    box-sizing: border-box;
    width: 100%;
}
.mdjm-event-options-sections-wrap {
    display: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    box-sizing: border-box;
    width: 100%;
}
.mdjm-add-event-type-sections-wrap {
    display: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    box-sizing: border-box;
    width: 100%;
}
.mdjm-event-venue-details-sections-wrap {
    display: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    box-sizing: border-box;
    width: 100%;
}
.mdjm-add-event-venue-sections-wrap {
    display: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    box-sizing: border-box;
    width: 100%;
}
.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;
}
.mdjm-event-details-client-template-sections-wrap {
    background: #f9f9f9;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    box-sizing: border-box;
    width: 100%;
}
.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 > *: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-custom-event-section-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 10px;
}
.mdjm-client-template-fields {
    display: block !important;
    margin-top: 6px;
}
.mdjm-client-new-email {
    display: block !important;
    margin-top: 6px;
}
.mdjm-add-client-action {
    display: block !important;
    margin-top: 6px;
}
.mdjm-event-employee-fields {
    display: block !important;
    margin-top: 6px;
}
.mdjm-event-type-fields {
    display: block !important;
    margin-top: 6px;
}
.mdjm-event-date-fields {
    display: block !important;
    margin-top: 6px;
}
.mdjm-event-package-fields {
    display: block !important;
    margin-top: 6px;
}
.mdjm-event-price-fields {
    display: block !important;
    margin-top: 6px;
}
.mdjm-event-equipment-price-fields {
    display: block !important;
    margin-top: 6px;
}
.mdjm-client-custom-fields {
    display: block !important;
    margin-top: 6px;
}
.mdjm-event-custom-fields {
    display: block !important;
    margin-top: 6px;
}
.mdjm-venue-custom-fields {
    display: block !important;
    margin-top: 6px;
}
.mdjm-check-availabilty-action {
    display: block !important;
    margin-top: 6px;
}
.mdjm-add-absence-action {
    display: block !important;
    margin-top: 6px;
}
.mdjm-availability-checker-fields {
    display: none;
    margin-top: 6px;
}
.mdjm-absence-start-time-option {
    display: none;
}
.mdjm-absence-end-time-option {
    display: none;
}
.mdjm-absence-notes-option textarea {
    min-width: 480px;
}
#mdjm-playlist-view {
    text-align: center;
}
#_mdjm_event_notes {
    min-height: 5em;
}
#_mdjm_event_dj_notes {
    min-height: 5em;
}
#_mdjm_event_admin_notes {
    min-height: 5em;
}
.mdjm_event_employee_list {
    min-width: 25%;
    margin: 4px;
}
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;
}
.mdjm_field_wrap {
    width: 100%;
    vertical-align: top;
    display: inline-block;
}
.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%;
}
.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 {
    background-position: -10px 0 !important;
}
.mdjm_remove_repeatable:hover {
    background-position: -10px 0 !important;
}
.mdjm_form_fields {
    position: relative;
}
.mdjm_form_fields input {
    margin: 4px;
}
.mdjm_form_fields input:not([type=checkbox]) {
    min-width: 150px;
}
.mdjm_form_fields input .mdjm-currency {
    max-width: 75px;
}
.mdjm_form_fields select {
    margin: 4px;
}
.mdjm_form_fields select .mdjm-time {
    max-width: 10px;
}
.mdjm_form_fields textarea {
    margin: 4px;
    min-width: 150px;
    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-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 {
    padding-top: 5px;
}
#mdjm-event-add-new-client-fields table td {
    width: 33%;
    max-width: 33%;
}
#mdjm-event-add-txn-table {
    padding-top: 5px;
}
#mdjm-event-add-txn-table table td {
    width: 33%;
    max-width: 33%;
}
#mdjm-event-client-details {
    padding-top: 5px;
}
#mdjm-event-client-details table td {
    width: 50%;
    max-width: 50%;
}
#mdjm_event_custom_client_fields {
    padding-top: 5px;
}
#mdjm_event_custom_client_fields table td {
    width: 50%;
    max-width: 50%;
}
#mdjm_event_custom_event_fields {
    padding-top: 5px;
}
#mdjm_event_custom_event_fields table td {
    width: 50%;
    max-width: 50%;
}
#mdjm_event_custom_venue_fields {
    padding-top: 5px;
}
#mdjm_event_custom_venue_fields table td {
    width: 50%;
    max-width: 50%;
}
#mdjm-event-emails-table {
    padding-top: 5px;
}
#mdjm_event_details_table {
    padding-top: 5px;
}
#mdjm_event_details_table table td {
    width: 50%;
    max-width: 50%;
}
#mdjm-event-journal-table {
    padding-top: 5px;
}
#mdjm_event_packages_table {
    padding-top: 5px;
}
#mdjm_event_packages_table table td {
    width: 50%;
    max-width: 50%;
}
#mdjm-event-add-new-venue-fields {
    padding-top: 5px;
}
#mdjm-event-add-new-venue-fields table td {
    width: 33%;
    max-width: 33%;
}
#mdjm-event-employee-list {
    padding-bottom: 5px;
}
#mdjm-event-venue-details table td {
    width: 33%;
    max-width: 33%;
}
#mdjm-event-tasks .description {
    color: #666;
    font-style: italic;
}
#mdjm-new-event-type-row {
    display: none;
    vertical-align: top;
}
.mdjm-execute-event-task {
    text-align: center;
    margin: 0px;
}
#system-info-textarea {
    width: 800px;
    height: 400px;
    font-family: Menlo, Monaco, monospace;
    background: #FFFFFF;
    white-space: pre;
    overflow: auto;
    display: block;
}
#mdjm-dashboard-widgets-wrap .postbox h3 {
    cursor: default;
}
#mdjm-graphs-date-options {
    float: left;
}
#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%;
}
.side-meta {
    font-size: 11px;
}
#paid_to_field {
    display: none;
}
#paid_from_field {
    display: block;
}
#new_transaction_type_div {
    display: none;
}
.mdjm-post-row {
    overflow: auto;
    height: 60px;
}
.mdjm-post-3column {
    float: left;
    width: 33%;
}
.mdjm-post-last-3column {
    float: right;
    width: 33%;
}
.mdjm-post-2column {
    float: left;
    width: 50%;
}
.mdjm-post-last-2column {
    float: right;
    width: 50%;
}
.mdjm-post-row-single {
    overflow: auto;
    height: 60px;
}
.mdjm-post-row-single-textarea {
    overflow: auto;
    height: 90px;
}
.mdjm-post-1column {
    float: right;
    width: 100%;
}
.mdjm-description {
    font-weight: normal;
    font-size: 11px;
}
.mdjm-meta-row {
    overflow: auto;
    height: 30px;
}
.mdjm-left-col {
    width: auto;
    float: left;
}
.mdjm-right-col {
    width: auto;
    float: left;
}
select.mdjm-meta {
    font-size: 11px;
}
input.mdjm-meta {
    font-size: 11px;
}
.mdjm-meta-title {
    font-weight: bold;
}
.mdjm-meta-title .count {
    color: #999;
    font-weight: 400;
    font-size: 11px;
}
.mdjm-meta-latest {
    font-size: 11px;
}
tr.border_top th {
    border-top: 1pt solid #ddd;
}
@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%;
    }
}
@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;
    }
}
@media screen and (max-width: 480px) {
    .mdjm-repeatable-row-title {
        text-align: left;
        width: 100%;
        padding-bottom: 0;
    }
    .mdjm-repeatable-row-actions {
        text-align: left;
        width: 100%;
    }
    .mdjm-client-name {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-quote-template {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-online-template {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-primary-employee {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-employee-wage {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-add-worker {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-type {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-contract {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-venue {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-date {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-finish-date {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-setup-date {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-start-time {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-end-time {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-setup-time {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-package {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-addons {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-package-cost {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-addons-cost {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-travel-cost {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-additional-cost {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-discount {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-deposit {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-event-cost {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-custom-field {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-availability-check-date {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
    .mdjm-repeatable-option {
        float: none;
        text-align: left;
        width: 100% !important;
        margin: 10px 0;
    }
}
.status-label {
    display: inline-block; /* To make sure the background color applies correctly */
    background-color: #e0e0e0; /* Set your desired background color */
    padding: 4px 8px; /* Adjust padding as needed */
    border-radius: 4px; /* Add rounded corners */
}

.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;
}
