.dark-tooltip{display:none;position:absolute;z-index:99;text-decoration:none;font-weight:normal;height:auto;top:0;left:0;}
.dark-tooltip.small{padding:4px;font-size:12px;max-width:150px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.dark-tooltip.medium{padding:10px;font-size:14px;max-width:200px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.dark-tooltip.large{padding:16px;font-size:16px;max-width:250px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.dark-tooltip .tip{transform:scale(1.01);-webkit-transform:scale(1.01);transform:scale(1.01);content:"";position:absolute;width:0;height:0;border-style:solid;line-height:0px;}
.dark-tooltip.south .tip{left:50%;top:100%;}
.dark-tooltip.west .tip{left:0;top:50%;}
.dark-tooltip.north .tip{left:50%;top:0;}
.dark-tooltip.east .tip{left:100%;top:50%;}
.dark-tooltip.south.small .tip{border-width:7px 5px 0 5px;margin-left:-5px;}
.dark-tooltip.south.medium .tip{border-width:8px 6px 0 6px;margin-left:-6px;}
.dark-tooltip.south.large .tip{border-width:14px 12px 0 12px;margin-left:-12px;}
.dark-tooltip.west.small .tip{border-width:5px 7px 5px 0;margin-left:-7px;margin-top:-5px;}
.dark-tooltip.west.medium .tip{border-width:6px 8px 6px 0;margin-left:-8px;margin-top:-6px;}
.dark-tooltip.west.large .tip{border-width:12px 14px 12px 0;margin-left:-14px;margin-top:-12px;}
.dark-tooltip.north.small .tip{border-width:0 5px 7px 5px;margin-left:-5px;margin-top:-7px;}
.dark-tooltip.north.medium .tip{border-width:0 6px 8px 6px;margin-left:-6px;margin-top:-8px;}
.dark-tooltip.north.large .tip{border-width:0 12px 14px 12px;margin-left:-12px;margin-top:-14px;}
.dark-tooltip.east.small .tip{border-width:5px 0 5px 7px;margin-top:-5px;}
.dark-tooltip.east.medium .tip{border-width:6px 0 6px 8px;margin-top:-6px;}
.dark-tooltip.east.large .tip{border-width:12px 0 12px 14px;margin-top:-12px;}
.dark-tooltip ul.confirm{list-style-type:none;margin-top:5px;display:inline-block;margin:0 auto;}
.dark-tooltip ul.confirm li{padding:10px;float:left;margin:5px;min-width:25px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.dark-tooltip.dark{background-color:#1B1E24;color:#fff;}
.dark-tooltip.light{background-color:#275596;color:#fff;text-align:center;}
.dark-tooltip.light a{font-family:proxima_novasemibold;font-size:16px;text-decoration:none;color:#fff;}
.dark-tooltip.light a:hover{color:#000;}
.dark-tooltip.dark.south .tip{border-color:#1B1E24 transparent transparent transparent;}
.dark-tooltip.dark.west .tip{border-color:transparent #1B1E24 transparent transparent;}
.dark-tooltip.dark.north .tip{border-color:transparent transparent #1B1E24 transparent;}
.dark-tooltip.dark.east .tip{border-color:transparent transparent transparent #1B1E24;}
.dark-tooltip.light.south .tip{border-color:#275596 transparent transparent transparent;}
.dark-tooltip.light.west .tip{border-color:transparent #ebedf3 transparent transparent;}
.dark-tooltip.light.north .tip{border-color:transparent transparent #ebedf3 transparent;}
.dark-tooltip.light.east .tip{border-color:transparent transparent transparent #ebedf3;}
.dark-tooltip.dark ul.confirm li{background-color:#416E85;}
.dark-tooltip.dark ul.confirm li:hover{background-color:#417E85;}
.dark-tooltip.light ul.confirm li{background-color:#C1DBDB;}
.dark-tooltip.light ul.confirm li:hover{background-color:#DCE8E8;}
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;}

@keyframes flipInUp{0%{transform:perspective(400px) rotateX(-90deg);opacity:0;}
40%{transform:perspective(400px) rotateX(5deg);}
70%{transform:perspective(400px) rotateX(-5deg);}
100%{transform:perspective(400px) rotateX(0deg);opacity:1;}
}

@keyframes flipInRight{0%{transform:perspective(400px) rotateY(-90deg);opacity:0;}
40%{transform:perspective(400px) rotateY(5deg);}
70%{transform:perspective(400px) rotateY(-5deg);}
100%{transform:perspective(400px) rotateY(0deg);opacity:1;}
}
.flipIn{-webkit-backface-visibility:visible !important;-moz-backface-visibility:visible !important;-o-backface-visibility:visible !important;backface-visibility:visible !important}
.flipIn.south, .flipIn.north{-webkit-animation-name:flipInUp;-moz-animation-name:flipInUp;-o-animation-name:flipInUp;animation-name:flipInUp;}
.flipIn.west, .flipIn.east{-webkit-animation-name:flipInRight;-moz-animation-name:flipInRight;-o-animation-name:flipInRight;animation-name:flipInRight;}

@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;}
.darktooltip-modal-layer{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('./modal-bg.png');opacity:.7;display:none;}