/* .order-status-widget {
    display:none;
} */

.w1 {
    width:1%;
    display:inline-block;
}

.w49 {
    width:49%;
    display:inline-block;
}

.sidr-class-ecommerce-menu-login-create-account {
    display:none !important;
}

.sidr-class-lang-item img {
    margin-top:5px;
}

pre {
    color:black !important;
}

[data-a-href] {
    cursor:pointer;
}

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

.nowrap {
    white-space:nowrap;
}

.clear {
    clear:both;
}

.center {
    display:table;
    margin:0 auto;
}

.vcenter {
    vertical-align: middle !important;   
}


#masthead_TesseractTheme {
    z-index:9;
    position:fixed;
    width:100%;
}

#content_TesseractTheme #primary {
    margin-top:117px;
}

.page-id-4680 header {
    margin-bottom:60px;
}

.page-id-4680 header .entry-title {
    display:none;
}


.meta-json {
    display:none;
}

.error_message {
    color:red;
    font-size:15px;
}

.show-preloader::before {
    content: " ";
    width:24px;
    height:24px;
    background: transparent url('../media/icons/ajax-loader.gif') no-repeat;
    background-size:24px 24px;
    display: block;
    position:absolute;
    left:50%;
    margin-left:-12px;
}

.show-preloader {
    color:transparent !important;
}

.circle
{
	display:inline-block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	border:2px solid black;
}
.circle:before,
.circle:after
{
	content:'\200B';
	display:inline-block;
	line-height:0px;
	padding-top:7px;
	padding-bottom:7px;
}
.circle:before{padding-left:4px;}
.circle:after {padding-right:4px;}


.top-navigation ul.nav-menu {
    /* display:table; */
    /* margin:0 auto; */
    float:right;
}

body.operation-status-show #content_TesseractTheme {
    padding-top:50px;
}

.operations-wrapper {
    border-bottom: 1px solid #005484;
}

.operations-wrapper h2 {
    margin: 0;
}

/* The two reasons this banner appears, told apart by colour.

   operations-api is a driftmeddelande written in backoffice: planned, and
   the site works. Deliberately given no rule of its own - it keeps whatever
   it looked like before, which comes from elsewhere than these files.

   operations-fallback means the API could not be reached at all. Nothing
   that needs it works - ordering, blocking a certificate, logging in - so it
   is yellow. Not red: the site is up and much of it still reads, and red
   would send people away who could have done what they came for. */
.operations-wrapper.operations-fallback {
    background: #fff3cd;
    border-bottom-color: #d39e00;
}

.operations-wrapper.operations-fallback h2 {
    color: #664d03;
}

body #masthead_TesseractTheme {
    padding-top:0;
    padding-bottom:0;
}

body .top-navigation ul {
    margin-top:-7px;
}

.site-branding {
    padding-top:10px;
    padding-bottom:10px;
}


/**
 * SUBMENU
 */

.ecommerce-submenu {
    background-color:#296A96;
}

.ecommerce-submenu ul {
    margin:0;
    padding:0;
    display: table;
    margin:0 auto;
    font-size:15px;
    list-style: none;
    padding-top:1px;
    padding-bottom:1px;
}

.ecommerce-submenu li {
    margin:0;
    display:inline-block;
}

.ecommerce-submenu li.current-menu-item a,
.ecommerce-submenu li.current-menu-ancestor > a {
    color:#296A96;
    background-color:white;
}

.ecommerce-submenu li.current-menu-item a:hover {
    text-decoration:none;
}

.ecommerce-submenu li a {
    color:white;
    display:block;
    padding:7px 20px !important;
}

.ecommerce-submenu .sub-menu {
    position:absolute;
    background-color:#296a96;
}

.ecommerce-submenu .sub-menu {
    display:none;
}

.ecommerce-submenu > ul > li:hover .sub-menu {
    display:block;
}

.ecommerce-submenu .sub-menu li {
    display:block;
}

.ecommerce-menu-shopping-cart .icon-cart {
    width:19px;
    height:19px;
    position:absolute;
    top: -15px;
    margin-left: 2px;
    float: none;
}

.menu-user-logged-in .icon-wrapper {
    position: relative;
    top:3px;
}

.menu-user-logged-in .icon-wrapper:hover .text {
    text-decoration:underline;
}

.menu-user-logged-in .icon-wrapper img {
    width:40px;
    display:table;
    float:none;
    text-align:center;
    margin:0 auto;
}
.menu-user-logged-in .icon-wrapper .text {
    margin-top:4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color:#296A96;
    font-size: 11px;
    white-space: nowrap;
    display:block;
    text-align:center;
    position: relative;
    left:-1px;
}



.ecommerce-menu-shopping-cart .wrapper-cart .icon-blue {
    display: none;
}

.ecommerce-menu-shopping-cart.current-menu-item .wrapper-cart .icon-blue {
    display: block;
}

.ecommerce-menu-shopping-cart.current-menu-item .wrapper-cart .icon-white {
    display: none;
}

.ecommerce-menu-shopping-cart .wrapper-cart {
    position:relative;
}

.ecommerce-menu-shopping-cart .wrapper-cart .wrapper-icon {
    position: relative;
    width:19px;
    padding-right: 9px;
}


.ecommerce-menu-shopping-cart .wrapper-cart .cart-counter-wrapper {
    position:absolute;
    left:19px;
    top:-10px;
}

.ecommerce-menu-shopping-cart .wrapper-cart .cart-counter {
    font-size:11px;
    background-color:white;
    line-height: 10px;
    border-radius: 5px;
    padding:3px;
    color:#296A96;
    border:2px solid #296A96;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;

    transition: all 200ms ease-out;
    transition-property: opacity, margin-top;
}

.ecommerce-menu-shopping-cart .wrapper-cart .cart-counter.hide {
    opacity:0;
}

.es-column.es-gutter {
    width:1px;
    padding:10px;
}

.ecommerce-block {
    padding:10px 15px;
    background-color:white;
    border:1px solid #D7D7D7;
    border-radius:7px;
    min-height:200px;
    padding-top:18px;
    padding-bottom:18px;
}

.ecommerce-block h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size:21px;
    margin-bottom:10px !important;
}

.ecommerce-table h3 {
    font-size:15px;
    color:black;
}

.info-box {
    display: inline-block;
    border-radius: 4px;
    font-size: 13px;
    padding: 5px 12px;
    line-height: 18px;
    min-width: 93px;
    text-align: center;
}

.info-box.red {
    color:white;
    border:1px solid #E91852 !important;
    background-color:#E91852 !important;
}

.info-box.yellow {
    color:#525605;
    border:1px solid #FFEA00 !important;
    background-color:#FFEA00 !important;
}

.info-box.green {
    color:white;
    border:1px solid #00D166 !important;
    background-color:#00D166 !important;
}


.label-default {
    background-color: #d2d6de;
    color: #444;
}

.label-primary {
    background-color: #3c8dbc;
    color:white;
}

.label-success {
    background-color: #00a65a;
    color:white;
}

.label-warning2 {
    background-color: #F39C11;
    color:white;
}

.label-warning {
    background-color: #FFEA02;
    color:#525606;
}

.label-danger {
    background-color: #E91852;
    color:white;
}

.label-canceled {
    background-color: #8F3495;
    color:white;
}




.ecommerce-table {
    margin-top:20px;
}

.ecommerce-table .es-border .es-column,
.ecommerce-table .es-border-bottom .es-column,
.ecommerce-table .es-border-top .es-column {
    padding-top:8px;
    padding-bottom:8px;
    border-top:1px solid #E1E1E1;
}

.ecommerce-table .es-border-bottom .es-column {
    /* padding-top:0px; */
    border:0;
}

.ecommerce-search-result {
    margin:40px 0;
    color:#006A98;
    font-size:19px;
    font-weight:300;
}

.ecommerce-search-result .count {
    font-weight:bold;
}


/** TABLE X **/

.ecommerce-table-x label {
    margin-top:0;
    font-weight:600;
    font-size:14px;
    color:rgb(140, 158, 181);
}

.ecommerce-table-x input[type="checkbox"] {
    position: relative;
    top:-1px;
}

.ecommerce-table-x p {
    color:#7F8FA4;
    font-weight:400;
    font-size:14px;
}

.ecommerce-table-x .es-row .es-column {
    padding:20px 0;
    border-bottom:1px solid #E6EAEE;
}

.ecommerce-table-x .es-row:first-child .es-column {
    padding-bottom:5px;
    padding-top:0;
}

.ecommerce-table-x .es-row .es-column:first-child {
    padding-right:10px;
}

.ecommerce-table-x p.bold {
    font-weight:400 !important;
    color:black;
}

.ecommerce-table-x .info-box {
    font-size: 12px;
    padding: 4px 7px;
    font-weight: 400;
    line-height: 16px;
}




.text-color-green {
    color:#00D166 !important;
}

.text-color-red {
    color:#E91852 !important;
}

.text-color-yellow {
    color:#9ea700 !important;
}






.es-button {
    text-decoration: none !important;
    display:inline-block;
    border-radius:4px;
    font-size:13px;
    padding:1px 12px;
    line-height: 22px;
    position:relative;
    cursor:pointer;

    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;

    transition: all 200ms ease-out !important;
    transition-property: opacity !important;
}

.es-button.disable {
    opacity:0.2;
    pointer-events:none;
}

.es-button.big {
    padding:5px 15px;
    font-size:15px;
}

.es-button.xl {
    padding:10px 25px;
    font-size:15px;
}

.es-button.medium {
    padding:5px 15px;
    font-size:13px;
}


.es-button .icon-arrow-down {
    float:right;
    position: relative;
    left:5px;
    top:9px;
}

.es-button.blue-inverted {
    color:#006A98;
    background-color:transparent;
    border:1px solid #006A98;
    cursor:pointer;
}

.es-button.blue-inverted:hover {
    color:white;
    background-color:#006A98;
}

.es-button.blue-inverted:active {
    background-color:rgb(0, 79, 113);
}


.es-button.orange-inverted {
    color:#EE6518;
    background-color:transparent;
    border:1px solid#EE6518;
    cursor:pointer;
}

.es-button.orange-inverted:hover {
    color:white;
    background-color:#EE6518;
}

.es-button.orange {
    color:white;
    border:1px solid#EE6518;
    background-color:#EE6518;
}

.es-button.orange:hover {
    color:white;
    border-color:rgb(245, 116, 41);
    background-color:rgb(245, 116, 41);
}

.es-button.orange:active {
    color:white;
    border-color:rgb(213, 101, 36);
    background-color:rgb(213, 101, 36);
}

.es-button.blue {
    color:white;
    border:1px solid#296A96;
    background-color:#296A96;
}

.es-button.blue:hover {
    color:white;
    border-color:rgb(48, 126, 179);
    background-color:rgb(48, 126, 179);
}

.es-button.yellow:active {
    color: #fff3d7;
    background-color: #c98c00;
    cursor:pointer;
}

.es-button.small {
    font-size: 13px;
    color: #4e2400;
}

.es-button.green-inverted {
    color:#00D166;
    background-color:transparent;
    border:1px solid #00D166;
    cursor:pointer;
}

.es-button.green-inverted:hover {
    color:white;
    background-color:#00D166;
}

.es-button.green-inverted:active {
    color:white;
    border-color:rgb(0, 176, 85);
    background-color:rgb(0, 176, 85);
}



.es-button.yellow-inverted {
    color:#D18801;
    background-color:transparent;
    border:1px solid #D18801;
    cursor:pointer;
}

.es-button.yellow-inverted:hover {
    color:white;
    background-color:rgb(241, 157, 0);
}

.es-button.yellow-inverted:active {
    color:white;
    border-color:rgb(170, 111, 0);
    background-color:rgb(170, 111, 0);
}


.es-button.red {
    color:white;
}

.es-button.red-inverted {
    color:#E91852;
    background-color:transparent;
    border:1px solid #E91852;
    cursor:pointer;
}

.es-button.red-inverted:hover {
    color:white;
    background-color:#E91852;
}

.es-button.red-inverted:active {
    color:white;
    border-color:rgb(209, 22, 75);
    background-color:rgb(209, 22, 75);
}




.filter-box.w45 {
    width:45%;
}

.filter-box {
    font-weight: 300;
    font-size:15px;
    display:inline-block;
    vertical-align:top;
}

.filter-box label {
    color:#A7B0BC;
    margin-left:3px;
    margin-bottom:0px;
    margin-top:0px;
    font-size:13px;
}

.filter-box-margin-right {
    margin-right:20px;
}


.filter-box .ui-search .icon {
    position:absolute;
    top:14px;
}

.filter-box .icon {
    float:none;
    position:relative;
    top:4px;
}

.filter-box input {
    background-color:transparent !important;
    border:0 !important;
    font-size:15px !important;
    width:100% !important;
    font-weight: 300 !important;
}

.filter-box input::placeholder {
    color:#A7B0BC;
}

.filter-box input:focus {
    background-color:transparent;
}



/**
 * UI Search
 */

.ui-search {
    background-color:white;
    border:1px solid #E0E0E0;
    border-radius:4px;
    padding:2px 15px;
    position:relative;
}

.ui-search input {
    margin-left:17px;
}



/**
 * UI Select
 */

.ui-select {
    min-width:200px;
    z-index: 5;
    position: relative;
}

.ui-select .selected {
    background-color:white;
    border:1px solid #E0E0E0;
    border-radius:4px;
    min-height:46px;
    cursor:pointer;
}

.ui-select .selected,
.ui-select .options .option {
    padding:2px 15px;
}

.ui-select .selected {
    padding:9px 20px;
}

.ui-select {
    position:relative;
}

.ui-select .options {
    display:none;
    position:absolute;
    width:100%;
}

.ui-select.open .selected {
    border-bottom:1px solid #E0E0E0;
}


.ui-select .icon-arrow-down {
    float:right;
    margin-top:7px;
    position: relative;
    left: 9px;
}

.ui-select.open .selected {
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

.ui-select.open .option {
    border-top:0;
    border-radius:0;
    padding:10px 20px;
    line-height: normal;
    font-size:14px;
    background-color:white;
    border:1px solid #E0E0E0;
    border-top:0;
    border-bottom:0;
    cursor:pointer;
}

.ui-select.open .option:last-child {
    border-bottom:1px solid #E0E0E0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
}

.ui-select.open .option:hover, .ui-select .option.bt-active {
    background-color:#006C98;
    color:white;
}

.ui-select .option.bt-active {
    background-color:#0f93ca;
}

.ui-select.open .options {
    display:block;
}


/**
 * Ecommerce Grid
 */

.grid-ecommerce .the-product {
    display:inline-block;
    padding:20px;
    margin-bottom:14px;
    margin-right:10px;
    max-width:300px;
    min-width:250px;
    border:1px solid #DFDFDF;
    background-color:white;
    border-radius:5px;
    vertical-align: top;
}

.grid-ecommerce .the-product .name {
    border-top:1px solid #F1F1F1;
    margin-top:14px;
    padding-top:14px;
    font-size:18px;
    color:#006A98;
    text-align:center;
    font-weight: 600;
}

.grid-ecommerce .the-product .description {
    margin-top:5px;
    line-height:normal;
    font-size:15px;
}

.grid-ecommerce .the-product .wrapper-price {
    text-align: center;
    margin:14px 0;
    margin-bottom:20px;
    font-size:19px;
    font-weight: 700;
}

.grid-ecommerce .the-product .actions {
    display:table;
    margin: 0 auto;
}

.grid-ecommerce .the-product .actions .es-button:first-child {
    margin-right:10px;
}

.grid-ecommerce .the-product .product-image {
    display:table;
    float:none;
    margin:0 auto;
    height:170px;
}


/**
 * View Product
 */

.view-product .product-image {
    border:1px solid #DFDFDF;
    background-color:white;
    border-radius:5px;
}


.view-product.has-thumbnail .wrapper-description {
    margin-left:25px;    
}

.view-product .price {
    font-size:22px;
    margin:20px 0;
    font-weight:600;    
}

.view-product .title {
    font-size:25px;
    color:#006599;
    font-weight: 700;
}

.view-product .wrapper-spec {
    margin:10px 0;    
}

.view-product .spec {
    font-size: 14px;    
    line-height: normal;
    margin-bottom:2px;
}

.view-product .spec .name {
    font-weight: 700;
}

.view-product .many_items_input {
    width: 35px !important;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    margin-right: 5px;
    padding-bottom: 6px;
    vertical-align: top !important;
}

.view-product .artnr {
    font-size:14px;
    color:#7F8FA4;
}

.view-product .actions {
    margin-top:20px;
}

/**
 * Shopping cart
 */

.shopping-cart .ecommerce-table-x .product {
    color:black;
    font-weight: 600;
}

.shopping-cart .ecommerce-table-x .description-product {
    font-size:13px;
    line-height: normal;
}

.shopping-cart .ecommerce-table-x .product {
    font-size:15px;
}

.shopping-cart .ecommerce-table-x p.cost,
.shopping-cart .ecommerce-table-x p.cost-total {
    font-size:16px;
    color:#296A96;
}

.shopping-cart .ecommerce-table-x p.quantity {
    font-size:16px;
    color:black;
}

.shopping-cart .ecommerce-table-x .es-row .es-column {
    padding-top:15px !important;
    padding-bottom:15px !important;
}

.shopping-cart .btn-close {
    width:21px;
    min-width:21px;
    max-width:none;
    margin-top:2px;
    cursor:pointer;
}

.shopping-cart .wrapper-quantity {
    border:1px solid #BEBEBE;
    color:black;
    border-radius:50px;
    width:auto;
    text-align:center;
    padding:0;
    display:inline-block;
    /* Keep the minus, count and plus on a single line */
    white-space:nowrap;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

.shopping-cart .wrapper-quantity * {
    display:inline-block;
    vertical-align:middle;
}

.shopping-cart .wrapper-quantity .substract {
    position:relative;
    padding:7px;
    padding-left:20px;
    padding-right:10px;
    color:rgb(135, 135, 135);
    cursor:pointer;
}

.shopping-cart .wrapper-quantity .add {
    position:relative;
    padding-left:10px;
    padding-right:20px;
    color:rgb(135, 135, 135);
    top:1px;
    cursor:pointer;
}

.shopping-cart .product-image {
    float: left;
    display: inline-block;
    max-height: 50px;
    margin-right: 20px;
}

.shopping-cart .wrapper-total-action {
    float:right;
    text-align:left;
}

.shopping-cart .wrapper-total-action .subtotal-price {
    margin-top:30px;
}
.shopping-cart .wrapper-total-action .subtotal-price,
.shopping-cart .wrapper-total-action .vat-price {
    text-align: right;
    font-size:14px;
}

.shopping-cart .wrapper-total-action.has-order-id .total-price * {
    margin-top:10px;
}

.shopping-cart .wrapper-total-action.has-order-id  .total-price {
    float:right;
}

.shopping-cart .total-price .title {
    margin:40px 0;
    color:black;
    font-weight:700;
    font-size:17px;
    margin-right:5px;
}

.shopping-cart .total-price .price,
.shopping-cart .total-price .prefix {
    color:#296A96;
    font-weight:700;
    font-size:22px;
}

.shopping-cart .total-price .prefix {
    margin-left:4px;
}

.shopping-cart .go-to-checkout {
    float:right;
    margin-top:-8px;
}


.shopping-cart .column-price,
.shopping-cart .column-total {
    white-space: nowrap;
    padding: 20px !important;
}

.shopping-cart .ecommerce-table-x .es-grid > .es-row:first-child .es-column {
    padding: 0px !important;
}


.product-description {
    margin-left:20px;    
}

h4.product-description-title {
    font-size:19px;
    margin-top:0;
    font-weight: bold;
    margin-bottom:10px !important;
    color:#296a96;
}




.show-preloader-black {
    position:relative;
}

.show-preloader-black:before {
    content:" ";
    background: transparent url('../media/icons/ajax-loader-black.gif') no-repeat;
    display:inline-block;
    position:absolute;
    top:38px;
    right: 10px;
    width:20px;
    height:20px;
}


/**
 * form-order-product
 */

.must {
    color:red;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.form-order-product .field {
    margin-bottom:20px;
}

.form-order-product .es-column:first-child {
    padding-right:50px;
}

.form-order-product input {
    width:100% !important;
    font-size:13px !important;
}

.form-order-product label {
    margin-top:0;
}

.form-order-product .upload-file {
    margin-top:20px;    
}

.form-order-product .other-recipient-wrapper {
    margin-top:10px;
}

.form-order-product select {
    height:40px;
}

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

/**
 * Checkout
 */

 .ecommerce-checkout .block {
    padding: 20px 25px;
    background-color: white;
    border: 1px solid #D7D7D7;
    border-radius: 7px;
 }

 .ecommerce-checkout .block:first-child {
     margin-right:20px;
 }

 .ecommerce-checkout .wrapper-order-address .title {
    font-weight:700;
    /* margin-bottom:5px !important; */
    /* margin-bottom:16px; */
}

.ecommerce-checkout .wrapper-order-address .description {
    line-height: normal;
}

.ecommerce-checkout .block > .title {
    font-size:20px;
    color:#006699;
    font-weight:bold;
}

.ecommerce-checkout .change-address {
    text-align: center;
    width: 10rem;
    margin-top: 15px !important;
    font-size: 16px;
    cursor: pointer;
    background-color: #E65100;
    color: white;
    padding: 0.25rem 0.25rem !important;
    border-radius: 2px;
    transition: 250ms;
}

.ecommerce-checkout .change-address:hover {
    transition: 250ms;
    background-color: #FF6F00;
}

.checkout-info-field {
    display: block;
    padding: 0.4rem 1rem;
    border-bottom: solid 1px lightgray;
    border-right: solid 1px lightgray;
    border-left: solid 2px #296A96;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #edebeb;
}

.first-entry {
    border-top: solid 1px lightgray;
}

.checkout-info-field b {
    display: inline-block;
    /* Wide enough for the longest label, so the divider lines up down the
       column. This was 5rem, which fitted "Företag" but not the corrected
       "Organisationsnamn" - and a fixed width does not clip an inline-block,
       so the label overflowed and printed on top of the value. min-width
       stopped the overlap but left every row a different width.
       The longest are "Organisationsnamn" and "Organization name".
       In em, so it follows the inherited text size - the row has none of
       its own, and rem would be measured against the root instead. */
    width: 11em;
    /* Keeps the value on the label's first line should a longer label ever
       wrap anyway. */
    vertical-align: top;
    border-right: solid 1px #006796;
    margin-right: 0.5rem;
}
 
.ecommerce-checkout .draw-line, .bs-lightbox .draw-line  {
    margin:20px 0;
    border-top:1px dashed #DCDCDC;
}

.ecommerce-checkout .wrapper-shipping label > span,
.ecommerce-checkout .wrapper-processing-time label > span,
.ecommerce-checkout .wrapper-delivery-method label > span,
.ecommerce-checkout .wrapper-payment label > span,
.ecommerce-checkout .wrapper-terms label > span {
    margin-left:5px;
    position: relative;
    top:1px;
    font-size:15px;
}

.ecommerce-checkout .wrapper-shipping label,
.ecommerce-checkout .wrapper-processing-time label,
.ecommerce-checkout .wrapper-delivery-method label,
.ecommerce-checkout .wrapper-payment label,
.ecommerce-checkout .wrapper-terms label {
    margin-top:0;
    margin-bottom:8px;
    display:inline-block;
}

.ecommerce-checkout .wrapper-shipping label:last-child,
.ecommerce-checkout .wrapper-processing-time label:last-child {
    margin-bottom:0;
}

.ecommerce-checkout .description .italic {
    color:#adadad;    
}

.italic {
    font-style: italic;
}

.button-info {
    display:inline-block;
    position: relative !important;
    margin-left:3px;
    top:4px;
    width:16px;
    height:16px;
    background-image: url('../media/icons/info_icon.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    cursor:pointer;
    overflow:hidden;
    color:transparent !important;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

.button-info * {
    display:none;
}


/**
 * Wrapper coupon
 */

.wrapper-coupon {
    margin-bottom:27px;    
}

.wrapper-coupon input[type=text] {
    margin-top:5px;
    border:1px dashed #BEBEBE;
    text-align:center;
    max-width: 220px;
    font-size:14px;

    transition: all 200ms ease-out !important;
    transition-property: border-color, color !important;
}

.wrapper-coupon input.error {
    border-color:red;
    color:red;
}

.wrapper-coupon input[type="text"]:focus {
    background-color:transparent;
}

.wrapper-coupon input.ok {
    border-color:rgb(122, 204, 0);
    color:rgb(122, 204, 0);
}


/**
 * Terms
 */

 .wrapper-terms {
     margin-top:27px !important;
 }


    .must-agree-terms  {
        transition: all 200ms ease-out;
        transition-property: opacity;
    }

    .must-agree-terms.disable {
        opacity:0.1;
        pointer-events:none;
    }

/**
 * Wrapper Payment
 */

.ecommerce-checkout .wrapper-payment .es-button {
    margin-right:20px;
    padding:12px;
    min-width:140px;
    border:1px solid #B1B1B1;
    text-align: center;
}

.ecommerce-checkout .wrapper-place-order .es-button {
    cursor:pointer;
}

.ecommerce-checkout .wrapper-place-order .total-cost {
    font-weight:600;
}

.display-none {
    display:none !important;
}

/**
 * Order Summary
 */

.ecommerce-checkout .order-summary {
    margin-right:0;
    margin-top:38px !important;
    margin: 0 auto;
}

.ecommerce-checkout .order-summary p.title {
    font-size:19px;
    margin-bottom:25px !important;
    text-align:center;
    color:#006699;
}

.ecommerce-checkout .order-summary p.title span {
    display:inline;
}

.ecommerce-checkout .order-summary .product-items .product {
    /* border-top:1px solid #DCDCDC; */
    padding:0;
    padding-top:4px;
    padding-bottom:0px;
    font-size:15px;
}

.ecommerce-checkout .order-summary .product-items .product.center-product {
    margin:0 auto;
    display: table;
}

.ecommerce-checkout .order-summary .product-items .product.center-product .wrapper-counter {
    margin-right:6px;
}

.ecommerce-checkout .order-summary .product-items .product .title {
    font-weight:600;
}

.ecommerce-checkout .order-summary .product-items .product:first-child {
    border-top:none;
}

.ecommerce-checkout .order-summary .product-items .product:last-child {
    /* border-bottom:1px solid #DCDCDC; */
}

.ecommerce-checkout .order-summary .product-items .product .price {
    font-weight:600;    
}

.ecommerce-checkout .order-summary .product-items .product .currency {
    font-weight:600;
}

.ecommerce-checkout .order-summary .product-items .product .description {
    font-size:13px;
    color:#818181;
    margin-top:-3px !important;
    line-height: normal;
}

.ecommerce-checkout .order-summary .product-items .product .title-column .wrapper-counter{
    margin-right:5px;
}

.ecommerce-checkout .order-summary .product-items .product .wrapper-counter {
    /* color:#006699; */
    font-weight:600;
}

.ecommerce-checkout .order-summary .product-items .product .wrapper-counter .prefix {
    margin-left:-3px;
}

.ecommerce-checkout .order-summary .product-items .product .product-image {
    margin-right:10px;
    margin-top: 4px;
    width:50px;
}


/**
 * Calculations
 */
.ecommerce-checkout .order-summary .calculations {
    margin-top:11px;
    padding-bottom:10px;
    font-weight: 600;
    font-size:15px;
    /* border-bottom:1px solid #DCDCDC; */
}

.ecommerce-checkout .order-summary .calculations .item-cost {
    margin-bottom:3px;
}

.ecommerce-checkout .order-summary .calculations .item-cost::after {
    content:" ";
    clear: both;
    display: block;
}

.ecommerce-checkout .order-summary .calculations .item-cost .title {
    float: left;
    color:#006796;
}

.ecommerce-checkout .order-summary .calculations .item-cost .wrapper-cost {
    float:right;
}


/**
 * Total price
 */
.ecommerce-checkout .order-summary .total-price {
    font-weight: 600;
    font-size:20px;
    margin-top:15px;
}

.ecommerce-checkout .order-summary .total-price .title {
    float:left;
    font-size:18px;
    color:#006796;
}

.ecommerce-checkout .order-summary .total-price .wrapper-price {
    float:right;
    color:#006796;
}

.ecommerce-checkout .order-summary .total-price::after {
    content:" ";
    clear: both;
    display: block;
}


/**
 * Data table
 */
body .data-table thead th {
    background-color:transparent;
    font-size: 14px;
    color: rgb(140, 158, 181);
}

body .data-table thead th, body .data-table thead td {
    font-weight: 600;
    padding:7px;
    padding-top:0;
    border-bottom:0;
}

body .data-table thead th {
    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:1px solid #E6EAEE;
}

body .data-table.no-footer {
    border-bottom:0;
}


body .data-table tbody td {
    font-weight: 600;
    padding:15px 7px;
    border-bottom:0;
    border:0;
}

body .data-table tbody tr {
    background-color:transparent;
}

body .data-table.row-border tbody th, body .data-table.row-border tbody td, body .data-table.display tbody th, body .data-table.display tbody td {
    border-color: #E6EAEE;
}

body .data-table.display tbody tr.odd > .sorting_1, body .data-table.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color:transparent;
}

body .data-table .contract, .es-contract {
    width:1% !important;
}

body .data-table thead .sorting {
    background-image:none;
    position:relative;
}

body .data-table thead .sorting:after {
    content:"";
    width: 19px;
    height: 19px;
    background-image:url(../images/sort_both.png);
    top: 4px;
    margin-left:1px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}

body .data-table thead .sorting_asc {
    background-image:none;
    position: relative;
}

body .data-table thead .sorting_asc:after {
    content:"";
    width: 19px;
    height: 19px;
    background-image:url(../images/sort_asc.png);
    top: 8px;
    margin-left:1px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}

body .data-table thead .sorting_desc {
    background-image:none;
    position: relative;
}

body .data-table thead .sorting_desc:after {
    content:"";
    width: 19px;
    height: 19px;
    background-image:url(../images/sort_desc.png);
    top: 0px;
    margin-left:1px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}

/**
 * Tooltip
 */
.es-tooltip {
    max-width: 350px;
    visibility: hidden;
    opacity:0;
    margin-top:20px;
	position: absolute;
    background: white;
    -webkit-box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.48);
    -moz-box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.48);
    box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.48);
    border-radius:10px;
    padding:10px;
    display: inline-block;
    font-size:14px;
    line-height: normal;

    transition: all 200ms ease-out;
    transition-property: visibility, margin, opacity;
    z-index:9999;
}

.es-tooltip.show {
    visibility: visible;
    margin-top:0px;
    opacity:1;
}

.es-tooltip.hide {
    visibility: hidden;
    opacity:0;
    margin-top:-0px;
    transition: all 100ms ease-in;
}



.es-tooltip .es-tooltip-arrow:after, .es-tooltip .es-tooltip-arrow:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.es-tooltip .es-tooltip-arrow:after {
	border-color: rgba(136, 183, 213, 0);
    border-bottom-color: white;
	border-width: 12px;
	margin-left: -12px;
}

.es-tooltip .es-tooltip-arrow:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #e1e1e1;
	border-width: 13px;
	margin-left: -13px;
}



/**
 * Right
 */
.es-tooltip-right .es-tooltip-arrow:after, .es-tooltip-right .es-tooltip-arrow:before {
    bottom:auto;
    left:auto;
    left: 100%;
	top: 50%;
}

.es-tooltip-right .es-tooltip-arrow:after {
    margin-left: auto;
    margin-top: -13px;
    border-bottom-color: transparent;
    border-left-color: white;
}

.es-tooltip-right .es-tooltip-arrow:before {
    margin-left: auto;
    margin-top: -14px;
    border-bottom-color: transparent;
    border-left-color: #e1e1e1;
}

/**
 * Bottom
 */
.es-tooltip-bottom .es-tooltip-arrow:after, .es-tooltip-bottom .es-tooltip-arrow:before {
    bottom:auto;
    left:auto;
    top: 100%;
	left: 50%;
}

.es-tooltip-bottom .es-tooltip-arrow:after {
    border-bottom-color: transparent;
    border-top-color: white;
}

.es-tooltip-bottom .es-tooltip-arrow:before {
    border-bottom-color: transparent;
    border-top-color: #e1e1e1;
}



/**
 * Left
 */
.es-tooltip-left .es-tooltip-arrow:after, .es-tooltip-left .es-tooltip-arrow:before {
    bottom:auto;
    left:auto;
    right: 100%;
	top: 50%;
}

.es-tooltip-left .es-tooltip-arrow:after {
    margin-left: auto;
    margin-top: -13px;
    border-bottom-color: transparent;
    border-right-color: white;
}

.es-tooltip-left .es-tooltip-arrow:before {
    margin-left: auto;
    margin-top: -14px;
    border-bottom-color: transparent;
    border-right-color: #e1e1e1;
}












/**
 * Cart tooltip
 */

.cart-tooltip {
    font-size:16px;
    max-width: none;
    padding:0;
}

.cart-tooltip .products,
.cart-tooltip .subtotal {
    margin:0;
    padding:10px 15px;
}

.cart-tooltip .product {
    font-weight:600;
    padding:8px 0;
    border-bottom:1px solid #d4d4d4;
    color:black;
    white-space: nowrap;
}

.cart-tooltip .product:first-child {
    padding-top:5px;    
}

.cart-tooltip .product:last-child {
    font-weight:600;
    border-bottom:0;
    padding-bottom:0;
}

.cart-tooltip .product > .title {
    font-weight:400;
}

.cart-tooltip .product img {
    float:none;
    display: inline-block;
    vertical-align: middle;
    height: 23px;
    margin-right: 5px;
    margin-left: 5px;
}

.cart-tooltip .product .wrapper-count {
    font-weight:400;
}

.cart-tooltip .product .wrapper-count .prefix {
    font-size:14px;    
    margin-left:1px;
}

.cart-tooltip .product .wrapper-count .prefix,
.cart-tooltip .product .wrapper-count .count,
.cart-tooltip .product .wrapper-price {
    color:#006699;
}

.cart-tooltip .product .wrapper-price {
    margin-left:10px;
    /* float:right; */
}

@media all and (-ms-high-contrast:none)
{
    *::-ms-backdrop, .cart-tooltip .product .wrapper-price { float:none }
}


.cart-tooltip .product .wrapper-price .peace {
    font-size:11px;
}


.cart-tooltip .btn-shopping-cart {
    width:100%;
    display:block;
    cursor:pointer;
    background-color:#296A96;
    color:white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align:center;
    padding:10px;
    -webkit-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}

.cart-tooltip .btn-shopping-cart:hover {
    background-color:#2f7aac;
    color:white;
    text-decoration: none;
}

.cart-tooltip .btn-shopping-cart:active {
    background-color:#255f85;
}


.cart-tooltip .subtotal {
    border-top:1px solid #D4D4D4;
}

.cart-tooltip .subtotal .text,
.cart-tooltip .subtotal .wrapper-price {
    color:#296A96;
    font-weight: 600;
}

.cart-tooltip .subtotal .wrapper-price {
    margin-left:10px;
    float:right;
}



/**
 * bs-lightbox
 */
.bs-lightbox {
    color:black; 
}

.bs-lightbox .bs-lightbox-body-content {
    /* padding-bottom:200px; */
    padding:0;
}

.bs-lightbox h1.entry-title {
    margin-top:0 !important;
    display:inline-block;
}

.bs-lightbox .cross.bs-lightbox-close {
    top:-24px;
    right:0px;
    position:absolute;
    padding:30px;
    padding-right:0;
    font-size:40px;
    cursor:pointer;
    color: #006599;
}

.bs-lightbox .es-button.bs-lightbox-close {
    margin:0 auto;
    display:table;
    margin-top:20px;
}

.bs-lightbox .float-right {
    float:right;
}

.bs-lightbox .bs-lightbox-background {
    background-color:rgba(255, 255, 255, 0.98
    );
}

.bs-lightbox .bs-lightbox-head {
    background-color:transparent;
}



.bs-lightbox .bs-lightbox-stagger label {
    padding-top:0px;
}


.bs-lightbox .bs-lightbox-body-content .es-column:first-child {
    padding-right:60px;
}

.bs-lightbox .bs-lightbox-body-content .es-column:first-child label {
    /* margin-top:0; */
}

.lightbox-certificate .wrapper-status label {
    display:inline-block;
    margin-right:10px;
    margin-top:0;
    font-weight: 700;
}

.lightbox-certificate .status-info-box {
    position: relative;
    top:-1px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:6px;
    padding-right:6px;
    margin-left:10px;
}

.lightbox-certificate label input {
    position:relative;
    top:-2px;
    margin-right:5px;
}

.lightbox-certificate input:disabled,
.lightbox-certificate textarea:disabled {
    background: #eaeaea !important;
    cursor: default !important;
}

.lightbox-delivery .field {
    vertical-align: top;
}

textarea:disabled {
    background: #dddddd !important;
    cursor: no-drop !important;
}

/* The billing fields that do not apply to the chosen payment type are set readonly
   rather than disabled, so that the cleared value is still posted to the API.
   Readonly is not greyed out by the browser, so match the disabled look used for the
   email field in the user settings form.
   Matched on the attribute rather than :read-only, which also matches inputs that are
   never editable at all, such as radio buttons and submit buttons. */
.form-register input[readonly],
.form-user-settings input[readonly] {
    background-color: #ededed;
    cursor: default;
}

.lightbox-certificate .item label {
    display:inline-block;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

.lightbox-certificate .item .button-info {
    top:2px;
    margin-left:2px;
}


.lightbox-certificate .valid-to-wrapper,
.lightbox-certificate .valid-from-wrapper {
    font-size:14px;
    margin-bottom:0px;
}

.lightbox-certificate .valid-to-wrapper label,
.lightbox-certificate .valid-from-wrapper label {
    margin-bottom:0;
    padding-bottom:0;
    margin-top:0;
    font-weight:700;
}

.lightbox-certificate .wrapper-downloads {
    margin-top:20px;
    border: 1px solid gainsboro;
    padding: 20px;
    padding-top:14px;
    border-radius: 8px;
}

.lightbox-certificate h3 {
    font-size:16px;
    font-weight:700;
    margin-bottom:8px !important;
    color:black;
}



.lightbox-certificate .wrapper-inputs label {
    margin:0px;
    margin-bottom:4px;
}

.lightbox-certificate .download-button {
    margin-top:5px;
}

.lightbox-certificate .certificate-status {
    padding-top:14px;
    border: 1px solid gainsboro;
    padding: 14px 20px;
    border-radius: 8px;
}

.lightbox-certificate .certificate-status .wrapper-buttons {
    margin-top:20px;
}

.lightbox-certificate .certificate-status .wrapper-buttons .es-button {
    display:block;
    /* max-width:150px; */
    text-align: center;
    margin:10px 0;
}

.lightbox-certificate .wrapper-actions {
    margin-top:30px;
    border: 1px solid gainsboro;
    padding: 14px 20px;
    border-radius: 8px;
}

.lightbox-certificate .wrapper-actions .es-button {
    display:table;
    margin-bottom:10px;
    min-width:133px;
    text-align:center;
}

.lightbox-certificate .wrapper-input input {
    font-size:15px;
}

.click-show-lightbox-certificate {
    cursor:pointer;
}


/**
 * widget-download
 */

.widget-download {
    padding:20px;
    border:1px solid #296A96;
    display:inline-block;
    background-color:white;
    position:fixed;
    right:-340px;
    bottom:40px;
    z-index:99;
    border-radius:8px;
    -webkit-box-shadow: 0px 0px 16px -2px rgba(255,255,255,0.25);
    -moz-box-shadow: 0px 0px 16px -2px rgba(255,255,255,0.25);
    box-shadow: 0px 0px 16px -2px rgba(255,255,255,0.25);
    transition: all 500ms ease-in-out;
    transition-property: right, visibility;
    visibility: hidden;
}

.widget-download.show {
    right:40px;
    visibility: visible;
}

.widget-download h3 {
    margin-bottom:10px !important;
    font-weight: 600;
    font-size:18px;
}

.widget-download label {
    display:inline-block;
    margin:0;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

.widget-download .item {
    margin-bottom:4px;
}

.widget-download label input {
    margin-right:5px;
    position:relative;
    top:-2px;
}

.widget-download .download-button {
    margin-top:15px !important;
    display: table;
    margin:0 auto;
    padding:5px 20px;
}


.ecommerce-has-headmenu #site-navigation li{
    display:inline-block !important;
}

.ecommerce-has-submenu #content_TesseractTheme #primary {
    margin-top: 154px !important;
}

.form-shipping-enter-email-address {
    margin-bottom:15px;
}

.form-shipping-enter-email-address.display-none {
    margin-bottom:0 !important;
}

.form-shipping-enter-email-address input {
    width: 400px;
}

.form-shipping-enter-email-address .bs-validation-error-wrapper {
    
}

.dataTables_wrapper .dataTables_paginate {
    float:none;
    display:table;
    margin:0 auto;
    margin-top:40px;
}

table.dataTable.display tbody tr:hover > .sorting_1 {
    background-color:#F6F6F6;
}


/** Updateing design of lightbox **/
.bs-lightbox .bs-lightbox-background {
    background-color:rgba(0, 0, 0, 0.3);
}

.bs-lightbox .bs-lightbox-stagger {
    padding:20px;
    background-color:white;
    border-radius:20px;
}

.bs-lightbox .cross.bs-lightbox-close {
    top: -14px;
    right: 20px;
}


.form-order-product .address-wrapper {
    margin-top:10px;
}






.order-history-lightbox .bs-lightbox-body-content {
    width:750px;
}

.order-history-lightbox .bs-lightbox-body-content h1 {
    font-size:26px !important;
    margin-left: 20px !important;
    margin-top: 10px !important;
}

.order-history-lightbox .wrapper-input > .es-row > .es-column {
    padding-right: 0px;
}

.order-history-lightbox .wrapper-input .field {
    float:left;
    width:50%;
    padding:0 20px;
}









/**
 * Tooltip login
 */


.tooltip-login {
    position:fixed;
    width:300px;
}

.tooltip-login .loggedin-wrapper,
.tooltip-login .login-wrapper {
    position: relative;
}

.tooltip-login .loggedin-wrapper a {
    display:block;
    padding:10px 20px;
}

.tooltip-login .loggedin-wrapper a svg {
    width:15px !important;
    height:15px !important;
    position:relative;
    top:2px;
    margin-left:2px;
}


.tooltip-login input {
    width:100%;
    height:100%;
}

.tooltip-login .delimiter-wrapper {
    margin:10px 0;    
}

.tooltip-login .smartcard {
    margin-top:10px;    
}

.tooltip-login .smartcard a {
    display:inline-block;
    border-radius: 3px;
    text-align:center;
    background-color:#006699;
    color:white;
    width:100%;
    padding:10px;
}

.tooltip-login .smartcard.white a {
    background-color:white;
    color:#006699;
    border:1px solid #006699;
}

.tooltip-login .delimiter {
    height:1px;
    border-top:1px dotted #ababab;
    width:100%;
    position:absolute;
    margin-top:10px;
}

.es-tooltip.tooltip-login.show {
    margin-top:-10px;
}


.tooltip-login .or-delimiter {
    text-align:center;
    position:relative;
    font-size:13.5px;
}

.tooltip-login .or-delimiter span {
    background-color:white;
    padding:0 10px;
}

.tooltip-login [name="email"] {
    margin-bottom:5px;
}

.tooltip-login .forget-password-link {
    margin-top:5px;
    display:inline-block;
    font-size:11px;
    margin-left:2px;
}

.tooltip-login .forget-password-link.center {
    display:block;
    text-align:center;
}

.tooltip-login .gutter {
    width:5px;
    height:1px;
}

.tooltip-login .credentials-login-btn {
    position:relative;
    cursor: pointer;
    background-color:#006799;
    display:block;
    padding:0px 14px;
    border-radius:3px;
    color:white;
    font-size:11px;
    text-transform: uppercase;
}

.tooltip-login .register-delimiter {
    /* margin-top:20px; */
    display:block;
}

.tooltip-login .register-btn {
    display:block;
    margin-top:30px;
    text-align:center;
    padding-bottom:2px;
}

.tooltip-login .message {
    font-size:12px;
    margin-top:20px !important;
    text-align:center;
    margin-bottom:10px !important;
    margin-left:2px !important;
    display:none;
}

.tooltip-login .message.show-message {
    display:block;
}

.tooltip-login .message.error {
    color:red;
}


.spinner {
    display:none;    
}

.show-spinner .spinner {
    display:block;
}

.show-spinner .text {
    visibility: hidden;
}
.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner>* {
    width: 8px;
    height: 8px;
    background-color: #FFF;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both;
    animation: sk-bouncedelay 1s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.activated-account-info {
    background-color:#36ad58;
    text-align:center;
    padding:5px;
    border-bottom:1px solid #2e9e4e;
}

.show-activated-account-info #content_TesseractTheme #primary {
    margin-top: 171px !important;
}

.form-register .item {
    margin-bottom:5px;
}

.form-register {
    width:500px;
}

.form-register .item input:focus {
    border-color: rgba(41, 106, 150, 0.31);
    background-color: white;
}

.form-register .item input {
    width:100% !important;
    margin-bottom:5px;
}

.form-register button {
    margin:0 auto;
    margin-top:10px;
    display:block;
}

.register-error {
    margin-top:10px !important;
    font-size:14px;
}

.page-id-4776 .site-content,
.page-id-4823 .site-content {
    max-width: 1200px !important;
    padding:0 20px;
}

.button.primary-button.home {
    line-height:normal;
    padding:17px 25px;
}

.site-footer {
    display:none !important;
}


#sidebar-wrapper {
    margin-top:100px !important;
}

.input-billing-attention-wrapper {
    margin-right:40px;
}

.lightbox-not-logged-in-message .buttons {
    display:table;
    margin:0 auto;
    margin-top:20px;
}

.lightbox-not-logged-in-message .buttons .es-button {
    margin:0 10px;
}

.double-br {
    height: 4px;
}


@media screen and (max-width: 1055px) {
    .not-home #content_TesseractTheme #primary {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 1055px) and (min-width:769px) {
    .not-home #sidebar-footer,
    .not-home #content_TesseractTheme {
        padding: 0 20px
    }

    .not-home .site-branding img {
        width:100px;
        height:auto !important;
    }

    .not-home .nav-menu {
        font-size:0.85em;
        padding:10px 0;
    }
    
    .not-home .nav-menu .ecommerce-menu-login-create-account .icon {
        width:35px !important;
    }

    .not-home .nav-menu .ecommerce-menu-login-create-account .text {
        font-size:10px;
    }

    .not-home .top-navigation ul li {
        margin-bottom:0;
        top:3px !important;
    }

    .not-home #site-navigation > ul > li > a {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 5px;
    }
}

@media screen and (max-width: 925px) and (min-width:769px) {

}

@media screen and (max-width: 820px) {
    .not-home .nav-menu {
        font-size:0.8em;
    }
}

@media screen and (max-width: 768px) {

    .home #main h1{
        margin-top:30px !important;
    }

    .not-home #main {
        margin-top:0px;
    }

    .home #main {
        margin-top:70px;        
    }
        
    .not-home .sidebar-right article {
        margin-top:105px !important;
    }

    .not-home #content_TesseractTheme #primary {
        margin-top: 80px !important;
    }

    .home #content_TesseractTheme #primary {
        margin-top: 0px !important;
    }

    .home #content_TesseractTheme #primary {
        margin-top: 0px !important;
    }

    .fl-col {
        margin-bottom:25px;
    }

    .not-home .fl-col .fl-module-content {
        margin:0 !important;
    }

    .fl-col-small {
        max-width:none !important;
    }
}
/* Order number column on the certificate list.
 *
 * Hidden rather than removed from the markup: the cell carries the UID in a
 * hidden span that the search box looks through, and the column is what the
 * table sorts on by default. Both would go with it. */
.ecommerce-table-x .column-order-nr {
    display: none;
}
/* Explanatory line under a page heading.
 *
 * It belongs to the heading, so it sits close under it and keeps its distance
 * from the search and status boxes that follow. Getting that the wrong way
 * round - which is what a bare paragraph did - reads as if the sentence
 * labels the search field. */
p.page-description,
.fl-builder-content p.page-description {
    display: block;
    /* !important because the page builder and the child theme both style
     * paragraphs, load after this file and win on specificity - the margins
     * set here had no effect at all until they were forced. */
    margin: -38px 0 32px 0 !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #222;
    /* No max-width: the sentence is one line on a normal screen and capping
     * the width broke it in two for no reason. */
}