/*! jQuery-Impromptu - v6.2.1 - 2015-05-10 * http://trentrichardson.com/Impromptu * Copyright (c) 2015 Trent Richardson; Licensed MIT */ .jqifade{ position: absolute; background-color: #777777; } iframe.jqifade{ display:block; z-index:-1; } div.jqi{ width: 400px; max-width:90%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 14px; text-align: left; border: solid 2px #FFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 7px; } div.jqi .jqicontainer{ } div.jqi .jqiclose{ position: absolute; top: -10px; right: -10px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; background: #a19f9f; border-radius:25px; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #fff; font-size:18px; } div.jqi .jqistate{ background-color: #fff; } div.jqi .jqititle{ padding: 5px 10px 10px 10px; font-size: 16px; line-height: 20px; border-bottom: solid 1px #eeeeee; text-align: center; } div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; overflow: auto; font-size:14px; } div.jqi .jqibuttonshide{ display: none; } .jqibox{ width: 90%!important; left: 5%!important;} div.jqi .jqibuttons{ /* text-align: right; */ margin: 0 -7px -7px -7px; /**/ border-top: solid 1px #e4e4e4; /* background-color: #f4f4f4;*/ padding-top: 15px; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; display:box; display:-webkit-box;display:-moz-box; box-align:center;-webkit-box-align:center;-webkit-moz- align:center; box-pack:center;-webkit-box-pack:center;-webkit-moz-pack:center; /* margin-top: 10px;*/ margin-bottom: 10px; } div.jqi .jqibuttons button{ margin: 0; padding: 10px 20px; background-color: transparent; font-weight: normal; border: none; /* border-left: solid 1px #e4e4e4; */ color: #fff!important; font-weight: bold; font-size: 14px; background:#d73838; min-width: 100px; text-align: center; margin: 0 5px; border-radius:8px; } div.jqi .jqibuttons button.jqidefaultbutton{ color: #C00; } div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus{ color: #AB6AA3; outline: none; } div.jqi .jqibuttons button[disabled]{ color: #aaa; } .jqiwarning .jqi .jqibuttons{ background-color: #ccc; } /* sub states */ div.jqi .jqiparentstate::after{ background-color: #777; opacity: 0.6; filter: alpha(opacity=60); content: ''; position: absolute; top:0;left:0;bottom:0;right:0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } div.jqi .jqisubstate{ position: absolute; top:0; left: 20%; width: 60%; padding: 7px; border: solid 1px #eeeeee; border-top: none; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; } div.jqi .jqisubstate .jqibuttons button{ padding: 10px 18px; } /* arrows for tooltips/tours */ .jqi .jqiarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;} .jqi .jqiarrowtl{ left: 10px; top: -20px; border-bottom-color: #ffffff; } .jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; } .jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #ffffff; } .jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #ffffff; } .jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; } .jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #ffffff; } .jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #ffffff; } .jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; } .jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #ffffff; } .jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #ffffff; } .jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; } .jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #ffffff; }