@font-face {
    font-family: "PT Sans";
    src: url("/shop/v2/jakarta.faces.resource/fonts/PT_Sans-Web-Regular.ttf.xhtml") format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "PT Sans", Tahoma, Geneva, sans-serif;
    font-size: 14px;
    color: #666666;
    background: url("/shop/v2/jakarta.faces.resource/pattern2.png.xhtml?ln=img") repeat;
}

h1, .h1, .title {
    display: block;
    margin: 0 0 0 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

h5 {
    margin: 0px;
    font-weight: 400;
}

.title {
    margin: 20px 0 0 0;
}

a, a:visited, a:hover {
    color: #E14817;
}

.shop {
    display: block;
    z-index: 5;
    max-width: 980px;
    margin-top: 45px;
    background-color: #FFFFFF;
}

[class*="span"] {
    margin-left: 0px;
}

/*-----------------  Shop universal classes -----------------*/
.radio input[type="radio"], .checkbox input[type="checkbox"], .checkboxRecurringPayment input[type="checkbox"] {
    margin-left: -10px;
    margin-right: 10px;
}

/*  Tooltip */
.tooltipIcon {
    margin-left: 8px;
    margin-top: -5px;
}

.tooltip.fade.right.in {
    text-transform: none !important;
    font-weight: normal !important;
    font-size: 13px !important;
    opacity: 0.8 !important;
    line-height: 14px;
}

.nl-mar-t-20 {
    margin-top: 20px;
    height: 1px;
}

.nl-pad-left-40 {
    padding-left: 40px;
}

.nl-pad-right-20 {
    padding-right: 20px;
}

.nl-mar-t-15 {
    margin-top: 15px;
}

.nl-mar-b-5 {
    margin-bottom: 5px;
}

.noMarginRow {
    margin-left: 0px;
}

.rightSpan {
    margin-left: -40px;
}

table.radioTable {
    width: 100%;
}

table.radioTable td {
    display: block;
    width: 100%;
    background-color: #F1F1F1;
    padding-top: 5px;
    border-radius: 5px;
    margin-top: 5px;
}

table.radioTable td label {
    margin-top: -17px;
    margin-left: 30px;
}

table.radioTable td input {
    margin-left: 10px;
}

.nl-span6 {
    width: 50%;
}

.nl-span12 {
    width: 100%;
}

.nl-width-95 {
    width: 95%;
}

/*  Alerts */
.alert {
    display: block;
    margin-top: 10px;
    text-align: center;
}

#add-license-form\:nameMessage {
    display: block;
    height: 18px;
    margin: 0px;
    padding: 8px 35px 8px 14px;
    border: 1px solid #FFF;
}

.alert-danger, .alert-error {
    border-color: #eed3d7 !important;
}

/*  Buttons */
.btnSecondary {
    color: #666666 !important;
    text-decoration: none;
    text-shadow: none;
    background-position: 0 0;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-color: #F5F5F5;
}

.btnLocation {
    float: right;
    margin-left: 11px;
}

.btnActive {
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #E14817;
    background-image: linear-gradient(to bottom, #FA6424 0, #E14817 100%);
    background-repeat: repeat-x;
    background-color: #E14817;
}

.btnActive:hover, .btnActive:focus, .btnActive:visited {
    color: #FFFFFF;
    background-color: #E14817;
    text-decoration: none;
}

span.btnActive, span.btnActive:hover, span.btnActive:focus, span.btnActive:visited {
    color: #B8B8B8 !important;
    text-decoration: none;
    text-shadow: none;
    background-image: none;
    background-color: #F5F5F5;
}

.discountVatDescription {
    font-size: 10px;
    font-weight: 400;
    display: block;
    line-height: 7px;
    margin-bottom: 6px;
}

.totalPrice {
    display: block;
    width: 200px;
    float: right;
    text-align: right;
    margin-top: -20px;
}

/*----------------- Shop menu -----------------*/
.container {
    display: block;
    width: 980px !important;
}

.navbar {
    z-index: 15;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

.navbar-inner {
    display: block;
    background: url("/shop/v2/jakarta.faces.resource/pattern.png.xhtml?ln=img") repeat;
}

.navbar .brand {
    padding: 5px 40px 5px 20px;
}

.brand img {
    height: 30px;
    margin-top: 2px;
}

.countrySelect {
    width: 100%;
    height: 30px !important;
    border-radius: 0 4px 4px 0;
}

.input-prepend {
    margin-bottom: 0 !important;
}

.nav-collapse {
    float: right !important;
}

.navbar .nav > li > a {
    padding-top: 13px;
    font-size: 13px;
    color: #666666;
}

/* Basket style */
#mobile-basket-link {
    display: none;
}

.mobileBasketImage {
    position: absolute;
    right: 90px;
    top: 10px;
}

.mobileBasketCount {
    position: absolute;
    right: 75px;
    top: 22px;
    background-color: #E14817;
}

.desktopBasketCount {
    margin-right: 5px;
    background-color: #E14817;
}

.desktopBasket {
    margin-top: -8px;
    margin-right: -10px;
}

/*----------------- Footer -----------------*/
.footer {
    display: block;
    margin: 40px 0 10px;
    text-align: center;
    line-height: 1.2;
    font-size: 12px;
}

.footer a {
    color: #666666;
    text-decoration: underline;
}

/*----------------- Modules -----------------*/
.content {
    display: block;
    z-index: 5;
    margin: 5px 20px 15px 20px;
}

#product-description + [data-readmore-toggle] {
    display: block;
    float: right;
    margin-right: 30px;
    margin-top: 5px;
    color: #E14817;
    font-size: 13px;
}

.more, .less {
    font-size: 8px;
    color: #E14817;
    padding-right: 5px;
}

#product-description + [data-readmore-toggle]:hover {
    text-decoration: none;
}

.moduleTitle {
    display: block;
    margin-top: 30px;
    margin-bottom: -3px;
}

.productModuleName {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.modules {
    display: block;
    margin-bottom: 20px;
}

.module {
    display: block;
    height: 52px;
    width: 45%;
    margin-left: 32px;
    margin-top: 7px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    color: #666666;
    background-image: linear-gradient(to bottom, #FEFEFE 0, #F2F2F2 100%);
}

.module:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

.module p {
    width: 72%;
    float: left;
    padding: 10px 0px 0px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    text-transform: uppercase;
}

.module .lisensingModel {
    float: left;
    min-width: 65%;
    padding-left: 15px;
    margin-top: -13px;
    font-size: 13px;
    color: #E14817;
}

.trafficStatus {
    float: left;
    padding: 12px 20px 12px 20px;
    border-right: 1px solid #D4D4D4;
}

.nextIcon {
    float: right;
    margin-top: -25px;
    padding-right: 15px;
}

.licensingInformation, .licensingInformation:visited {
    color: #666666;
    font-size: 13px;
    border-bottom: 1px dotted #666666;
}

.licensingInformation:hover {
    text-decoration: none;
    border-bottom: 1px dotted #E14817;
    color: #E14817;
}

/*----------------- Licenses -----------------*/
.traffic {
    margin-top: -6px;
    margin-right: 10px;
}

.table tr, .nl-gradient {
    display: block;
    height: 43px;
    margin-top: 7px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #FEFEFE 0, #F2F2F2 100%);
}

.table th, .table td {
    border: none;
}

.licenseInfo {
    width: 70%;
    float: left;
}

.licenseInfo .licenseName {
    display: block;
    width: 50%;
    margin-bottom: -20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.licenseInfo .licenseType {
    display: block;
    width: 130px;
    float: right;
    padding: 6px 35px 15px 35px;
    margin-top: -6px;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    color: #666666;
}

.licenseInfo .licenseVat {
    display: block;
    width: 130px;
    float: right;
    padding: 6px 35px 6px 35px;
    margin-top: -6px;
    border-right: 1px solid #D4D4D4;
    color: #666666;
}

.licenseAction {
    width: 26%;
}

.licenseAction .licensePrice {
    display: block;
    position: absolute;
    margin-top: -6px;
    padding: 6px 12px 6px 30px;
}

.popupErrorMsg {
    padding-right: 20px;
}

.close {
    color: #666666 !important;
}

.checkbox {
    margin-top: 10px;
    padding-top: 9px;
    padding-bottom: 8px;
    border-radius: 5px;
    background-color: #F1F1F1;
}

.checkboxRecurringPayment {
    margin-top: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    background-color: #F1F1F1;
    margin-right: 20px;
    margin-left: 20px;
}

.textRecurringPayment {
    margin-left: 20px;
}

.checkoutLink {
    float: right;
    margin-right: 15px;
    font-size: 13px;
}

a.checkoutLink img {
    margin: -2px 5px 0 10px;
    background-color: #E14817;
}

span.checkoutLink {
    color: #B8B8B8;
}

span.checkoutLink img {
    margin: -2px 5px 0 10px;
    background-color: #B8B8B8;
}

a.cancelLink {
    font-size: 13px;
    margin-top: 20px;
    color: #c09853 !important;
}

a.cancelLink:hover {
    color: #c09853 !important;
}

.cancelLink img {
    margin: -2px 5px 0 0;
    background-color: #c09853;
}

.vatDescription {
    font-size: 10px;
    float: left;
    margin-left: 30px;
    margin-top: 13px;
}

/*----------------- Shopping Cart -----------------*/
form {
    margin: 0 0 0 0;
}

.total {
    display: block;
    margin-right: 1%;
    margin-top: 15px;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
}

.totalTitle {
    display: block;
    margin-right: 220px;
}

.vatExplanation {
    font-size: 10px;
    display: block;
}

.accordion {
    display: block;
    margin-top: 5px;
}

.accordion-heading {
    display: block;
    font-size: 14px;
    background-image: linear-gradient(to bottom, #FEFEFE 0, #F2F2F2 100%);
}

.accordion-toggle {
    color: #666666;
    font-size: 14px;
    background-image: url("/shop/v2/jakarta.faces.resource/up@2x.png.xhtml?ln=img");
    background-repeat: no-repeat;
    background-size: 18px 9px;
    background-position: 98% 48%;
}

.accordion-toggle.collapsed {
    background-image: url("/shop/v2/jakarta.faces.resource/down@2x.png.xhtml?ln=img");
}

.accordion-toggle:hover, .accordion-toggle:visited, .accordion-toggle:focus {
    color: #666666;
    text-decoration: none;
}

.accordion-toggle img {
    float: right;
    padding-top: 7px;
}

.accordion-inner {
    padding: 15px 15px;
}

.form-input-wr {
    position: relative;
    margin: 0 25px 30px 0;
}

.form-input-wr .form-input {
    margin-bottom: 0px;
    display: block;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    width: 100%
}

.form-input-wr .form-text {
    position: absolute;
    line-height: 12px;
    margin-top: 5px;
}

.form-input-wr .form-text.text-error, .text-error {
    color: #e14817;
}

.form-input-wr .countrySelect {
    margin-bottom: 0px;
    display: block;
    border-radius: 4px;
}

.clearfix {
    clear: both;
}

.asterisk:after {
    content: ' *';
    color: #e14817;
}

.email, .businessProvide {
    margin-left: 20px;
}

.emailProvide span {
    display: block;
    font-size: 14px;
}

.emailProvide input {
    width: inherit;
    padding-right: 15px;
}

.businessProvide {
    padding-top: 7px;
    font-size: 12px;
    color: #999999;
    line-height: 2.8;
}

.checkboxToS {
    display: block;
}

.checkbox a {
    font-size: 13px;
}

.checkbox a:visited, .checkbox a:hover {
    color: #E14817;
}

.checkout.cancelLink {
    height: 30px;
    margin-top: 23px;
}

.buttonCheckout {
    display: block;
    text-align: center;
    height: 30px;
    margin-top: 20px;
}

.paymentMethod {
    display: block;
    width: 100%;
    margin-left: 20px;
}

.paymentMethod > tbody, .paymentMethod > tbody > tr {
    display: block;
    width: 100%;
}

.paymentMethod > tbody > tr > td {
    display: block;
    padding-left: 8px;
    padding-top: 0px;
    margin-top: 5px;
    margin-right: 40px;
    border-radius: 4px;
    background-color: #F1F1F1;
}

.paymentMethod > tbody > tr > td > label {
    display: block;
    margin-left: 20px;
    margin-top: -15px;
    margin-bottom: 0px !important;
}

.textNote {
    font-size: 12px;
    color: #c09853;
}

.textError {
    font-size: 12px;
    color: #e14817;
}

.innerTextIndent {
    margin-left: 20px;
}

.taxIdBlock {
    margin-left: 10px;
    -webkit-border-radius: 4px 0 0 4px !important;
    -moz-border-radius: 4px 0 0 4px !important;
    border-radius: 4px 0 0 4px !important;
}

.taxFields input {
    width: 100%;
}

/*----------------- Order Confirmation -----------------*/
.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.textCenter {
    text-align: center;
}

.greyColor {
    color: #999999;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop20 {
    padding-top: 20px;
}

.marginTop20 {
    margin-top: 20px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.uppercaseNone {
    text-transform: none;
}

.transaction {
    margin-left: 0px;
    line-height: 8px;
    color: #999999;
    padding-top: 30px;
    font-size: 13px;
}

.lineHeight8 {
    line-height: 8px;
}

.confirmation:nth-child(2n) {
    padding: 4px 0px;
    background-color: #F8F8F8;
}

.confirmation:nth-child(2n+1) {
    padding: 4px 0px;
}

.confirmationLicense {
    padding-top: 6px;
    padding-left: 10px;
}

.confirmationPrice {
    text-align: right;
    padding-top: 6px;
    padding-right: 5px;
}

.printLink, .printLink:hover, .printLink:visited, .printLink:focus {
    color: #c09853;
    font-size: 13px;
}

button.printLink {
    border: none;
    background: none;
}

button.printLink:hover {
    text-decoration: underline;
}

.orderPrice {
    padding-top: 6px;
    padding-left: 10px;
    text-align: right;
}

.confirmationDecription {
    font-size: 10px;
}

.confVatDescription {
    display: block;
    font-size: 10px;
    float: none !important;
    margin-left: 0 !important;
    margin-top: -5px !important;
    margin-right: 5px;
}

/*----------------- Error pages -----------------*/
.errorMessage {
    margin-top: 60px;
    margin-bottom: 60px;
    color: #F0F0F0;
    font-size: 100px;
    font-weight: bold;
    text-transform: uppercase;
}

.errorLinks {
    margin-top: 35px;
    font-size: 14px;
}

.errorLinks a {
    display: block;
}

.errorText {
    display: block;
    padding: 10px 0 10px 0;
}

/*----------------- Common -----------------*/
.p-xs {
    padding: 5px !important;
}

@media print and (-webkit-min-device-pixel-ratio: 10000) , print and
(-webkit-min-device-pixel-ratio: 0) {
    .confirmationPrice {
        margin-top: -22pt;
    }

    _::-webkit-full-page-media, _:future, :root .confirmationPrice {
        margin-top: 0pt;
    }

    .cancelLink, .printLink {
        display: none;
    }

    a:after {
        content: "" !important;
    }
}

@media print {
    body {
        background: #FFFFFF;
    }

    .navbar-inner, .navbar, .navbar-fixed-top {
        background: #FFFFFF;
        box-shadow: none;
        border: none;
    }

    .nav-collapse {
        display: none;
    }

    .content > a, .content > form {
        display: none;
    }

    .confirmationPrice {
        font-weight: 600;
    }
}

@media ( min-width: 768px) and (max-width: 979px) {
    .shop {
        width: 90%;
    }

    /*----------------- Shop menu -----------------*/
    .container {
        width: 100% !important;
    }

    .navbar-fixed-top {
        display: block;
        position: fixed;
        top: 0px;
    }

    .nav-collapse {
        width: 98%;
        float: left;
    }

    /*----------------- Modules -----------------*/
    .content {
        margin-top: 15px;
    }

    /*----------------- Licenses -----------------*/
    .table tr {
        height: 80px;
    }

    .licenseInfo .licenseName {
        width: 100%;
        float: left;
    }

    .licenseInfo {
        width: 60%;
        float: left;
    }

    .licenseInfo .licenseType {
        float: left;
        padding: 24px 0 0 0;
        font-size: 13px;
        color: #999999;
        border: none;
    }

    .licenseAction .licensePrice {
        display: block;
        position: absolute;
        right: 30px;
        margin-top: 0px;
        padding: 2px 0px 0px 0px;
        border: none;
    }

    .btnLocation {
        float: right;
        position: absolute;
        right: 30px;
        margin-top: 35px;
    }

    .vatDescription {
        float: right;
        position: absolute;
        right: 30px;
        margin-top: 15px;
    }
}

@media ( max-width: 767px) {
    body {
        padding-right: 0px;
        padding-left: 0px;
    }

    .shop {
        width: 100%;
    }

    .orderPrice {
        text-align: left;
    }

    a.cancelLink {
        margin-top: 30px;
        text-align: left;
    }

    .nl-span6 {
        width: 100%;
    }

    /*----------------- Shop menu -----------------*/
    .container {
        width: 100% !important;
    }

    .navbar-fixed-top {
        position: fixed;
        top: 0px;
    }

    .navbar .btn-navbar {
        margin-right: 20px;
    }

    .nav li {
        margin-left: 10px;
    }

    .nav-collapse {
        display: block;
        width: 100%;
        float: left;
    }

    .navbar .brand {
        padding-left: 40px;
    }

    /*----------------- Modules -----------------*/
    .content {
        margin-top: 15px;
    }

    .module {
        height: 48px;
        width: 98%;
        margin-left: 0px;
    }

    .moduleTitle {
        margin-top: 50px;
    }

    .module p {
        width: 78%;
        padding: 7px 0px 0px 15px;
    }

    .nextIcon {
        padding-right: 10px;
    }

    .trafficStatus {
        padding: 9px 20px 9px 20px;
    }

    /*----------------- Licenses -----------------*/
    .table tr {
        height: 80px;
    }

    .licenseInfo .licenseName {
        width: 100%;
        float: left;
    }

    .licenseInfo {
        width: 60%;
        float: left;
    }

    .licenseInfo .licenseType {
        float: left;
        padding: 24px 0 0 0;
        font-size: 13px;
        color: #999999;
        border: none;
    }

    .licenseAction .licensePrice {
        display: block;
        position: absolute;
        right: 30px;
        margin-top: 0px;
        padding: 2px 0px 0px 0px;
        border: none;
    }

    .btnLocation {
        float: right;
        position: absolute;
        right: 30px;
        margin-top: 35px;
    }

    /*----------------- Shopping Cart -----------------*/
    .form-input {
        width: inherit;
        padding-right: 10px !important;
    }

    .emailProvide input, .taxFields input {
        width: inherit;
        padding-right: 10px;
    }

    .nl-width-95 {
        width: 97%;
    }

    .paymentMethod > tbody > tr > td {
        margin-right: 0px;
    }

    .email, .paymentMethod {
        margin-left: 0;
    }

    .checkboxToS {
        margin: 30px 0x 0 0;
    }

    .checkbox a {
        font-size: 13px;
    }

    .buttonCheckout {
        text-align: left;
        margin-left: 15px;
    }

    .checkout.cancelLink {
        margin-left: 3px;
        margin-bottom: 20px;
    }

    .innerTextIndent {
        margin-left: 0px;
    }

    .vatDescription {
        float: right;
        position: absolute;
        right: 30px;
        margin-top: 15px;
    }

    /*----------------- Order Confirmation -----------------*/
    .textRight {
        text-align: left;
    }

    .transactionTo {
        padding-top: 30px;
    }

    .transactionFrom {
        padding-top: 10px;
    }
}

@media ( max-width: 450px) {
    .module p {
        width: 61%;
    }

    .licenseInfo .licenseName {
        width: 200px;
    }

    .accordion-toggle {
        background-position: 96% 48%;
    }

    .form-input {
        width: inherit;
        padding-right: 0px !important;
    }

    .emailProvide input, .taxFields input {
        width: inherit;
        padding-right: 0px;
    }
}

@media ( max-width: 380px) {
    /*----------------- Licenses -----------------*/
    .licenseInfo .licenseName {
        width: 160px;
    }

    .licenseAction .licensePrice {
        width: 75px;
    }

    /*----------------- Shopping Cart -----------------*/
    .inlineCheckbox {
        margin-left: -17px;
        margin-top: -17px;
    }

    .totalPrice {
        width: 165px;
    }

    .totalTitle {
        margin-right: 180px;
    }

    .vatExplanation {
        line-height: 14px;
    }
}