/* Minification failed. Returning unminified contents.
(3015,84): run-time error CSS1019: Unexpected token, found ' '
(3015,84): run-time error CSS1045: Expected term, found  
(3015,84): run-time error CSS1019: Unexpected token, found ' '
(3015,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
.grid-component {
    margin-bottom: 40px;
}

.articles-component {
    margin-bottom: 20px;
}

.smiley {
    font-size: 30px;
}

.dashboardList {
    padding-bottom: 0;
}

.dashboardListOrange {
    border-left: 4px #EB8D36 solid;
}

.dashboardListBlue {
    border-left: 4px #28315c solid;
}

.dashboardListGreen {
    border-left: 4px #2e8b57 solid;
}

.dashboardList li {
    background: white;
    margin: 1px 0;
}

.dashboardList li a, .dashboardList li span {
    line-height: 40px;
    height: 40px;
}

.dashboardList li p {
    margin-top: 10px;
}

.dashboardList li img{
    height: 30px;
    vertical-align: middle;
    padding-right: 3px;
}

.dashboardList li .dashboardHeader {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboardButton {
    color: white !important;
    display: block;
    background: #28315c;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    border: none;
    text-align: center;
}

.dashboardButton-disabled {
    color: white !important;
    display: block;
    background: silver;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    border: none;
    text-align: center;
}

.dashboardNoCheckoutAlert {
    margin-bottom: 10px;
}

.dashboardNoCheckoutAlert img{
    height: 20px;
    padding-right: 10px;
}

.dashboardNoCheckoutAlert span{
    color: red;
}

.statisticsButton {
    border: 1px #28315c solid;
    color: #999999;
    padding: 0 20px;
    height: 30px;
    float: right;
    width: 100px;
}

.selectedStatisticsButton {
    color: white;
    background: #28315c;
}

span.orangeHighlight {
    color: white;
    background: #EB8D36;
    padding: 5px;
}

span.blueHighlight {
    color: white;
    background: #28315c;
    padding: 5px;
}

span.greenHighlight {
    color: white;
    background: #2e8b57;
    padding: 5px;
}

div.dashboardHeaderDiv {
    margin-bottom: 10px;
    line-height: 30px;
}

div.newsItem {
    border-left: 1px #E8E8E8 solid;
    padding: 15px;
    background: white;
    height: 100px;
}

div.newsContainer {
    border-left: 1px #E8E8E8 solid;
    border-right: 2px #E8E8E8 solid;
    border-top: 2px #FCFCFC solid;
    border-bottom: 2px #CCCCCC solid;
}

div.parnerLevel {
    color: white;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

div.currentFeeLevel {
    color: black;
    margin-bottom: 5px;
}
	
div.otherFeeLevel {
    color: #A3A3A3;
    margin-bottom: 5px;
}

.feeLevelZone1 {
    background: #BCC3CD;
    height: 15px;
}

.feeLevelZone2 {
    background: #BCC3CD;
    background: -webkit-linear-gradient(left, #BCC3CD, #7182AD);
    background: -o-linear-gradient(right, #BCC3CD, #7182AD);
    background: -moz-linear-gradient(right, #BCC3CD, #7182AD);
    background: linear-gradient(to right, #BCC3CD, #7182AD);
    height: 15px;
}

.feeLevelZone3 {
    background: #7182AD;
    background: -webkit-linear-gradient(left, #7182AD, #28315C);
    background: -o-linear-gradient(right, #7182AD, #28315C);
    background: -moz-linear-gradient(right, #7182AD, #28315C);
    background: linear-gradient(to right, #7182AD, #28315C);
    height: 15px;
}

.feeLevelZone4 {
    background: #7182AD;
    background: -webkit-linear-gradient(left, #28315C, #EB8D36);
    background: -o-linear-gradient(right, #28315C, #EB8D36);
    background: -moz-linear-gradient(right, #28315C, #EB8D36);
    background: linear-gradient(to right, #28315C, #EB8D36);
    height: 15px;
}

.feeLevelZone5 {
    background: #EB8D36;
    height: 15px;
}

.grayLevelZone {
    background: #D7D7D7;
    height: 15px;
    position: relative;
}

#levelMeter {
    margin-top: 10px;
    border: 1px solid #A3A3A3;
}

div.levelInfo {
    border-radius: 5px;
    background: white;
    padding: 10px;
    border-left: 2px #E8E8E8 solid;
    border-right: 2px #E8E8E8 solid;
    border-top: 2px #FCFCFC solid;
    border-bottom: 2px #CCCCCC solid;
}

div.levelArrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    float: right;
    position: relative;
    left: 10px;
}

img.contactImage {
    border-radius: 50%;
    margin-top: 5px;
    margin-bottom: 10px;
    height: 56px;
}

div.dashboardWhiteBox {
    border-radius: 5px;
    padding: 15px 0;
    background: white;
    border-left: 2px #E8E8E8 solid;
    border-right: 2px #E8E8E8 solid;
    border-top: 2px #FCFCFC solid;
    border-bottom: 2px #CCCCCC solid;
}

div.dashboardContactPerson {
    height: 36px;
    margin-top: 15px;
}

div.ContactBoxContent {

    padding-left: 15px;
}
div.dashboardTextGroup {
    margin-bottom: 15px;
}

button.dashboardLargeButton {
    width: 100%;
}

div.dashboardPaymentMethodsContainer {
    border-left: 1px #E8E8E8 solid;
    border-right: 1px #E8E8E8 solid;
    border-top: 1px #E8E8E8 solid;
    border-bottom: 1px #CCCCCC solid;
    margin-bottom: 20px;
}

div.dashboardPaymentMethod {
    height: 50px;
    border: 1px #E8E8E8 solid;
    background: white;
    color: #28315c;
}

span.dashboardPaymentPercentage {
    float: right;
}

span.dashboardPaymentStatus {
    float: right;
      height: 35px;
}

div.dashboardPaymentMethodContent {
    line-height: 50px;
}

img.dashboardPaymentImage {
    height: 35px;
    margin-top: 5px;
}

img.loading {
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: inherit;
    padding: 5px;
}

img.acceptedImage {
    width: 30px;
    margin-top: 8px;
    margin-right: 30px;
}

button.activatePayment {
    background: inherit;
    color: #28315c;
    border: 1px solid #28315c;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    min-width: 90px;
}

div.dashboardInactiveMethod {
    height: 50px;
    border: 1px #E8E8E8 solid;
    color: gray;
    background: #F8F8F8;
}

#dashboardContainer a {
    color: #28315c;
}

.paymentMethodsText a {
    text-decoration: underline;
    font-weight: bold;
}

.recurring-on-boarding-error { 
    color: #EB8D36;
}
div.dashboardHeaderDiv {
    margin-bottom: 0 !important;
    line-height: 27px;
}

div.dashboardBox, ul.dashboardBox {
    border-left: 2px #E8E8E8 solid !important;
    border-right: 2px #E8E8E8 solid !important;
    border-top: 2px #E8E8E8 solid !important;
    border-bottom: 2px #CCCCCC solid !important;
    border-radius: 0;
}

div.dashboardWhiteBox {
    background: white;
}

ul.dashboardWhiteBox {
    margin: 0 !important;
    padding: 0 0 0 15px;
    background: white;
}

.dashboardWhiteBox li {
    margin: 5px 5px 5px 0 !important;
}

div.levelInfo {
    border: 0 !important;
}

div.levelArrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #D7D7D7;
    float: right;
    position: relative;
    left: 10px;
}
/* ================================================================
 *	BASE
/* ================================================================ */

body {
    overflow-y: scroll;
    font: 14px/18px Asap Regular,Arial,sans-serif;
}

select > option {
    background-color: white;
}


@font-face {
    font-family: Asap Italic;
    src: url(/content/fonts/asap-italic-webfont.otf) format("opentype")
}

@font-face {
    font-family: Asap Bold;
    src: url(/content/fonts/asap-semibold-webfont.otf) format("opentype")
}

@font-face {
    font-family: Asap Bold Italic;
    src: url(/content/fonts/asap-bold-italic.woff2)
}

@font-face {
    font-family: Asap Medium;
    src: url(/content/fonts/asap-medium-webfont.otf) format("opentype")
}

@font-face {
    font-family: Asap Regular;
    src: url(/content/fonts/asap-regular-webfont.otf) format("opentype")
}

.icon-progressimage {
    height: 44px;
    background-size: contain !important;
    background-image: url("/Content/images/loading_async_big.gif") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Headings
/* ============================= */

h1, h2, h3, h4 {
    font-family: Asap Bold,Arial,sans-serif;
    margin: 0;
    font-weight: bold;
    line-height: 1.1;
    text-rendering: optimizeLegibility;
}

h1 {
    font-family: Asap Bold Italic;
    font-size: 50px;
    letter-spacing: -2px;
    margin-bottom: 16px;
    color: #083153;
}

h2 {
    font-family: Asap Bold Italic;
    font-size: 35px;
    letter-spacing: -2px;
    margin-bottom: 13px;
    color: #083153;
}

h3 {
    font-size: 23px;
    letter-spacing: -1px;
    margin-bottom: 11px;
}

h4 {
    font-size: 15px;
    margin-bottom: 8px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset;
}

    input:-webkit-autofill.input-validation-error {
        -webkit-box-shadow: 0 0 0 50px #FFE5E5 inset;
    }

input, select, button, textarea {
    font-family: Asap Regular,Arial,sans-serif;
}




/* Paragraphs, lists
/* ============================= */

p, ul {
    margin: 0;
    padding: 0 0 20px;
    font-family: Asap Regular,Arial,sans-serif;
}

ul {
    list-style-type: none;
}

/* Links
/* ============================= */

a {
    color: #083153;
    text-decoration: none;
    font-family: Asap Regular,Arial,sans-serif;
}


/* Misc. base resets
/* ============================= */

img {
    max-width: 100%;
    height: auto;
}

textarea {
    resize: vertical;
}

hr {
    border: 0;
    height: 0;
    border-bottom: 1px solid #8a8a8a;
    margin-bottom: 25px;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[readonly] {
    background-color: #f8f8f8;
}


/* ================================================================
 *  SITE HEADER
/* ================================================================ */

.site-content {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 60px;
    padding-top: 20px;
}

.banner-icon {
    text-align: center;
    padding: 5px 10px;
}

.rescue-recurring-banner-link {
    margin-top: 8px;
}

.site-banner {
    background-color: #ffebd8;
    padding: 16px;
    margin: 5px auto;
    max-width: 960px;
    border: 1px solid #F28C00;
}

.status-banner {
    background-color: #F28C00;
    color: white;
    padding: 8px;
    margin: 5px auto;
    max-width: 960px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

/* Main navigation
** ============================= */

.menu {
    font-size: 14px;
}

.main-nav-menu {
    padding-bottom: 0;
}



/* Footer navigation
** ============================= */

.site-footer .menu {
    font-size: 13px;
    padding: 0;
}

    .site-footer .menu li {
        margin-bottom: 10px;
    }

/* ================================================================
 *	SITE FOOTER
/* ================================================================ */

.site-footer {
    background: #083153;
    color: #FFFFFF;
    font-size: 13px;
    padding: 60px 0;
}

    .site-footer a {
        color: #FFFFFF;
    }

    .site-footer .column {
        padding-left: 20px;
        padding-right: 20px;
    }

    .site-footer .first-column {
        border: none;
        padding-top: 20px;
    }

    .site-footer h3 {
        color: #FFF;
        font-size: 17px;
        font-weight: bold;
        margin: 0;
        letter-spacing: 0;
    }

    .site-footer .contact-phone,
    .site-footer .contact-mail {
        background: url(/content/images/sprite.png) no-repeat;
        display: block;
        padding-left: 40px;
        margin-bottom: 15px;
    }

    .site-footer .contact-phone {
        background-position: -475px -455px;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-top: 13px;
    }

    .site-footer .contact-mail {
        background-position: -471px -555px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .site-footer .contact-open-hours {
        display: block;
        padding-left: 40px;
        margin-bottom: 15px;
        position: relative;
    }

        .site-footer .contact-open-hours::before {
            content: '';
            position: absolute;
            background: url(/content/images/sprite.png) no-repeat;
            background-position: -471px -654px;
            width: 30px;
            height: 30px;
            left: 0;
        }


/* ================================================================
 *	BLOCKS
/* ================================================================ */

.block {
    padding: 60px 0;
}


/* ================================================================
 *  ACCOUNT MENU
/* ================================================================ */

.top-menu {
    background: #28315c;
    height: 65px;
}

.top-menu-test {
    background: rgb(169, 70, 70);
    height: 65px;
}

.main-nav-menu .menu-item a:hover {
    color: #de5502;
}

.account-menu a {
    color: #fff;
}

.menu-item-hidden {
    display: none;
}

.main-logo {
    background: url(/content/images/sprite.png) -368px -700px no-repeat;
    width: 160px;
    height: 40px;
    display: inline-block;
}

.main-logo-centered {
    position: absolute;
}

/* ================================================================
 *	COMMON HELPERS
/* ================================================================ */

/*
 * Micro clearfix
 */

.container:before, .container:after, .row:before, .row:after, .clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.container:after,
.row:after,
.clearfix:after {
    clear: both;
}

.container,
.row,
.clearfix {
    *zoom: 1;
}


/* ================================================================
 *	PRINT STYLES
/* ================================================================ */

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-decoration: none !important;
        text-shadow: none !important;
    }

    .btn {
        display: none !important
    }

    .no-print {
        display: none;
    }

    #content {
        padding-top: 0;
    }

    #container {
        margin: 0;
        margin-top: 0;
        min-height: 0;
        border: none;
    }

    .grid-100 {
        width: 100%;
        clear: both;
    }

    .grid-95 {
        width: 95%;
        float: left;
    }

    .grid-90 {
        width: 90%;
        float: left;
    }

    .grid-85 {
        width: 85%;
        float: left;
    }

    .grid-80 {
        width: 80%;
        float: left;
    }

    .grid-75 {
        width: 75%;
        float: left;
    }

    .grid-70 {
        width: 70%;
        float: left;
    }

    .grid-65 {
        width: 65%;
        float: left;
    }

    .grid-60 {
        width: 60%;
        float: left;
    }

    .grid-55 {
        width: 55%;
        float: left;
    }

    .grid-50 {
        width: 50%;
        float: left;
    }

    .grid-45 {
        width: 45%;
        float: left;
    }

    .grid-40 {
        width: 40%;
        float: left;
    }

    .grid-35 {
        width: 35%;
        float: left;
    }

    .grid-30 {
        width: 30%;
        float: left;
    }

    .grid-25 {
        width: 25%;
        float: left;
    }

    .grid-20 {
        width: 20%;
        float: left;
    }

    .grid-15 {
        width: 15%;
        float: left;
    }

    .grid-10 {
        width: 10%;
        float: left;
    }
}


/* ================================================================
 *	MEDIA QUERIES
/* ================================================================ */



/* > 790px */
@media all and (min-width: 791px) {

    #Edit2FactorBtn {
        width: 25%;
    }

    .top-menu, .top-menu-test {
        line-height: 55px;
    }

    .account-menu .menu-item {
        float: left;
        padding: 5px 12px;
    }

    .account-menu .menu-item-right {
        float: right;
    }

        .account-menu .menu-item-right a {
            border: 1px white solid;
            padding: 8px;
        }

    .account-menu .menu-item-selected {
        border-top: 3px #de5502 solid;
        padding-top: 2px !important;
    }

    .detailsContainer {
        padding-left: 20px;
        padding-right: 20px;
    }

    div.detailsDiv {
        padding: 30px;
    }

    .site-footer .container {
        padding-top: 20px;
    }

    .site-footer .column-1of4 {
        border-left: 1px solid #485074;
        padding-top: 20px;
    }

    .site-footer .first-column {
        border: none;
    }

    .payInvoiceRow {
        line-height: 36px;
    }
}

/* > 568px */

/* <= 790px */
@media all and (max-width: 790px) {
    /* Site header
	/* ============================= */

    .top-menu {
        line-height: 30px;
    }

    #site-nav-toggle {
        display: inline-block;
        background: url(/content/images/sprite.png) -465px 14px no-repeat;
        font-size: 12px;
        color: white;
        line-height: 12px;
        text-transform: uppercase;
        width: 35px;
        height: 32px;
        cursor: pointer;
        margin-left: 10px;
    }

    .account-menu.expandable-tree-menu a {
        color: #FFF;
        padding-left: 20px;
    }

    .account-menu {
        display: none;
        background: #28315c;
        float: none;
        margin: 0;
        position: absolute;
        width: 100%;
        left: 0;
        top: 60px;
        padding: 20px;
        z-index: 1;
    }

        .account-menu .menu-item {
            float: none;
            padding: 0;
        }

    .detailsContainer {
        padding-left: 20px;
        padding-right: 20px;
    }

    div.detailsDiv {
        padding: 20px;
    }

    /* Site footer
	/* ============================= */

    .site-footer .fourth-column {
        clear: left;
        border-left: none;
        height: auto !important;
    }
}

@media screen and (min-width: 569px) and (max-width: 790px) {
    .payInvoiceRow {
        line-height: 36px;
    }
}
/* < 568px */
@media all and (max-width: 568px) {
    /* header
    /* ============================= */

    .site-top-content {
        min-height: 30px;
        /*margin-top: 6px;*/
    }

    /* Blocks
	/* ============================= */

    .block {
        padding: 30px 0;
    }

    .detailsContainer {
        padding-left: 10px;
        padding-right: 10px;
    }

    div.detailsDiv {
        padding: 10px 0 10px 0;
    }

    /* Site footer
	/* ============================= */
    .site-footer {
        padding: 30px 0;
    }

        .site-footer .column {
            width: 100%;
            margin-bottom: 0;
            height: auto !important;
            float: none;
            border-left: none;
        }

            .site-footer .column .widget {
                border-bottom: 1px solid #485074;
            }

        .site-footer .fourth-column .widget {
            border-bottom: none;
            margin-bottom: 30px;
        }

        .site-footer .first-column {
            padding-top: 10px;
        }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    .site-footer .container,
    .site-footer .contact-phone,
    .site-footer .contact-mail,
    .site-footer .contact-open-hours {
        /*background-image: url(/content/images/sprite@2x.png);*/
        background-size: 500px 800px;
    }
}

/* =============== LOADER =========== */

.content-column a {
    text-decoration: none;
    cursor: pointer;
}

/* ----- LOGIN BUTTONS -------- */

.sel {
    border: solid 1px #A5ACB2;
    padding: 2px 3px 2px 3px !important;
    overflow: hidden;
    position: inherit;
    border-radius: 3px;
    height: 40px;
    line-height: 42px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    width: 80%;
}


/* ================================================================
 *	Grid css
/* ================================================================ */

.container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

[class*='column-'] {
    float: left;
    min-height: 1px;
}

.column-1of1 {
    width: 100%;
}

.column-1of2 {
    width: 50%;
    *width: 48%;
}

.column-1of3 {
    width: 33.33%;
    *width: 30%;
}

.column-1of4 {
    width: 25%;
    *width: 20%;
}

.column-3of4 {
    width: 75%;
    *width: 70%;
}

/* ================================================================
 *	Specific
/* ================================================================ */

#GlobalErrorMessage {
    border: 1px solid red;
    display: none;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #de4f3f;
    color: #fff;
    margin-left: 10px;
    box-shadow: 2px 2px 3px 0px #666;
}

div.export_container {
    float: right;
    margin-left: 10px
}

    div.export_container a {
        text-decoration: none
    }

div.export_top {
    float: right;
    margin-top: 10px;
    margin-right: 10px
}

div.export_body {
    cursor: pointer;
    color: #666
}

    div.export_body:hover {
        color: #ed9647
    }

span.filterSpan {
    margin: 10px
}

#twoFactorEndUserInfo {
    margin-bottom: 15px;
}

#phoneNumberLabel, #activationDateLabel {
    margin-bottom: 3px;
}

#phoneNumber, #activationDate {
    margin-bottom: 6px;
}

#Edit2FactorBtn {
    margin-top: 15px;
}

.pager a {
    padding: 3px;
    line-height: 15px;
    text-align: center;
    margin-right: 3px;
    margin-left: 2px;
    text-decoration: none
}

    .pager a.active {
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #00AECE;
    }

div.actionablebutton_date {
    float: left;
    width: 90px;
    text-align: left
}

div.actionablebutton_summary {
    float: left;
    text-align: left
}

div.button-container {
    display: none
}

div.ok-action,
div.pending-action {
    display: none
}

.odd {
    background-color: #f4f4f4
}

.even {
    background-color: #fcfcfc
}

div#searchLoadingContainer,
div#searchParametersContainer {
    background-color: #ccc;
    padding-right: 0;
}

div#searchLoading,
div#searchError,
div#searchParameters {
    text-align: center
}

div.HistoryRowBody {
    border-bottom: 1px solid #28315c;
}

span.linedThrough {
    text-decoration: line-through;
}

.amountColumn {
    text-align: right;
}

div.settingsSubscriptionRowBody {
    border-bottom: 1px solid #28315c;
}

#cancel-snippet {
    padding-top: 10px;
    border-top: 1px solid silver;
    margin-top: 20px;
}

div.informationDiv {
    padding-top: 5px;
    padding-bottom: 10px;
    cursor: pointer
}

div.subscriptionInformation {
    padding-top: 15px;
    height: 90px;
    margin-left: 5px;
    margin-right: 5px;
}

.recurringSubscriptionInformationRow {
    padding-top: 5px;
    clear: both;
}

.subscriptionPaymentMethodRadioButton {
    float: left;
    margin-right: 10px;
}

div.HistoryRowBody:hover, div.settingsSubscriptionRowBody:hover {
    background-color: #ffebd8
}

img.purchaseIcon {
    padding-top: 5px
}

.grayText {
    color: gray
}

div.detailsDiv {
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid gray;
}

div.orderItemPrice {
    text-align: right;
}

.myactionbutton span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newActionable {
    background-color: #FFFFFF;
    border: 1px solid #28315c;
    border-radius: 3px;
    color: #1e3a7a;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    margin-bottom: 5px
}

    .newActionable:hover {
        background-color: #e7e7e7
    }

.newActionableInfo {
    padding: 9px 12px
}

.newActionableButton {
    background-color: #FFFFFF;
    border: 0 none;
    border-left: 1px solid;
    color: #00AECE;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    padding: 9px 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap
}

@media screen and (max-width: 568px) {
    .newActionableButton {
        border: 1px solid
    }
}

.newActionableButton:hover {
    background: #e7e7e7
}

#actionablesPager {
    float: left;
    width: 93%;
    height: 25px;
    text-align: center;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 25px;
}

#numberOfActionables {
    float: right;
    width: 7%;
    height: 25px;
    text-align: center;
    margin-top: 12px;
}

    #numberOfActionables select {
        float: right
    }

a.dashboardLink {
    font-weight: bold;
    color: #8a8a8a;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px
}

    a.dashboardLink:hover {
        color: #fff;
        background-color: #083153
    }

a.dashboardLinkSelected {
    color: #fff;
    background-color: #083153
}

a.binaryTab {
    color: #8a8a8a;
    text-decoration: none;
    padding: 4px 10px;
    border: 1px solid;
}

a.leftBinaryTab {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

a.rightBinaryTab {
    margin-left: -4px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

a.binaryTab:hover {
    color: #1e3a7a;
    background-color: #e7f2fb;
    border: 1px solid #083153;
}

a.binaryTabSelected {
    color: #1e3a7a;
    background-color: #e7f2fb;
    border: 1px solid #083153;
    font-weight: bold;
}

div.dashboardHolder {
    height: 40px;
    background-color: #fcfcfc;
    line-height: 40px;
    border-radius: 3px;
    margin-bottom: 20px
}

div.dashboardHolderNoHeight {
    background-color: #fcfcfc;
    line-height: 40px;
    border-radius: 3px;
    margin-bottom: 20px
}

.vertical {
    width: 1px;
    border-left: 1px solid #e2e2e2
}

.margin30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.field-validation-error {
    color: red;
    white-space: initial;
}

.field-validation-valid {
    display: none !important
}

.inp {
    height: 30px;
    line-height: 38px;
    padding: 1px 18px 2px;
    width: 250px;
    outline: none;
}

.floatedLabel {
    font-size: 12px;
    color: #8a8a8a;
    cursor: text;
}

.inpContainer.textareaContainer {
    height: auto;
    min-height: 119px;
}

.inpContainer, .iti {
    border: 1px solid #AFAFAF;
    height: 50px;
    transition: .3s ease-out;
    position: relative;
    margin-bottom: 4px;
    display: block;
}


    .inpContainer textarea {
        height: 80px;
        min-height: 80px;
        margin-top: 24px;
        line-height: 25px;
        border: none;
        display: block;
        resize: none;
    }

        .inpContainer textarea:focus + label {
            line-height: 30px;
            font-size: 12px;
        }

        .inpContainer textarea:optional:not(:placeholder-shown) + label {
            line-height: 30px;
            font-size: 12px;
        }

/* INPUT CONTAINERS */
.disabledInpContainer {
    background-color: #f8f8f8;
}

    .disabledInpContainer > input {
        font-size: 14px !important;
    }

.inpContainer input {
    margin-top: 18px;
    border: none;
    display: block;
}

.inpContainer .iti label {
    position: absolute;
    top: 0px;
    line-height: 30px;
    padding-left: 18px;
    font-size: 12px;
    color: #8a8a8a;
    cursor: text;
}

.iti input {
    border: none;
    margin-top: 10px !important;
}

.selectContainer {
    border: 1px solid #AFAFAF;
    height: 50px;
    transition: .3s ease-out;
    position: relative;
    margin-bottom: 4px;
    display: block;
}

    .selectContainer label {
        position: absolute;
        top: 0px;
        line-height: 30px;
        padding-left: 18px;
        font-size: 12px;
        color: #8a8a8a;
        cursor: text;
    }

    .selectContainer select {
        margin-top: 13px;
        border: none;
        display: block;
        padding-left: 18px;
        background: url(/Content/images/caret_down2.svg) no-repeat right transparent;
        background-position: right 9px bottom 9px;
        -webkit-appearance: none;
    }


.inpcontainer input::-ms-clear {
    display: none;
}

.inpContainer label {
    position: absolute;
    top: 0px;
    line-height: 50px;
    padding-left: 18px;
    font-size: 16px;
    transition: .3s ease-out;
    color: #8a8a8a;
    cursor: text;
}

.inpContainer input:focus + label {
    line-height: 30px;
    font-size: 12px;
}

.inpContainer input:disabled + label {
    line-height: 30px;
    font-size: 12px;
}

.inpContainer.input-validation-error label {
    color: red;
}

.selectContainer.input-validation-error > label {
    color: red;
}

select.input-validation-error {
    background: url(/Content/images/caret_down2.svg) no-repeat right #FFE5E5 !important;
}

select.input-validation-error, input[type=text].input-validation-error, input[type=password].input-validation-error, textarea[type=text].input-validation-error {
    border-color: red !important;
}

.inpContainer.input-validation-error, .selectContainer.input-validation-error {
    border-color: red !important;
    background-color: #FFE5E5 !important;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #FFE5E5;
}

/* Övrigt:
Vi ska lägga in spellcheck="false" på email input enligt
<input class="linked" spellcheck="false" data-val="true" ...
För at få valid att funka måsta input vara required
*/

.inpContainer input:required:valid + label {
    line-height: 30px;
    font-size: 12px;
}

.inpContainer input:optional:not(:placeholder-shown) + label {
    line-height: 30px;
    font-size: 12px;
}

.inpContainer:hover {
    border: 1px solid #8a8a8a;
}


.inpContainer.selected {
    border: 1px solid #8a8a8a;
}

.inpContainer input:focus + .inpContainer {
    border: 1px solid #8a8a8a;
}

input:focus,
select:focus, textarea:focus {
    font-size: 16px;
}

input:disabled {
    background-color: #f8f8f8;
}

.inp-lblock {
    display: block;
    position: relative;
    width: 100%
}

input.inp-lblock {
    width: 100%
}

.textarea {
    height: 100px;
    border: solid 1px #8a8a8a;
    padding: 10px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px
}

textarea.textarea-lblock {
    width: 100%
}

.contactmessage {
    height: 130px !important;
}

#shippingAddressBox {
    border: 2px dashed #999;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
}


.info-row {
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detailsContainer {
    padding-bottom: 20px;
    display: none
}

.show-overflow {
    overflow: auto !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-wrap: break-word
}

.info-row-10 {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.info-row-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.disabledSettingsCheckbox {
    color: gray;
}

.info-row-multiline {
    margin-bottom: 15px
}

.errorText {
    color: red
}

.sel {
    border: solid 1px #a5acb2;
    padding: 2px 3px 2px 3px !important;
    overflow: hidden;
    position: inherit;
    border-radius: 3px;
    height: 40px;
    line-height: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    background: url(/Content/images/caret_down2.svg) no-repeat right transparent;
    background-position: right 9px bottom 9px;
    -webkit-appearance: none;
    text-indent: 10px;
}

.sel-lblock {
    width: 100%;
    display: block;
    position: relative
}

div.loading_actionables_shirm {
    position: absolute;
    top: -50px;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 100%;
    text-align: center;
    opacity: .9;
    background: url('/content/images/loading_async_big.gif') #fff no-repeat center center;
    display: none
}

.content-column .hub-link {
    text-decoration: none;
    color: #28315c;
    white-space: nowrap
}

.content-column .hub-selected h3 {
    color: #de5502
}

.content-column .hub-link h3:hover {
    color: #de5502
}

.transactionLinkContainer {
    border-bottom: 1px solid #e2e2e2;
    margin-top: 15px
}

.btn {
    background-color: #f3f3f3;
    color: #1e3a7a;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height: normal;
    padding: 9px 12px;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *display: inline;
    *zoom: 1;
    border: 1px solid #28315c;
    min-width: 100px;
}

.btn-popup-top {
    height: 50px;
    margin-bottom: 16px;
}

.btn-popup-bottom {
    height: 50px;
}

/* .btn:hover {
        background: #e7e7e7
    }*/

.btn-blue {
    background: #083153;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height: normal;
    padding: 9px 12px;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *display: inline;
    *zoom: 1;
    border-color: #28315c
}

    .btn-blue:disabled {
        background: #9c9c9c;
    }

/*.btn-blue:hover {
        color: #fff;
        background: #294ea3
    }*/

.btn-cyan {
    color: #fff;
    border-color: #00AECE;
    background-color: #00AECE;
    background-image: -moz-linear-gradient(top, #00AECE 0%, #00AECE 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AECE), color-stop(100%, #00AECE));
    background-image: -webkit-linear-gradient(top, #00AECE 0%, #00AECE 100%);
    background-image: -o-linear-gradient(top, #00AECE 0%, #00AECE 100%);
    background-image: -ms-linear-gradient(top, #00AECE 0%, #00AECE 100%);
    background-image: linear-gradient(to bottom, #00AECE 0%, #00AECE 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AECE', endColorstr='#00AECE', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    padding: 9px 12px
}

.btn-red {
    color: #fff;
    border-color: #b32230 #b32230 #b32230;
    background-color: #b32230;
    background-image: -moz-linear-gradient(top, #b32230 0%, #b32230 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b32230), color-stop(100%, #b32230));
    background-image: -webkit-linear-gradient(top, #b32230 0%, #b32230 100%);
    background-image: -o-linear-gradient(top, #b32230 0%, #b32230 100%);
    background-image: -ms-linear-gradient(top, #b32230 0%, #b32230 100%);
    background-image: linear-gradient(to bottom, #b32230 0%, #b32230 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b32230', endColorstr='#b32230', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    padding: 9px 12px
}

    .btn-red:hover {
        background: #b32230
    }

    .btn-red:active {
        background-color: #b32230;
        background-image: -moz-linear-gradient(top, #b32230 0%, #b32230 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b32230), color-stop(100%, #b32230));
        background-image: -webkit-linear-gradient(top, #b32230 0%, #b32230 100%);
        background-image: -o-linear-gradient(top, #b32230 0%, #b32230 100%);
        background-image: -ms-linear-gradient(top, #b32230 0%, #b32230 100%);
        background-image: linear-gradient(to bottom, #b32230 0%, #b32230 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b32230', endColorstr='#b32230', GradientType=0);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
        border-color: #b32230 #b32230 #b32230
    }

    .btn-red:disabled {
        background-color: #9c9c9c;
        background-image: -moz-linear-gradient(top, #9c9c9c 0%, #949494 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9c9c9c), color-stop(100%, #949494));
        background-image: -webkit-linear-gradient(top, #9c9c9c 0%, #949494 100%);
        background-image: -o-linear-gradient(top, #9c9c9c 0%, #949494 100%);
        background-image: -ms-linear-gradient(top, #9c9c9c 0%, #949494 100%);
        background-image: linear-gradient(to bottom, #9c9c9c 0%, #949494 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b32230', endColorstr='#b32230', GradientType=0);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
        border-color: #949494 #868686 #777
    }


.btn-orange {
    color: #fff;
    border-color: #ee923a #de812e #cd6f22;
    background-color: #ee9f4d;
    background-image: -moz-linear-gradient(top, #ee9f4d 0%, #ea8a3f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee9f4d), color-stop(100%, #ea8a3f));
    background-image: -webkit-linear-gradient(top, #ee9f4d 0%, #ea8a3f 100%);
    background-image: -o-linear-gradient(top, #ee9f4d 0%, #ea8a3f 100%);
    background-image: -ms-linear-gradient(top, #ee9f4d 0%, #ea8a3f 100%);
    background-image: linear-gradient(to bottom, #ee9f4d 0%, #ea8a3f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee9f4d', endColorstr='#ea8a3f', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    padding: 9px 12px
}

    .btn-orange:hover {
        background: #ee9f4d
    }

    .btn-orange:active {
        background-color: #ea8a3f;
        background-image: -moz-linear-gradient(top, #ea8a3f 0%, #ee9f4d 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea8a3f), color-stop(100%, #ee9f4d));
        background-image: -webkit-linear-gradient(top, #ea8a3f 0%, #ee9f4d 100%);
        background-image: -o-linear-gradient(top, #ea8a3f 0%, #ee9f4d 100%);
        background-image: -ms-linear-gradient(top, #ea8a3f 0%, #ee9f4d 100%);
        background-image: linear-gradient(to bottom, #ea8a3f 0%, #ee9f4d 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea8a3f', endColorstr='#ee9f4d', GradientType=0);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
        border-color: #cd6f22 #de812e #ee923a
    }

    .btn-orange:disabled {
        background-color: #9c9c9c;
        background-image: -moz-linear-gradient(top, #9c9c9c 0%, #949494 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9c9c9c), color-stop(100%, #949494));
        background-image: -webkit-linear-gradient(top, #9c9c9c 0%, #949494 100%);
        background-image: -o-linear-gradient(top, #9c9c9c 0%, #949494 100%);
        background-image: -ms-linear-gradient(top, #9c9c9c 0%, #949494 100%);
        background-image: linear-gradient(to bottom, #9c9c9c 0%, #949494 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c9c9c', endColorstr='#949494', GradientType=0);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
        border-color: #949494 #868686 #777
    }

.btn-link {
    background: none;
    border: none;
    padding: 0;
    color: #083153;
    text-decoration: none;
    font-family: Asap Regular,Arial,sans-serif;
}

.info-row-summary {
    font-weight: bold;
    color: #3b4579
}

#paymentMethods-new .checkoutButton {
    padding-top: 0;
    padding-bottom: 0;
    margin: 1px;
}

    #paymentMethods-new .checkoutButton span {
        padding-left: 10px;
        padding-right: 10px;
    }

.btn-lblock {
    display: block;
    text-align: center;
    position: relative;
}

.btn-large {
    height: 48px;
    line-height: 50px;
    font-size: 18px;
}

#change-method-new {
    cursor: default;
    padding: 0;
    margin-bottom: 25px;
}

#bankIdDiv {
    margin-bottom: 10px;
}

#bankIdChooseType {
    margin: 10px 0;
}

div.RequestBody {
    border: 1px solid silver;
    background-color: #efefef;
    padding: 5px 15px;
    margin-bottom: 10px;
}

div.DetailsPartDiv {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
    border: 1px solid silver;
    padding: 10px;
    background-color: #fff;
}

div.RightPart {
    float: right;
    text-align: right;
    font-size: 10px;
}

div.LeftPart {
    float: left;
}

div.RequestBodyPart {
    height: 42px;
    line-height: 42px;
}


div.partiallyCreditRow {
    line-height: 30px;
    background-color: #eee4dd;
    margin-bottom: 3px;
}


span.partiallyCreditInvoiceButtons {
    float: right;
    line-height: 30px;
    margin: 15px 0;
}

#balanceDiv {
    float: right;
    line-height: 20px;
    padding: 0px 12px 6px 12px;
}

span.balanceAmount {
    margin-left: 30px;
}

.icon-payson-info {
    height: 16px;
    width: 16px;
    background: url(/content/images/question_clean.png) no-repeat transparent 0 0;
    display: inline-block;
    content: ' ';
    margin-left: 5px;
}

div.Tooltip_Containter {
    position: absolute;
    top: -14px;
    left: 0;
    width: 15px;
    height: 17px;
    overflow: hidden
}

div.Tooltip_MiddlePart {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #dbd879
}

div.Tooltip_RightPart {
    position: absolute;
    top: 5px;
    left: 2px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff
}

div.Tooltip_Body {
    background-color: #fff;
    padding: 5px;
    border-radius: 3px;
    border: 2px solid #dbd879;
    box-shadow: 2px 2px 6px #333;
    -moz-box-shadow: 2px 2px 6px #333;
    -webkit-box-shadow: 2px 2px 6px #333;
    max-width: 400px
}

.icon-print {
    height: 14px;
}

.loading-blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.read-more {
    cursor: pointer;
    font-size: smaller;
    padding-left: 2px;
}

    .read-more::before {
        content: '- ';
    }

.annotated-title {
    display: inline;
}

button.flat {
    border: none;
    background: transparent;
    padding: 0;
}

.right {
    float: right;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0.85);
}

.red-text {
    color: red;
}

.green-text {
    color: green;
}

.badge {
    position: relative;
    display: inline-block;
}

.badge-text-contents {
    position: relative;
    font-size: 14px;
    top: -8px;
    right: -4px;
    justify-content: center;
}

.inline-block {
    display: inline-block
}

.spacer {
    margin-top: 20px;
}

.unreadIssueHeader {
    font-weight: bold;
}

.readIssueHeader {
    font-weight: normal;
}

.unreadjewel {
    position: absolute;
    /* left: 24px; */
    background-color: #fa3e3e;
    border-radius: 2px;
    color: white;
    padding: 2px 3px;
    line-height: normal;
    font-size: 12px;
}

.jewelContainer {
    position: relative;
}

.jewelContainerMenu {
    position: relative;
}

.jewelContainer .unreadjewel {
    top: 3px;
    left: 13px;
    position: absolute;
    margin-right: auto;
}

.jewelContainerMenu .unreadjewel {
    top: 15%;
    right: -13px;
}

#spinnercontainer, #processingStatus, #qrcontainer, #processingBankId {
    text-align: center;
}

    #spinnercontainer i {
        font-size: 50px;
        color: silver;
        margin: 10px;
    }

.qrcode {
    width: 100%;
    margin: 16px 0;
    max-width: 200px;
}

#qrcontainer img {
    text-align: center;
    margin: 16px auto;
}


/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}



html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}



/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 2em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p, pre {
    margin: 1em 0;
}



/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

    /**
 * Address `quotes` property not supported in Safari 4.
 */

    q:before,
    q:after {
        content: '';
        content: none;
    }

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input,
textarea {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible; /* 4 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* new nav design */


.mobile-m-menu {
    display: none
}

header, nav {
    display: block
}

.menu-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    max-width: 960px;
}


li.current-lang a {
    background: #083153;
    color: #fff !important
}

header.banner {
    padding: 15px 0;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
    border-bottom: 1px solid #f5f5f5;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: top .4s ease-in-out;
    -o-transition: top .4s ease-in-out;
    transition: top .4s ease-in-out
}

    header.banner #header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear
    }

        header.banner #header nav ul {
            list-style: none
        }

            header.banner #header nav ul li {
                list-style: none;
                display: inline-block;
                position: relative;
                z-index: 10;
            }

                header.banner #header nav ul li ul li.sub-menu-link-item a:hover {
                    background-color: #f5f5f5;
                }

                header.banner #header nav ul li:hover > a {
                    -webkit-transition: all .3s ease;
                    -o-transition: .3s ease all;
                    transition: all .3s ease;
                }

                header.banner #header nav ul li a {
                    color: #083153;
                    text-decoration: none;
                    font-size: 16px;
                    -webkit-transform: scale(1) translateZ(0);
                    transform: scale(1) translateZ(0);
                    -webkit-transition: -webkit-transform .3s;
                    transition: -webkit-transform .3s;
                    -o-transition: -o-transform .3s;
                    transition: transform .3s;
                    transition: transform .3s, -webkit-transform .3s, -o-transform .3s;
                    display: inline-block;
                }


    header.banner .app-logo {
        width: 100px;
    }

.sub-menu {
    position: relative;
}

header.banner #header nav ul {
    list-style: none;
}

.text-menu-item-has-children:after {
    content: "";
    color: #083153;
    position: relative;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii02MTQuOTU3IDczOTcuMjkyIDEzLjM4MiAyMy41OTUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiBub25lOw0KICAgICAgICBzdHJva2U6ICMwODMxNTM7DQogICAgICAgIHN0cm9rZS13aWR0aDogMnB4Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9IlBhdGhfMzIxMyIgZGF0YS1uYW1lPSJQYXRoIDMyMTMiIGNsYXNzPSJjbHMtMSIgZD0iTTY5MC41LDM5NDguNWwxMC45MTgsMTEuMjUsMTEuMjUzLTExLjI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU2Mi43NSA4MTEwLjY3Mikgcm90YXRlKC05MCkiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat;
    width: 7px;
    height: 12px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    right: -4px;
}

.image-menu-item-has-children:after {
    content: "";
    color: #083153;
    position: relative;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii02MTQuOTU3IDczOTcuMjkyIDEzLjM4MiAyMy41OTUiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiBub25lOw0KICAgICAgICBzdHJva2U6ICMwODMxNTM7DQogICAgICAgIHN0cm9rZS13aWR0aDogMnB4Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9IlBhdGhfMzIxMyIgZGF0YS1uYW1lPSJQYXRoIDMyMTMiIGNsYXNzPSJjbHMtMSIgZD0iTTY5MC41LDM5NDguNWwxMC45MTgsMTEuMjUsMTEuMjUzLTExLjI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU2Mi43NSA4MTEwLjY3Mikgcm90YXRlKC05MCkiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat;
    width: 7px;
    height: 12px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    right: -4px;
}

.menu-item-has-children:hover > .sub-menu {
    display: block
}

.text-menu-item-has-children:hover:after {
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 0px;
}

.image-menu-item-has-children:hover:after {
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: -4px;
}

.image-menu-item:after {
    top: -3px;
}

.image-menu-item {
    top: -1px;
}

.text-menu-item:after {
    top: 0px;
}

.text-menu-item {
    margin-top: 8px;
}

header.banner #header nav ul li:hover > a {
    -webkit-transition: all .3s ease;
    -o-transition: .3s ease all;
    transition: all .3s ease
}

.sub-menu {
    display: none;
    position: absolute;
    padding: 15px 0;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #f5f5f5;
    z-index: 3;
    -moz-box-shadow: 0 7px 7px 1px #ccc;
    -webkit-box-shadow: 0 7px 7px 1px #ccc;
    box-shadow: 0 7px 7px 1px #ccc;
}

.mobile-switch-account {
    display: none;
}

.logged-in-brand {
    vertical-align: middle;
    margin-right: 90px;
}

.sub-menu li {
    width: 100%;
}

.mobile-nav-arrow.rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    /* IE6–IE9 */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12= - 0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');
    zoom: 1;
}

.mobile-nav-arrow {
    margin-top: 11px;
    /* -webkit-transition: all 500ms ease-in-out; */
    /* -moz-transition: all 500ms ease-in-out; */
    /* -o-transition: all 500ms ease-in-out; */
    /* -ms-transition: all 500ms ease-in-out; */
}

.sub-menu li:last-child {
    padding-bottom: 0 !important
}

.mobile-menu #mobile-burger {
    color: #231f20;
    font-size: 35px;
    padding: 0;
    margin-right: 20px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.close-mobile-menu {
    display: none
}

.right-header-item {
    width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.alternate-account-input {
    background: transparent;
    border: transparent;
    font-size: 16px;
    color: #183e5e;
    position: relative;
    left: -5px;
}

alternate-account-input:focus {
    outline: none;
    border: 0;
}

.blue-icon {
    color: #183e5e;
}

.menu-item-hidden-new {
    display: none !important;
}

#current-user, #balance-display, #change-account-link {
    cursor: auto;
    font-size: 14px;
}

.nav-primary {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 15px
}

    .nav-primary ul {
        list-style: none;
        background: #fff;
        padding: 0;
        margin: 0
    }

        .nav-primary ul.sub-menu li.sub-menu-link-item a {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 15px;
        }

.mobile-menu {
    margin-top: 15px;
    -webkit-overflow-scrolling: touch;
}

#mobile-change-account-link {
    padding: 0 0;
    border-bottom: 1px solid silver;
    line-height: 2.5;
}

.change-account-div {
    border-top: 1px solid silver;
    margin: 0 15px 15px 15px;
}

#mobile-profile-nav {
    margin-top: 10px;
}

#profile-nav-dropdown {
    cursor: pointer;
}

#mobileBalanceLabel {
    margin-bottom: 5px;
}

.userEmail {
    margin: 15px 15px 15px 15px;
}

.mobile-user-email {
    margin-top: 4px;
    margin-left: 36px;
}

.mobile-profile-icon {
    float: left;
    color: #183e5e;
}

#mobile-sign-out {
    float: right;
    font-size: 16px;
}

.change-account-label {
    margin-top: 15px;
}

.alternate-account {
    padding-top: 10px;
    cursor: pointer;
    width: 200px;
}

.mobile-alternate-account {
    cursor: pointer;
    width: 200px;
    font-size: 16px;
}


#balances {
    margin-bottom: 15px;
}


#amount-display {
    border-bottom: 1px solid silver;
}

.userBalanceAmount {
    margin: 10px 15px;
}

#balanceLabel {
    margin: 0 0 5px 15px
}

#profile-nav-dropdown ul {
    left: -140px;
}

.nav-primary ul.sub-menu .menu-item-has-children:hover:after {
    top: 20px
}

.nav-primary ul.sub-menu .menu-item-has-children:after {
    position: absolute;
    top: 20px;
    right: 12px
}

#create-new-account-link {
    background: #00aece;
}

.nav-buttons a:hover {
    color: #fff;
}

.nav-primary ul li {
    display: block;
    position: relative;
    float: left;
    background: #fff;
}


    .nav-primary ul li a {
        display: block;
        text-decoration: none;
        white-space: nowrap;
        color: #fff;
    }

.nav-primary ul ul ul {
    left: 100%;
    top: 0
}

.nav-primary ul:after, .nav-primary ul:before {
    content: " ";
    display: table
}

.nav-primary ul:after {
    clear: both
}

.nav-primary li {
    position: relative
}

    .nav-primary li ul {
        display: none
    }

    .nav-primary li:hover > ul {
        display: block;
        position: absolute
    }

.sub-menu li:hover a {
    background-color: black;
}

.top-nav-menu {
    width: 50%;
}

.top-menu-item {
    margin: 3px 45px auto 20px;
}

.nav-primary li:hover li {
    float: none
}

.nav-primary li:hover a {
    background: #fff
}

.text-center {
    text-align: center
}

#mobile-top-menu {
    padding: 0 0 0 10px;
    font-size: 16px;
}

    #mobile-top-menu > li:last-child {
        margin-bottom: 50px;
    }

.switchAccountLabel {
    margin-bottom: 5px;
}

.switchAccountDropdownList {
    margin-bottom: 15px;
}

.mobile-sub-menu {
    position: relative;
    margin: 0 0 0 -27px;
}

    .mobile-sub-menu ul {
        padding: 0 0 0 40px;
    }

.mobile-menu-container {
    padding-right: 25px;
    padding-left: 25px;
    content: "";
    height: 100%;
    width: 100%;
    position: fixed;
    background: white;
    z-index: 1000;
    transition: 0.5s;
    overflow-y: scroll;
    height: calc(100% - 60px);
}

.mobile-top-menu-item {
    margin-top: 10px;
}

.mobile-menu-item {
    line-height: 1.5;
    padding-top: 10px;
}


@media(min-width:200px) and (max-width:991px) {

    header.banner {
        padding: 12px 0
    }
}
/* end new nav design*/

.WarningInformation > .informationBoxImage {
    background: url("/Content/images/warning-image.svg");
    background-repeat: no-repeat;
    line-height: normal;
    height: 70px;
    margin-left: 20px;
}

.FactInformation > .informationBoxImage {
    background: url("/Content/images/info-star-image-no-underline.svg");
    background-repeat: no-repeat;
    line-height: normal;
    height: 70px;
    margin-left: 20px;
}

.informationBoxImage.swish {
    background: url("/Content/images/methods/swish.svg");
    background-repeat: no-repeat;
}

.informationBoxImage.bankid {
    background: url("/Content/images/bankid/BankID_logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.infoBoxTitle {
    font-weight: bold;
    font-size: 10px;
}

.infoBoxText {
    margin-top: 3px;
}

.infoBoxButton {
    margin-top: 20px;
}

.FactInformation {
    border: 1px solid #083153;
    border-radius: 5px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.WarningInformation {
    border: 1px solid #EB8D37;
    border-radius: 5px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.transactionWarnInfoBox {
    margin: 20px 0;
}

.errorWarnInfoBox {
    margin: 20px 0;
}

.accountBankIdLoginImage {
    height: 30px;
}

.signInMobileBankIdButtonText, signInBankIdButton {
    margin: 0 8px 0 10px;
}

.mobileBankIdSignInButton {
    display: flex;
    align-items: center;
    min-width: 110px;
    padding: 6px;
    margin-top: 8px;
}

#WithdrawSummary {
    margin-bottom: 10px;
}

#fetchBusinessDetailsButtonDiv {
    display: flex;
    align-items: center;
}

.transactionInfoText {
    padding: 0 0 15px 0;
}

#inviteOwnersBtn {
    margin-top: 8px;
}

#fetchBusinessInformationBtn {
    margin-top: 6px;
}

.continueTransactionButton {
    margin-bottom: 25px;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

/* popups start */

#popup {
    overflow-y: auto;
}

div.popup-body {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

    div.popup-body .popup-shirm {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #fff;
        opacity: .7;
    }

    div.popup-body .outer {
        display: table;
        position: absolute;
        height: 100%;
        width: 100%;
    }

    div.popup-body .middle {
        display: table-cell;
        vertical-align: middle;
    }

    div.popup-body .container {
        width: 80%;
        max-width: 350px;
        height: auto;
        background-color: #fff;
        border: 1px solid silver;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        border-radius: 3px;
        overflow-y: auto;
    }

    div.popup-body .content {
        padding: 30px;
    }

.popupLabel {
    text-align: center;
    color: #083153;
    font-weight: bold;
    font-size: 14px;
}
#errorPopup .popupLabel {
    color: red;
}

.right-popup-button {
    margin-left: 10px;
}


/* popups end */

.creditItemButton {
    display: inline-flex;
    align-items: center;
}

.creditRowInputField {
    background-color: white;
}

.creditRow {
    padding: 5px 0 2px 0;
}

#selectCreditTypeToggle {
    margin-bottom: 20px;
}

.creditRowDescription {
    margin: 18px 0 18px 24px;
}

.CompanyOwnerLine {
    padding-bottom: 15px;
}

.hidden-option {
    display: none;
}

.charcounter {
    margin-top: 8px;
    text-align: right;
}

.purchase-popup-buttons {
    margin-top: 16px;
    text-align: right;
}

.generic-popup-buttons {
    text-align: right;
}

.cancel-btn {
    margin-right: 8px;
}

.error-message-box {
    margin-top: 16px;
}

#UserProfileData_IsPep[value=no] {
    margin-bottom: 16px;
}

.popup-text-div {
    margin: 16px 0 24px 0;
}

.action-button-icon {
    margin-bottom: 10px;
}

.action-button {
    margin-bottom: 10px;
    padding: 9.5px 12px;
}

.action-button-icon {
    margin-right: 8px;
}

.my-user-details-informationbox {
    margin-top: 16px;
}

.signable-agreement-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 9px 12px;
}

#temporary-banner a {
    cursor: pointer;
}

.pick-withdraw-alternative {
    border: 1px solid #28315c;
    border-radius: 8px;
    max-width: 140px;
    margin-bottom: 19px;
}

@media (max-width: 567px) {
    .pick-withdraw-alternative {
        min-width: 100%;
        max-width: 100%;
    }
}

.pick-withdraw-alternative:hover {
    cursor: pointer;
}

    .pick-withdraw-alternative:hover .pick-alternative-logo > i {
        color: #083153;
    }

.selected-withdraw-alternative {
    border-width: 3px !important;
}

.pick-alternative-logo {
    padding: 16px;
    color: #A2ACBD;
    text-align: center;
}

@media (max-width: 567px) {
    .pick-alternative-logo {
        padding: 8px;
    }
}

@media (max-width: 567px) {
    .pick-alternative-logo > i {
        font-size: 2em;
    }
}

.selected-withdraw-alternative .pick-alternative-logo {
    padding: 14px 16px 16px 16px;
}

@media (max-width: 567px) {

    .selected-withdraw-alternative .pick-alternative-logo {
        padding: 6px 8px 8px 8px;
    }
}

.selected-withdraw-alternative .pick-alternative-logo > i {
    color: #083153;
}

.pick-alternative-description {
    padding: 0 8px 8px 8px;
    text-align: center;
}

@media (max-width: 567px) {
    .pick-alternative-description {
        font-size: 12px;
    }
}

.selected-withdraw-alternative .pick-alternative-description {
    font-weight: bold;
    padding: 0 8px 6px 8px;
}

.autoWithdrawBankAccountListing {
    margin-bottom: 40px;
}

.loginListing {
    margin-bottom: 20px;
}

.submit-accounting-connections {
    margin-top: 24px;
}

@media (max-width: 568px) {
    .mobile-align-center {
        text-align: center;
    }
}

.accounting-partner-alternative {
    border: 1px solid #A2ACBD;
    border-radius: 4px;
    padding: 8px;
}

.fortnox-logo {
    height: 34px;
}

.visma-logo {
    padding: 0;
    text-align: center;
}


.fortnox-logo-div {
    margin: 21px 0 27px 20px;
    text-align: center;
}

.visma-logo-div {
    text-align: center;
}


.accounting-partner-description {
    margin-top: 0;
}

.accounting-partner-btn {
    margin: 24px 20px;
    text-align: center;
}

.accounting-company-name {
    vertical-align: 0.4em;
    margin-left: 8px;
}

.accounting-partner-info {
    padding-bottom: 16px;
}

.grey-message-box {
    background-color: #f5f5f5;
    padding: 16px;
    margin: 24px 0;
}

.refresh-link {
    margin-top: 8px;
}

.submit-accounting-settings, .submit-report-settings {
    margin-top: 16px;
    text-align: right;
}

.resume-connection-box {
    background-color: #f5f5f5;
    margin-top: 32px;
    padding: 16px;
}

.accounting-error-box {
    background-color: #ffe8e8;
    margin-top: 32px;
    padding: 16px;
}

.accounting-synch-inactive {
    margin-top: 8px;
    color: #b32230;
}

.accounting-synch-active {
    margin-top: 8px;
    color: green;
}

.datepicker-error-msg {
    color: red;
    margin-top: 8px;
}

div > .calendar-inp {
    padding-left: 0;
}


.report-option {
    padding-left: 5px;
    margin-top: 24px;
}

#reportsPool {
    margin-top: 16px;
}

.search-form {
    background-color: transparent;
    margin-bottom: 20px;
}

.action-button-with-logo {
    margin-bottom: 10px;
}

/*pep info toggle*/

.pep-info, .operated-from-outside-se-info {
    border: 1px solid silver;
    margin: 8px 0 16px 0;
    overflow: hidden;
    display: none;
    border-radius: 3px;
}

.what-is-pep-text, .what-is-operated-from-outside-se-text {
    padding: 16px 10px;
}


.what-is-pep-caret, .what-is-operated-from-outside-se-caret {
    margin-top: 0px;
    font-size: 12px;
    margin-right: 5px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.what-is-pep-div, .what-is-operated-from-outside-se-div {
    margin: 8px 0px;
    cursor: pointer;
}

.what-is-pep-div span, .what-is-operated-from-outside-se-div span {
    color: #1e3a79 !important;
    cursor: pointer;
}

.what-is-pep-text, .what-is-operated-from-outside-se-text {
    padding: 16px 10px;
}

.what-is-pep-caret, .what-is-operated-from-outside-se-caret {
    margin-top: 0px;
    font-size: 12px;
    margin-right: 5px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.what-is-pep-caret.down, .what-is-operated-from-outside-se-caret.down {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#pay {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-color: #fff;
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    width: 568px;
}

#hero-row {
    background-color: #f3f3f3;
    color: #686868;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
    min-height: 52px;
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
}

#top-row {
    min-height: 80px;
    height: 80px;
    margin-top: 10px;
    font-size: 12px;
}

#logo {
    background: url("/content/images/sprite.png") top left no-repeat;
    display: block;
    width: 176px;
    height: 52px;
    overflow: hidden;
    float: left;
    margin-left: 40px;
}

#flag-menu {
    float: right;
    margin-bottom: 10px;
    margin-right: 30px;
}

#flag-menu .fi-flag {
    background: url("/content/images/sprite.png") -416px top no-repeat;
    width: 16px;
    height: 11px;
    display: block;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

#flag-menu .sv-flag {
    background: url("/content/images/sprite.png") -400px top no-repeat;
    width: 16px;
    height: 11px;
    display: block;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

#flag-menu .en-flag {
    background: url("/content/images/sprite.png") -432px top no-repeat;
    width: 16px;
    height: 11px;
    display: block;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

#language-container {
    height: 70px;
    border-left: 1px solid #d7d7d7;
}

#language-container select {
    width: 100px;
    border: none;
    -moz-appearance: window;
}

#hero-row h1 {
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 1em;
    margin: 0;
}

#footer {
    margin-left: auto;
    margin-right: auto;
    width: 568px;
    background-color: #28315c;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer > p {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    text-align: right;
    color: white;
}

#footer > p > .phone-span {
    background: url(/content/images/support_phone.png) no-repeat;
    background-position: 0px;
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#main-area {
    padding-left: 50px; 
    padding-right: 50px; 
    padding-top: 40px; 
    padding-bottom: 40px;
}

#paymentMethods .checkoutButton {
    padding: 0;
    height: 45px;
}

#paymentMethods .checkoutButton span {
    padding-left: 10px;
    padding-right: 10px;
}

#language-container {
    padding-left: 10px;
    padding-right: 10px;
    float: right;
}

@media screen and (max-width: 568px) {
    #pay {
        width: 100%;
    }

    #footer {
        width: 100%;
    }

    #main-area {
        padding-left: 30px; 
        padding-right: 30px;
    }
}

.disabled form {
    pointer-events: none;
    color: gray !important;
}

.deposit-method-selector, #change-method {
    padding-left: 0px;
    margin-bottom: 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    font-size: 14px;
}

.deposit-method-CreditCardHosted,
.deposit-method-CreditCardHostedEUR,
.deposit-method-CreditCardHostedUSD,
.deposit-method-CreditCardDevCode,
.deposit-method-CreditCardDevCodeEUR,
.deposit-method-CreditCard,
.deposit-method-SavedCreditCard,
.deposit-method-CreditCardEUR,
.deposit-method-CreditCardUSD,
.deposit-method-SavedCreditCardEUR {
    background-image: url("/content/images/methods/CreditCard.png");
}

.deposit-method-SveaSwedBank,
.deposit-method-SwedBank {
    background-image: url("/content/images/methods/SwedBank.png");
}

.deposit-method-SveaHandelsbanken,
.deposit-method-Handelsbanken {
    background-image: url("/content/images/methods/Handelsbanken.png");
}

.deposit-method-SveaSEB,
.deposit-method-SEB2 {
    background-image: url("/content/images/methods/SEB2.png");
}

.deposit-method-Nordea,
.deposit-method-SveaNordea,
.deposit-method-FinlandNordea {
    background-image: url("/content/images/methods/Nordea.png");
}

.deposit-method-Bankgiro {
    background-image: url("/content/images/methods/Bankgiro.png");
}

.deposit-method-DanskeBank {
    background-image: url("/content/images/methods/DanskeBank.png");
}

.deposit-method-FinlandSampo,
.deposit-method-SveaDanskeBankFinland {
    background-image: url("/content/images/methods/sampo.png");
}

.deposit-method-FinlandOKO {
    background-image: url("/content/images/methods/op-pohjola.png");
}

.deposit-method-NoneSEK,
.deposit-method-NoneEUR,
.deposit-method-NoneUSD,
.deposit-method-NoneNOK {
    background-image: url("/content/images/methods/AvailableFunds.png");
}

.deposit-method-SveaInvoice {
    background-image: url("/content/images/methods/Invoice.png");
}

.deposit-method-TrustlySEK, .deposit-method-TrustlyEUR{ 
    float: left;
    margin-left: 20px;
    margin-top: 11px;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 25px;
    width: 123px;
    background-image: url("https://static.trustly.com/logotype/footer/trustly_80.png");
}

.deposit-method-selector span {
    float: right;
}

.deposit-method-CreditCardHosted,
.deposit-method-CreditCardHostedEUR,
.deposit-method-CreditCardHostedUSD,
.deposit-method-CreditCardHostedNOK,
.deposit-method-CreditCardDevCode,
.deposit-method-CreditCardDevCodeEUR,
.deposit-method-CreditCard,
.deposit-method-SavedCreditCard,
.deposit-method-CreditCardEUR,
.deposit-method-CreditCardUSD,
.deposit-method-SavedCreditCardEUR,
.deposit-method-SveaSwedBank,
.deposit-method-SwedBank,
.deposit-method-SveaHandelsbanken,
.deposit-method-SveaSEB,
.deposit-method-Handelsbanken,
.deposit-method-SEB2,
.deposit-method-SveaNordea,
.deposit-method-Nordea,
.deposit-method-FinlandSampo,
.deposit-method-FinlandNordea,
.deposit-method-FinlandOKO,
.deposit-method-SveaDanskeBankFinland,
.deposit-method-NoneSEK,
.deposit-method-NoneEUR,
.deposit-method-SveaInvoice,
.deposit-method-DanskeBank,
.deposit-method-Bankgiro {
    float: left;
    margin-left: 20px;
    margin-top: 11px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 123px 25px;
    height: 25px;
    width: 123px;
}

.unselect-method {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 0px;
    border-style: solid;
    border-top-right-radius: 1px;
    border-top-left-radius: 0px;
    border-width: 0px;
    float: right;
    font-size: 14px;
    height: 46px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

#order-description {
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    border-radius: 7px 7px 0px 0px;
    border-bottom: 1px solid #d7d7d7;
    padding: 20px 20px 5px 20px;
    text-align: center;
    margin-bottom: 20px;
}

.formDiv {
    /*display: none;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

#transactionTabs li a {
    text-decoration: none;
    color: #FFF;
}

#transactionTabs li.selectedTab a, .transactionTitle a {
    text-decoration: none;
    color: #000;
}

#change-method .unselect-method {
    width: inherit;
}

#selected-payment-method-img {
    position: absolute;
}

.deposit-method-selector > div {
    position: absolute;
}

#sums-table-mobile {
    text-align: center;
    border: 1px solid #cecece;
    width: 100%;
}

.transactionField {
    margin-bottom: 15px;
}

    .transactionField label {
        margin-bottom: 2px;
    }

@media screen and (max-width: 567px) {
    #transactionTabs {
        display: none;
    }

    #transactionContainers > div {
        background: #f7f7f7;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #e2e2e2;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #e2e2e2;
        position: relative;
        cursor: pointer;
    }

    #transactionContainers .transactionSelected {
        background: #ffffff;
        border: none;
    }

    .transactionTitle {
        font-size: 20px;
        line-height: 40px;
    }

        .transactionTitle img {
            margin-left: 20px;
        }
}

@media screen and (min-width: 568px) {
    .transactionTitle {
        display: none;
    }

    #transactionTabs {
        margin: 0;
        padding: 0;
        display: block;
        cursor: pointer;
    }

        #transactionTabs li {
            display: inline;
            border-top: 1px solid #666;
            border-left: 1px solid #666;
            text-decoration: none;
            padding: 2px 10px;
            font-size: 20px;
            background-color: #28315c;
            color: white;
        }

            #transactionTabs li:last-child {
                border-right: 1px solid #666;
            }

        #transactionTabs .selectedTab {
            background: white;
            color: black;
        }

    #transactionContainers {
        border-style: solid;
        border-width: 1px;
        border-color: #666;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        padding: 30px;
        margin-bottom: 30px;
        background-color: #FFF;
    }

    .checkout-back-div {
        position: absolute;
        bottom: 15px;
        right: 15px;
    }

    .grid-container {
        position: relative;
    }

    .withdraw-summary {
        margin-bottom: 25px;
    }

    .withdraw-finalize {
        padding: 10px;
        border-radius: 10px;
        border: 1px solid lightsalmon;
    }

    .disabled button{
        background-color: gray !important;
    }
    .disabled input {
        background-color: white !important;
    }

    .disabled a.icon-payson-info{
        opacity: 0.5 !important;
        filter: alpha(opacity=50); /*IE 5-7*/
    }
}

.payson-account-table {

}

.payson-account-table.odd{
    background-color: #f4f4f4;
}

.payson-account-table.even{
    background-color: #fcfcfc;
}

.payson-account-table-header > td{
    text-align: center;
}

.payson-account-table .center{
    text-align: center;
}

.payson-account-table tr{
    height: 35px;
}

.payson-account-table td{
    padding-left: 5px;
    padding-right: 5px;
}

.payson-account-table-header {
    font-weight: bold
}
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media screen and (max-width: 568px) {
  @-ms-viewport {
    width: 320px;
}
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.grid-container:before, .grid-5:before, .mobile-grid-5:before, .tablet-grid-5:before, .grid-10:before, .mobile-grid-10:before, .tablet-grid-10:before, .grid-15:before, .mobile-grid-15:before, .tablet-grid-15:before, .grid-20:before, .mobile-grid-20:before, .tablet-grid-20:before, .grid-25:before, .mobile-grid-25:before, .tablet-grid-25:before, .grid-30:before, .mobile-grid-30:before, .tablet-grid-30:before, .grid-35:before, .mobile-grid-35:before, .tablet-grid-35:before, .grid-40:before, .mobile-grid-40:before, .tablet-grid-40:before, .grid-45:before, .mobile-grid-45:before, .tablet-grid-45:before, .grid-50:before, .mobile-grid-50:before, .tablet-grid-50:before, .grid-55:before, .mobile-grid-55:before, .tablet-grid-55:before, .grid-60:before, .mobile-grid-60:before, .tablet-grid-60:before, .grid-65:before, .mobile-grid-65:before, .tablet-grid-65:before, .grid-70:before, .mobile-grid-70:before, .tablet-grid-70:before, .grid-75:before, .mobile-grid-75:before, .tablet-grid-75:before, .grid-80:before, .mobile-grid-80:before, .tablet-grid-80:before, .grid-85:before, .mobile-grid-85:before, .tablet-grid-85:before, .grid-90:before, .mobile-grid-90:before, .tablet-grid-90:before, .grid-95:before, .mobile-grid-95:before, .tablet-grid-95:before, .grid-100:before, .mobile-grid-100:before, .tablet-grid-100:before, .grid-33:before, .mobile-grid-33:before, .tablet-grid-33:before, .grid-66:before, .mobile-grid-66:before, .tablet-grid-66:before, .clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .clearfix:after {
  clear: both;
}

.grid-container, .grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66, .clearfix {
  /* <IE7> */
  *zoom: 1;
  /* </IE7> */
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  /* <IE7> */
  *padding-left: 0;
  *padding-right: 0;
  /* </IE7> */
}
.grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * {
  /* <IE7> */
  *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
  *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
  /* </IE7> */
}

.grid-parent {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 567px) {
  .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
    position: relative;
  }

  .hide-on-mobile {
    display: none !important;
  }

    .grid-text-right {
        text-align: left !important;
    }

  .no-righttext-on-mobile {
    text-align: left !important;
  }

  .mobile-grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-5 {
    margin-left: 5%;
  }

  .mobile-suffix-5 {
    margin-right: 5%;
  }

  .mobile-push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-10 {
    margin-left: 10%;
  }

  .mobile-suffix-10 {
    margin-right: 10%;
  }

  .mobile-push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-15 {
    margin-left: 15%;
  }

  .mobile-suffix-15 {
    margin-right: 15%;
  }

  .mobile-push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-20 {
    margin-left: 20%;
  }

  .mobile-suffix-20 {
    margin-right: 20%;
  }

  .mobile-push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-25 {
    margin-left: 25%;
  }

  .mobile-suffix-25 {
    margin-right: 25%;
  }

  .mobile-push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-30 {
    margin-left: 30%;
  }

  .mobile-suffix-30 {
    margin-right: 30%;
  }

  .mobile-push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-35 {
    margin-left: 35%;
  }

  .mobile-suffix-35 {
    margin-right: 35%;
  }

  .mobile-push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-40 {
    margin-left: 40%;
  }

  .mobile-suffix-40 {
    margin-right: 40%;
  }

  .mobile-push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-45 {
    margin-left: 45%;
  }

  .mobile-suffix-45 {
    margin-right: 45%;
  }

  .mobile-push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-50 {
    margin-left: 50%;
  }

  .mobile-suffix-50 {
    margin-right: 50%;
  }

  .mobile-push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-55 {
    margin-left: 55%;
  }

  .mobile-suffix-55 {
    margin-right: 55%;
  }

  .mobile-push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-60 {
    margin-left: 60%;
  }

  .mobile-suffix-60 {
    margin-right: 60%;
  }

  .mobile-push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-65 {
    margin-left: 65%;
  }

  .mobile-suffix-65 {
    margin-right: 65%;
  }

  .mobile-push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-70 {
    margin-left: 70%;
  }

  .mobile-suffix-70 {
    margin-right: 70%;
  }

  .mobile-push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-75 {
    margin-left: 75%;
  }

  .mobile-suffix-75 {
    margin-right: 75%;
  }

  .mobile-push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-80 {
    margin-left: 80%;
  }

  .mobile-suffix-80 {
    margin-right: 80%;
  }

  .mobile-push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-85 {
    margin-left: 85%;
  }

  .mobile-suffix-85 {
    margin-right: 85%;
  }

  .mobile-push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-90 {
    margin-left: 90%;
  }

  .mobile-suffix-90 {
    margin-right: 90%;
  }

  .mobile-push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-95 {
    margin-left: 95%;
  }

  .mobile-suffix-95 {
    margin-right: 95%;
  }

  .mobile-push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 568px) and (max-width: 790px) {
  .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
    position: relative;
  }

  .hide-on-tablet {
    display: none !important;
  }

  .grid-text-right {
        text-align: left !important;
    }

  .no-righttext-on-tablet {
    text-align: left !important;
  }

  .tablet-grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-5 {
    margin-left: 5%;
  }

  .tablet-suffix-5 {
    margin-right: 5%;
  }

  .tablet-push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-10 {
    margin-left: 10%;
  }

  .tablet-suffix-10 {
    margin-right: 10%;
  }

  .tablet-push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-15 {
    margin-left: 15%;
  }

  .tablet-suffix-15 {
    margin-right: 15%;
  }

  .tablet-push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-20 {
    margin-left: 20%;
  }

  .tablet-suffix-20 {
    margin-right: 20%;
  }

  .tablet-push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-25 {
    margin-left: 25%;
  }

  .tablet-suffix-25 {
    margin-right: 25%;
  }

  .tablet-push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-30 {
    margin-left: 30%;
  }

  .tablet-suffix-30 {
    margin-right: 30%;
  }

  .tablet-push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-35 {
    margin-left: 35%;
  }

  .tablet-suffix-35 {
    margin-right: 35%;
  }

  .tablet-push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-40 {
    margin-left: 40%;
  }

  .tablet-suffix-40 {
    margin-right: 40%;
  }

  .tablet-push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-45 {
    margin-left: 45%;
  }

  .tablet-suffix-45 {
    margin-right: 45%;
  }

  .tablet-push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-50 {
    margin-left: 50%;
  }

  .tablet-suffix-50 {
    margin-right: 50%;
  }

  .tablet-push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-55 {
    margin-left: 55%;
  }

  .tablet-suffix-55 {
    margin-right: 55%;
  }

  .tablet-push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-60 {
    margin-left: 60%;
  }

  .tablet-suffix-60 {
    margin-right: 60%;
  }

  .tablet-push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-65 {
    margin-left: 65%;
  }

  .tablet-suffix-65 {
    margin-right: 65%;
  }

  .tablet-push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-70 {
    margin-left: 70%;
  }

  .tablet-suffix-70 {
    margin-right: 70%;
  }

  .tablet-push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-75 {
    margin-left: 75%;
  }

  .tablet-suffix-75 {
    margin-right: 75%;
  }

  .tablet-push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-80 {
    margin-left: 80%;
  }

  .tablet-suffix-80 {
    margin-right: 80%;
  }

  .tablet-push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-85 {
    margin-left: 85%;
  }

  .tablet-suffix-85 {
    margin-right: 85%;
  }

  .tablet-push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-90 {
    margin-left: 90%;
  }

  .tablet-suffix-90 {
    margin-right: 90%;
  }

  .tablet-push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-95 {
    margin-left: 95%;
  }

  .tablet-suffix-95 {
    margin-right: 95%;
  }

  .tablet-push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-33 {
    margin-left: 33.33333%;
  }

  .tablet-suffix-33 {
    margin-right: 33.33333%;
  }

  .tablet-push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-66 {
    margin-left: 66.66667%;
  }

  .tablet-suffix-66 {
    margin-right: 66.66667%;
  }

  .tablet-push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 791px) {
  .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
    position: relative;
  }

  .hide-on-desktop {
    display: none !important;
  }

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

  .grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-5 {
    margin-left: 5%;
  }

  .suffix-5 {
    margin-right: 5%;
  }

  .push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-55 {
    margin-left: 55%;
  }

  .suffix-55 {
    margin-right: 55%;
  }

  .push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-60 {
    margin-left: 60%;
  }

  .suffix-60 {
    margin-right: 60%;
  }

  .push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }
}

.jqplot-target{position:relative;color:#666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1em}.jqplot-axis{font-size:.75em}.jqplot-xaxis{margin-top:10px}.jqplot-x2axis{margin-bottom:10px}.jqplot-yaxis{margin-right:10px}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom}.jqplot-yaxis-tick{right:0;top:15px;text-align:right}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute}.jqplot-yMidAxis-label{font-size:11pt;position:absolute}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute}.jqplot-meterGauge-tick{font-size:.75em;color:#999}.jqplot-meterGauge-label{font-size:1em;color:#999}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em}td.jqplot-table-legend{vertical-align:middle}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through}div.jqplot-table-legend-swatch-outline{border:1px solid #ccc;padding:1px}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid}.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.2em}table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-point-label{font-size:.75em;z-index:2}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em}.jqplot-error{text-align:center}.jqplot-error-message{position:relative;top:46%;display:inline-block}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%)}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7)}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3)}

body {
    font: 14px/18px Asap Regular,Arial,sans-serif;
    font-family: "Asap Regular", Arial, sans-serif;
}

.calendar {
    border-spacing: 1px;
}

.hideCalendar {
    margin: 16px 0 8px 0;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.cal__container {
    height: 100%;
    overflow: hidden;
    margin-top: 16px;
}

.cal__controls {
    font-size: 22px;
    justify-content: space-between;
    margin-bottom: 10px;
    display: flex;
    margin-bottom: 0;
}

.cal__controls span {
    padding: 5px;
    cursor: pointer;
}

.datepicker-container .selected {
    background-color: #EB8D36 !important;
    color: #fff;
    opacity: 0.7;
}

@media (max-width: 568px) {
    .datepicker-container {
        margin-left: auto;
        margin-right: auto;
    }
}

.selected__start {
    background-color: #EB8D36 !important;
    color: #fff !important;
}

.datepicker-container .disabled {
    text-decoration: line-through;
    color: #e5e5e5 !important;
    cursor: not-allowed !important;
}

.datepicker-container .disabled:hover {
        background-color: #fff !important;
    }

.month {
    /*margin-top: 20px;*/
}

.month span {
    font-size: 16px;
}

.datepicker-container table {
    border-collapse: collapse;
    width: calc(100% - 1px);
}

.datepicker-container tr:first-of-type td {
    text-transform: uppercase;
}

.datepicker-container th {
    font-size: 14px;
    width: 30px;
    height: 30px;
    border: 1px solid #111 !important;
    border: none !important;
    text-transform: uppercase;
    font-weight: bold;
}

.datepicker-container td {
    height: 35px;
    border: 1px solid #ededed;
    font-size: 14px;
    text-align: center;
    position: relative;
}

.datepicker-container td:hover {
    background-color: #ededed;
    cursor: pointer;
}

.datepicker-container select {
    height: 35px;
    width: 100%;
    font-size: 18px;
    text-align: center;
}

.calendar-input {
    width: 100%;
    display: grid;
    margin-bottom: 10px;
}

.calendar-input div {
    height: 40px;
    border: none;
    padding-left: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.calendar-input div i {
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 0;
}

.calendar-input div input {
    margin: auto;
    position: relative;
    width: 100%;
    border: none;
}

.datepicker-container .clear {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-top: 10px;
    background-color: #e5e5e5;
    border-radius: 3px;
    border: none;
    display: block;
    color: #000;
    margin: 10px auto;
    cursor: pointer;
}

.more__months {
    display: block;
    text-align: center;
    padding: 10px 15px;
    border: 1px solid #ededed;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ff5a5f;
    color: #ff5a5f;
    transition: all 0.2s ease;
    margin-bottom: 50px;
}

.more__months:hover {
    background-color: #ff5a5f;
    color: #fff;
}

.circles {
    border-collapse: unset;
}

.circles td {
    border: none !important;
    border-radius: 50%;
}

.datepicker-container {
    width: 255px;
    margin-top: 24px;
}

.color__container {
    position: absolute;
    top: 700px;
    width: 150px;
    display: flex;
    left: calc(50% - 75px);
}

.shapes__container {
    position: absolute;
    top: 750px;
    width: 150px;
    display: flex;
    left: calc(50% - 75px);
}

.shapes {
    margin: auto;
}

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

.shapes li {
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #5a5a5a;
}

.shapes li:nth-of-type(1) {
    border-radius: 50%;
}

.shapes li:nth-of-type(2) {
    border-radius: 0;
}

.colors {
    margin: auto;
}

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

.colors li {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.colors li:nth-of-type(1) {
    background-color: #914669;
}

.colors li:nth-of-type(2) {
    background-color: #00a699;
}

.colors li:nth-of-type(3) {
    background-color: #ff5a5f;
}

.clear__btn {
    display: flex;
    height: 15px;
}

.clear__btn .clear {
    display: block;
}

.single table {
    animation: pop 0.1s forwards;
}

@keyframes pop {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

.single .cal__container {
    display: grid;
}

.single .month__controls {
    display: grid;
    grid-template-columns: 15% 70% 15%;
    grid-template-rows: 1fr;
    justify-content: center;
}

.single .month__controls div {
    text-align: center;
}

.single .month__controls div:nth-of-type(1) {
    padding: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    grid-column-start: 1;
    grid-column-end: 2;
    cursor: pointer;
}

.single .month__controls div:nth-of-type(1):hover {
    background-color: #ededed;
}

.single .month__controls div:nth-of-type(2) {
    grid-column-start: 2;
    grid-column-end: 3;
    display: flex;
}

.single .month__controls div:nth-of-type(2) span {
    margin: auto;
}

.single .month__controls div:nth-of-type(3) {
    padding: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    grid-column-start: 3;
    grid-column-end: 4;
    cursor: pointer;
}

.single .month__controls div:nth-of-type(3):hover {
    background-color: #ededed;
}

.single .month span {
    text-align: center;
}

.month__controls .emptyArrow:hover {
    background-color: rgb(255, 255, 255) !important;
    border: none !important;
    cursor: default !important;
}