/** TEMPLATE PAGE **/

/* Global */
#bookacti-template-container *, #bookacti-template-container *:after, #bookacti-template-container *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#bookacti-template-container  { display: table; max-width: 1000px; margin: auto; }
#bookacti-template-container::after { clear: both; }
#bookacti-template-container .fc-unthemed .fc-content, 
#bookacti-template-container .fc-unthemed .fc-divider,
#bookacti-template-container .fc-unthemed .fc-popover,
#bookacti-template-container .fc-unthemed .fc-row,
#bookacti-template-container .fc-unthemed tbody,
#bookacti-template-container .fc-unthemed td,
#bookacti-template-container .fc-unthemed th,
#bookacti-template-container .fc-unthemed thead { border-color: #bbb; }

#bookacti-template-sidebar, #bookacti-template-calendar, #bookacti-first-template-container { display: table-cell; vertical-align: top; }

#bookacti-template-container + hr { margin: 30px auto; }

/* Sidebar */
#bookacti-template-sidebar		{ width: 180px; padding-right: 10px; }
.bookacti-disabled-img			{ cursor: auto; pointer-events: none; opacity: 0.5; }

.bookacti-templates-box			{ -webkit-border-radius: 6px; border-radius: 6px; padding: 20px 10px; margin-bottom: 12px; border: 1px solid #bbb; }
.bookacti-template-box-title	{ width: 100%; font-size: 1.2em; margin-bottom: 20px; font-weight: bold; }

#bookacti-template-picker-container { padding: 0; }
#bookacti-template-picker{ 
    height: auto;
    width: 100%; 
    margin: -4px 0 20px -2px; 
    padding: 0;
    background: none; 
    border: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
    font-size: 1.2em; 
    font-weight: bold; 
    text-align: left;
}
#bookacti-template-actions			{ display: table; width: 100%; }
#bookacti-template-actions div		{ display: table-cell; width: 33.33%; vertical-align: middle; text-align: center; }
#bookacti-template-actions div img	{ cursor: pointer; max-width: 40px; max-height: 40px; }

#bookacti-template-trash-container		{ text-align: center; }
#bookacti-template-trash-open			{ display: none; }
#bookacti-template-trash-container img	{ max-width: 48px; }

#bookacti-template-box-activities-title		{ display: table-cell; width: 100%; vertical-align: middle; }
#bookacti-template-add-activity-button		{ display: table-cell; padding-left: 10px; vertical-align: middle;  }
#bookacti-template-add-activity-button img	{ display: inline; cursor: pointer; max-width: 40px; max-height: 40px; }

.activity-row			{ width: 100%; height: 24px; }
.activity-container		{ display: table-cell; width: 100%; vertical-align: middle; overflow: hidden; }
#bookacti-template-activities-container .fc-event { cursor: move; max-height: 16px; padding-left: 5px; }
.activity-show-hide		{ display: table-cell; vertical-align: middle; padding-right: 10px; }
.activity-show-hide img	{ display: inline; vertical-align: middle; cursor: pointer; max-width: 20px; max-height: 20px; }
.activity-gear			{ display: table-cell; vertical-align: middle; padding-left: 10px; }
.activity-gear img		{ display: inline; vertical-align: middle; cursor: pointer; max-width: 20px; max-height: 20px; }


/* First Template Area */
#bookacti-shortcode-generator-container.bookacti-no-template,
#bookacti-template-sidebar.bookacti-no-template		{ display: none; }
#bookacti-first-template-container					{ height: 300px; }
#bookacti-first-template-container,
#bookacti-template-first-activity-container			{ vertical-align: middle; text-align: center; width: 100%; }
#bookacti-add-first-template-button img				{ cursor: pointer; max-width: 100px; max-height: 100px; }
#bookacti-template-add-first-activity-button img	{ cursor: pointer; max-width: 60px; max-height: 60px; }


/* Template dialog */
.bookacti-addon-promo			{ border: 2px solid #52b7e9; border-radius: 3px; padding: 10px; text-align: center; }
.bookacti-addon-promo .button	{ margin-top: 10px; }

/* Activity dialog */
#bookacti-activity-import-dialog label			{ display: inline-block; width: 150px; font-weight: bold; }
#bookacti-activity-import-dialog div			{ margin-bottom: 10px; }
#bookacti-activity-import-dialog div:last-child	{ margin-bottom: 0; }


/* Unbind dialog */
#bookacti-unbind-booked-event-dialog ul { list-style: disc; padding: 0 40px; }