.macro { position: relative; }
.macro th, .macro td { text-align: left; vertical-align: top; }
.macro .get-it img { display: block; margin: auto; }
.macro div.icon { position: relative; width: 64px; margin: 10px auto; height: 64px; display: block; font-size: 32px; }
.macro div.icon span.page { margin-left: -14px; }
.macro div.icon span.icon { margin-top: 16px; margin-left: -14px; }
.macro div.icon span.dl { margin-top: 16px; margin-left: 30px; --fa-animation-duration: 2s; --fa-animation-iteration-count: 3; }

div.macroAnim { position: relative; cursor: pointer; width: 800px; height: 600px; margin: 20px 0; }
div.macroAnim img.anim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; box-shadow: 0 0 15px 3px rgba(0, 0, 0, .3); }
div.macroAnim img.play { position: absolute; top: 43.16667%; left: 44.875%; display: block; }

div.macroUI tr:hover { background: none; }
div.macroUI td { border: 0; }


.macroUI { position: relative; margin: 20px 0; border-top: 1px solid #8DC8FB;
	background: #FFFFFF; display: inline-block; padding: 6px 0 0 0; box-shadow: 0 0 15px 3px rgba(0, 0, 0, .3); }
.macroUI * { font: normal 12px 'Segoe UI'; }
.macroUI .accel { font-size: inherit; text-decoration: underline; }
.macroUI .prompt { min-width: 380px; max-width: 580px; background: #F0F0F0; padding: 8px 6px; }
.macroUI .prompt table { width: 100%; }
.macroUI .prompt td {  padding: 0; }
.macroUI .prompt input[type='text'] { width: 180px; margin: 0; }
.macroUI .prompt select { width: 180px; }
.macroUI .prompt input[type='checkbox'] { vertical-align: -1px; }
.macroUI .prompt input[type='radio'] { vertical-align: -2px; margin-right: 4px; margin-bottom: 4px; }
.macroUI .prompt table td { padding: 2px; }
.macroUI .prompt button.task { background: white; font-size: 16px; width: 100%; padding: 4px; margin-bottom: 8px; text-align: left; }
.macroUI .prompt button.task .fa-arrow-right { margin: 6px; font-size: 16px; color: #0078d7; }
.macroUI .prompt img.updown { margin: -4px 0 0 -17px; }
.macroUI .prompt button.colorPicker { padding: 1px 0 1px 2px; }
.macroUI .prompt button.colorPicker span { display: inline-block; width: 30px; height: 13px; border: solid 1px #888; vertical-align: middle; }
.macroUI .prompt button.colorPicker img { vertical-align: middle; }
.macroUI p.title { margin: 0 0 8px 8px; font-size: 12px; }
.macroUI img.close { position: absolute; right: 7px; top: 6px; }
.macroUI button { border-radius: 2px; border-width: 1px; }

.macroUI .multiline input[type='text'] { width: 300px!important; white-space: pre-wrap; }
.macroUI .multiline select { width: 300px!important; }

.macroUI label { cursor: pointer; }

.macroUI .prompt table td.message { white-space: pre-wrap!important; padding-bottom: 10px;  }
.macroUI .prompt table td.message-bold { font-weight: bold; white-space: pre-wrap!important; padding-bottom: 10px; }
.macroUI .prompt table td.message-underline { text-decoration: underline; white-space: pre-wrap!important; padding-bottom: 10px; }
.macroUI .prompt table td.message-heading { font-size: 1.5em; font-weight: bold; white-space: pre-wrap!important; padding-bottom: 10px; }
.macroUI .prompt table td.message-subheading { font-size: 1.2em; font-weight: bold; white-space: pre-wrap!important; padding-bottom: 10px; }
.macroUI .prompt table td.message-code { font-family: 'Courier New', monospace; background: #f0f0f0; padding: 2px 4px; white-space: pre-wrap!important; padding-bottom: 10px; }
.macroUI .prompt table td.title { font-size: 18px; white-space: pre-wrap!important; padding-bottom: 10px;  }
.macroUI .prompt table td.text { padding-right: 16px;}

.macroUI .var { font-style: italic; }

.related h2 a { color: inherit; text-decoration: none; }
.related h2 a:hover { color: black; }

.downloadMacro { text-align: center; width: auto; height: auto; padding: 10px 20px 20px 20px; }


a.macroBtn { background: var(--Lighter); margin: .2rem; border: 1px solid var(--MediumLight); font-size: 14px; }
a.macroBtn .icon { color: var(--Dark); margin-right: .2rem; }
li a.btn-primary { margin: .2rem; }

.video { width: 800px; height: 450px; display: block; margin: 10px auto 30px auto; border: 1px solid var(--Dark);
	box-shadow: 0 0 15px 3px rgba(0, 0, 0, .3); }