@import "../fonts/fonts.css";

html,
body {
    height: 100%;
}

body {
    min-width: initial !important;
    font-family: 'volvo-icons', sans-serif;
}

#maintable {
    height: 100%;
}

.bold {
    font-weight: bold !important;
}

.text {
    margin-bottom: 15px;
}

#container,
#content {
    padding: 0;
    vertical-align: top;
}

#content {
    text-align: center;
    max-width: 1024px;
    margin: 0 auto;
}

hr {
    margin: 0;
    border-bottom: 1px solid #dddddd;
}

h1,
h2,
h3,
h4 {
    font-family: 'Volvo Novum Light', sans-serif;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

h1 {
    font-weight: 400;
    font-size: 42px;
    color: #161618;
}

h2 {
    font-weight: 400;
    font-size: 38px;
    color: #161618;
}

h3 {
    font-weight: 400;
    font-size: 34px;
    color: #161618;
}

h4 {
    font-weight: 400;
    font-size: 28px;
    color: #161618;
}

/* Login/Register Page */
#loginpage .required.vtip {
    display: none;
}

#forgot label {
    width: 7em;
    display: block;
    text-align: left;
    float: left;
    line-height: 22px;
}

#loginpage {
    font-family: 'Volvo Novum Light', sans-serif;
    font-size: 16px;
}

#loginpage .recordset {
    float: none !important;
}

#loginpage .button {
    margin: 10px auto;
}

#loginpage .button.back {
    float: none !important;
    margin: 0 auto !important;
}

#loginpage .button input {
    background-color: #2b7bcd !important;
    background-repeat: no-repeat !important;
    float: inherit !important;
    color: #fff !important;
    font-size: 12px !important;
    text-align: inherit !important;
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
    text-decoration: none !important;
    cursor: pointer !important;
    height: 50px !important;
    line-height: 50px !important;
    text-transform: inherit;
}

#loginpage .recordset {
    background-color: #FFF;
}

#loginpage .recordset h4 {
    background-color: #FFF;
    color: #161618;
    padding: 0px;
    margin: 10px 0px;
    font-size: 38px;
    line-height: 44px;
}

#loginpage h3 {
    font-size: 16px;
    line-height: 22px;
}

#loginpage ul {
    list-style: none;
    padding: 0px;
    text-align: center;
    margin: 20px auto;
}

#loginpage .fieldset ul input {
    width: 100%;
}

/* Header */
#site_title,
#logo,
#subheader,
#breadcrumb {
    display: none;
}

#header {
    padding: 12px 0;
    height: 56px;
    border-bottom: 1px solid #e7e7e7;
    background-image: url("/media/imgs/volvo_text_logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
    display: flex;
    justify-content: center;
}

#header .nav a {
    color: black;
}

#global_nav {
    position: absolute;
    right: 10px;
}

#header #homelink {
    display: block;
    width: 200px;
    height: 100%;
    float: none;
    cursor: pointer;
}

.header_text {
    margin: 60px 0 20px 0;
}

#header_text {
    margin: 60px 0 20px 0;
}

.subheader_text {
    margin-bottom: 40px;
}

.header,
.public_header {
    margin-bottom: 45px;
}

/* Generic Content */

.small_content {
    max-width: 930px;
    margin: 0 auto;
}

table {
    font-family: 'Volvo Novum', sans-serif;
    font-weight: normal;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-align: left
}

.jsgrid-alt-row {
    background-color: #ececec;
}

p {
    font-family: 'Volvo Novum', sans-serif;
    font-weight: normal;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.button,
.ok_button {
    float: none;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    max-width: 280px;
    text-align: center;
    text-transform: uppercase;
}

.ok_button {
    background-repeat: no-repeat;
    width: auto;
    height: auto;
}

.wide_button {
    max-width: 400px;
}

.left_button {
    margin: 0;
}

.button a,
.ok_button a {
    background-color: #2b7bcd !important;
    background-repeat: no-repeat !important;
    float: inherit !important;
    color: #fff !important;
    font-size: 12px !important;
    text-align: inherit !important;
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
    text-decoration: none !important;
    cursor: pointer !important;
    height: 50px !important;
    line-height: 50px !important;
}

.sub_content {
    padding: 0 10px;
    box-sizing: border-box;
}



/* Dashboard Content */

#booklet_front {
    float: none !important;
    display: block !important;
    margin: 45px auto !important;
    width: 100%;
    max-width: 400px !important;
}

.front_thumb {
    display: inline-block;
    padding: 5px 12px;
    box-sizing: border-box;
}

.front_thumb img {
    width: 100%;
}

.small_content .button.wide_button {
    margin-top: 45px;
    margin-bottom: 45px;
}

/* Local Offer Content */
.local-offer-div .tab_header {
    text-transform: uppercase;
    margin-top: 20px;
}

/* Details Content */

.tabs {
    margin-bottom: 20px;
}

.sticky_counter {
    max-width: 150px;
    height: 40px;
    line-height: 40px;
    background-color: #ECECEC;
    text-align: center;
    margin: 0 auto 20px;
    z-index: 100;
    font-family: 'Volvo Novum', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.tabs p {
    text-align: left;
    padding-bottom: 35px;
    line-height: 27px;
}

.tab_header {
    font-family: 'Volvo Novum', sans-serif;
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    color: #161618;
    margin-bottom: 10px;
}

.voucher-offer .tab_header {
    text-transform: uppercase;
}

.voucher-div .checkbox-label {
    text-transform: uppercase;
    font-size: 15px;
}

.ui-tabs .ui-tabs-panel {
    /* padding: 42px 45px; */
    padding: 0;
}

.ui-tabs-tab.ui-state-disabled {
    display: none;
}

.padded-content {
    padding: 42px 45px 0 45px;
}

.campaign_thumb {
    max-width: 280px;
    border: solid 1px #b4b5b8;
}

.voucher_container {
    margin-left: -45px;
}

.voucher-div {
    max-width: 280px;
    display: inline-block;
    margin-left: 45px;
    margin-bottom: 45px;
}

.voucher-offers {
    background-color: #ECECEC;
    margin-bottom: 45px;
}

.voucher-offer {
    /* border-bottom: 2px solid white; */
    padding-top: 30px;
    margin: 0 20px 0 20px;
}

.voucher-label {
    text-align: left;
}

.tabs .voucher-label p {
    display: inline-block;
    line-height: 52px;
}

input[type="text"],
#login ul input {
    /* float: left; */
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    background: none;
    line-height: 1;
    background-color: #FFFFFF;
    border: 1px solid #b4b5b8;
    width: 100%;
    max-width: 527px;
    height: 20px;
    text-align: left;
    font-family: 'Volvo Novum', sans-serif;
    font-weight: normal;
    font-size: 18px;
    padding: 24px;
    box-sizing: border-box;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    input[type="text"] {
        height: auto !important;
    }
}

.voucher-offer input[type="text"] {
    /* float: left; */
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    background: none;
    line-height: 1;
    background-color: #FFFFFF;
    border: 1px solid #b4b5b8;
    width: 120px;
    height: 48px;
    text-align: center;
    font-family: 'Volvo Novum', sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.voucher-offer input.short-input {
    width: 62px;
}

.offer-hr {
    margin-top: 20px;
    border-bottom: 1px solid #FFFFFF;
}

.tabs.ui-widget.ui-widget-content {
    border: none;
}

#voucher_form {
    border: 1px solid #2b7bcd;
}

.local-thumb-container {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    float: right;
}

.local-thumb {
    width: 100%;
    max-width: 280px;
}

.tabs .ui-widget-header {
    border: none;
    background: none;
    color: #333;
    font-weight: bold;
}

.tabs .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.tabs.ui-tabs .ui-tabs-nav {
    padding: 0;
}

.tabs .ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0;
}

.tabs .ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0;
}

.tabs .ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0;
}

.tabs .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #000000;
}

li.ui-state-default,
.ui-widget-content li.ui-state-default,
.ui-widget-header li.ui-state-default,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border-left: 1px solid #2b7bcd;
    border-right: 1px solid #2b7bcd;
    border-top: 1px solid #2b7bcd;
    background: #ececec;
    font-weight: normal;
    color: #161618;
    text-transform: uppercase;
}

li.ui-state-active,
.ui-widget-content li.ui-state-active,
.ui-widget-header li.ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border-left: 1px solid #2b7bcd;
    border-right: 1px solid #2b7bcd;
    border-top: 1px solid #2b7bcd;
    background-color: #FFFFFF;
    font-weight: normal;
    color: #161618;
}

.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0px;
    /* margin-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #ececec;
	box-sizing: border-box;
	background: #FFFFFF; */
}

.ui-tabs .ui-tabs-nav li {
    max-width: 150px;
    width: 100%;
    height: 50px;
    /* line-height: 35px; */
    display: table;
    margin-right: 5px;
    font-size: 16px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: none;
    padding: 0;
    width: 100%;
    /* display: block; */
    display: table-cell;
    vertical-align: middle;
}

.tabs.ui-tabs .ui-tabs-tab.ui-state-disabled {
    display: none;
}

.tabs .voucher-offer div p.offer-text {
    padding-bottom: 0;
    /* width: 80%; */
}

.local-container {
    background-color: #ececec;
    padding: 20px;
    margin-bottom: 45px;
    text-align: left;
    min-height: 260px;
}

#submit_button {
    margin-top: 45px;
    margin-bottom: 45px;
}

.quantity-container {
    background-color: #ececec;
    padding: 10px;
    margin-bottom: 45px;
}

.terms-div textarea {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.terms-div input[type="text"] {
    box-sizing: border-box;
    padding: 24px;
    max-width: inherit;
}

@media only screen and (max-width: 1015px) {
    .local-thumb-container {
        float: none
    }

    .local-offer-div {
        text-align: center;
    }

    .local-offer-div input[type="text"] {
        box-sizing: border-box;
        padding: 24px;
        max-width: inherit;
    }
}

@media only screen and (max-width: 905px) {
    .tabs.ui-tabs .ui-tabs-nav li {
        border-bottom-width: 1px;
    }

    .ui-tabs .ui-tabs-nav li {
        max-width: 90px;
        width: 100%;
        height: 60px;
        /* line-height: 35px; */
        white-space: normal;
        display: table;
        font-size: 14px;
    }

    .ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
        display: table-cell;
        vertical-align: middle;
    }

    .tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
    }
}

@media only screen and (max-width: 505px) {
    .tabs.ui-tabs .ui-tabs-nav li {
        border-bottom-width: 1px;
    }

    .ui-tabs .ui-tabs-nav li {
        max-width: 70px;
        width: 100%;
        height: 50px;
        /* line-height: 35px; */
        white-space: normal;
        display: table;
        font-size: 11px;
    }

    .ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
        display: table-cell;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 405px) {
    .tabs.ui-tabs .ui-tabs-nav li {
        border-bottom-width: 1px;
    }

    .ui-tabs .ui-tabs-nav li {
        max-width: 60px;
        width: 100%;
        height: 50px;
        /* line-height: 35px; */
        white-space: normal;
        display: table;
        font-size: 10px;
    }

    .ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
        display: table-cell;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 431px) {
    .front_thumb {
        width: 100%;
        max-width: 165px;
    }
}

@media only screen and (max-width: 430px) {
    .front_thumb {
        width: 100%;
    }
}

/* Checkbox CSS */
.radio-wrapper,
.checkbox-wrapper {
    position: relative;
}

input[type="checkbox"],
input[type="radio"] {
    /*display: none;*/
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
}

.radio-label,
.checkbox-label {
    display: flex;
    position: relative;
    font-family: 'Volvo Novum', sans-serif;
    font-size: 18px;
    font-weight: bold;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.radio-label:before,
.radio-label:after,
.checkbox-label:before,
.checkbox-label:after {
    pointer-events: none;
}

.radio-label:before,
.radio-label:after {
    border-radius: 50%;
}

.radio-label:before,
.checkbox-label:before {
    display: flex;
    content: ' ';
    height: 30px;
    width: 30px;
    border: solid 1px #b4b5b8;
    background: #FFFFFF;
    margin-right: 10px;
}

.radio-label:after,
.checkbox-label:after {
    position: absolute;
    top: 6px;
    left: 6px;
    display: flex;
    content: ' ';
    height: 18px;
    width: 18px;
    background: #87b0cc;
    transform: scale(0);
    transition: transform .3s ease;
}

.checkbox-label:after {
    height: 8px;
    width: 18px;
    top: 9px;
    left: 6px;
    border-bottom: solid 4px #87b0cc;
    border-left: solid 4px #87b0cc;
    background: none;
    transform: rotate(-45deg) scale(0);
    transition: transform .1s ease, opacity .1s ease;
    transform-origin: center center;
}

.radio-label:after {
    height: 22px;
    width: 22px;
    top: 5px;
    left: 5px;
}

.radio-label {
    margin: 0 0;
}

.radio-wrapper {
    margin: 20px;
}

.radio-wrapper input[type="radio"]:checked+.radio-label:after {
    transform: scale(1);
}

.checkbox-wrapper input[type="checkbox"]:checked+.checkbox-label:after {
    opacity: 1;
    transform: rotate(-45deg) scale(.8);
}

/* Footer */
#footer,
.footer {
    /* text-align: center;
	background-color: #003057;
	color: #FFFFFF;
	height: auto;
	margin-top: 85px; */
}

#foot {
    text-align: center;
    background-color: #333333;
    color: #FFFFFF;
    height: auto;
    margin-top: 85px;
    padding-top: 45px;
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer .footer-list-item {
    display: inline-block;
}

.footer .footer-list-item a {
    font-size: 15px;
    font-weight: normal;
}

.footer .footer-list-item:first-child::before {
    display: none;
}

.footer .footer-list-item::before {
    content: ' ';
    display: inline-block;
    color: #FFFFFF;
    position: static;
    width: 1px;
    background: #FFFFFF;
    height: 11px;
    margin: 0 10px;
}

.footer a {
    color: #FFFFFF;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

.footer a .icon {
    padding: 0 10px;
}

.footer img {
    margin: 0;
    max-width: 100%;
    border: 0;
}

.footer-logo {
    max-height: 15px;
}

.footer-list-item-row {
    padding-bottom: 36px;
    text-align: center;
}

.footer-list-item-row p {
    text-align: center;
}

p.footer-glob {
    font-size: 16px;
    font-weight: normal;
}

.copyright {
    font-size: 13px;
    font-weight: normal;
}

.icon {
    font-family: 'volvo-icons' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    speak: none;
    text-decoration: none;
    text-transform: none;
}

.icon::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1em;
    speak: none;
    font-size: inherit;
}

.icon-globe:before {
    content: "";
    /* width: 20px; */
    /* height: 18px; */
    display: inline-block;
    /* background-size: 20px 15px; */
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='172.375' height='173.334' viewBox='0 0 172.375 173.334'%3E%3Cpath fill='%23fff' d='M166.843 117.154c3.566-9.456 5.532-19.698 5.532-30.402 0-47.6-38.587-86.188-86.187-86.188C38.586.564 0 39.15 0 86.752s38.586 86.188 86.188 86.188c36.684 0 67.994-22.93 80.435-55.23l.366-.44-.15-.116zm-49.457 16.958c2.6-9.102 4.474-19.4 5.427-30.47 17.782-3.64 32.385-9.937 41.53-18.137.006.417.03.83.03 1.247 0 9.438-1.68 18.49-4.758 26.872-8.344 9.534-23.61 16.765-42.23 20.488zM86.188 164.94c-6.398 0-13.527-7.637-19.07-20.426l-.333-.812c6.803.795 13.93 1.216 21.282 1.216h.01c5.956 0 11.767-.31 17.383-.898l-.204.494c-5.542 12.79-12.67 20.425-19.068 20.425zm1.887-28.02h-.01c-8.494 0-16.698-.596-24.405-1.693-2.867-8.988-4.872-19.216-5.935-30.13 8.912 1.353 18.456 2.075 28.39 2.075 9.997 0 19.59-.724 28.534-2.078-1.08 11.058-3.127 21.41-6.05 30.483-6.57.88-13.46 1.342-20.53 1.342zm-76.408-26.513C9.29 102.94 8 94.995 8 86.752l.03-1.198c9.227 8.176 23.825 14.455 41.53 18.088.94 10.908 2.776 21.066 5.317 30.07-21.2-4.325-37.398-12.726-43.21-23.305zM17.81 48.89c7.114 5.165 18.612 9.276 32.762 11.866-1.124 8.204-1.733 16.935-1.733 25.996 0 2.898.06 5.763.18 8.588-18.78-4.145-33.44-11.406-40.11-20.555 1.43-9.267 4.504-17.995 8.895-25.894zM86.187 8.565c5.157 0 10.787 4.966 15.68 13.588-4.785.553-9.97.84-15.538.84-5.678 0-10.95-.296-15.81-.868 4.89-8.604 10.51-13.56 15.663-13.56zM62.167 20.77c-4.35-.915-8.233-2.11-11.62-3.576 5.697-2.93 11.793-5.178 18.19-6.643-2.35 2.88-4.55 6.31-6.57 10.22zm41.47-10.218c6.44 1.475 12.577 3.743 18.305 6.702-3.412 1.464-7.328 2.656-11.71 3.566-2.025-3.937-4.234-7.384-6.593-10.268zM86.33 30.992c6.997 0 13.407-.42 19.242-1.235 3.034 7.186 5.42 15.48 7.098 24.512-7.74.973-16.404 1.55-25.92 1.55-9.874 0-18.93-.63-27.02-1.706 1.68-8.99 4.06-17.245 7.085-24.4 5.91.84 12.41 1.273 19.515 1.273zm.422 32.83c9.51 0 18.682-.597 27.174-1.7 1.056 7.85 1.61 16.13 1.61 24.63 0 3.42-.1 6.8-.274 10.138-9.077 1.48-18.913 2.282-29.146 2.282-10.167 0-19.956-.8-29.002-2.283-.175-3.34-.274-6.72-.274-10.14 0-8.546.56-16.86 1.626-24.75 8.756 1.18 18.3 1.817 28.286 1.817zm76.683 10.83c-6.48 9.216-21.157 16.53-40.086 20.693.12-2.827.18-5.693.18-8.594 0-9-.6-17.68-1.71-25.83 14.083-2.493 25.726-6.467 33.07-11.456 4.2 7.71 7.14 16.2 8.54 25.194zm-12.73-32.006c-5.697 4.023-15.98 7.93-30.13 10.432-1.69-9.188-4.057-17.55-6.948-24.775 6.394-1.467 11.89-3.54 16.492-6.19 8.07 5.5 15.06 12.476 20.58 20.533zM42.368 22.03c4.572 2.658 10.04 4.74 16.4 6.216-2.88 7.185-5.24 15.498-6.932 24.628-13.997-2.574-24.3-6.55-29.788-10.763 5.493-7.86 12.38-14.682 20.32-20.08zM20.98 129.827c9.586 5.693 22.2 10.02 36.688 12.55 3.074 8.384 6.827 15.393 11.067 20.574-19.845-4.54-36.835-16.64-47.755-33.12zm82.66 33.124c4.167-5.09 7.864-11.952 10.91-20.15 14.01-2.33 26.452-6.503 36.323-12.174-10.937 16.075-27.705 27.86-47.234 32.33z'/%3E%3C/svg%3E");
    background-size: 24px 16px;
    width: 24px;
    height: 16px;
}

.icon-youtube:before {
    content: "";
    width: 25px;
    height: 20px;
    display: inline-block;
    background-size: 25px 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22.7 16' style='enable-background:new 0 0 22.7 16%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23fff%3B%7D%3C/style%3E%3Ctitle%3Eyoutube-desktop%3C/title%3E%3Cg id='_x33_9fe847e-8efe-4a3b-988d-a7a7187a8d51'%3E%3Cpath class='st0' d='M22.5%2C3.5c-0.1-0.8-0.4-1.6-0.9-2.3c-0.6-0.6-1.4-1-2.3-1c-3.2-0.2-8-0.2-8-0.2h0c0%2C0-4.8%2C0-8%2C0.2 c-0.9%2C0-1.7%2C0.4-2.3%2C1C0.6%2C1.9%2C0.3%2C2.6%2C0.2%2C3.5C0.1%2C4.7%2C0%2C5.9%2C0%2C7.1v1.7c0%2C1.2%2C0.1%2C2.5%2C0.2%2C3.7c0.1%2C0.8%2C0.4%2C1.6%2C0.9%2C2.3 c0.7%2C0.6%2C1.6%2C1%2C2.5%2C1c1.8%2C0.2%2C7.7%2C0.2%2C7.7%2C0.2s4.8%2C0%2C8-0.2c0.9%2C0%2C1.7-0.4%2C2.3-1c0.5-0.7%2C0.8-1.4%2C0.9-2.3c0.1-1.2%2C0.2-2.5%2C0.2-3.7 V7.1C22.7%2C5.9%2C22.7%2C4.7%2C22.5%2C3.5z M9%2C11l0-6.4l6.1%2C3.2L9%2C11z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-facebook:before {
    content: "";
    width: 25px;
    height: 20px;
    display: inline-block;
    background-size: 25px 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='White' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E.st0 %7B fill: %23fff%3B %7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efacebook-desktop%3C/title%3E%3Cpath id='d1cfd2c5-689c-4de7-9b10-9fafb1a7c137' data-name='White' class='st0' d='M18.00654%2C1H1.99346A0.99335%2C0.99335%2C0%2C0%2C0%2C1%2C1.99346V18.00654A0.99343%2C0.99343%2C0%2C0%2C0%2C1.99346%2C 19h8.6209V12.02946H8.26863V9.3129h2.34573V7.30952a3.27323%2C3.27323%2C0%2C0%2C1%2C3.494-3.59087%2C19.24632%2C19.24632%2C 0%2C0%2C1%2C2.09611.107V6.25534L14.766%2C6.256a1.12694%2C1.12694%2C0%2C0%2C0-1.34635%2C1.3225V9.3129h2.69005l-0.35026%2C 2.71656h-2.3398V19h4.58687A0.99351%2C0.99351%2C0%2C0%2C0%2C19%2C18.00654V1.99346A0.99343%2C0.99343%2C0%2C0%2C0%2C18.00654%2C 1Z' transform='translate%28-1 -1%29'/%3E%3C/svg%3E");
}

.icon-twitter:before {
    content: "";
    width: 25px;
    height: 20px;
    display: inline-block;
    background-size: 25px 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.7 16' style='enable-background:new 0 0 19.7 16%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23fff%3B%7D%3C/style%3E%3Ctitle%3Etwitter-desktop%3C/title%3E%3Cpath class='st0' d='M19.7%2C1.9c-0.7%2C0.3-1.5%2C0.5-2.3%2C0.6c0.8-0.5%2C1.5-1.3%2C1.8-2.2c-0.8%2C0.5-1.7%2C0.8-2.6%2C1c-1.5-1.6-4.1-1.7-5.7-0.2 c-1%2C1-1.5%2C2.5-1.2%2C3.9C6.4%2C4.8%2C3.4%2C3.3%2C1.4%2C0.7C0.3%2C2.6%2C0.8%2C4.9%2C2.6%2C6.1C2%2C6.1%2C1.4%2C5.9%2C0.8%2C5.6l0%2C0.1c0%2C1.9%2C1.4%2C3.6%2C3.2%2C4 C3.4%2C9.8%2C2.8%2C9.8%2C2.2%2C9.7c0.5%2C1.6%2C2%2C2.8%2C3.8%2C2.8c-1.4%2C1.1-3.2%2C1.7-5%2C1.7c-0.3%2C0-0.6%2C0-1-0.1C1.8%2C15.4%2C4%2C16%2C6.2%2C16 c6.3%2C0%2C11.4-5%2C11.5-11.3c0-0.1%2C0-0.1%2C0-0.2c0-0.2%2C0-0.3%2C0-0.5C18.5%2C3.4%2C19.1%2C2.7%2C19.7%2C1.9z'/%3E%3C/svg%3E");
}

.icon-instagram::before {
    content: "";
    width: 25px;
    height: 20px;
    display: inline-block;
    background-size: 25px 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23fff%3B%7D%3C/style%3E%3Ctitle%3Einstagram-desktop%3C/title%3E%3Cg%3E%3Cpath class='st0' d='M9%2C1.6c2.4%2C0%2C2.7%2C0%2C3.6%2C0.1c0.6%2C0%2C1.1%2C0.1%2C1.7%2C0.3c0.4%2C0.1%2C0.7%2C0.4%2C1%2C0.7c0.3%2C0.3%2C0.5%2C0.6%2C0.7%2C1 c0.2%2C0.5%2C0.3%2C1.1%2C0.3%2C1.7c0%2C0.9%2C0.1%2C1.2%2C0.1%2C3.6s0%2C2.7-0.1%2C3.6c0%2C0.6-0.1%2C1.1-0.3%2C1.7c-0.3%2C0.8-0.9%2C1.4-1.7%2C1.7 c-0.5%2C0.2-1.1%2C0.3-1.7%2C0.3c-0.9%2C0-1.2%2C0.1-3.6%2C0.1s-2.7%2C0-3.6-0.1c-0.6%2C0-1.1-0.1-1.7-0.3c-0.4-0.1-0.7-0.4-1-0.7 c-0.3-0.3-0.5-0.6-0.7-1c-0.2-0.5-0.3-1.1-0.3-1.7c0-0.9-0.1-1.2-0.1-3.6s0-2.7%2C0.1-3.6c0-0.6%2C0.1-1.1%2C0.3-1.7 c0.1-0.4%2C0.4-0.7%2C0.7-1c0.3-0.3%2C0.6-0.5%2C1-0.7c0.5-0.2%2C1.1-0.3%2C1.7-0.3C6.3%2C1.6%2C6.6%2C1.6%2C9%2C1.6 M9%2C0C6.6%2C0%2C6.2%2C0%2C5.3%2C0.1 c-0.7%2C0-1.5%2C0.2-2.2%2C0.4C2.5%2C0.7%2C2%2C1.1%2C1.5%2C1.5c-0.5%2C0.4-0.8%2C1-1%2C1.6C0.2%2C3.8%2C0.1%2C4.5%2C0.1%2C5.3C0%2C6.2%2C0%2C6.6%2C0%2C9s0%2C2.8%2C0.1%2C3.7 c0%2C0.7%2C0.2%2C1.5%2C0.4%2C2.2c0.2%2C0.6%2C0.6%2C1.1%2C1%2C1.6c0.4%2C0.5%2C1%2C0.8%2C1.6%2C1c0.7%2C0.3%2C1.4%2C0.4%2C2.2%2C0.4C6.2%2C18%2C6.6%2C18%2C9%2C18s2.8%2C0%2C3.7-0.1 c0.7%2C0%2C1.5-0.2%2C2.2-0.4c1.2-0.5%2C2.2-1.4%2C2.6-2.6c0.3-0.7%2C0.4-1.4%2C0.4-2.2c0-1%2C0.1-1.3%2C0.1-3.7s0-2.8-0.1-3.7c0-0.7-0.2-1.5-0.4-2.2 c-0.2-0.6-0.6-1.1-1-1.6c-0.4-0.5-1-0.8-1.6-1c-0.7-0.3-1.4-0.4-2.2-0.4C11.8%2C0%2C11.4%2C0%2C9%2C0L9%2C0z'/%3E%3Cpath class='st0' d='M9%2C4.4C6.4%2C4.4%2C4.4%2C6.4%2C4.4%2C9s2.1%2C4.6%2C4.6%2C4.6s4.6-2.1%2C4.6-4.6l0%2C0C13.6%2C6.4%2C11.6%2C4.4%2C9%2C4.4z M9%2C12 c-1.7%2C0-3-1.3-3-3s1.3-3%2C3-3s3%2C1.3%2C3%2C3S10.7%2C12%2C9%2C12z'/%3E%3Ccircle class='st0' cx='13.8' cy='4.2' r='1.1'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-linkedin::before {
    content: "";
    width: 25px;
    height: 20px;
    display: inline-block;
    background-size: 25px 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 172.814 173' xml:space='preserve' data-name='White' viewBox='0 0 1000 1000'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23fff%3B%7D%3C/style%3E%3Ctitle%3Elinkedin-desktop%3C/title%3E%3Cg%3E%3Cpath class='st0' d='M195.877 .25c-107.717 0 -195.877 88.158 -195.877 195.877l0 607.841c0 107.717 88.158 195.845 195.877 195.845l607.841 0c107.718 0 195.845 -88.127 195.845 -195.845l0 -607.841c0 -107.717 -88.127 -195.877 -195.845 -195.877l-607.841 0zm49.266 164.948c51.648 0 83.461 33.906 84.443 78.475 0 43.585 -32.797 78.444 -85.442 78.444l-.969 0c-50.665 0 -83.412 -34.857 -83.412 -78.444 0 -44.568 33.738 -78.475 85.379 -78.475zm445.08 208.31c99.329 0 173.79 64.922 173.79 204.436l0 260.449l-150.953 0l0 -242.987c0 -61.06 -21.847 -102.718 -76.476 -102.718 -41.704 0 -66.562 28.078 -77.476 55.202 -3.987 9.704 -4.967 23.257 -4.967 36.832l0 253.671l-150.953 0s1.981 -411.613 0 -454.233l150.984 0l0 64.324c20.06 -30.95 55.942 -74.977 136.051 -74.977zm-521.556 10.685l150.953 0l0 454.202l-150.953 0l0 -454.202z'/%3E%3C/g%3E%3C/svg%3E");
}

#dialog-alert p {
    line-height: 20px;
}

/* Admin Orders */
#admin-voucher-orders,
#admin-voucher-orders th,
#admin-voucher-orders td {
    font-size: 14px !important;
    text-align: center !important;
}



.ui-widget-overlay {
    opacity: 0.3 !important;
}

.content_dialog {
    text-align: center;
}

#new_page_tabs img {
    width: 100%;
}

#tabs li:last-child,
#tabs li:last-child a {
    cursor: pointer;
}

.images-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1050px;
    justify-content: space-between;
}

.image-choice {
    margin-bottom: 20px;
}

.image-container img {
    width: 100%;
    height: auto;
}

.image-choice img {
    width: 100%;
    height: auto;
}

.field-title {
    font-weight: bold;
    text-decoration: underline;
    margin: 8px auto;
}

.ui-tabs .ui-tabs-nav li {
    margin-top: 0;
}

#save_newsletter {
    margin-bottom: 10px;
}

#message,
#popup,
#tinymce,
#loading {
    height: 100%;
}

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

#login ul {
    list-style: none;
    padding: 0px;
    text-align: center;
    margin: 20px auto;
}

#login_links .forgot {
    float: none;
}

.ui-widget-header .ui-icon,
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/media/shared/jscripts/jqueryui/latest/images/ui-icons_444444_256x240.png");
    position: absolute;
    right: 4px;
    top: 5px;
    cursor: pointer;
}

/* Preview */

.preview_container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.preview_box {
    max-width: 595px;
    max-height: 842px;
    border: 1px solid grey;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100vw - 28px);
    height: calc(141.512605042vw - 32px);
    align-items: flex-start;
}

.preview_box img {
    width: 100%;
}

/* Newsletter */


/* Accessories */