/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(785,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-bg-colour'
(810,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-bg-colour'
(959,28): run-time error CSS1039: Token not allowed after unary operator: '-easify-blue'
(2175,32): run-time error CSS1039: Token not allowed after unary operator: '-easify-blue'
(2176,21): run-time error CSS1039: Token not allowed after unary operator: '-easify-blue'
(2303,32): run-time error CSS1039: Token not allowed after unary operator: '-easify-blue'
(2313,28): run-time error CSS1039: Token not allowed after unary operator: '-easify-blue'
(2321,28): run-time error CSS1039: Token not allowed after unary operator: '-easify-blue'
(2614,28): run-time error CSS1039: Token not allowed after unary operator: '-easify-blue'
 */
/* Make sure these variables are manually synchronised with those in style-blue.css */
:root {
    --dark-bg-colour: #1b2125;
    --easify-blue: #0099da;
}


/* easify logo for small nav bar */
.navbar-inverse .navbar-brand {
    background-image: url("/Content/Images/easify_logo_110x48.png");
    width: 110px;
}

/* Fix, removes 1px top boarder on small nav bar */
.navbar-header-full, .navbar-header-full.navbar-inverse {
    border-top: none;
}

.login-menu a {
    color: white !important;
    border: 0 !important;
    display: block !important;
}

/* Styling for regular links within login drop down form */
.top-nav .dropdown-menu .regular-links a {
    color: #0099da !important;
    font-size: 13px;
    border: 0 !important;
    padding: 0;
    display: block;
}

    .top-nav .dropdown-menu .regular-links a:hover {
        color: white !important;
    }

.top-nav .dropdown-menu .validation-message {
    padding-left: 40px;
    margin-top: 5px !important;
}

.top-nav .dropdown-menu .text-danger {
    color: #e92828 !important;
}

/* Bug fix to prevent icons surround square appearing at different widths depending on character width -=RICH=-*/
.input-group-addon i {
    width: 15px !important;
}

/* Original style had problem where they used a ::before style on the label to create the 
    checkbox. This ended up withthe checkbox being invisible. Reverting to good old CSS to 
    styel checkboxes...
*/
input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    vertical-align: bottom;
}

.cart-qty-box {
    width: 30px;
    height: 19px;
    padding: 0;
    display: inline-block;
    text-align: center;
}

.generic-form {
    max-width: 700px;
}

.btn-login-functions {
    width: 170px;
    margin-top: 8px;
}

.easify-lead-dropdown {
    padding: 5px 15px 5px 15px;
    border: 1px solid #ccc;
    /*font-size: 2.0em;*/
    width: 100%;
}

.no-top-border td {
    border-top: 0 !important;
}

.cart-total-table-left-column {
    border-top: 0 !important;
}

.no-block {
    display: inline-block;
}

.no-padding-top {
    padding-top: 0 !important;
}

.cart-total-table-padding {
    width: 33px;
}

.checkout-address {
    padding-left: 19px;
    line-height: 25px;
}

.margin-top-4 {
    margin-top: 4px !important;
}

.hidden-not-important {
    display: none;
}

.required-field::after {
    color: red;
    position: absolute;
    right: 2px;
    top: -6px;
    content: "*";
}

.required-field-relative {
    color: red;
    /*position: absolute;
    right: 2px;
    top: -6px;*/
    content: "*";
}

/* forces dark font color for help nav menu nested under Support > Online Manual */
.help-nav a, .help-nav ul, .show-menu li {
    color: #000 !important;
}

    /* forces light background color when hovering, focused on help nav menu nested under Support > Online Manual */
    .help-nav a:hover, .help-nav a:active, .help-nav a:focus {
        background-color: #ddd !important;
    }

/* removes margin from bottom of help nav menu nested under Support > Online Manual */
.sidebar-nav {
    margin-bottom: 0px;
}

/* adds left margin to help nav menu nested under Support > Online Manual */
.show-menu {
    padding-left: 15px;
}

.inline {
    display: inline;
}


/* SMALL Styles
    for small help nav menu nested under Support > Online Manual */
@media only screen and (max-width: 768px) {
    /* hide nav by default */
    .hide-menu {
        display: none;
    }
    /* places Online Manual nav item inline with other elements */
    .show-menu {
        padding-left: 40px;
    }
    /* forces light background and dark font colors */
    .navbar-inverse .dropdown-submenu .dropdown-menu li > a {
        color: #000 !important;
        background-color: #fefefe !important;
    }
    /* adds margin to left of menu when nested under Online Manual */
    .sidebar-nav {
        padding-left: 40px;
        width: 100%;
    }
    /* forces dark background when hover over menu item */
    .navbar-inverse .dropdown-submenu .dropdown-menu li > a:hover {
        background-color: #ddd !important;
    }

    /* We want the blue navbar with menus on to go dark grey when browser is small */
    .navbar-inverse {
        background-color: #444;
    }

    /* Make header text shrink with view*/
    .main-header .page-title {
        font-size: 2em;
        line-height: 2em;
    }

    .page-header {
        font-size: 1.8em;
    }
}

/* SMALL Styles */
@media (min-width: 768px) and (max-width: 991px) {
    /* Had a mare getting the 3rd main page carousel image to play nicely. */
    .carousel-image-3-kludge {
        display: inline;
        padding-top: 100px;
        max-width: 120%;
    }
}

/* MEDIUM Styles */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Had a mare getting the 3rd main page carousel image to play nicely. */
    .carousel-image-3-kludge {
        display: inline;
        padding-top: 50px;
    }
}

/* LARGE Styles */
@media (min-width: 1200px) {
    /* Had a mare getting the 3rd main page carousel image to play nicely. */
    .carousel-image-3-kludge {
        display: inline;
        padding-top: 50px;
    }
}

/*Attempt to make menus open on hover - causes issues if you then click on a menu!*/
/*@media (min-width:769px) {
 .dropdown:hover .dropdown-menu {
 display: block;
 }
 }*/

.main-header .page-title {
    line-height: 1.3em;
}

/* vertical spacer classes... */
.spacer5 {
    height: 5px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer10 {
    height: 10px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer15 {
    height: 15px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer20 {
    height: 20px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer25 {
    height: 25px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer30 {
    height: 30px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer35 {
    height: 35px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer40 {
    height: 40px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer45 {
    height: 45px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer50 {
    height: 50px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer75 {
    height: 75px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer100 {
    height: 100px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer150 {
    height: 150px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer200 {
    height: 200px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.resize-vertical {
    resize: vertical;
}


/* News page styles */
.news h3 {
    margin-top: 75px;
}

.news h4 {
    margin-top: 45px;
}

.news h5 {
    margin-top: 25px;
}

.news img {
    margin-bottom: 50px;
}

.news code {
    font-family: courier;
    background-color: #f2f2f2;
    color: #000000;
    font-size: 1.2em;
    padding: 0;
}

.footer-widget h3 a {
    color: #0eb7ff !important;
}

    .footer-widget h3 a:hover {
        color: #eee !important;
    }

.footer-subscribe-thanks {
    font-size: 1.3em;
    color: #cdff76;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: "Lato", sans-serif;
}


.footer-image-wrapper {
    padding: 1px;
    margin: 0;
}

    .footer-image-wrapper:hover {
        padding: 1px;
        margin: 0;
    }

.footer-product {
    margin-bottom: 40px;
    height: 103px !important;
}

    .footer-product a {
        background-color: white !important;
        border-color: #363636 !important;
        border: 4px solid;
        margin-bottom: 0;
    }

        .footer-product a img {
            height: 103px !important;
        }

.footer-product-overlay-wrapper {
    position: relative;
    margin-top: -119px;
    padding: 4px;
}

.footer-product-overlay {
    background-color: #333;
    background-color: rgba( 0, 103, 168, 0.8);
    padding: 2px;
    line-height: 1.2em;
    height: 40px;
}

    .footer-product-overlay a {
        background-color: transparent !important;
        border: 0;
        font-size: 0.8em;
        vertical-align: top;
        color: #fff !important;
    }

        .footer-product-overlay a:hover {
            color: #fff !important;
        }


.img-left {
    float: left;
    padding-right: 40px;
}

.text-yellow-green {
    color: yellowgreen;
}

.text-green {
    color: #02b965;
}

.text-cyan {
    color: #0eb7ff;
}

.text-yellow {
    color: #ffa500;
}

.text-white {
    color: #fff;
}

.menu-glyph {
    margin-right: 10px;
}

.transparent {
    color: #000000;
    color: rgba(0, 0, 0, 0);
}

.terms h5 {
    margin-top: 40px;
    margin-bottom: 10px;
}

.terms ul li {
    margin-bottom: 20px;
}

.best-seller-ribbon {
    position: absolute;
    top: 60px;
    right: -2px;
    z-index: 100;
}

.easify-validation-message {
    display: none;
    color: #f00;
}

.clear {
    clear: both;
}



/* Basic Styles*/
h1 {
    margin-top: 80px;
    font-weight: 500;
    font-size: 3.4em;
}

h2 {
    margin-top: 80px;
    font-weight: 500;
}

h3 {
    margin-top: 60px;
}

h4 {
    margin-top: 50px;
    margin-bottom: 15px;
    font-size: 1.2em;
    color: #666;
    font-weight: 600;
}

h5 {
    margin-top: 40px;
    margin-bottom: 10px;
}

p {
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.9em;
}

/* Help Styles */
.help b {
    color: #333;
}

.help img {
    padding-bottom: 30px;
    padding-top: 30px;
}

.help .inline-image {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    display: inline !important;
}

.help .alert {
    margin-bottom: 30px;
    margin-top: 30px;
}

.sidebar-nav li a,
.sidebar-nav li a.collapsed {
    border-left: none;
}

.menu-submenu li:last-child a {
    border-bottom: none;
}

.sidebar-nav li.active > a {
    border-left-color: white;
    background-color: #0098d9;
    color: white !important;
}

.sidebar-nav li.active a > i {
    color: white !important;
}

.sidebar-nav li.active a:hover,
.sidebar-nav li.active a:focus,
.sidebar-nav li.active a:active {
    border-color: #333;
    background-color: #0080d0 !important;
}




.help .help-menu-root-li a {
    padding-left: 5px;
}

.help .help-menu-root-li ul {
    padding-left: 15px;
}


.open-left {
    left: -80% !important;
}

.img-centre {
    margin-left: auto;
    margin-right: auto;
}


.legacy-help a {
    font-size: 14px;
    color: #000000 !important;
}

.navbar-inverse .dropdown-menu .legacy-help a {
    color: #000000 !important;
}

    .navbar-inverse .dropdown-menu .legacy-help a:hover {
        background-color: #ddd !important;
    }

    /*.navbar-inverse .dropdown-menu .legacy-help a:active {
    background-color: #aaa !important;
}*/

    .navbar-inverse .dropdown-menu .legacy-help a:focus {
        background-color: #aaa !important;
    }

.menu-submenu {
    padding-left: 10px;
}

.pricing-table .pricing-table-head .price {
    margin-top: 20px;
}

.features h2 {
    margin-bottom: 30px;
}

.features ul {
    margin-top: 8px;
}


.content-box h4 {
    margin-top: 20px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.forum-quote {
    margin-top: 30px;
    margin-left: 40px;
    padding: 15px;
    border: 1px solid #00bfff;
}

.forum-quote-name {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

.forum-quote-body {
    margin-top: 0;
}

.forum-post {
    margin-top: 40px;
}

    .forum-post .col-xs-3, .col-xs-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

.forum-post-user {
    border: 1px solid #add8e6;
    padding: 20px;
    padding-left: 3px;
    padding-right: 3px;
}

.forum-post-content {
    border: 1px solid #add8e6;
    border-left: 10px solid #add8e6;
    padding: 20px;
}

.forum-sig p {
    line-height: 1.8em;
    margin: 0;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

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

.vertical-align-top {
    vertical-align: top;
}

.right-checkbox {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

.left-checkbox {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

.price-asterisk {
    color: #ff0000;
    vertical-align: top;
}

.bookkeeping-header {
    background-image: url("/Content/Images/Features/Bookkeeping/bookkeeping-masthead.jpg");
}

/* FEATURES Page START */

.easify-features-header .primary-dark-div {
    background-color: var(--dark-bg-colour);
    padding-bottom: 20px;
}

.easify-features-header ul {
    list-style-type: none;
}

.easify-features-header li a {
    text-decoration: underline;
    font-size: 18px;
    color: #fff;
}

.easify-features-links .btn-primary.active,
.easify-features-links .btn-primary.focus,
.easify-features-links .content-box.box-primary button:active,
.easify-features-links .content-box.box-primary button:focus,
.easify-features-links .content-box.box-primary button:hover {
    color: #fff;
    background-color: #333;
}


.easify-features-links {
    background-color: var(--dark-bg-colour);
    padding-top: 20px;
    padding-bottom: 50px;
}

    .easify-features-links a {
        color: #fff;
        display: block;
        padding: 15px;
        padding-left: 60px;
        text-align: left;
    }

.button-feature-bill-of-materials a {
    background-image: url('/Content/Images/Features/button-feature-bill-of-materials.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-book-keeping a {
    background-image: url('/Content/Images/Features/button-feature-book-keeping.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-purchases a {
    background-image: url('/Content/Images/Features/button-feature-purchases.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-ecommerce a {
    background-image: url('/Content/Images/Features/button-feature-ecommerce.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-stock-control a {
    background-image: url('/Content/Images/Features/button-feature-stock-control.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-mtd-vat-returns a {
    background-image: url('/Content/Images/Features/button-feature-mtd-vat-returns.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-case-study a {
    background-image: url('/Content/Images/Features/book_bookmark.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-epos a {
    background-image: url('/Content/Images/Features/button-feature-epos.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-invoicing a {
    background-image: url('/Content/Images/Features/button-feature-invoicing.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-easify-cloud a {
    background-image: url('/Content/Images/Features/button-feature-easify-cloud.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-easify-web a {
    background-image: url('/Content/Images/Features/smartphone_cloud.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-cloud-access a {
    background-image: url('/Content/Images/Features/button-feature-cloud-access.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-reports a {
    background-image: url('/Content/Images/Features/button-feature-reports-v2.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-users a {
    background-image: url('/Content/Images/Features/button-feature-users.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-orders a {
    background-image: url('/Content/Images/Features/button-feature-orders.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-quotes a {
    background-image: url('/Content/Images/Features/button-feature-quotes.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-customers a {
    background-image: url('/Content/Images/Features/button-feature-customers.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-paperwork-designer a {
    background-image: url('/Content/Images/Features/button-feature-paperwork-designer.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-messaging a {
    background-image: url('/Content/Images/Features/button-feature-messaging.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.button-feature-suppliers a {
    background-image: url('/Content/Images/Features/button-feature-suppliers.png');
    background-repeat: no-repeat;
    background-position: 11px 11px;
}

.easify-features-links a:hover {
    text-decoration: none;
}

.easify-features-links .content-box.box-primary {
    border: solid 1px #ccc;
    background-color: #555;
}

.easify-features-links .media {
    border: solid 1px #ccc;
    background-color: #555;
}

.easify-features-links .content-box.box-primary:hover {
    border: solid 1px #ccc;
    background-color: var(--easify-blue);
}

.easify-features-links .content-box.box-primary button {
    padding: 15px;
    border: solid 1px #ccc;
    background-color: #444;
}

.easify-features-links .content-box.box-primary .btn-ar.btn-primary {
    color: #fff;
    background-image: none;
    border: none;
}

.easify-features-summary {
    border-top: solid 1px #ccc;
    padding-top: 50px;
    margin-bottom: 50px;
}

.easify-features-note {
}

.easify-features-summary ul {
    border: solid 1px #ccc;
}

.easify-features-summary li {
    padding: 5px;
}

.easify-features-summary .media-body, .media-left, .media-right {
    padding-left: 5px;
}

.features-page-trial-section {
    margin-bottom: 0;
}

    .features-page-trial-section .jumbotron {
        margin-top: 30px;
        text-align: center;
        border-top: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        background-color: #c8eeff;
    }

        .features-page-trial-section .jumbotron h3 {
            font-weight: 400;
            padding-top: 20px;
        }

/* FEATURES Page END */


/* EASIFY CLOUD Page START */
.easifycloud-header {
    min-height: 0;
    margin-bottom: 0;
}

    .easifycloud-header .primary-dark-div {
        min-height: 0;
    }

    .easifycloud-header .service-header-text {
        max-width: 75%;
    }

.easifycloud-intro-section, .easifycloud-trial-section, .easifycloud-pricing-section {
    margin-bottom: 0;
}

    .easifycloud-intro-section .content-box.box-default {
        border: none;
        background-color: #f9f9f9;
    }

    .easifycloud-intro-section .container, .easifycloud-trial-section .container {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .easifycloud-intro-section h2 {
        margin-bottom: 30px;
    }

.easifycloud-trial-section {
    background: url(/Content/Images/Features/Cloud-Business-Software/pattern-cloud.png) repeat #f6f6f6;
}

    .easifycloud-trial-section .jumbotron {
        text-align: center;
        border-top: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        background-color: #c8eeff;
    }

        .easifycloud-trial-section .jumbotron h3 {
            font-weight: 400;
            padding-top: 20px;
        }

.easifycloud-pricing-section {
    margin-top: 40px;
    padding-bottom: 80px;
    border-bottom: none;
}

    .easifycloud-pricing-section .content-box {
        background: #fff;
        font-size: 18px;
    }

        .easifycloud-pricing-section .content-box.box-default:hover {
            background-color: #fff;
        }

    .easifycloud-pricing-section li i {
        padding-right: 10px;
    }

    .easifycloud-pricing-section .content-box {
        margin-top: 15px;
    }

.cloud-benefits .media, .cloud-security .media, .cloud-technology .media {
    margin-top: 40px;
}

.cloud-benefits .media-body {
    padding-bottom: 40px;
    border-bottom: solid 2px #f6f6f6;
}

.cloud-requirements {
    font-size: 18px;
}

/* EASIFY CLOUD Page END */

/* Screenshots Page START */
#carousel-screenshots-page-captions .carousel-caption {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5px;
}

#carousel-screenshots-page-captions .carousel-images .carousel-control:hover, .carousel-images .carousel-control:focus {
    color: #555;
}

#carousel-screenshots-page-captions .carousel-images .carousel-control:hover, #carousel-screenshots-page-captions .carousel-images .carousel-control:focus {
    color: #666;
}

#carousel-screenshots-page-captions .carousel-control {
    color: #555;
}

#carousel-screenshots-page-captions .carousel-indicators .active {
    background-color: #555;
}

#carousel-screenshots-page-captions .carousel-indicators li {
    border: 1px solid #666;
}



#carousel-screenshots-page-captions .carousel-indicators {
    bottom: 0px;
}

.screenshots .row {
    padding-bottom: 60px;
}

.screenshots h1 {
    font-size: 2em;
    color: #333;
}

.screenshots .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.4285;
    background-color: #f6f6f6;
    /* border: 1px solid #ddd; */
    border: none;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.trial-section .jumbotron {
    margin-top: 30px;
    text-align: center;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    background-color: #c8eeff;
}

    .trial-section .jumbotron h3 {
        font-weight: 400;
        padding-top: 20px;
        margin-top: 0;
    }
/* Screenshots Page END */

/* Serial Numbers Help Article Page START */
.serial-numbers-screenshot {
    background-color: #f9f9f9;
    text-align: center;
}

    .serial-numbers-screenshot .thumbnail {
        background-color: #f9f9f9;
        border: none;
    }
/* Serial Numbers Help Article Page END */

/* Edit A Customer Record - Help Article START */
.customer-record-small-icons li a img {
    padding-top: 0;
    padding-bottom: 40px;
}
/* Edit A Customer Record - Help Article END */


/* Reconciling - Help Article START */
.reconciliation-small-icons li a img {
    padding-top: 0;
    padding-bottom: 40px;
}
/* Reconciling - Help Article END */

/* Raising A Purchase - Help Article START */
.purchase-small-icons li a img {
    padding-top: 0;
    padding-bottom: 40px;
}
/* Raising A Purchase - Help Article END */


/* Discounts - Help Article START */
.customer-record-small-icons li a img {
    padding-top: 0;
    padding-bottom: 40px;
}
/* Discounts - Help Article END */
.discounts-alert img {
    margin-left: auto;
    margin-right: auto;
}

/* MTD Homepage Section START */
.homepage-mtd {
    margin-bottom: 40px;
}

    .homepage-mtd h2 {
        text-align: center;
    }

    .homepage-mtd .homepage-mtd-subtitle h3 {
        font-weight: bold;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .homepage-mtd h3 {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .homepage-mtd li p, .homepage-mtd li h3 {
        padding-right: 10px;
    }

    .homepage-mtd .homepage-mtd-heading-bottom {
        margin-top: 20px;
    }

    .homepage-mtd li a {
        margin-bottom: 20px;
    }

/* MTD Homepage Section END */

/* Ebay Homepage Section START */
.homepage-ebay {
    margin-bottom: 40px;
}

    .homepage-ebay .content-box {
        border: none;
        text-align: left;
        background-color: #fff;
    }

        .homepage-ebay .content-box:hover {
            background-color: #fff;
        }

    .homepage-ebay p, .homepage-ebay a {
        font-size: 18px;
    }

    .homepage-ebay h2, .ebay-sync img {
        text-align: center;
    }

.ebay-sync-right {
    border-left: solid 1px #eee;
}

    .ebay-sync-right p, .ebay-sync-right a {
        margin-left: 10px;
    }
/* Ebay Homepage Section END */

/* Drop down 3 column Menu START */
.yamm .yamm-content {
    padding: 10px 0;
}

.dropdown-features .col-lg-4 {
    width: auto;
}

.dropdown-features .yamm-content ul li a {
    width: 100%;
    text-decoration: none;
    display: block;
    padding: 2px 15px;
}

.features-overview ul, .features-case-study ul {
    text-align: center;
}

@media (max-width: 767px) {
    .features-case-study ul li a {
        text-align: left;
        padding: 2px 30px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #555;
    }
}

.features-case-study ul li a {
    text-decoration: none;
    display: block;
    background-color: #444;
    border-top: solid 1px #555;
}

.features-overview ul li a {
    text-decoration: none;
    display: block;
    background-color: #444;
    border-bottom: solid 1px #555;
}
/* Drop down 3 column Menu END */

/* eBay Feature Page START */

/* Header Graphic */
.feature-ebay-header .primary-dark-div {
    min-height: 420px;
    padding: 0;
}

.feature-ebay-header .container {
    background-image: url(/Content/Images/Features/Ebay/feature-ebay-splash-large.png);
    height: 420px;
}
/* Caption */
.feature-ebay-caption {
    font-size: 2em;
    font-family: "Lato",sans-serif;
}
/* 4 Boxes in a row */
.feature-ebay-4-boxes .content-box.box-default {
    text-align: left;
    background-color: #fff;
    border-right: none;
    border-left: none;
    border-bottom: none;
}

.feature-ebay-4-boxes .col-md-3 p {
    padding: 10px;
    padding-top: 20px;
    padding-left: 0;
    font-size: 16px;
}

.feature-ebay-4-boxes .ebay-box-1 {
    border-top: solid 4px #E43238;
}

.feature-ebay-4-boxes .ebay-box-2 {
    border-top: solid 4px #0064D1;
}

.feature-ebay-4-boxes .ebay-box-3 {
    border-top: solid 4px #F4AE02;
}

.feature-ebay-4-boxes .ebay-box-4 {
    border-top: solid 4px #85B717;
}
/* How it works */
.feature-ebay-how {
    background-color: #C7E8F9;
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

    .feature-ebay-how .col-md-6 {
        padding-right: 40px;
        padding-left: 40px;
    }

    .feature-ebay-how .content-box {
        text-align: left;
        border: none;
        background: none;
    }

        .feature-ebay-how .content-box:hover {
            background: none;
        }

    .feature-ebay-how h2 {
        font-size: 2em;
    }

    .feature-ebay-how .content-box {
        padding-bottom: 0;
    }
/* Features List */
.feature-ebay-features-list {
    margin-bottom: 80px;
    color: #333;
}

    .feature-ebay-features-list .list-group-item {
        border: none;
        display: list-item;
    }

.feature-ebay-footnote {
    border-top: solid 1px #eee;
    font-size: 12px;
    color: #666;
    padding-top: 20px;
}

    .feature-ebay-footnote ul li {
        list-style-type: none;
    }
/* Early Access */
.ebay-border-red {
    border-top: solid 4px #E43238;
}

.ebay-border-blue {
    border-top: solid 4px #0064D1;
}

.ebay-border-yellow {
    border-top: solid 4px #F4AE02;
}

.ebay-border-green {
    border-top: solid 4px #85B717;
}

.feature-ebay-offer {
    margin-bottom: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    background-color: #c8eeff;
    color: #333;
    padding-left: 0;
    padding-right: 0;
}

    .feature-ebay-offer .container {
        background: #fff;
        border: solid 1px #ddd;
        background-color: #f6f6f6;
    }

        .feature-ebay-offer .container .row .col-md-2, .feature-ebay-offer .container .row .col-md-10 {
            margin-top: 40px;
            margin-bottom: 40px;
        }
/* Breakpoint rules for Header Graphic, How it Works and Early Access Offer sections. So they look good on smaller screens.  */
@media (min-width: 1200px) {
    .feature-ebay-how .container {
        background-image: url(/Content/Images/Features/Ebay/feature-ebay-gradient.png);
        padding-bottom: 60px;
    }

    .feature-ebay-how .content-box p {
        margin-top: 0;
        color: #000;
    }

    .feature-ebay-how .ebay-how-left {
        border-right: dotted 1px #666;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .feature-ebay-how .container {
        background: none;
        padding-bottom: 60px;
    }

    .feature-ebay-header .container {
        background-image: url(/Content/Images/Features/Ebay/feature-ebay-splash-medium.png);
        height: 355px;
    }

    .feature-ebay-header .primary-dark-div {
        min-height: 355px;
        padding: 0;
    }

    .ebay-border-red, .ebay-border-blue, .ebay-border-yellow, .ebay-border-green {
        display: none;
    }

    .feature-ebay-how .content-box p {
        margin-top: 30px;
    }

    .feature-ebay-how .ebay-how-left {
        border-right: none;
    }
}

@media (max-width: 991px) {
    .feature-ebay-how .container {
        background: none;
        padding-bottom: 60px;
    }

    .feature-ebay-how .container {
        background: none;
        padding-bottom: 60px;
    }

    .feature-ebay-header .container {
        background-image: url(/Content/Images/Features/Ebay/feature-ebay-splash-small.png);
        background-position: center bottom;
        height: 228px;
    }

    .feature-ebay-header .primary-dark-div {
        min-height: 228px;
        padding: 0;
    }

    .services-header {
        min-height: 228px;
    }

    .ebay-border-red, .ebay-border-blue, .ebay-border-yellow, .ebay-border-green {
        display: none;
    }

    .feature-ebay-how .ebay-how-left {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .feature-ebay-how img {
        display: none;
    }
}
/* eBay Feature Page END */

/* Stock Control Page START */
.stock-control-header {
    min-height: 320px;
    background-image: url("/Content/Images/back_services1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

    .stock-control-header .row {
        background: url('Images/Features/StockControl/stock-control-main-2.png') bottom right no-repeat;
        min-height: 320px;
    }

    .stock-control-header .service-header-text {
        max-width: 640px;
    }

    .stock-control-header ul {
        list-style-type: none;
        padding-left: 0;
    }

    .stock-control-header .fa-check {
        padding-right: 10px;
    }

    .stock-control-header .primary-dark-div {
        padding-top: 50px;
        min-height: 0;
        background-color: rgba(0, 89, 126, 0.7);
    }

.stock-control-how-it-works {
    font-weight: 500;
    font-size: 1.4em;
}

.stock-control-splash {
}

.stock-control-system {
    margin-top: 40px;
    margin-bottom: 40px;
}

    .stock-control-system .content-box {
        text-align: left;
        border: none;
        background: none;
    }

        .stock-control-system .content-box:hover {
            background: none;
        }

        .stock-control-system .content-box h3 {
            color: #444;
            font-weight: bold;
        }

.stock-control-explained {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f2f2f2;
}

    .stock-control-explained h2 {
        margin-top: 40px;
    }

    .stock-control-explained h3 {
        margin-top: 40px;
    }

    .stock-control-explained h4 {
        margin-top: 40px;
    }

.stock-control-add-products {
    background-color: #fff;
    margin-top: 0;
    padding-top: 40px;
}

    .stock-control-add-products .col-md-6 img {
        margin-top: 40px;
        margin-bottom: 40px;
    }

.stock-control-add-stock {
    background-color: #fff;
    margin-top: 0;
}

    .stock-control-add-stock .col-md-6 img {
        margin-top: 40px;
        margin-bottom: 40px;
    }

.stock-control-sell-products {
    background-color: #fff;
    margin-top: 0;
}

    .stock-control-sell-products .col-md-6 img {
        margin-top: 40px;
        margin-bottom: 40px;
    }

.stock-control-reports, .stock-control-cta {
    background-color: #f6f6f6;
}

.stock-control-scanners {
    background-color: #fff;
}

.stock-control-cta .jumbotron {
    text-align: center;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    background-color: #c8eeff;
}

@media (max-width: 991px) {
    .stock-control-header .row {
        background: none;
    }
}

/* Stock Control Page END */

/* HMRC Auth Pages START */
.hmrc-auth h2 {
    color: #0b0c0c;
    border-bottom: solid 4px #28a197;
    padding-bottom: 20px;
}

.hmrc-auth-details h2 {
    color: #0b0c0c;
    margin-top: 0;
    font-size: 1.8em;
}

.hmrc-auth-details {
    padding-bottom: 80px;
}

.hmrc-auth h2 .fa {
    color: #cd2929;
}

.hmrc-auth .hmrc-success .fa {
    color: #3ba507;
}

.hmrc-auth-details h3, .hmrc-auth-details p {
    color: #0b0c0c;
}

.hmrc-auth-details h3 {
    margin-top: 20px;
    font-size: 1.5em;
}

.hmrc-auth-details p {
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: bold;
}

.hmrc-auth .hmrc-auth-separator {
    padding-top: 20px;
    border-top: solid 2px #ccc;
}


/* HMRC Auth Pages END */

/* Embedded YouTube Video styles START */

.video-alert p {
    text-align: center;
}

/* Embedded YouTube Video styles END */

/* Pricing Page START */
.pricing-divider {
    height: 30px;
    background-image: none;
    background-color: #0099dc;
    margin-bottom: 0;
}

.pricing-product-description {
    border-top: solid 1px #ccc;
}

.pricing-details ul li {
    list-style-type: none;
}

.pricing-header {
    background-image: url("/Content/Images/Pricing/Index/pricing-masthead.jpg");
    margin-bottom: 0;
}

    .pricing-header h1 {
        margin-top: 20px;
    }

.pricing-page-product-header {
    background-color: #fff;
    color: #333;
    padding: 20px 0;
    margin-bottom: 0;
    position: relative;
    border-top: solid 1px #003b54;
}

    .pricing-page-product-header .page-title {
        color: #333;
        margin: 0;
        padding: 0;
        line-height: 100%;
        font-size: 3.4em;
        display: inline-block;
        padding-top: 5px;
    }

.pricing-page-product-sub-header {
    background-color: #fff;
    color: #333;
    padding: 20px 0;
    margin-bottom: 30px;
    position: relative;
}

    .pricing-page-product-sub-header .page-title {
        color: #333;
        margin: 0;
        padding: 0;
        line-height: 100%;
        font-size: 2em;
        display: inline-block;
        padding-top: 5px;
    }

    .pricing-page-product-sub-header h1 {
        margin-top: 20px;
    }


.pricing-box-24-month {
    background-image: linear-gradient(#42aa32, #125c07);
}

.pricing-box-12-month {
    background-image: linear-gradient(#348cd3, #0c4dc5);
}

.pricing-box-1-month {
    background-image: linear-gradient(#be4e33, #771003);
}

.pricing-box-starter-pack {
    background-image: linear-gradient(#7533be, #3d0377);
}

/* Pricing Page END */


/* Licensing Page START */

.licensing-product-cloud {
    margin-top: 40px;
}

.licensing-product-on-premises {
    margin-top: 60px;
}

.licensing-product-title {
    background-color: #c8eeff;
    margin-top: 60px;
}

.licensing-product-on-premises .licensing-note {
    color: darkred;
    margin-top: 0;
}

.licensing-cloud h3, .licensing-on-premises h3 {
    border-top: dashed 2px #eee;
    padding-top: 20px;
}

.licensing-cloud ul,
.licensing-product-cloud ul {
    list-style-type: none;
}

.licensing-page table img {
    max-width: 140px;
}

/* Licensing Page END */

/* Free Trial Page START */

.panel-cloud-trial-options .form-group {
    margin-left: 25px;
}

.panel-cloud-trial-options .option-2 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.panel-cloud-trial-options label {
    margin-top: 10px;
    font-weight: 400;
}

    .panel-cloud-trial-options label .fa-info-circle {
        font-size: 1.2em;
    }

.panel-cloud-trial-options b {
    font-size: 16px;
}

.panel-cloud-trial-options .validation-message {
    margin-left: 25px;
    margin-bottom: 20px;
}



/* Free Trial Page END */

/* EPOS Hardware Pages START */

.epos-hardware-banner img {
    padding-top: 0;
}

/* EPOS Hardware Pages END */

.case-studies-computer-repair-header {
    background-image: url("/Content/Images/CaseStudies/ComputerRepairs/case-studies-computer-repair.jpg");
}

.case-studies-bill-of-materials-header {
    background-image: url("/Content/Images/Features/bill-of-materials/bill-of-materials-header.jpg");
}

.case-studies-bill-of-materials-header .primary-dark-div {
    background-color: rgba(35, 25, 05, 0.8);
}

    .case-studies-bill-of-materials-header h2 {
        text-align: center;
        color: red;
        margin-top: 30px;
        margin-bottom: 0;
        font-size: 4.5em;
        font-weight: 500;
        letter-spacing: 10px;
    }


.bill-of-materials-summary {
    background-image: url("/Content/Images/Features/bill-of-materials/bill-of-materials-summary-banner.jpg");
    min-height: 0;
}

.bill-of-materials-summary .primary-dark-div {
        background-color: rgba(0, 5, 30, 0.8);
    }

.bill-of-materials-summary .service-header-text {
        max-width: 800px;
    }

.bill-of-materials-summary .service-header-text h1 {
        color: #cdff76;
        font-weight: 400;
        line-height: 1.6em;
    }

    .bill-of-materials-summary .service-header-text h2 {
        text-align: center;
        color: red;
        margin-top: 60px;
        margin-bottom: 0;
        font-size: 4.5em;
        font-weight: 500;
        letter-spacing: 10px;
    }

.features-gdpr-header {
    background-image: url("/Content/Images/Features/GDPR/masthead.jpg");
}

.features-gdpr-div {
    background-color: rgba(0, 0, 0, 0.4);
}

.features-gdpr-header h1 {
    color: white;
    margin-top: 0;
    font-size: 4em;
    font-weight: 500;
}




.trial-download-header {
    background-image: url("/Content/Images/Downloads/FreeTrial/free-trial-masthead.jpg");
}



.testimonials .carousel-indicators {
    position: relative;
    width: auto;
    margin-left: auto;
    left: auto;
    bottom: 0;
}


    .testimonials .carousel-indicators .active {
        background-color: #2c80c4;
        border-color: transparent;
    }

    .testimonials .carousel-indicators li {
        border-color: #cad2df;
    }

        .testimonials .carousel-indicators li:hover {
            border-color: #a9a9a9;
        }

.quotes .carousel .carousel-inner {
    padding-bottom: 20px;
}

.quotes .quote .lead {
    font-size: 18px;
    line-height: 30px;
    color: #676f7a;
    margin-bottom: 25px;
    font-family: "Open Sans";
}

.quotes .quote .author-wrapper .author {
    border-top: 2px solid #eaedf2;
    padding: 25px 45px 0 70px;
    margin: 0;
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #353b47;
    -webkit-transition: border-color 450ms;
    -moz-transition: border-color 450ms;
    -o-transition: border-color 450ms;
    transition: border-color 450ms;
}

    .quotes .quote .author-wrapper .author:before {
        content: '';
        border-left: 15px solid transparent;
        border-top: 15px solid #eaedf2;
        position: absolute;
        left: 30px;
        top: 0;
        width: 0;
        height: 0;
        -webkit-transition: border-color 450ms;
        -moz-transition: border-color 450ms;
        -o-transition: border-color 450ms;
        transition: border-color 450ms;
    }

    .quotes .quote .author-wrapper .author:after {
        content: '';
        border-left: 11px solid transparent;
        border-top: 12px solid white;
        position: absolute;
        left: 32px;
        top: -2px;
        width: 0;
        height: 0;
    }


.nav-bar-free-trial {
    color: yellow !important;
    font-weight: 600 !important;
}

.text-bright-yellow {
    color: yellow !important;
}

.margin-top-40 {
    margin-top: 40px;
}

.trial-download-header h1 {
    color: white;
    margin-top: 0;
    font-size: 4em;
    font-weight: 500;
}

.services-header a:hover {
    text-decoration: none;
    color: white;
}

.pricing-desc-title-large {
    height: 90px;
}

.margin-left-22 {
    margin-left: 22px;
}


.pricing-header .primary-dark-div {
    background-color: rgba(5, 5, 5, 0.7);
}


.case-studies-computer-take-payment .primary-dark-div {
    background-color: rgba(5, 5, 5, 0.5);
    min-height: 0;
}

.case-studies-computer-take-payment {
    background-image: url("/Content/Images/CaseStudies/ComputerRepairs/case-studies-take-payment.jpg");
    min-height: 0;
}

    .case-studies-computer-take-payment .service-header-text {
        max-width: 800px;
    }

        .case-studies-computer-take-payment .service-header-text h1 {
            color: #cdff76;
            font-weight: 400;
            line-height: 1.6em;
        }




.case-studies-computer-repair-header .primary-dark-div {
    background-color: rgba(5, 5, 5, 0.7);
}

.case-studies-computer-repair-job-cards {
    background-image: url("/Content/Images/CaseStudies/ComputerRepairs/case-studies-job-cards.jpg");
    min-height: 0;
}


    .case-studies-computer-repair-job-cards .primary-dark-div {
        background-color: rgba(5, 5, 5, 0.6);
        min-height: 0;
    }

.case-studies-computer-repair-header .service-header-text h1 {
    color: #cdff76;
    font-weight: 400;
}

.case-studies-computer-repair-job-cards .service-header-text h1 {
    color: #cdff76;
    font-weight: 400;
    line-height: 1.6em;
}

.case-studies-computer-repair-job-cards .service-header-text {
    max-width: 800px;
}

.easify-menu-img {
    margin-right: 11px;
    margin-bottom: 3px;
}

/*-------------------------------------------------------------------*/
/* Service List */
/*-------------------------------------------------------------------*/
.service-list-single-liner li {
    counter-increment: myIndex;
    position: relative;
    margin-bottom: 30px;
    padding: 10px 0 10px 80px;
}

    .service-list-single-liner li:before {
        content: counter(myIndex);
        font-family: "Roboto", sans-serif;
        font-size: 2em;
        padding: 10px 15px;
        border: solid 1px var(--easify-blue);
        color: var(--easify-blue);
        border-radius: 500px;
        position: absolute;
        top: 0;
        left: 0;
    }

.help-anchor:hover {
    text-decoration: none;
}

.help-anchor:visited, .help-anchor:focus {
    text-decoration: none;
}

.tooltip_templates {
    display: none;
}

.tooltipster-content {
    background-color: rgb(255, 255, 223)
}

    .tooltipster-content p {
        line-height: 1.5em;
        margin-top: 0;
    }

    .tooltipster-content h3 {
        font-weight: 400;
        margin-bottom: 5px;
    }
/* Tooltip Styles START */
.tooltipster-content {
    background-color: #eaf8ff !important;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #eaf8ff !important;
    top: 4px
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #eaf8ff !important;
    left: -4px
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #eaf8ff !important;
    left: 4px
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #eaf8ff !important;
    top: -4px
}

.tooltipster-content h3 {
    color: #000;
    padding: 12px;
}

.tooltipster-content ul {
    padding-right: 12px;
    padding-bottom: 12px;
}

.tooltipster-content li {
    font-size: 12px;
    margin-bottom: 12px;
}
/* Tooltip Styles END*/

.contact-form-notice {
    padding-top: 10px;
}

    .contact-form-notice .fa-fw {
        text-align: left;
    }

.easify_tip:hover {
    cursor: pointer;
}

.tooltipster-content {
    max-width: 450px !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.margin-right-10 {
    margin-right: 10px;
}


.paragraph-icon {
    margin-top: 5px;
    margin-right: 10px;
}

.header-search-box {
    float: right;
    width: 350px;
    margin-top: 15px;
}

    .header-search-box input[type="text"] {
        border: 1px solid #555;
        color: #999;
        background-color: #444;
        padding: 5px;
        height: 36px;
        width: 100%;
    }

    .header-search-box .button {
        padding: 0;
        font-size: 14px;
        border: 1px solid #555;
        color: white;
        background-color: var(--easify-blue);
        height: 36px;
        width: 40px;
        line-height: 37px;
        margin-left: 5px;
    }


.sew_header {
    border: 0;
    background-color: var(--easify-blue);
    color: white;
    margin: 0;
    padding: 5px 0 5px 10px;
}

.sew_footer {
    border: 0;
    background-color: var(--easify-blue);
    color: white;
    margin: 0;
    font-size: 16px;
}

    .sew_footer a {
        color: #ccc;
    }

.search-filter .panel-heading {
    padding: 5px 0 5px 10px;
}

.search-filter .panel-body {
    padding: 5px 0 5px 10px;
    display: inline-block !important;
}

    .search-filter .panel-body input[type="checkbox"] {
        vertical-align: middle;
    }

.product-blurb h1 {
    margin-top: 0;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.help-button-summary-panel {
    margin-left: 40px;
}

    .help-button-summary-panel img {
        padding: 0;
        margin-top: 6px;
        margin-right: 20px;
        border: 1px #999 solid;
    }

    .help-button-summary-panel p {
        margin-top: 0;
    }

.bx-wrapper .bx-pager-item {
    display: none;
}

.table-order-summary {
    margin-bottom: 0;
    width: 90%;
}

.order-history .panel {
    margin-bottom: 5px;
}

    .order-history .panel .panel-heading-link a:after {
        margin-top: -35px;
        margin-right: 5px;
    }

.order-history .panel-heading.panel-plus-link > a, .panel-heading-link > a {
    padding: 0;
}

.order-history .col-15 {
    width: 10%;
}



.order-history .panel-heading {
    padding: 0;
}

.order-history .table > thead > tr > th {
    vertical-align: top;
    border-bottom: none;
}

.order-history .table > tbody > tr > td {
    border-top: none;
}

.order-history .alt, .order-history .table > tbody .alt {
    background-color: #ffffe0;
}

.table-order-summary .col-12-5 {
    width: 12.5%;
}

.xstrong {
    font-weight: 900;
}

.server-list .table > thead > tr > th {
    vertical-align: top;
}

.subscription-table .table > thead > tr > th {
    vertical-align: top;
}

.subscription-table .table > tbody > tr > td {
    vertical-align: middle;
}

.payment-method-container {
    margin-left: 10px;
    margin-bottom: 10px;
}

.payment-method-type {
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: middle;
}

h6 {
    font-size: 1.1em;
}


.shop-product-box {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 30px;
}

.padding-right-22 {
    padding-right: 22px;
}

.postcode-pin {
    padding: 10px;
    margin-bottom: 10px;
   /* width: 500px;*/
}

.copy-button {
    cursor: pointer;
    border: none;
}

    .copy-button:hover {
        background-color: #ddd;
    }

.table-postcode-history {
    margin-bottom: 0;
    width: 100%;
}

.postcode-history .panel {
    margin-bottom: 5px;
}

.postcode-history .panel-heading.panel-plus-link > a, .panel-heading-link > a {
    padding: 0;
}

.postcode-history .panel-heading {
    padding: 0;
}

.postcode-history .table > thead > tr > th {
    vertical-align: top;
    border-bottom: none;
}

.postcode-history .table > tbody > tr > td {
    border-top: none;
}

.postcode-history .alt, .order-history .table > tbody .alt {
    background-color: #ffffe0;
}

.table-postcode-history .col-12-5 {
    width: 12.5%;
}

.table-postcode-history select {
    height: auto;
    padding: 2px 5px 2px 5px;
}

.table-postcode-history button, .postcode-lookup-header button {
    height: auto;
    padding: 2px 5px 2px 5px;
    margin-right: 10px;
}

.table-postcode-history .text-box {
    width: 70px;
    height: auto;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ccc;
}

.postcode-lookup-header .text-box {
    width: 100%;
    height: auto;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.postcode-lookup-header .token-success-message {
    display: none;
}

.postcode-lookup-header .copy-success-message {
    display: none;
}

.postcode-lookup-credits .credit-success-message {
    display: none;
}

.video-masthead-container {
/*    width: 1280px;*/
}

.video-masthead {
    text-align: center;
    position: relative;
    padding-top: 56.25%; /* Maintains aspect ratio for 16:9 videos */
    width: 100%;
}

    .video-masthead video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Bootstrap 3 uses 1200px for large (lg) columns. Our video is 1280x720 so 
    here we catch the lg width and force the video to be 1280px wide so that
    it doesn't scale down slightly and lose the sharpness.
*/
@media (min-width:1200px) {
    .video-masthead-container {
        width: 1280px;
    }

    .video-masthead {
        text-align: center;
        width: 1280px;
    }
}


/*.home-header-gradient {
    background: linear-gradient(to bottom right, var(--easify-blue) 49.9%, white 50.1%);
}*/

.home-header-gradient {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 80' preserveAspectRatio='none'%3E%3Cpath d='M0,33.34 C125,0 375,50 500,33.34 L500,0 L0,0 Z' fill='%230099da'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
}


.home-header {
    background: #0099da;
}

    .home-header h2 {
        color: #fff;
        text-align: center;
        font-size: 4.4em;
        font-weight: bold;
        letter-spacing: 3px;
        margin-top: 30px;
        text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
    }

.wavy-section {
    overflow: hidden;
}

.wavy-section .wave-container {
    background-color: var(--easify-blue); 
}

    .wavy-section h1 {
        color: #fff;
        text-align: center;
        letter-spacing: 3px;
        text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    }

    .wavy-section ul {
        color: #fff;
        font-size: 1.5em;
        line-height: 2em;
    }

    .wavy-section p {
        color: #fff;
        font-size: 2em;
        line-height: 1.9em;
        margin-top: 5px;
    }

    .wave-top svg, .wave-bottom svg {
        display: block;
    }

/* Ensure the wave fills the width and the div does not cause overflow */
.wave-top, .wave-bottom {
    width: 100%;
    height: auto;
}

.mtd p, .mtd a {
    font-size: 1.5em;
}

.mtd .row {
/*    display: table;
    width: 100%; */
}

.mtd .col-md-6 {
/*    display: table-cell;
    float: none; 
    vertical-align: bottom; */
}


#footer-widgets {
    margin-top: 0;
    border-top: 0;
}

.img-bullet {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
}