/**
 * Dynamic Modals
 * css
 */

/** Main */
body.DM { overflow: hidden; }
div[data-dynamicmodal] * { margin: 0; padding: 0; resize: none; outline: none; }
div[data-dynamicmodal] { font: normal 11px/17px Tahoma, sans-serif; color: black; display: none; padding: 0; margin: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000001; }
div[data-dynamicmodal] .modal { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; background: black; opacity: .75;  }
div[data-dynamicmodal] .wrap { display: none; position: relative; z-index: 1001; background: white; border: solid 4px #999; border-radius: 15px; box-shadow: 0 0 4px 4px rgba(153,153,153,.6); width: auto; max-width: 540px; min-width: 260px; height: auto; min-height: 180px; text-align: left; }
div[data-dynamicmodal] .head { width: 100%; height: 45px; line-height: 45px; font-weight: bold; text-align: center; background: #f0f0f0; border-radius: 15px 15px 0 0; margin-bottom: 28px; color: #333; }
div[data-dynamicmodal] .head.empty { height: 0; }
div[data-dynamicmodal] .head.bottom { margin-bottom: 0; border-radius: 0 0 15px 15px; }
div[data-dynamicmodal] .wrap > .content { position: relative; height: auto; min-height: 32px; padding: 0 20px; margin-bottom: 20px; overflow: auto; }
div[data-dynamicmodal] .foot { text-align: center; margin-bottom: 20px; }
div[data-dynamicmodal] .foot.A p { width: 100%; }
div[data-dynamicmodal] .foot.B p { display: inline-block; width: 40%; margin: 0 5%; }
div[data-dynamicmodal] .close { font: normal 15px "CssAero", sans-serif; display: inline-block; width: 36.666666666666664%; height: 38px; border: solid 1px #B9B9B9; border-radius: 10px; background: white; color: #666; cursor: pointer; }
div[data-dynamicmodal] .DM_button1 { font: normal 15px "CssAero", sans-serif; width: 100%; height: 38px; border: solid 1px #B9B9B9; border-radius: 10px; background: white; color: #666; cursor: pointer; }
div[data-dynamicmodal] .DM_button2 { font: normal 15px "CssAero", sans-serif; width: 100%; height: 38px; border: solid 1px #B9B9B9; border-radius: 10px; background: #666; color: white; cursor: pointer; }

/** Overflow */
div[data-dynamicmodal].o .wrap { overflow: auto; }

/** Responsive */
div[data-dynamicmodal].r { font-size: 14px; }
div[data-dynamicmodal].r .wrap { max-width: none; }