html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''}table{border-collapse:collapse;border-spacing:0}a,input,textarea,select,option{outline:0}img{vertical-align:middle}html{height:100%;width:100%}html *{box-sizing:border-box}html body{font-family:'Lato', sans-serif;height:100%;width:100%}html body:after{background:url(../img/ep-background.jpg) no-repeat center center;background-size:cover;bottom:0;content:'';height:100%;left:0;opacity:0.7;position:absolute;right:0;top:0;width:100%;z-index:-1}html body #page{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;height:100%;padding:30px;position:relative;width:100%}html body #page>h1{color:#ffffff;font-size:1em;left:0;position:absolute;text-align:center;top:8px;width:100%}html body #page>#menu{-webkit-transition:width .01s ease-in;-moz-transition:width .01s ease-in;-ms-transition:width .01s ease-in;-o-transition:width .01s ease-in;transition:width .01s ease-in;height:32px;left:0;overflow:hidden;position:fixed;top:0;width:32px;z-index:2000}html body #page>#menu .toggle{background:url(../img/menu.png) no-repeat;background-size:cover;cursor:pointer;height:24px;position:absolute;right:4px;top:4px;width:24px}html body #page>#menu .content{display:none;width:300px}html body #page>#menu .content ul li{background:#382887;border-bottom:1px solid #ffffff;padding:6px 15px}html body #page>#menu .content ul li a{color:#ffffff;text-decoration:none}html body #page>#menu .content ul li.current{background:rgba(56,40,135,0.8)}html body #page>#menu.active{-webkit-transition:width .3s ease-in;-moz-transition:width .3s ease-in;-ms-transition:width .3s ease-in;-o-transition:width .3s ease-in;transition:width .3s ease-in;background:#ffffff;height:100%;padding:32px 0 10px 0;width:300px}html body #page>#menu.active .toggle{background-image:url(../img/close.png)}html body #page>#menu.active .content{display:block}html body #page>#content{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}html body #page>#content .actions{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;cursor:pointer;font-size:1.5em;padding:0 5px 5px 5px;text-align:left;width:100%}html body #page>#content .actions>.input input{background:transparent;border:none;color:#ffffff;cursor:pointer;display:inline-block;width:120px}html body #page>#content .actions>.icons{text-align:right;width:100%}html body #page>#content .actions>.icons .icon{height:18px;padding:0 5px}html body #page>#content .actions>.icons #download{display:none;position:relative;top:-2px}html body #page>#content .actions>.icons #download button{background:transparent;border:none}html body #page>#content .actions>.icons #refresh{display:none}html body #page>#content .icon{display:inline-block;width:auto}html body #page>#content.gda-report,html body #page>#content.titan-report{height:100%;position:relative}html body #page>#content.gda-report>.content,html body #page>#content.titan-report>.content{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-content:flex-start;-moz-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}html body #page>#content.gda-report>.content .image,html body #page>#content.titan-report>.content .image{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-content:stretch;-moz-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch;border:5px solid #000000;position:relative;width:300px}html body #page>#content.gda-report>.content .image .button,html body #page>#content.titan-report>.content .image .button{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-moz-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;color:#ffffff;cursor:pointer;font-size:3em;height:100%;justify-content:center;text-align:center;width:100%}html body #page>#content.gda-report>.content .image label,html body #page>#content.titan-report>.content .image label{display:block;position:relative;width:100%}html body #page>#content.gda-report>.content .image label .icon,html body #page>#content.titan-report>.content .image label .icon{height:48px;width:auto}html body #page>#content.gda-report>.content .image label canvas,html body #page>#content.titan-report>.content .image label canvas{height:auto;width:100%}html body #page>#content.gda-report>.content .image label input[type="file"],html body #page>#content.titan-report>.content .image label input[type="file"]{display:none}html body #page>#content.gda-report>.content .image .target,html body #page>#content.titan-report>.content .image .target{background:rgba(0,0,0,0.3);border:2px solid #ffffff;display:none;left:0;height:calc(100%);padding:10px;position:absolute;text-align:center;top:0;width:100%;z-index:2}html body #page>#content.gda-report>.content .image.top,html body #page>#content.titan-report>.content .image.top{background:#3399ff;min-height:350px}html body #page>#content.gda-report>.content .image.bottom,html body #page>#content.titan-report>.content .image.bottom{background:#C09853;min-height:100px}html body #page>#content.gda-report>.content .image.selected,html body #page>#content.titan-report>.content .image.selected{min-height:auto}html body #page>#content.gda-report>.content .image.selected .button,html body #page>#content.titan-report>.content .image.selected .button{display:none}html body #page>#content.gda-report>.content .image:nth-last-of-type(1),html body #page>#content.titan-report>.content .image:nth-last-of-type(1){border-top:none}html body #page>#content.gda-report #cropper,html body #page>#content.titan-report #cropper{background:#ffffff;display:none;height:100%;left:0;padding:30px;position:fixed;top:0;width:100%;z-index:10000}html body #page>#content.gda-report #cropper .cropper-point,html body #page>#content.titan-report #cropper .cropper-point{height:16px;width:16px}html body #page>#content.gda-report #cropper .cropper-point.point-e,html body #page>#content.titan-report #cropper .cropper-point.point-e{margin-top:-8px;right:-8px}html body #page>#content.gda-report #cropper .cropper-point.point-n,html body #page>#content.titan-report #cropper .cropper-point.point-n{margin-left:-8px;top:-8px}html body #page>#content.gda-report #cropper .cropper-point.point-w,html body #page>#content.titan-report #cropper .cropper-point.point-w{left:-8px;margin-top:-8px}html body #page>#content.gda-report #cropper .cropper-point.point-s,html body #page>#content.titan-report #cropper .cropper-point.point-s{bottom:-8px;margin-left:-8px}html body #page>#content.gda-report #cropper .cropper-point.point-ne,html body #page>#content.titan-report #cropper .cropper-point.point-ne{right:-8px;top:-8px}html body #page>#content.gda-report #cropper .cropper-point.point-nw,html body #page>#content.titan-report #cropper .cropper-point.point-nw{left:-8px;top:-8px}html body #page>#content.gda-report #cropper .cropper-point.point-sw,html body #page>#content.titan-report #cropper .cropper-point.point-sw{bottom:-8px;left:-8px}html body #page>#content.gda-report #cropper .cropper-point.point-se,html body #page>#content.titan-report #cropper .cropper-point.point-se{bottom:-8px;right:-8px}html body #page>#content.gda-report #cropper .image,html body #page>#content.titan-report #cropper .image{border:5px solid #000000;height:95%;position:relative;width:100%}html body #page>#content.gda-report #cropper .image .cropper-container,html body #page>#content.titan-report #cropper .image .cropper-container{max-height:100%;max-width:100%}html body #page>#content.gda-report #cropper .image img,html body #page>#content.titan-report #cropper .image img{height:auto;max-height:100%;max-width:100%;width:auto}html body #page>#content.gda-report #cropper.open,html body #page>#content.titan-report #cropper.open{display:block}html body #page>#content.home>.shortcuts{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}html body #page>#content.home>.shortcuts>.shortcut{border-radius:5px;display:block;margin:10px;max-width:90%;overflow:hidden;position:relative;width:300px}html body #page>#content.home>.shortcuts>.shortcut label{color:#ffffff;display:block;font-weight:700;left:0;position:absolute;text-align:center;text-shadow:2px 2px 12px #000000;text-transform:uppercase;top:10px;width:100%;z-index:2}html body #page>#content.home>.shortcuts>.shortcut img{height:auto;width:100%}html body #page>#content.home>.shortcuts>.shortcut:before{background:#000000;content:'';height:100%;left:0;opacity:0.1;position:absolute;top:0;width:100%;z-index:1}html body #page>#content.heroes-export{height:100%;overflow:auto}html body #page>#content.heroes-export>.actions #export{display:block;font-size:0.8em;margin:30px 0 20px 0;text-align:center}html body #page>#content.heroes-export>.actions #export label{background:#382887;border-radius:5px;color:#ffffff;cursor:pointer;display:inline-block;font-size:1em;line-height:2em;padding:15px}html body #page>#content.heroes-export>.actions #export label input{display:none}html body #page>#content.heroes-export>.actions #export label .counter{background:#ffffff;border-radius:50%;color:#382887;display:inline-block;font-size:0.8em;height:30px;line-height:2em;margin-left:10px;position:relative;top:-0.1em;width:30px}html body #page>#content.heroes-export>.actions #export>.files{display:block}html body #page>#content.heroes-export>.actions #export>.files>li{background:#ffffff;color:#382887;font-size:0.6em;padding:10px 10px;position:relative;margin:5px 0}html body #page>#content.heroes-export>.actions #export>.files>li>i{background:#fff url(../img/close.png) center center no-repeat;background-size:15px 15px;display:block;height:30px;position:absolute;right:0;top:0;width:30px;z-index:1}html body #page>#content.heroes-export>.actions #export>.files>li>span{background:rgba(56,40,135,0.3);height:100%;left:0;position:absolute;text-align:left;top:0;width:0}html body #page>#content.heroes-export>.actions #export>.files>li.loading>i{display:none}html body #page>#content.heroes-export>.actions #export>.files>li.loading>span{padding:10px}html body #page>#content.heroes-export>.actions #export>.files input{display:none}html body #page>#content.heroes-export>.actions #export>button{background:#382887;border:none;border-radius:5px;color:#ffffff;cursor:pointer;display:none;margin:5px auto;padding:5px 15px;position:relative}html body #page>#content.heroes-export>#remarks{color:#ffffff;font-size:0.9em}html body #page>#content.heroes-export>#remarks ul{list-style:disc;padding-left:20px}html body #page>#content.heroes-export>#loader{display:none;margin-top:40px}html body #page>#content.heroes-export>#loader>div{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-moz-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;width:100%}html body #page>#content.heroes-export>#loader>div>div{background:#ffffff;border-radius:50%;margin:0 10px;height:20px;width:20px}html body #page>#content.heroes-export>#loader>div>div:nth-child(1){animation:bouncing .4s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95)}html body #page>#content.heroes-export>#loader>div>div:nth-child(2){animation:bouncing .4s .1s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards}html body #page>#content.heroes-export>#loader>div>div:nth-child(3){animation:bouncing .4s .2s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards}html body #page>#content.heroes-export>#heroes{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:100%;overflow:auto}html body #page>#content.heroes-export>#heroes>form{max-width:300px;padding:20px;width:100%}html body #page>#content.heroes-export>#heroes>form>button{background:transparent;border:none;cursor:pointer}html body #page>#content.heroes-export>#heroes>form>button>img{height:auto;width:100%}html body #page>#content.heroes-export.exported #export{font-size:0.7em}html body #page>#content.heroes-export.exported #remarks{display:none}html body #page>#content.damage-calculation{width:300px}html body #page>#content.damage-calculation>div>label{display:block;padding:5px;text-align:center}html body #page>#content.damage-calculation>div.team{margin-bottom:20px}html body #page>#content.damage-calculation>div.team>.heroes{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}html body #page>#content.damage-calculation>div.team>.heroes>div{background:#ffffff;cursor:pointer;margin:0 1%;padding-top:28%;position:relative;width:18%}html body #page>#content.damage-calculation>div.team>.heroes>div>div{left:0;padding:5px;position:absolute;top:0;width:100%}html body #page>#content.damage-calculation>div.team>.heroes>div>div>label{display:block;font-size:12px;font-weight:700}html body #page>#content.damage-calculation>div.team>.heroes>div[data-color="blue"]{background-color:blue;color:#ffffff}html body #page>#content.damage-calculation>div.team>.heroes>div[data-color="red"]{background-color:red}html body #page>#content.damage-calculation>div.team>.heroes>div[data-color="green"]{background-color:green}html body #page>#content.damage-calculation>div.team>.heroes>div[data-color="yellow"]{background-color:#ff0}html body #page>#content.damage-calculation>div.team>.heroes>div[data-color="purple"]{background-color:purple}html body #page>#content.damage-calculation>div.team>.troops{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;margin-top:2px}html body #page>#content.damage-calculation>div.team>.troops>div{background:#ffffff;cursor:pointer;margin:0 1%;padding-top:12%;position:relative;width:18%}html body #page>#content.damage-calculation>div.team>.troops>div>div{left:0;padding:5px;position:absolute;top:0;width:100%}html body #page>#content.damage-calculation>div.team>.troops>div>div>label{display:block;font-size:10px;font-weight:700}html body #page>#content.damage-calculation>div.result>div{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;margin-top:2px}html body #page>#content.damage-calculation>div.result>div>div{width:20%}html body #page>#content.damage-calculation>div.result>div>div>div{font-size:10px;font-weight:700;padding:3px}html body #page>#content.damage-calculation>div.result>div>div>div.blue{background:blue;color:#ffffff}html body #page>#content.damage-calculation>div.result>div>div>div.red{background-color:red}html body #page>#content.damage-calculation>div.result>div>div>div.green{background-color:green}html body #page>#content.damage-calculation>div.result>div>div>div.yellow{background-color:#ff0}html body #page>#content.damage-calculation>div.result>div>div>div.purple{background-color:purple}html body #page>#content.damage-calculation #hero-selection,html body #page>#content.damage-calculation #troop-selection{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;background:rgba(0,0,0,0.5);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}html body #page>#content.damage-calculation #hero-selection>.content,html body #page>#content.damage-calculation #troop-selection>.content{background:#ffffff;padding:20px;width:300px}html body #page>#content.damage-calculation #hero-selection>.content select option[value="blue"],html body #page>#content.damage-calculation #troop-selection>.content select option[value="blue"]{background:blue}html body #page>#content.damage-calculation #hero-selection>.content select option[value="red"],html body #page>#content.damage-calculation #troop-selection>.content select option[value="red"]{background:red}html body #page>#content.damage-calculation #hero-selection>.content select option[value="yellow"],html body #page>#content.damage-calculation #troop-selection>.content select option[value="yellow"]{background:#ff0}html body #page>#content.damage-calculation #hero-selection>.content select option[value="green"],html body #page>#content.damage-calculation #troop-selection>.content select option[value="green"]{background:green}html body #page>#content.damage-calculation #hero-selection>.content select option[value="purple"],html body #page>#content.damage-calculation #troop-selection>.content select option[value="purple"]{background:purple}html body #page>#content.damage-calculation #hero-selection>.content>div,html body #page>#content.damage-calculation #troop-selection>.content>div{margin-top:5px}html body #page>#content.damage-calculation #hero-selection>.content>div>label span,html body #page>#content.damage-calculation #troop-selection>.content>div>label span{display:inline-block;width:80px}html body #page>#content.damage-calculation #hero-selection>.content>div>label input,html body #page>#content.damage-calculation #troop-selection>.content>div>label input{width:80px}html body #page>#content.damage-calculation #hero-selection>.content>div.buttons,html body #page>#content.damage-calculation #troop-selection>.content>div.buttons{margin-top:30px;text-align:center}@keyframes bouncing{0%{transform:translate3d(0, 10px, 0) scale(1.2, 0.85)}100%{transform:translate3d(0, -20px, 0) scale(0.9, 1.1)}}
/*# sourceMappingURL=styles.css.map */