@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Noto Sans'), local('NotoSans'), url('fonts/NotoSans.woff') format('woff');
}

HTML, BODY, DIV, SPAN, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, ABBR, ADDRESS, CITE, CODE, DEL, DFN, EM, IMG, INS, KBD, Q, SAMP, SMALL, STRONG, SUB, SUP, VAR, B, I, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, ARTICLE, ASIDE, CANVAS, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION, SUMMARY, TIME, MARK, AUDIO, VIDEO {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

BODY {
    line-height: 1;
}

ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION {
    display: block;
}

    NAV UL {
        list-style: none;
    }

BLOCKQUOTE, Q {
    quotes: none;
}

    BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after {
        content: "";
        content: none;
    }

A {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

INS {
    background-color: #FF9;
    color: #4D4D4D;
    text-decoration: none;
}

MARK {
    background-color: #FF9;
    color: #4D4D4D;
    font-style: italic;
    font-weight: 700;
}

DEL {
    text-decoration: line-through;
}

ABBR[title], DFN[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

TABLE {
    border-collapse: collapse;
    border-spacing: 0;
}

HR {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #B2B2B2;
    padding: 0;
}

INPUT, SELECT {
    vertical-align: middle;
}

.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* HTML .clear {
    zoom: 1;
}

:first-child + HTML .clear {
    zoom: 1;
}

.clearfix {
    clear: both;
    zoom: 1;
}

DIV.clear-spacer {
    clear: both;
    height: 0;
    visibility: hidden;
}

A {
    color: #ef282d;
}

    A, A:link, A:visited {
        text-decoration: none;
        -webkit-transition-property: color,left,right;
        -webkit-transition-duration: .5s;
        -webkit-transition-property: ease-in-out;
    }

        A:hover {
            color: #09f;
        }

        A.poplink:after {
            display: inline-block;
            content: "";
            width: 1em;
            height: 1em;
            margin-left: 2px;
            background-size: 100% 100%;
            background-image: url(../images/ico/open.png);
        }

HTML {
    -webkit-font-smoothing: antialiased;
}

BODY, HTML {
    background-color: #969696;
    color: #4D4D4D;
    font-family: 'Noto Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 130%;
    margin: 0;
    padding: 0;
}

HEADER, NAV, SECTION, ASIDE, FOOTER {
    display: block;
}

DIV {
    text-align: left;
    vertical-align: top;
}

.dropshadow {
    -moz-box-shadow: 5px 5px 6px #4D4D4D;
    -webkit-box-shadow: 5px 5px 6px #4D4D4D;
    box-shadow: 5px 5px 6px #4D4D4D;
    margin: 0 0 10px;
}

.dropshadow-box {
    -moz-box-shadow: 5px 5px 6px #4D4D4D;
    -webkit-box-shadow: 5px 5px 6px #4D4D4D;
    box-shadow: 5px 5px 6px #4D4D4D;
    margin: 0 0 10px;
    border: 1px solid #4D4D4D;
}

.box {
    border: 1px solid #4D4D4D;
}

.paper-effect {
    position: relative;
    z-index:0;
}

    .paper-effect:before {
        z-index: -1;
        position: absolute;
        content: '';
        bottom: 22px;
        left: 10px;
        width: 50%;
        top: 80%;
        max-width: 300px;
        background: #777;
        -webkit-box-shadow: 0 15px 10px #777;
        -moz-box-shadow: 0 15px 10px #777;
        box-shadow: 0 15px 10px #777;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

.marquee {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

    .marquee p {
        margin-bottom: 0 !important;
        display: inline-block;
        padding-left: 100%;
        animation: marquee 10s linear infinite;
        cursor: default;
    }

        .marquee p:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
        }

@keyframes marquee {
    0% {
        transform: translate(0,0);
    }

    100% {
        transform: translate(-100%,0);
    }
}

Q {
    font-style: italic;
}

.para-top-5 {
    margin-top: 5px !important;
}

.para-top-10 {
    margin-top: 10px !important;
}

.para-top-15 {
    margin-top: 15px !important;
}

.para-top-20 {
    margin-top: 20px !important;
}

.para-top-30 {
    margin-top: 30px !important;
}

.para-top-40 {
    margin-top: 40px !important;
}

.para-top-50 {
    margin-top: 50px !important;
}

.para-top-100 {
    margin-top: 100px !important;
}

.para-bottom-5 {
    margin-bottom: 5px !important;
}

.para-bottom-10 {
    margin-bottom: 10px !important;
}

.para-bottom-15 {
    margin-bottom: 15px !important;
}

.para-bottom-20 {
    margin-bottom: 20px !important;
}

.para-bottom-30 {
    margin-bottom: 30px !important;
}

.para-bottom-40 {
    margin-bottom: 40px !important;
}

.para-bottom-50 {
    margin-bottom: 50px !important;
}

.info-box {
    background-color: #FFF;
    border-color: #B2B2B2;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

    .info-box.header {
        background-position-x: left;
        background-repeat: repeat-x;
        background-image: url(../images/bg-box.png);
    }

    .info-box.yellow {
        background-color: #ff9;
    }

    .info-box.gray {
        background-color: #F1F1F1;
    }

    .info-box.red {
        background-color: #f5978e;
        text-shadow: 1px 1px 0 rgba(255,255,255,0.2);
    }

        .info-box.red A {
            color: #FF9;
        }

.warning-box {
    min-height: 130px;
}

.info-box OL LI {
    margin-left: 35px;
}

.info-box OL.spacer LI {
    margin-left: 35px;
    margin-top: 10px;
}

.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #B2B2B2;
    background-color: #ff9;
    border-radius: 5px;
    padding: 5px;
    color: #4D4D4D;
    font-size: 12px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    max-width: 250px;
}

.text {
    color: #4D4D4D;
    font-family: 'Noto Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 1.75rem;
}

.small-text {
    font-size: 12px;
    font-family: Arial,sans-serif;
    line-height: 125%;
}

.light-text {
    color: #B2B2B2;
}

.gray-text {
    color: #B2B2B2;
}

.highlight {
    font-weight: 700;
}

H2 SPAN.highlight, H3 SPAN.highlight {
    color: #969696;
}

.caption {
    font-size: 18px;
    font-weight: 700;
    color: #4D4D4D;
    border-bottom-color: #B2B2B2;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: 40px;
    margin-bottom: 15px;
    padding-bottom: 3px;
    cursor: default;
    line-height: 1.1em;
}

#sidebar .caption {
    margin-top: 35px;
}

.caption.first {
    margin-top: 0;
}

.caption A {
    color: inherit;
}

    .caption A:hover {
        color: #4D4D4D;
        text-decoration: none;
    }

.caption STRONG {
    font-weight: inherit;
    color: #EF282D;
}

H3.caption {
    font-size: 15px;
}

FIELDSET {
    margin: 10px 0;
    padding: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #969696;
}

    FIELDSET LEGEND {
        font-weight: 700;
        padding-left: 2px;
        padding-right: 2px;
    }

INPUT, SELECT {
    font-family: Arial,sans-serif;
    font-style: normal;
    font-size: 15px;
}

SELECT {
    border: 0;
    padding: 0;
}

INPUT, SELECT, TEXTAREA {
    border: 1px solid #B2B2B2;
    height: auto;
    padding: 3px;
}

INPUT {
    padding: 4px;
}

    INPUT[type=radio], INPUT[type=checkbox] {
        border: 0;
        padding-left: 0;
    }

LABEL.validate-error {
    color: red;
}

INPUT.validate-error, SELECT.validate-error {
    border: 1px solid red;
    background-color: #ffcbcb;
}

DIV.no-validate-error {
    visibility: collapse;
    display: none;
}

DIV.validate-error {
    font-weight: 700;
    color: red;
    visibility: visible;
    display: block;
}

INPUT.keyfield {
    font-weight: 700;
    font-family: monospace,'Courier New';
    background-color: #efefef;
}

    INPUT.keyfield.dongle {
        display: none;
    }

SPAN.dongle-key-icon {
    cursor: pointer;
    font-weight: 700;
}

INPUT, SELECT {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.button-gray {
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
    margin-bottom: 1px;
    font-family: Arial,sans-serif;
    cursor: pointer;
    color: #4D4D4D;
    text-decoration: none;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#dbdbdb),color-stop(1,#bababa));
    background: -moz-linear-gradient(top,#dbdbdb 5%,#bababa 100%);
    background: -webkit-linear-gradient(top,#dbdbdb 5%,#bababa 100%);
    background: -o-linear-gradient(top,#dbdbdb 5%,#bababa 100%);
    background: -ms-linear-gradient(top,#dbdbdb 5%,#bababa 100%);
    background: linear-gradient(to bottom,#dbdbdb 5%,#bababa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb',endColorstr='#bababa',GradientType=0);
    background-color: #dbdbdb;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    text-shadow: 0 1px 0 #d6d6d6;
}

    .button-gray:hover, .button-mini-gray:hover {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#bababa),color-stop(1,#dbdbdb));
        background: -moz-linear-gradient(top,#bababa 5%,#dbdbdb 100%);
        background: -webkit-linear-gradient(top,#bababa 5%,#dbdbdb 100%);
        background: -o-linear-gradient(top,#bababa 5%,#dbdbdb 100%);
        background: -ms-linear-gradient(top,#bababa 5%,#dbdbdb 100%);
        background: linear-gradient(to bottom,#bababa 5%,#dbdbdb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa',endColorstr='#dbdbdb',GradientType=0);
        background-color: #bababa;
        color: #4D4D4D;
    }

    .button-gray:active {
        position: relative;
        top: 1px;
        left: 1px;
        text-shadow: none;
    }

    .button-gray IMG {
        margin-right: 8px;
        vertical-align: middle;
    }

.button-red {
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
    margin-bottom: 1px;
    font-family: Arial,sans-serif;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    -moz-box-shadow: inset 0 1px 0 0 #f5978e;
    -webkit-box-shadow: inset 0 1px 0 0 #f5978e;
    box-shadow: inset 0 1px 0 0 #f5978e;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f24537),color-stop(1,#c62d1f));
    background: -moz-linear-gradient(top,#f24537 5%,#c62d1f 100%);
    background: -webkit-linear-gradient(top,#f24537 5%,#c62d1f 100%);
    background: -o-linear-gradient(top,#f24537 5%,#c62d1f 100%);
    background: -ms-linear-gradient(top,#f24537 5%,#c62d1f 100%);
    background: linear-gradient(to bottom,#f24537 5%,#c62d1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537',endColorstr='#c62d1f',GradientType=0);
    background-color: #f24537;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d02718;
    text-shadow: 0 1px 0 #810e05;
}

    .button-red:hover, .button-mini-red:hover {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#c62d1f),color-stop(1,#f24537));
        background: -moz-linear-gradient(top,#c62d1f 5%,#f24537 100%);
        background: -webkit-linear-gradient(top,#c62d1f 5%,#f24537 100%);
        background: -o-linear-gradient(top,#c62d1f 5%,#f24537 100%);
        background: -ms-linear-gradient(top,#c62d1f 5%,#f24537 100%);
        background: linear-gradient(to bottom,#c62d1f 5%,#f24537 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f',endColorstr='#f24537',GradientType=0);
        background-color: #c62d1f;
        color: #fff;
    }

    .button-red:active {
        position: relative;
        top: 1px;
        left: 1px;
        text-shadow: none;
    }

    .button-red IMG {
        margin-right: 8px;
        vertical-align: middle;
    }

.button-mini-gray {
    font-size: 10px;
    font-weight: 400;
    padding: 1px 5px;
    margin-bottom: 1px;
    font-family: Arial,sans-serif;
    display: inline-block;
    cursor: pointer;
    color: #4D4D4D;
    text-decoration: none;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#dbdbdb),color-stop(1,#bababa));
    background: -moz-linear-gradient(top,#dbdbdb 5%,#bababa 100%);
    background: -webkit-linear-gradient(top,#dbdbdb 5%,#bababa 100%);
    background: -o-linear-gradient(top,#dbdbdb 5%,#bababa 100%);
    background: -ms-linear-gradient(top,#dbdbdb 5%,#bababa 100%);
    background: linear-gradient(to bottom,#dbdbdb 5%,#bababa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb',endColorstr='#bababa',GradientType=0);
    background-color: #dbdbdb;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    text-shadow: 0 1px 0 #d6d6d6;
}

    .button-mini-gray:active {
        position: relative;
        top: 1px;
        left: 1px;
        text-shadow: none;
    }

.button-mini-red {
    font-size: 10px;
    font-weight: 400;
    padding: 1px 5px;
    margin-bottom: 1px;
    font-family: Arial,sans-serif;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    -moz-box-shadow: inset 0 1px 0 0 #f5978e;
    -webkit-box-shadow: inset 0 1px 0 0 #f5978e;
    box-shadow: inset 0 1px 0 0 #f5978e;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f24537),color-stop(1,#c62d1f));
    background: -moz-linear-gradient(top,#f24537 5%,#c62d1f 100%);
    background: -webkit-linear-gradient(top,#f24537 5%,#c62d1f 100%);
    background: -o-linear-gradient(top,#f24537 5%,#c62d1f 100%);
    background: -ms-linear-gradient(top,#f24537 5%,#c62d1f 100%);
    background: linear-gradient(to bottom,#f24537 5%,#c62d1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537',endColorstr='#c62d1f',GradientType=0);
    background-color: #f24537;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d02718;
    text-shadow: 0 1px 0 #810e05;
}

    .button-mini-red:active {
        position: relative;
        top: 1px;
        left: 1px;
        text-shadow: none;
    }

A.action-button {
    height: 31px;
    background-image: url(../images/action-button/action-button-gray.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    width: 215px;
    font-weight: 700;
    font-size: 14px;
    font-family: Arial,sans-serif;
    text-decoration: none;
    color: #fff;
    padding-top: 10px;
    outline: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    line-height: 130%;
}

    A.action-button:hover {
        background-position: 0 -40px;
    }

    A.action-button SPAN {
        margin-top: -5px;
        padding-left: 15px;
        display: inline-block;
    }

        A.action-button SPAN.icon {
            padding-left: 16px;
        }

            A.action-button SPAN.icon IMG {
                vertical-align: top;
            }

    A.action-button.red {
        background-image: url(../images/action-button/action-button-red.png);
    }

DIV.expander > DIV {
    display: none;
    margin-left: 21px;
}

DIV.expander A:first-child {
    cursor: pointer;
}

    DIV.expander A:first-child SPAN:first-child:before {
        display: inline-block;
        background-image: url(../images/expander-plus.png);
        background-size: 16px 16px;
        height: 16px;
        width: 16px;
        content: "";
        margin-right: 5px;
        margin-top: 4px;
        vertical-align: top;
        cursor: pointer;
    }

    DIV.expander A:first-child.expanded SPAN:first-child:before {
        display: inline-block;
        background-image: url(../images/expander-minus.png);
        background-size: 16px 16px;
        height: 16px;
        width: 16px;
        content: "";
        margin-right: 5px;
        margin-top: 4px;
        vertical-align: top;
        cursor: pointer;
    }

    DIV.expander.small-text A:first-child SPAN:first-child:before {
        margin-top: -1px;
    }

    DIV.expander.small-text A:first-child.expanded SPAN:first-child:before {
        margin-top: -1px;
    }

UL.screenshot-gallery {
    margin: 0 !important;
}

    UL.screenshot-gallery LI {
        display: inline-block;
        text-align: center;
        vertical-align: top;
        margin-right: 5px;
        margin-bottom: 10px;
        height: 180px;
        max-height: 180px;
        background-color: #F1F1F1;
        padding: 4px;
        overflow: hidden;
        position: relative;
        width: 190px;
    }

        UL.screenshot-gallery LI IMG {
            max-width: 190px;
            max-height: 115px;
        }

        UL.screenshot-gallery LI SPAN {
            display: block;
            font-size: 11px;
            font-weight: 700;
            width: 190px;
            max-width: 190px;
            line-height: 120%;
            height: 60px;
            max-height: 60px;
            overflow: hidden;
            position: absolute;
            top: 125px;
        }

        UL.screenshot-gallery LI DIV.duration {
            display: block;
            font-size: 11px;
            font-weight: 700;
            position: absolute;
            top: 90px;
            right:7px;
            color:white;
            z-index:100;
            overflow:visible;
            background-color:black;
            opacity:0.8;
            padding:1px;
            line-height:normal;
        }

IMG.mirabyte-bullet-small {
    height: 16px;
    width: 16px;
    vertical-align: top;
    padding-top: 2px;
}

UL.feed {
    list-style-type: none;
}

    UL.feed LI {
        margin-bottom: 12px;
        font-weight: 700;
    }

LI SPAN.feed-description {
    color: #4D4D4D;
    font-weight: 400;
    display: inline-block;
}

DIV#press-releases UL {
    margin-left: 0;
}

DIV#press-releases SPAN.feed-description {
    display: block;
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0;
    text-decoration: none;
    color: #000;
    background-color: rgba(235,235,235,0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

    .back-to-top:hover {
        background-color: rgba(135,135,135,0.50);
    }

TABLE.table-bordered {
    border-collapse: collapse;
    border: 2px solid #000;
}

    TABLE.table-bordered TD {
        border: 1px solid #4D4D4D;
        margin: 0;
        padding: 4px;
    }

A:target, ASIDE:target, ARTICLE:target, SECTION:target, DIV:target {
    animation-name: blink;
    animation-duration: 2s;
    animation-iteration-count: 2;
    -webkit-animation-name: blink;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 2;
}

@keyframes blink {
    50% {
        transition: background-color 1s ease-in;
        -webkit-transition: background-color 1s ease-in;
        -moz-transition: background-color 1s ease-in;
        background-color: #FF9;
    }
}

@-webkit-keyframes blink {
    50% {
        transition: background-color 1s ease-in;
        -webkit-transition: background-color 1s ease-in;
        -moz-transition: background-color 1s ease-in;
        background-color: #FF9;
    }
}

#ribbon:target, .nohighlight:target {
    animation-name: initial;
    -webkit-animation-name: initial;
}

::selection {
    background: #F24537;
}

::-moz-selection {
    background: #F24537;
}

.v-center-parent {
    display: table;
    width: 100%;
    min-height: 45px;
}

.v-center-child {
    display: table-cell;
    vertical-align: middle;
}

.v-center-child-icon {
    display: table-cell;
    vertical-align: middle;
    width: 32px;
    padding-right: 10px;
}

    .v-center-child-icon IMG {
        vertical-align: middle;
    }

.table-listing {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
}

.table__row {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-align: center;
    flex-wrap: wrap;
    padding: .3rem;
    text-align: center;
}

.table__head {
    border-bottom: solid 1px #4d4d4d;
    font-weight: 700;
}

.table__row:nth-of-type(2n) {
    background: #F1F1F1;
}

.table__item {
    width: 25%;
}

.table__doubleItem {
    padding: 0 .5rem;
}

.table__item__large {
    width: 70%;
}

@media(max-width: 580px) {
    .table__head {
        display: none;
    }

    .table__row {
        padding: .6rem;
    }

        .table__row div {
            padding: .6rem 0;
            width: 50%;
        }
}

TD INPUT.tf, TD SELECT.tf {
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
}

@keyframes beatHeart {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.1);
    }

    40% {
        transform: scale(1);
    }

    60% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

IMG.addon-icon {
    -webkit-filter: drop-shadow(1px 1px 2px #aaa);
    filter: drop-shadow(1px 1px 2px #aaa);
}