body {
    background: #454a52
}

.strip.dashboard {
    overflow: hidden !important;
    clear: both !important
}

#header #menu ul li.active a,
#header #menu ul li.active.dashboard a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ee6123), color-stop(1, #de5011));
    background: -o-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -moz-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -webkit-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -ms-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: linear-gradient(to bottom, #ee6123 0, #de5011 100%)
}

.form_row select {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin: 5px 1px 3px 0;
    border: 1px solid #ddd !important;
    font-size: .9rem!important;
    padding: 6px!important;
    color: #444;
    border-radius: 3px;
}

.form_row.state-name input {
    width: 97.5%!important;
    background: #f9f9f9;
    margin-top: 0;
    margin-bottom: 0;
    margin: 5px 1px 3px 0;
    border: 1px solid #ddd;
    font-size: .9rem!important;
    padding: 6px!important;
    color: #444;
    border-radius: 3px;
}

form_row.state-name input {
    width: 100%;
    background: #f9f9f9;
    margin-top: 0;
    margin-bottom: 0;
    margin: 5px 1px 3px 0;
    border: 1px solid #ddd;
    font-size: .9rem!important;
    padding: 6px!important;
    color: #444;
    border-radius: 3px;
}

.form_row select:focus {
    outline: none
}

.flexslider .row {
    padding: 4em 0 6.5em
}

.flexslider h1 {
    color: #fff;
    font-size: 30px;
    width: 100% !important;
    float: left
}

@media screen and (max-width:580px) {
    .flexslider .row {
        width: 100% !important
    }
}

.flexslider {
    background: #454a52;
    color: #fff;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .5)
}

.flexslider.gradient {
    background: url(../images/promo_bgs/vatlayer_promo_bg.png) no-repeat, linear-gradient(top, #535962, #454a52);
    background: url(../images/promo_bgs/vatlayer_promo_bg.png) no-repeat, -webkit-linear-gradient(top, #535962, #454a52);
    background: url(../images/promo_bgs/vatlayer_promo_bg.png) no-repeat, -moz-linear-gradient(top, #535962 0, #454a52 100%);
    background-color: #454a52;
    background-size: cover
}

#header {
    background: rgba(69, 74, 82, .9)
}

#footer ul li.heading {
    margin-bottom: 10px;
}

#footer {
    background: #454a52
}

#footer .right_side,
footer ul {
    display: inline-block;
    text-align: left;
    width: 150px
}

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

#footer ul li {
    line-height: 30px
}

#footer ul li.heading {
    color: #ffffff;
    margin-bottom: 10px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

#footer ul li a {
    color: #fff;
    cursor: pointer
}

#footer .right_side {
    margin-left: 100px;
    font-size: 12px;
    position: relative;
    top: 3px;
    vertical-align: top;
    width: 250px
}

#footer .right_side span {
    font-size: 12px;
    color: #7f8796;
}

#footer .right_side span a {
    color: inherit
}

#footer .right_side img {
    height: 40px;
    display: block
}

#footer .right_side table {
    width: min-content;
    margin-top: 15px
}

#footer .right_side table img {
    margin: 0;
    vertical-align: unset
}

#footer .right_side img.logo {
    margin-bottom: 72px;
    height: 35px;
}

footer .socials {
    margin-bottom: 13px;
}

#footer .socials a {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../site_images/github-original.svg);
    margin-right: 5px;
}

#footer .socials a.twitter {
    background: url(../site_images/twitter-original.svg) center no-repeat;
    background-size: contain
}

#footer .socials a.github {
    background: url(../site_images/github-original.svg)
}

#footer .socials a.facebook {
    background: url(../site_images/facebook-original.svg)
}

#footer .socials a.linkedin {
    background: url(../site_images/linkedin-original.svg)
}

#footer p {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 40px;
    padding-top: 10px;
    font-size: 13px;
    margin-bottom: 0
}

.footer-up p {
    border-top: 0px !important;
    margin-top: 0px !important;
}

.custom-container .socials_container {
    width: 250px;
    text-align: left;
}


/* new footer */

.container.custom-container {
    display: flex;
    justify-content: flex-start;
}

.container.custom-container ul {
    text-align: left;
    width: 196px;
}

.container.custom-container:last-of-type {
    padding-top: 30px;
}


/* new footer */

@media screen and (min-width:463px) and (max-width:800px) {
    .promo {
        min-height: 300px !important
    }
}

@media screen and (max-width:462px) {
    .promo {
        min-height: 350px !important
    }
}

.partners.actual {
    height: 80px;
    background: #f5f5f5;
    border-bottom: 1px solid #e3e3e3
}

.partners_header {
    color: #fff;
    background: rgba(255, 255, 255, .3);
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 7px 0 3px;
    margin-bottom: 0;
    margin-top: -27px !important
}

.login_button.no_popup {
    background: #ee6123 !important
}

.save_changes_button {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ee6123), color-stop(1, #de5011));
    background: -o-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -moz-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -webkit-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -ms-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: linear-gradient(to bottom, #ee6123 0, #de5011 100%);
    border: 1px solid #ee6123 !important
}

.login_button.no_popup.actual_signup {
    background: #51ba00 !important
}

h1#promo_heading.promo_heading.index {
    margin-bottom: -10px !important
}

.documentation_heading h1,
.pricing_heading h1,
.signup_heading h1 {
    color: #454a52 !important
}

.alert.accesskey,
.box_header {
    color: #454a52
}

.alert.accesskey.quickstart {
    border: 1px solid #95a4b6;
    background: #bccce0;
    font-size: 1.2rem;
    color: #0d3c5b
}

.alert.api_url,
.cd-popup-container p {
    color: #454a52
}

.btn.blue_link,
.btn.blue_link:hover {
    background: #1975B3;
    border: 1px solid #1975B3
}

.popup_button.yes.blue_button {
    background: #ee6123 !important
}

.prettyprint {
    background: #3a3e45 !important
}

.sidebar_link a {
    color: #1975B3
}

.content_container {
    border: 0 dashed #454a52
}

.content_container p,
.subheading.about {
    color: #454a52
}

.doc_link,
.doc_link:hover {
    color: #1975B3 !important
}

.underlined {
    border-bottom: 1px solid #454a52
}

.underlined.wiki {
    border-bottom: 1px dotted #454a52
}

.code_snippet {
    background: rgba(238, 97, 35, .2)
}

.code_snippet.date {
    color: #454a52
}

.edit_details:hover {
    color: #1975B3
}

.edit_details.learn_more,
.promo_table,
.subscription_table {
    color: #454a52
}

.upgrade_box.current {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ee6123), color-stop(1, #de5011));
    background: -o-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -moz-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -webkit-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -ms-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: linear-gradient(to bottom, #ee6123 0, #de5011 100%);
    border-color: #ee6123
}

.form_row.popup label.checkbox_label {
    color: #454a52 !important
}

.average_table.documentation td,
.form_label,
.short_presentation,
.signup_plan_overview {
    color: #454a52
}

.new_payment_option {
    border: 0 solid #1975B3
}

.bg_pattern {
    background: rgba(33, 33, 40, .99) !important
}

.blue_border_bottom {
    border-bottom: #1975B3 !important
}

.tipr_content {
    background-color: #454a52
}

.promo_target_box.plans td .tagline.highlighted {
    border-bottom: 1px solid #ee6123;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #de5011), color-stop(1, #ee6123)) !important;
    background: -o-linear-gradient(bottom, #de5011 0, #ee6123 100%) !important;
    background: -moz-linear-gradient(bottom, #de5011 0, #ee6123 100%) !important;
    background: -webkit-linear-gradient(bottom, #de5011 0, #ee6123 100%) !important;
    background: -ms-linear-gradient(bottom, #de5011 0, #ee6123 100%) !important;
    background: linear-gradient(to bottom, #de5011 0, #ee6123 100%) !important;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .6) !important
}

.promo_target_box.plans.on_product td .tagline.highlighted {
    border: 1px solid #de5011
}

.promo_target_box.plans td .button_container .button.highlighted {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #de5011), color-stop(1, #ee6123)) !important;
    background: -o-linear-gradient(bottom, #de5011 0, #ee6123 100%) !important;
    background: -moz-linear-gradient(bottom, #de5011 0, #ee6123 100%) !important;
    background: -webkit-linear-gradient(bottom, #de5011 0, #ee6123 100%) !important;
    background: -ms-linear-gradient(bottom, #de5011 0, #ee6123 100%) !important;
    background: linear-gradient(to bottom, #de5011 0, #ee6123 100%) !important;
    color: #fff;
    border-color: #ee6123;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .6) !important
}

.codebox {
    background: #3a3e45
}

.codebox header {
    background: -webkit-linear-gradient(top, #3c4148, #26292d);
    background: linear-gradient(to bottom, #3c4148, #26292d)
}

.codebox header .button-dark,
.codebox header nav .codebox_button {
    background: #3a3e45
}

.codebox header .button-dark,
.codebox header nav .codebox_button.disabled {
    background: rgba(33, 33, 40, 0);
    color: rgba(255, 255, 255, .6)
}

.codebox header .button-dark.selected,
.codebox header .button-dark:active,
.codebox header nav .codebox_button.selected,
.codebox header nav .codebox_button:active {
    background: rgba(255, 255, 255, .2)
}

.codebox header .button-dark.selected,
.codebox header .button-dark:active,
.codebox header nav .codebox_button.disabled.selected,
.codebox header nav .codebox_button:active {
    background: rgba(33, 33, 40, 0);
    color: rgba(255, 255, 255, .6);
    outline: 0
}

.index_button {
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #ee6123;
    border-radius: 3px;
    color: #fff !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ee6123), color-stop(1, #de5011));
    background: -o-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -moz-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -webkit-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -ms-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: linear-gradient(to bottom, #ee6123 0, #de5011 100%);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .5) !important
}

.promo_sub_heading {
    line-height: 19px;
    letter-spacing: .6px;
    font-size: 17px;
    color: rgba(255, 255, 255, .8);
    width: 100%;
    float: left;
    margin-top: 25px;
    margin-bottom: 10px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 1)
}

.vat_input_label,
input.vat_input {
    font-size: 16px;
    float: left;
    color: #fff
}


/* table  changes*/

.new-ave-table {
    width: auto!important;
}


/* table changes done */

@media screen and (max-width:800px) {
    .promo_sub_heading {
        text-align: center !important
    }
    .hide_under_465 {
        display: none
    }
    /* new footer updates */
    .container.custom-container {
        display: block;
    }
    .container.custom-container ul {
        width: 100%;
        text-align: center;
    }
    .custom-container .socials_container {
        width: 250px;
        text-align: center;
        display: block !important;
    }
    .footer-up p {
        margin-bottom: 0px !important;
    }
    /* done */
    /* table changes */
    .new-ave-table {
        width: 100%!important;
    }
    /* table changes done */
}

.prettyprint.transparent {
    padding: 0 !important;
    width: 100% !important;
    float: left;
    margin-top: 2px !important;
    margin-left: 5px !important;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, .7)
}

.big_button {
    float: right;
    text-align: center;
    text-decoration: none;
    font-weight: 300;
    color: #000 !important;
    display: inline-block;
    border: 1px solid #e1e1e1;
    padding: 20px 0;
    background: #fff;
    margin-top: 18px;
    width: 39.25%
}

@media screen and (max-width:800px) {
    .big_button {
        float: left;
        border: 1px solid #e1e1e1 !important;
        width: 100%
    }
}

.big_button:hover {
    background: #f9f9f9
}

p.notification {
    padding-left: 30px;
    background: url(../images/assets/notification_x2.png) 3px 0 no-repeat;
    background-size: 18px;
    padding-bottom: 0;
    font-weight: 400
}

.blue_heading th {
    background: #ee6123;
    color: #fff !important;
    border: 1px solid #ee6123 !important
}

.big_box_left {
    width: 45%;
    padding: 15px 0;
    display: inline-block;
    float: left
}

@media screen and (min-width:801px) {
    div.row {
        margin-left: 3.5% !important
    }
    .mt50_desktop {
        margin-top: 50px
    }
    .pb50_desktop {
        padding-bottom: 50px
    }
}

.prettyprint.graphic {
    padding: 0 0 25px 10px !important
}

@media screen and (max-width:800px) {
    .big_box_left {
        border-right: none;
        width: 100%
    }
    .prettyprint.graphic {
        padding: 0 0 40px 10px !important
    }
}

.flexslider_right_side {
    width: 40%;
    display: inline-block;
    background: rgba(0, 0, 0, .2);
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px;
    margin-left: 5%
}

@media screen and (min-width:881px) and (max-width:978px) {
    .big_box_left {
        border: none !important;
        width: 50% !important
    }
    .flexslider_right_side {
        margin-left: 2%
    }
    div.row {
        margin-left: 2% !important
    }
}

@media screen and (min-width:801px) and (max-width:880px) {
    .big_box_left {
        border: none !important;
        width: 55% !important
    }
    .flexslider_right_side {
        width: 35% !important;
        margin-left: 3%
    }
    div.row {
        margin-left: 2% !important
    }
}

@media screen and (max-width:800px) {
    #vat_validation_form {
        display: none
    }
}

.vatlayer_index_box_header {
    margin-bottom: 15px
}

.vatlayer_index_box_header nav button:first-child {
    border-right: none !important
}

.codebox_button.vatlayer_index {
    width: 49.9%;
    height: 25px;
    background: rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .2);
    color: #fff
}

.codebox_button.vatlayer_index.selected {
    background: rgba(255, 255, 255, .3)
}

td.invalid {
    background: url(../images/assets/invalid.png) 6px 7px no-repeat;
    background-size: 16px
}

td.valid {
    background: url(../images/assets/valid.png) 6px 7px no-repeat;
    background-size: 16px
}

input.vat_input {
    width: 50%;
    height: 25px;
    padding: 5px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .2)
}

.vat_input_label {
    width: 15%;
    height: 25px;
    font-weight: 400;
    padding: 7.5px 5px 2.5px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .2);
    text-align: center;
    margin-top: 5px;
    margin-left: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ee6123), color-stop(1, #de5011));
    background: -o-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -moz-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -webkit-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: -ms-linear-gradient(bottom, #ee6123 0, #de5011 100%);
    background: linear-gradient(to bottom, #ee6123 0, #de5011 100%);
    cursor: pointer
}

.vat_input_label.mobile_only {
    float: none;
    margin: 25px auto 0;
    height: auto;
    width: 40%;
    text-decoration: none;
    padding: 7px 5px;
    display: inline-block !important
}

@media screen and (min-width:801px) {
    .vat_input_label.mobile_only {
        display: none !important
    }
}

.form_row.vat_check {
    margin-top: 40px
}

#realtime_check {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400
}

#realtime_check.valid {
    color: #11de50
}

#realtime_check.invalid {
    color: #de114a
}

.width_100 {
    width: 100px !important
}

.strip.bg_special {
    background: #f9f9f9 !important
}