#my-calendar legend {font-weight: 700;font-size: 1em}
.mcbuy, .mcsbuy {font-size: 1.1em; line-height: 1.5}
.mc-button { text-align: center; font-size: 1.4em; padding: 10px 0 0}
.mc-button a { padding: 3px 8px; border: 1px solid; border-radius: 5px; background: #fff}
.mcd { text-align: center; margin: 0; }
#cat_icon option {padding: 5px 0 5px 24px}
#my-calendar-admin-table .delete {color: #c00}
.import {background: #ffa;padding: 5px 10px;border: 1px solid #aaa;border-radius: 5px;margin: 15px 0}
.n4 {width: 42px}
.category-color {width: 1.2em;height: 1.2em;display: inline-block;border-radius: 3px;border: 1px solid #000}
.jd-my-calendar .postbox h3 {cursor: text}
.active-link {font-weight:700;text-decoration: underline}
ul.links li {float: left;margin: 0 5px 10px;font-size: .9em}
#toggle {height: 2em}
#toggle li {float: left;margin-right: 5px}
.jd-my-calendar .spam {background: #ffa}
.jd-my-calendar .pending { background: #eee}
.jd-my-calendar .pending td {color: #666}
.jd-my-calendar fieldset fieldset {margin: 0 0 20px 0;padding-top: 2px}
#mceditor {border: 1px solid #ddd;margin: 0 0 5px}
.mc_template_tags dt {font-weight: 700}
.mc_template_tags dd {margin-left: 0; padding: 2px 1px}
.mc_template_tags {clear: right}
.clonedInput {margin-bottom: 10px;border-bottom: 1px solid #ddd}
#my-calendar .apply {padding: 1px 5px 0;margin: 0 -5px;border-radius: 3px;box-shadow: 2px 2px 3px #aaa;background: #ffd}
#my-calendar .apply legend {background: #ffd;padding: 2px 0}
#my-calendar .apply .warning { background: #ffe; color: #a00; padding: 3px; border: 1px solid #333 }
#my-calendar .break ul {padding: 10px 10px 0;margin-right: 180px}
#my-calendar .two-columns {-moz-column-count: 2;-moz-column-gap: 30px;-webkit-column-count: 2;-webkit-column-gap: 30px;column-count: 2;column-gap: 30px}
.jd-my-calendar .event_image { float: right; margin-left: 10px; }
.jd-my-calendar .event_image img { width: 150px; height: auto; margin: 2px 0; border-radius: 3px; }
.mc_support {font-family:'Courier New';background:#fff;padding:5px}
.template-editor, .style-editor { width: 98%}
.jd-my-calendar .postbox { margin: 10px 10px 0 0}
.jd-my-calendar .postbox .inside { overflow: visible!important} /* some plugins change this, but I need it at WP default. */
.jd-my-calendar .meta-box-sortables { min-height: 0}
.jd-my-calendar textarea { width: 100%}
.mc-clear { clear: both }
.jd-my-calendar pre { background: #fff; padding: 5px; border: 1px solid #ddd; box-shadow: 1px 1px 2px #ddd}
.jd-my-calendar label span.required { font-size: .9em; color: #c33 }
.jd-my-calendar .default { background: #fff }
.jd-my-calendar .button-adjust { top: 10px; right: 0}
.jd-my-calendar hr { width: 20%; margin: 0 auto; border: none; border-top: 1px solid #ccc}
#mc-shortcodes li code, #mc-shortcodes .example code { font-size: 1.4em; line-height: 1.5; display: inline-block}
.jd-my-calendar .tablenav { float: right }
input[id=e_label], input[id=e_title], input[id=location_label], input[id=mc_twitter] { font-size: 1.4em; padding: 5px; width: 100%}
label[for=mc_twitter] { background: url(../images/twitter.png) no-repeat; padding-left: 20px; }
strong.label { font-weight: 400; }
#my-calendar-text label { display: inline-block; width: 12em; }
.wp-picker-container { position: relative; top: .7em; }
.jd-my-calendar .counter { padding-right: 6px; border-right: 16px solid green; border-radius: 20px; }
.jd-my-calendar .counter.warning { border-color: orange; }
.jd-my-calendar .counter.exceeded { border-color: red; }
.mc-categories th:nth-of-type(5), .mc-categories th:nth-of-type(6), .mc-categories th:nth-of-type(7) { width: 50px; }

.jcd-wide { width: 75%; }
.jcd-narrow { width: 20%; }

.mc-tabs .tabs { margin: 0!important; padding: 0 4px; position: relative; top: 1px; }
.mc-tabs .tabs li { display: inline; margin: 0 auto; line-height: 1; }
.mc-tabs .tabs a { display: inline-block; padding: 4px 8px; border-radius: 4px 4px 0 0; border: 1px solid #ccc; background: #f3f3f3; }
.mc-tabs .tabs a.active { border-bottom: 1px solid #fefefe; background: #fefefe; }
.mc-tabs .wptab { background: #fff; padding: 12px; margin-bottom: 10px; border: 1px solid #ccc; }

.jd-my-calendar .ui-accordion-header, .mc-settings-page #mc-sortable li { border: 1px solid #ccc; border-radius: 2px; background: rgba( 0,0,0,.05 ); padding: 1px 1em; margin: 1px 0; }
.jd-my-calendar .ui-accordion-header.ui-state-hover, .ui-accordion-header.ui-state-focus, .mc-settings-page #mc-sortable li:hover { background: #f6f6f6; box-shadow: 0 0 2px #ddd; }
#mc-sortable li { cursor: move; }
.jd-my-calendar .ui-accordion-header-active { background: #fff; }
#mc-sortable .mc-calendar { background: #ffc; border: 1px solid #cc8; }
#mc-sortable li.mc-stop {  margin: 1px -1em; border-radius: none; border-left: none; border-right: none; padding: 2px 2em; }
#mc-sortable div.dashicons { vertical-align: middle; height: 1em; }
#mc-sortable code { display: inline-block; width: 5em; text-align: center; }

.jd-my-calendar .checkboxes { margin: 0; }
.jd-my-calendar .checkboxes li { display: inline-block; padding: 5px; background: rgba( 0, 0, 0, .05 ); margin: 2px;  }
.jd-my-calendar .checkboxes li:hover { background: #fff; }

.mc-actions { float: left; vertical-align: middle; height: 30px; margin: 6px 0 4px; clear: left; }

.jd-my-calendar fieldset legend { font-weight: 700; padding: 0; font-size: 1.1em; }
.generator fieldset { border: 1px solid #ccc; margin: 10px 0; padding: 10px; }
.generator label { display: block; float: left; width: 30%; margin-right: 10px; }
.generator td input[type=text] { width: 100%; }
.generator td label { float: none; width: auto; display: inline; }
.generator .help, .generator  .clear { clear: left; }
.generator input { line-height: normal; }
.generator input[type=text], .generator select { width: 60%; }
.req { color: red; }

.jd-my-calendar textarea:disabled { color: #333; border: none; box-shadow: none; }
.mc-locations label { display: block; }
.mc-locations .checkboxes label, .checkbox label { display: inline; }

.locations-container { position: relative; }
.mc-locations .location-primary { width: 47%; margin-right: 20px; }
.mc-locations:after { content: ' '; display: table; clear: both; }
.mc-locations .location-secondary { position: absolute; left: 50%; top: 0; width: 47%; }
.mc-locations .locations-container input { max-width: 90%; }

.mc-search { position: absolute; right: 12px; }

@media (max-width: 1140px) {
	.mc-locations .locations-container input { max-width: 70%; }
}

@media (max-width: 782px) {
	.jd-my-calendar .tablenav { float: none; }
	.jcd-narrow { width: 100%; }
	.jcd-wide { width: 100%; }
}