/*!
@author: Fechanique <felipe.echanique@gmail.com>
@version: 1.1.0
@github: https://github.com/fechanique/material-modal
*/@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(../fonts/Roboto-bold.ttf)}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/Roboto-Regular.ttf)}#materialModal{font-family:Roboto;color:#222;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:table;z-index:1800}#materialModalCentered{display:table-cell;vertical-align:middle;padding:20px}#materialModalContent{padding:10px;position:relative;background:#fff;max-width:400px;min-height:210px;margin:auto;box-shadow:0 0 1.5em #000;box-sizing:border-box}#materialModalTitle{margin:10px;font-weight:700;font-size:1em}#materialModalText{margin:10px;margin-bottom:40px}#materialModalButtons{width:100%;position:absolute;left:0;bottom:0}.materialModalButton{margin:10px;font-weight:700;cursor:pointer;text-align:center;float:right;text-transform:uppercase;padding:10px}#materialModal.hide{opacity:0;transition:opacity .2s ease-out;pointer-events:none}#materialModal.hide #materialModalCentered{transform:scale(.8);transition:transform .2s ease-out}#materialModal.show{opacity:1;transition:opacity .2s ease-in}#materialModal.show #materialModalCentered{transform:scale(1);transition:transform .2s ease-in}