/* latin-ext */
@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 400;
	src: local('Quicksand Regular'), local('Quicksand-Regular'), url('Quicksand_LatinExt.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 400;
	src: local('Quicksand Regular'), local('Quicksand-Regular'), url('Quicksand_Latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*::selected {
	background-color:transparent;
}

.note{
	background-color:white;
	border:1px solid lightgrey;
	padding: 1em;
	border-radius: 6px;
	/* box-shadow: 0 0 4px #00000038; */
	margin-left: -0.3em;
	margin-right:  -0.3em;
}

p span.note{
	display:inline-block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;

}

.header-navigation{
	background-color: #1e7baf;
	/* visibility:  hidden; */
}

header {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	background-color: #116392;
}

.header-inner{
	width:  100%;
	max-width: 960px;
	margin-left:auto;
	margin-right:auto;
	/* display:  table; */
}

a.brand{
 	/* display: table-cell; */
}

.site-logo {
	display:block;
	float:left;
}

.site-title {
	color: hsla(0, 0%, 100%, 0.8);
	/* display:block; */
	float:left;
	margin-left: 0.48em;
	letter-spacing: 0.7pt;
}

.site-title:hover {
	color:white;
}


/* Search */

.header-search {
	margin-right:0.5em;
	/* float:left; */
}

.header-search form{
	position: relative;
	top: 50%;
	transform: translateY(50%);
}



.header-search input{
	border-radius:10px;
	border: 1px solid #4690bd;
	padding: 0 0.5em;
	padding-top:0.3em;
	padding-bottom:0.25em;
	background-color:transparent;
	color:#d4e5ef;
}
.header-search ::placeholder{
	color:#4690bd;
}


/*------------------------------------------*/
#content{
	margin-top:1em;
}

.page-header {
    border-bottom:  none;
    margin:0;
}

h1{
	margin-top:1em;
	color: #10699c;	
}

h2 {
    margin-top: 1.5em;
    padding-top: 1em;
    border-top: 1px dotted lightgrey;
    margin-bottom: 0.4em;
    color: #10699c;
    font-size:1.35em;
    letter-spacing: 0.3pt;
    line-height: 1.4em;
}

h2 a{
	text-decoration: none;
}

h3 {
	margin-top: 1em;
	color:#636363;
	font-size:1.15em;
	letter-spacing: 0.3pt;
	line-height: 1.4em;
}

li {
	margin: 0.4em 0;
	line-height:1.4em;
}

table {
	border: 1px solid gray;
/* 	box-shadow: 0px 0px 2px lightgrey; */
	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 1em;
}

th {
	color: grey;
	font-weight:normal;
	text-align:left;
	background-color:#f0f0f0;
	/* font-size:0.95em; */
}

td, th {
	border: 1px solid hsla(0, 0%, 89%, 1);
	padding: 0.4em 0.6em;
	vertical-align:top;
}

th{
	border: 1px solid hsla(0, 0%, 87%, 1);
}

table.no-table-border,
table.no-border,
table.no-border td,
table.no-border th{
	border:none;
	box-shadow:none;
}

tr.center-row-vertical > td,
tr.center-row-vertical > th{
	vertical-align: middle;
}

tr.baseline-row > td,
tr.baseline-row > th{
	vertical-align: baseline;
}


p {
	line-height:1.5em;
	text-align:  justify;
}
kbd {
    display: inline-block;
    margin: 1px .1em;
    padding: 0 .5em;
    border: 1px solid lightgray;
    border-radius: 3px;
    white-space: nowrap;
    background-color:white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.94em;
    letter-spacing:-0.2pt;
}

a {
	color:#10699c;
	/* text-shadow: 0px 0px 2px #1a72a945; */
}


/*------------------------------------------*/
.header table{
	max-width:960px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.header table td{
	vertical-align:middle;
}
ul.nav.menu.top{
	margin:0;
	transform: translateY(55%);
	overflow: hidden;
	/* display:  table-cell; */
	vertical-align:  middle;
}

.nav.menu.top li{
	margin:0;
	float:left;
	font-size: 1.3em;
	background-color:transparent;
/* 	width: 18.7%; */
	text-align: left;
	margin-left:6%;
}
.nav.menu.top li:first-child{
	margin-left: 14%;
}

.nav.menu.top li.active a{
	color:white;
	/* text-shadow: 0px 0px 1px white; */
}


.nav.menu.top li a{
	color: rgba(255, 255, 255, 0.7);
	text-decoration:none;
	background-color:transparent;
}
.nav.menu.top li a:hover{
	background-color:transparent;
	color:white;
}

.nav.menu.top li a.buy-now {
	/* color: rgb(0, 255, 0); */
	/* 	font-weight:bold; */
	/* background-color:red; */
}





/*  see https://stackoverflow.com/questions/218760/how-do-you-keep-parents-of-floated-elements-from-collapsing */
.navigation {
	padding-top:0px;
	padding-bottom:0;
	/* margin-bottom: 2em; */
	font-size:1.3em;
	margin-bottom: 0;
	/* box-shadow: 0 3px 8px #0000003d; */
}


.navigation li{
	float:left;
	margin:0;
}

.navigation #main-menu li:first-child{
	border-left: 1px solid rgba(255, 255, 255, 0.18);
}
.navigation #main-menu li{
	border-right: 1px solid white;
}

.navigation #main-menu li{
	padding: 0.3em 0;
	border-right: 1px solid rgba(255, 255, 255, 0.18);
/* 	width: 33.33333%; */
	width: 33.333333%;
	text-align:  center;
	font-size:1.1em;
}

.navigation #main-menu li a:hover{
	background-color:transparent;
}


.navigation #sub-menu li:first-child{
	border-left: 1px solid rgba(255,255,255,0.2);
}
.navigation #sub-menu li{
	border-right: 1px solid rgba(255,255,255,0.2);
}


.navigation #main-menu li.active,
.navigation #main-menu li:hover
{
	background-color: #288cc5;
}


/*----- Collapsed Menu --------------*/

.nav-collapse.in.collapse .menu-image {
	display:none;
}


/*----- Main Menu --------------*/
.navigation .nav-collapse::before
{
	content:'';
}

#main-menu{
}

.navigation #main-menu a{
	color: rgba(255,255,255,0.8);
	text-decoration:  none;
	border-radius:0;
	background-color:transparent;
}
.navigation #main-menu a:hover{
	color:white;
}


.navigation #main-menu .active a{

	color: white;
	background-color:transparent;
}



.navigation #main-menu.nav img.menu-image {
	display:block;
	margin:auto;
	margin-bottom: 0.75em;
	display:none;
}

.navigation.home #main-menu.nav img.menu-image {
	display:none;
}

.navigation .nav-outer.main-menu{
	background-color: #1877ad;
	width:100%;
	/* display: table; */
	/* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); */
}

.navigation ul#main-menu{
	margin: 0 auto;
	width: 100%;
	max-width:  960px;
	/* display: table-row; */
}

.navigation #main-menu .active .image-title {
	color:white;
}


/*----- Sub Menu --------------*/
.navigation #sub-menu img.menu-image{
	margin-right: 6px;
}
.navigation #sub-menu img.menu-image.faqs{
	margin-bottom: 2px;
}
.navigation #sub-menu img.menu-image.contact{
	margin-bottom: 4px;
}

.navigation .nav-outer.sub-menu{
	background-color: #288cc5;
	width:100%;
}

.navigation ul#sub-menu{
	margin: 0 auto;
	width: 100%;
	max-width:  960px;
	font-size:0.9em;
	/* background-color: #eee; */
	min-height: 2.2em;
	overflow: hidden;
	/* height: 100%; */
}

.navigation #sub-menu li{
	padding: 0;
	margin: 0;
/* 	width: 25%; */
	width: 33.33333%;
	text-align:center;
	vertical-align:  middle;
	line-height: 2.25em;
	font-size:  1.1em;
}

.navigation #sub-menu li.active,
.navigation #sub-menu li:hover
{
	background-color: #fafafa;
}

.navigation #sub-menu li a:hover{
	background-color:transparent;
}

.navigation #sub-menu li a{
	/* padding-top: 0.4em; */
	/* padding-bottom: 0.4em; */
	/* margin-top: 0.4em; */
	/* margin-bottom: 0.4em; */
	color: white;
	height:  100%;
	vertical-align:  middle;
	text-decoration:  none;
}


.nav.menu .active{
/* 	font-weight: bold; */
/* 	text-shadow: 0 0 1px rgba(0,0,0,0.3); */
}

.navigation #sub-menu li.active a,
.navigation #sub-menu li a:hover
{
	color: #116391;
	/* padding-bottom: 8px; */
	/* padding-top: 0.16em; */
}

.navigation #sub-menu li a.faqs{
	letter-spacing:1pt;
}


.navigation #sub-menu li.active a.help
{
	/* background-color:hsla(0, 0%, 94%, 1); */
	/* font-weight:  bold; */
}



.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
	background-color:transparent;
	border-radius:0;
	/* font-weight:  bold; */
}

/*--- Changelog Channels menu ---*/

.moduletable-changelog{
	padding-left: 0.5em;
	margin-top: 2.75em;
}
ul.menu-changelog {
	margin-left: 2.5em;
	margin-bottom: 0;
}

ul.menu-changelog li {
	float: left;

	background-color: #f0f0f0;
	border: 1px solid #c9c9c9;
	border-radius: 4px;

	display: inline-block;
	padding: .2em .6em;
	white-space: nowrap;
	font-size: 0.94em;

	margin: 0;
	margin-right: 1em;
}

ul.menu-changelog li.active,
ul.menu-changelog li:hover,
ul.menu-changelog li a:hover {
	background-color: white;
	box-shadow: 0 0 5px #00000011;

}

ul.menu-changelog a {
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/*--- Side menu ---*/

.well ul.nav.menu li{
	padding-left:0.8em;
}

.well ul.nav.menu li a:hover{
	background-color:transparent;
}


.well ul.nav.menu li a{
	text-decoration:none;
}

.well li.divider{
	margin-top:1.1em;
	margin-bottom:0.6em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	background-color: hsla(0, 0%, 94%, 1);
	color: hsla(0, 0%, 51%, 1);
}

/*------------------------------------------*/
html{
	background: #fafafa;
  	height: 100%;
  	box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body{
	min-height:100%;
    position: relative;
}

body.site
{
	padding: 0;
	font-size: 0.95em;
	line-height: 1.2em;
	border: none;
}

body.site.fluid {
}

.body .container{
	background-color: transparent;
	border: none;
	border-radius:0;
	padding:0;
	box-shadow: none;
	padding-bottom: 5em;
	/* margin-top:  1em; */
}

/*------------------------------------------*/


.small-text{
	font-size: 0.88em;
	color:hsl(0, 0%, 55%);
	/* padding:  0; */
	/* margin:  0; */
}

.footer{
	margin-top:1.5em;
	padding-top: 1em;
	padding-bottom: 1.1em;
	font-size: 1.1em;
	background-color: white;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-top:1px solid #0000001f;
}

.footer hr{
	display:none;
}

.footer .footer1 {
	text-align:center;
	font-size: 0.75em;
	color: darkgray;
}

.footer .footer1 a{
	color: darkgray;
}

.footer .footer2 {
	display:none;
}

/*--- contact form ---------------------------------------*/

#contactform table{
	border:none;
	box-shadow: none;
}

#contactform td{
	border:none;
	padding:0.3em 0;
}

#contactform .error{
	color:red;
}

#contactform table{
/* 	width:80%; */
}

#contactform td.col1 {
	color:gray;
	text-align:right;
	padding-right:1em;
	vertical-align:middle;
	white-space:nowrap;
}

#contactform select{
	width:21em;
    margin-top: 3px;
    margin-bottom: 3px;
}

input[type="text"], 
input[type="email"]
{
	height:auto;
	width:auto;
	margin:0;
}

input.small-text{
	font-size:0.75em;
}

#contactform input.code{
	width:4.2em;
}

#contactform input.email{
	width:80%;
}

#contactform textarea {
	width:80%;
}

#contactform label{
	font-size:1em;
	display:inline;
}

#contactform tr.privacy td{
	padding-top:0.7em;
	padding-bottom:0.7em;
}

#contactform .privacy input{
	font-size:1em;
	margin-right: 0.3em;
	margin-top: -3px;
}

#contactform .privacy{
	vertical-align:middle;
}

/*------------------------------------------*/
#aside .well{
	padding: 0;
}

.well ul.nav.menu li{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding-left:0.4em;
	margin-bottom:0.6em;
}

.well .active{
	font-weight: bold;
}


#login-form {
	margin: 0;
}
#form-login-submit {
	margin-bottom:0;
}

/*------------------------------------------*/
/*  Home */
.home h1, .home .slogan{
	text-align:center;
}

.home h1{
	margin-top:0.9em;
	margin-bottom: 0.35em;
	letter-spacing: 1pt;
	font-size:2em;
}
.home .slogan a{
	color:hsla(203, 0%, 55%, 1);
	text-decoration:none;
	margin-bottom:1.6em;
	letter-spacing: -0.1pt;
}

.home .home-devices{
	margin-top: 0.75em;
	margin-bottom: 0em;
	position: relative;
	height: 179px;
}
.home img.home-devices-silver, 
.home img.home-devices-dark
{
	position:absolute;
}

.home img.home-devices-dark{
	display:none;
}

.home .color-selector-outer {
	margin-bottom:1.5em;
	width:100%;
}

.home .color-selector {
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}

.home .color-selector img{
	width:16px;
	margin: 0 0.2em;
}



/* ------------------------------------------ */

.blog.features h2{
	margin-bottom: 0.4em;
}

.blog .leading-0 h2,
.blog-featured .leading-0 h2
{
	margin-top: 0.85em;
}

.feature-item{
	display:table;
	border-top: 1px dotted lightgrey;
	padding-top: 1em;
	margin-bottom: 0.3em;
	width:100%;
}

.feature-image {
	display:table-cell;
	min-width:48px;
	width:48px;
	max-width:48px;
	height: auto;
	margin-right:1em;
}

.feature-text{
	display:table-cell;
	vertical-align:top;
	padding-bottom: 0.75em;
	width: 100%;
}

.feature-text a[href*="#"] {
	/* font-size:small; */
	margin-top: -1.1em;
	text-align:right;
	color: #a9a4a4;
}

.feature-text h2{
	border:none;
	margin-top:0;
	padding-top:0;
	/* float:  left; */
}


/*  Flex Slider */

.flexslider{
	background-color:transparent;
	border:none;
	margin-top:1em;
}

.flexslider .slides img {
    width: auto;
    margin: 0 auto;
}

.flexslider img,
img.screenshot {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 2.5em;
	box-shadow: 1px 1px 8px #00000026;
	display: block;
	border:  1px solid lightgray;
}

img.screenshot-blur {
	box-shadow: 1px 1px 8px #00000026;
	display: block;
}

.flex-direction-nav a{
	color: #298bc6;
}

.flex-active{
	background-color: #298bc6;
}


/* Read more */

.readmore{
	display: inline;
}
.readmore .btn {
	display: inline;
	border:none;
	background:none;
	box-shadow:none;
	margin:0;
	padding:0;
}

.readmore [class^="icon-"],
.readmore [class*=" icon-"] {
	display:none;
}

/* Download */

dl.article-info
{
	float:right;
	margin:0;
	margin-top:-2.25em;
}

td.download {
	background-color:white;
}

.download table{
	margin-bottom:0;
}

.td-margin-left{
	margin-left: 0.6em;
}

.download h3{
	margin-top: 1.4em;
	margin-bottom:0;
}

.h1-icon {
	float:left;
	width:28px;
	height: auto;
	margin-top: 1.2em;
	margin-right:1em;
	fill: rgb(15, 105, 156);
}

div.icon{
	display:inline;
}

.fancypantsaccordionholder .accordion .accordion-item{
        overflow: visible;
    }

.faqs h2{
	border:none;
	border-top: 1px dotted lightgrey;
	margin-top:0;
	margin-bottom:0;
}

.faqs ul{
	margin: 0;
	margin-bottom:2em;
}

.faqs ul.accordion li{
	margin-left:1.5em !important;
	margin-bottom:0.3em !important;
}

.faqs .acc-content{
	margin-left: 2em;
}

.faqs p{
	text-align:left;
}

/* clicks table */

.clicks table.no-table-border td[colspan="5"],
.clicks table.no-table-border td[rowspan="3"],
.clicks table.no-table-border td[rowspan="4"]
{
	border:none;
	box-shadow:none;
}

.clicks table.no-table-border td[colspan="4"] h3{
	margin:0;
	margin-top:2em;
}

.clicks img{
	margin-right:1em;
}




/* Buy cart */
.buy-cart .logo-image
{
	width:1.5em;
	float:left;
	margin-top: -0.25em;
	margin-left:-0.3em;
	margin-right:0.3em;
}

th{
	font-size: 0.9em;
}

.buy-cart td.container-cell{
	margin:0;
	padding:0;
	border:none;
}

.buy-cart table.licensee{
	margin:0;
	padding:0;
	border:none;
	box-shadow:none;
}

.buy-cart .licensee th a{
	color: gray;
}


.buy-cart .licensee input{
	margin: 1px 1px 1px 2px;
	font-size: 0.9em;
}

.buy-cart .use-private-email{
	margin-left:9.2em;
	color:gray;
}
.buy-cart .use-private-email a{
	color:gray;
}


.buy-cart .discount{
/* 	min-width: 7.9em; */
}

.buy-cart td.year-selector{
	margin:0;
	padding:0;
}

.buy-cart td.year-selector{
	max-width: 9em;
	width: 9em;
}

.buy-cart td.year-selector select {
	width: 10.4em;
	margin: 0px;
	font-weight:bold;
}

.buy-cart td.pay-by-selector {
	margin:0;
	padding:0;
	max-width: 9em;
	width: 9em;
}
.buy-cart td.pay-by-selector select{
	margin:0;
	padding:0;
	max-width: 10.2em;
	width: 10.2em;
}

.buy-cart .twoYearHint{
	color:#0690de;
	font-size: smaller;
	text-align:right;
/* 	padding-left:0; */
	padding-right:3px;
	padding-top:6px;
/* 	padding-bottom:0; */
/* 	vertical-align:middle; */
}

.buy-cart table.product-devices{
	min-width:100%;
}

.buy-cart table.product-devices{
	margin-top: 1.5em;
}
.buy-cart table.licenses{
	/* margin-top: 0; */
}
.buy-cart td.device-icon{
	text-align: center;
}

.buy-cart td.device-icon img{
	margin-bottom:-4px;
}

.buy-cart td.device-name{
}

.buy-cart .device-serial{
	font-size: 0.75em;
}

td.no-border-right{
	border-right: none;
	padding-right: 0;
}
td.no-border-left{
	border-left: none;
	padding-left: 0.4em;
}

td.no-border,
.buy-cart .no-border td,
.buy-cart  td.no-border{
	border:none;
}

.buy-cart .added-item {
    background-color: rgb(255, 255, 255);
}

span.base-price{
/* 	text-decoration:line-through; */
	color: darkgrey;
    position: relative;
    display: inline-block;
}

span.base-price::before, span.base-price::after {
    content: '';
    width: 95%;
    position: absolute;
    left: 5%;
    top: 50%;
}
span.base-price::before {
    border-bottom: 1px solid darkgrey;
    transform: skewY(-7deg);
}
span.base-price::after {
/*     border-bottom: 1px solid darkgrey;
    transform: skewY(7deg); */
}


.buy-cart th.price,
.buy-cart td.price{
	/* min-width: 6.7em; */
}

.buy-cart .removed-item .base-price,
.buy-cart .removed-item {
	color:#b0b0b0;
}
.buy-cart .removed-item img {
	opacity:0.35;
}


.buy-cart td.cart-button{
	padding: 2px;
}
.buy-cart td.cart-pay-button{
	padding-left: 3px;
	padding-right: 3px;
}


.buy-cart .btn{
	width:100%;
}


.buy-cart .total-text,
.buy-cart .total
{
	font-weight:bold;
/* 	font-size:1.1em; */
}


.buy-cart .btn-primary
{
/* 	background-image: linear-gradient(to bottom,#41b8ff,#167fba); */
	background-image: linear-gradient(to bottom,#167fba,#167fba);
	background-color:#167fba;
}

.buy-cart .btn-pay{
	font-size:1.0em;
	padding: 0.5em 1.1em;
	font-weight:bold;
/* 	font-style:italic; */
	text-align: center;
/* 	background-image: linear-gradient(to bottom,#349ddc,#1270a4);	
	background-color:#1270a4; */
}




.buy-cart .total-text{
	text-align:right;
}

.buy-cart .gap{
	padding-top: 0.7em;
}

.buy-cart .price{
	text-align:right;
}

.buy-cart td input{
	display:inline;
	margin-top: -2px;
	margin-right: 0.2em;
}
.buy-cart td label{
	display:inline;
}
.buy-cart td.privacy{
}

.buy-cart .missing h3,
.buy-cart .missing td{
 	padding-top:0.5em; 
 	padding-bottom:0;
 	margin:0;
}

.buy-cart td.input{
	padding:0;
}
.buy-cart .missing input[type="text"]{
	width:100%;
	/* min-width: 24em; */
}

.buy-cart .error{
	color:red;
	font-size:smaller;
}

.buy-cart h3.great-discount{
	text-align:center;
	background-color:#ffffcd;
	padding-top: 3px;
	padding-bottom: 0px;
	border-radius: 30px;
	border: 1px solid #d3d3d3b8
}


.buy-cart table.product-devices{
	margin-bottom:0;
}

.buy-cart .license-terms h2{
	margin-top:0.5em;
}

/* nicer formatting */

.deviceName,
.productName{
	text-shadow: 0 0 0.01pt;
	color: #116391;
}

strong,
.bold{
	/*text-shadow: 0 0 0.01pt;*/
	font-weight: bold;
	color:#0a354e;
}

.right{
	text-align: right;
}
.center{
	text-align: center;
}

.middle {
    vertical-align: middle;
}
.baseline {
    vertical-align: baseline;
}

.no-underline {
    text-decoration-line: none;
}

/* ------------------------------------------ */
/* font awsome */
i[class*='fab']{
	font-weight:normal;
}

i[class*='fa']:after,
.svg-inline--fa:after
 {
	content:' ';
	white-space: pre;
}

.well i[class*='fa']{
	width: 1.6em;
	text-align:left;
}
.well i[class*='fa']:after{
	content:'';
}

h1 i[class*='fa']:after,
h2 i[class*='fa']:after{
	margin-right:0.2em;
}

.faqs li i[class*='fa']:after{
	margin-right: 0.34em;
}

.faqs li kbd i[class*='fa']:after{
	margin-right:0;
	content: '';
}

.faqs a{
	text-decoration:none;
}

.faqs a i[class*='fa-fw'],
.faqs a i[class*='fa-fw']:after,
.faqs .acc-content i[class*='fa-fw'],
.faqs .acc-content i[class*='fa-fw']:after
{
/* 	content:''; */
	width:initial;
	margin-right:0;
}

/* ------------------------------------------ */
/* device image  */
.moduletable .device{
	float:right;
	margin-top:0.5em;
}

/* pagination */

.pagination {
	border-top: 1px dotted lightgrey;
	padding-top: 1.5em;
}

.pagination .counter{
	color: #999;
}

/* GDPR */
.gdpr-svg{
	width: 100%;
	height: 1000em;
	background-image: url("../../../includes/location/gdpr.svg");
}

.alert{
	border: 1px dotted lightgrey;
}

th.alert-warning {
	color:#c09853;
	background-color:#fcf8e3;
}

td.small-text{
		padding-right: 0.5em;
}

.navigation #main-menu a.keyboards:before,
.navigation #main-menu a.mouse:before,
.navigation #main-menu a.trackpads:before{
	content:"Magic ";
}
/*---------------------------------------------------------------------------------*/
/* help */
.under-construction{
	background: linear-gradient(rgb(250, 250, 250), rgba(40, 139, 197, 0.1));
	border:1px solid lightgrey;
	border-top: none;
	padding: 1em;
	padding-top: 1.5em;
	border-radius: 0 0 12px 12px;
	box-shadow: 0 0 4px #00000038;
	text-align:center;
	color:#1877ad;
}


.banner-warning{
	background: linear-gradient(rgb(250, 250, 250), #ffa5004a);
	border:1px solid lightgrey;
	border-top: none;
	padding: 1em;
	padding-top: 1.5em;
	border-radius: 0 0 12px 12px;
	box-shadow: 0 0 4px #00000038;
	text-align:center;
	color:#1877ad;
}

.santas-hat{
	visibility: visible;
}

.win-button {
	background-color: #eee;
	border: 1px solid #c9c9c9;
	border-radius: 2px;

	display: inline-block;
	margin: 1px .1em;
	padding: 0 .5em;
	white-space: nowrap;
	font-size: 0.94em;
	letter-spacing:-0.2pt;
}

.edge{
	display: none;
}

@supports (-ms-ime-align:auto){
	.edge{
		display: block;
	}

}


/*---------------------------------------------------------------------------------*/
/* Media queries */

@media (min-width: 1200px) {

	table{
		margin-top:1em;
		margin-bottom:1.5em;
	}

	.column-1.span6 {
		padding-right: 2em;
	}
	.column-2.span6 {
		padding-left: 2em;
	}


	.row-fluid .span2, .row-fluid .span3 {
		width: 20%;
		*
		width: 20%;
	}

	.row-fluid .span10, .row-fluid .span9 {
		width: 80%;
		*width: 80%;
	}

	#content {
		margin-left:0;
		padding-left:0.5em;
	}

	#content.span9{
		padding-right:3em;
	}

	.home #content{
		padding-left:0;
		padding-right:0;
	}

	#sidebar, #aside{
		padding:0;
		margin: 1.8em 0 0;
	}

	#aside .well{
		background-color:transparent;
	}

	.santas-hat{
		visibility: visible;
	}

}

@media (max-width:960px){
	header{
		padding-left: 1em;
	}

	.nav.menu.top li{
		font-size:calc(0px + 2vw);
		margin-left: 5%;
	}

	.nav.menu.top li:first-child{
		margin-left: 12%;
	}

	.nav.menu.top li{
	}

	.santas-hat{
		visibility: hidden;
	}

}

@media (max-width: 880px) {

	ul.nav.menu.top{
		transform: translateY(80%);
	}

	.navigation #main-menu li{
		font-size:calc(4px + 2vw);
	}

	.santas-hat{
		visibility: hidden;
	}
}

@media (max-width: 767px) {
	
	.navigation #main-menu a.keyboards:before,
	.navigation #main-menu a.mouse:before,
	.navigation #main-menu a.trackpads:before{
		content:"";
}

	.navigation #main-menu li{
		font-size:calc(6px + 2vw);
	}

	#content ,
	footer .container	{
		padding-left:1.5em;
		padding-right:1.5em;
	}

	.santas-hat{
		visibility: hidden;
	}

}

@media (max-width: 600px) {

	ul.nav.menu.top li i{
		display: none;
	}
	ul.nav.menu.top li{
		font-size:calc(4px + 2vw);
	}

	ul.nav.menu.top{
		transform: translateY(100%);
	}

	.santas-hat{
		visibility: hidden;
	}
}

@media (max-width: 540px) {

	.site-title {
		font-size:calc(4vw);
	}

	.nav.menu.top li{
		margin-left: 3%;
	}

	.nav.menu.top li:first-child{
		margin-left: 8%;
	}
	
	.santas-hat{
		visibility: hidden;
	}

}

@media (max-width: 400px) {

	ul.nav.menu.top li{
/* 		letter-spacing:-1px; */
		font-size:calc(1px + 1.5vw);
		font-family:sans-serif;
	}
	
	.nav.menu.top li{
		margin-left: 2%;
	}

	.nav.menu.top li:first-child{
		margin-left: 5%;
	}
	
	.santas-hat{
		visibility: hidden;
	}
}

@media (max-width: 330px) {

	ul.nav.menu.top li{
		letter-spacing:-1px;
	}

	.santas-hat{
		visibility: hidden;
	}
}