.key-function-button-wrapper{position:relative;display:inline-block}.key-function-button.active{opacity:.8;filter:alpha(opacity=80)}.key-function-button.active.full,.key-function-button:hover:not(.disabled),.key-function-button.loading{opacity:1;filter:alpha(opacity=100)}.key-function-button .img{width:20px;height:20px;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-image:url(/icons/flat/svg/bg_blue_dark.svg)}.key-function-button.bg-blue .img{background-image:url(/icons/flat/svg/bg_blue.svg)}.key-function-button.bg-blue-light .img{background-image:url(/icons/flat/svg/bg_blue_light.svg)}.key-function-button.bg-green .img{background-image:url(/icons/flat/svg/bg_green.svg)}.key-function-button.bg-white .img{background-image:url(/icons/flat/svg/bg_white.svg)}.key-function-button.bg-orange .img{background-image:url(/icons/flat/svg/bg_orange.svg)}.key-function-button.bg-purple .img{background-image:url(/icons/flat/svg/bg_purple.svg)}.key-function-button.bg-green-khaki .img{background-image:url(/icons/flat/svg/bg_green_khaki.svg)}.key-function-button.bg-purple-light .img{background-image:url(/icons/flat/svg/bg_purple_light.svg)}.key-function-button.bg-red .img{background-image:url(/icons/flat/svg/bg_red.svg)}.key-function-button.bg-red-light .img{background-image:url(/icons/flat/svg/bg_red_light.svg)}.key-function-button.bg-gray .img{background-image:url(/icons/flat/svg/bg_gray.svg)}.key-function-button.bg-gray-light .img{background-image:url(/icons/flat/svg/bg_gray_light.svg)}.key-function-button.disabled{cursor:auto}.key-function-button.toggle-task-completed{opacity:.8}.key-function-button.toggle-task-completed .img{background-image:url(/icons/flat/svg/dot.svg)}.key-function-button.toggle-task-completed.loading .img{background-image:none}.key-function-button.toggle-task-completed.active:not(.loading) .img{background-image:url(/icons/flat/svg/dot_completed.svg)}.key-function-button.toggle-task-completed.active.loading .img{background-size:100% 100%;background-repeat:no-repeat;background-position:center center}.key-function-button-wrapper .button-badge{display:none;border-radius:100px;text-align:center;overflow:hidden;position:absolute;top:-2px;right:-2px;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-image:url(/icons/flat/svg/bg_red_bright.svg);width:15px;height:15px;line-height:15px;z-index:4;float:left;font-size:10px;color:#fff;font-weight:600}