/** IOA Framework Backend Stylings Version  :   V2 Design   :   Proactive */
* html .clearfix { height: 1%; }

/* Hides from IE-mac \*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; *zoom: 1; }

.clearfix { display: block; }

.relative { position: relative; }

div.demo-installer { background:#fff; border:1px solid #ddd; margin: 50px 50px 50px 30px; width: 800px; }
div.demo-installer h2 { padding: 15px; margin: 0 0 15px 0; border-bottom:1px solid #eee; }
div.demo-installer p { margin: 15px; }

div.demo-installer a.button-install { margin: 15px; padding: 20px; background:#222; color:#fff; display: block; text-align: center; text-decoration: none; }
div.demo-installer .install-layouts-section { overflow: hidden; margin: 15px; }
div.demo-installer .install-layouts-section a.button-layout-install { float: left; width: 33.33%; padding: 3px; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }
div.demo-installer .install-layouts-section a.button-layout-install:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); opacity: 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
div.demo-installer .install-layouts-section a.button-layout-install img { display: block; max-width: 100%; min-width: 100%; }
div.demo-installer .install-layouts-section a.button-layout-install .button-title { font-size: 16px; display: block; width: 100%; text-align: center; position: absolute; left: 0; top: 140%; line-height: 1.4; height: 1.4em; overflow: hidden; margin-top: -.7em; color: #fff; -webkit-transition: top .3s ease-in-out; -moz-transition: top .3s ease-in-out; -o-transition: top .3s ease-in-out; -ms-transition: top .3s ease-in-out; transition: top .3s ease-in-out; }
div.demo-installer .install-layouts-section a.button-layout-install:hover .button-title { top: 50%; }
div.demo-installer .install-layouts-section a.button-layout-install:hover:before { opacity: 1; }

div.success-mesage { background:#fff; color:#444; text-align: center; padding: 15px; border:1px solid #ddd; margin: 25px; }