/* Reset */
*, *:before, *:after{margin:0; padding:0;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color: #08C;
    transition: text-decoration, color 0.3s ease-out;
    position: relative;
 /*   padding: .5em;
    margin: -.5em; */
}
a:hover { color: #336699; }

/* UI css style */

/* Helpers, adapt to you */
/* Inspired by http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/ */
.bold{
  font-weight: bold;
}
.italic{
  font-style: italic;
}
.center{
  text-align: center;
}
.flt-right{
	float:right;
}
.flt-left{
	float:left;
}
.hide{
	display:none;
}
.show{
	display:block;
}
.clr{
    clear:both;
}
.disabled {
    pointer-events: none;
    opacity: 0.5;
}
table tr:nth-child(even) {
    background: rgba(0,0,0,0.1);
}
.visually-hidden{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
span.hr{
    height:1px;
    width:200px;
    background: gray;
    display: block;
    margin:35px auto;
}



/* @media */
@media print {
    * {
        background: none !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
 
        /* Images, vectors and such */
        filter: Gray();                          /* IE4-8: depreciated */
        filter: url('desaturate.svg#grayscale'); /* SVG version for IE10, Firefox, Safari 5 and Opera */
        -webkit-filter: grayscale(100%);         /* Chrome + Safari 6 */
        -moz-filter: grayscale(100%);            /* Future proof */
        -ms-filter: grayscale(100%);             /* Future proof */
        -o-filter: grayscale(100%);              /* Future proof */
        filter: grayscale(100%);                 /* Future proof or polyfilled */
    }
 
    a {
        text-decoration: underline;
    }
 
    a[href]:after {
        content: " (" attr(href) ")";
    }
 
    a[href="#"],
    a[href="javascript:"] {
        content: "";
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	/* Retina stuff here */
}