.hidden{display:none;}
.init_display_none{display:none;}
.nowrap{white-space:nowrap;}

.cursor-clickable{
    cursor:pointer;
}
.cursor-pickable{
    cursor:crosshair;
}
.cursor-default {
    cursor: default !important;
}

.font-strong{font-weight:bold;}
.font-smaller{font-size:0.8em;}
.font-larger{font-size:1.2em;}

.nowrap{white-space: nowrap;}

.no-border{border:0!important;}
.no-padding{padding:0!important;}

.border-4 {
    border: 4px solid;
}
.border-top-4 {
    border-top: 4px solid;
}
.border-right-4 {
    border-right: 4px solid;
}
.border-bottom-4 {
    border-bottom: 4px solid;
}
.border-left-4 {
    border-left: 4px solid;
}

div.polaroid {
    width: 250px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}

.pulse{
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}

/* TODO - give AnimationName a better name (used by 35-css-local.html.inc) */

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 51%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 51%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 51%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 51%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 51%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 51%
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    40% {
        -webkit-transform: rotate(720deg);
    }

    60% {
        -webkit-transform: rotate(-180deg);
    }

    80% {
        -webkit-transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(720deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(720deg);
    }

    60% {
        transform: rotate(-180deg);
    }

    80% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(720deg);
    }
}


.navSm {
    -webkit-transform: scale(0.5) !important;
    -moz-transform: scale(0.5) !important;
    -ms-transform: scale(0.5) !important;
    transform: scale(0.5) !important;
    top: -16px !important;
    left: -50% !important;
    width: 200% !important;
}

.navMd {
    -webkit-transform: scale(0.75) !important;
    -moz-transform: scale(0.75) !important;
    -ms-transform: scale(0.75) !important;
    transform: scale(0.75) !important;
    top: -10px !important;
    left: -17% !important;
    width: 134% !important;
}

.navXl {
    -webkit-transform: scale(1.25) !important;
    -moz-transform: scale(1.25) !important;
    -ms-transform: scale(01.25) !important;
    transform: scale(1.25) !important;
    top: 8px !important;
    left: 10% !important;
    width: 80% !important;
}