.ui-datepicker td span, .ui-datepicker td a {width: auto;}
.ui-datepicker {margin: 0 0 25px 0;}
h4 {margin: 0 0 25px 0;}
input[type=submit] { border: 0;font-size: 20px;padding: 10px 30px;background: #0073aa;color: #fff;}
section > h3 { background-color: #E1E1E1;cursor: pointer;padding: 5px 0;margin: 0;border-bottom: 1px solid rgb(146, 146, 146);border-top: 1px solid rgb(146, 146, 146); margin: 25px 0 10px 0;}


#vendor_form > section:after {content: "";display: table;clear: both;}
#chosen_date, #chosen_template { margin-left: 20px;}
#event_map { float: left;width: 50%;max-width: 400px;margin-right: 15px;}
#event_map img { width: 100%;max-width: 100%;}
#edit_template_image { max-width: 100%;}
#event_map h3 {margin: 2px 0 5px 0;}
#event_map > div { margin: 30px 0;background-color: rgb(224, 224, 224); padding: 10px;}
#template_details {min-width: 1385px;}
#template_details .column {float: left;}

.row:after {content: "";display: table;clear: both;}
.half {width: 50%;float: left;}
.expandable {padding-bottom: 30px;}
.wrap > section {clear: both;float: none;}
.expand_link { float: right;margin-right: 10px;font-size: 12px;}
.u-pull-right {float: right;}
.first.column { width: 50%;max-width: 425px;  margin-right: 15px;}

#edit_template_name { width: 425px;margin: 0 0 10px 0;display: block;}
#edit_template_notes, #edit_template_instructions { width: 425px;height: 200px; margin: 10px 0;display: block;}
#edit_email_message { width: 385px; height: 150px; margin: 10px 0;display: block;}

#status_message {position: fixed;width: 100%;top: 30px;z-index: 500;text-align: center;left: 0;display: none;}
#status_message > h5 { width: 300px;margin: 0 auto;padding: 10px 0;background-color: rgba(255, 232, 0, 1);}


#step_save {display: block;float: none;clear: both;}
#step_date .column {float: left;width: 310px;}
#step_date select {width: 100%;}

#step_save .tip {display: none;}
#step_save.disabled .tip {display: block;}


/*loading animation*/
#loading { background-color: rgba(144, 144, 144, 0.49);position: fixed;width: 100%;z-index: 500;height: 100%;top: 0;left: 0;display: none;}
.loader,
.loader:before,
.loader:after { background: #ffffff; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; }
    .loader:before,
    .loader:after { position: absolute; top: 0; content: ''; }
    .loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.loader { text-indent: -9999em; margin: 88px auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
    .loader:after { left: 1.5em; }

@-webkit-keyframes load1 {
    0%, 80%, 100% { box-shadow: 0 0 #ffffff; height: 4em; }
    40% { box-shadow: 0 -2em #ffffff; height: 5em; }
}

@keyframes load1 {
    0%, 80%, 100% { box-shadow: 0 0 #ffffff; height: 4em; }
    40% { box-shadow: 0 -2em #ffffff; height: 5em; }
}