/*
 * Copyright (c) 2016 Macrofocus GmbH. All Rights Reserved.
 */

body {
    background-color: white;
    color: black;
}

body, table td, select {
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

/* ------------------------------------------ */

.Charges {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 13px;
    margin-bottom: 20px;
    background-color: transparent; /* light blue clouds */
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

    /* Do not allow selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* globally overrides some setting from chrome.css so that the buttons look the same as the three tabs */
.gwt-Button {
    padding-top: 2px;
    padding-bottom: 2px;
    border: none;
}

/* ------------- */
/* 1 Upper Panel */
/* ------------- */

.Charges .upperPanel {
}

/* 1.1 Filter Panel */
/* ---------------- */

.Charges .filtersPanel {
    /*background-color: rgba(255, 255, 255, 0.5);*/
}

.Charges .filtersPanel .gwt-ListBox {
    /*background-color: rgba(255, 255, 255, 0.5);*/
    /*background-image: none;*/
}

.Charges .filtersPanel .carouselLeft, .Charges .filtersPanel .carouselRight {
    background: transparent;
    border-radius: 0px;
    color: #003a80;
    font-size: 37px;
    font-weight: bold;
    border: none;
}

.Charges .filtersPanel .carouselLeft {
    padding-left: 0;
    padding-right: 0;
}

.Charges .filtersPanel .carouselRight {
    padding-left: 10px;
    padding-right: 0;
}

.Charges .filtersPanel .carouselLeft .fa, .Charges .filtersPanel .carouselRight .fa {
    background: rgba(255, 255, 255, 1);
    border-radius: 50%;
    line-height: 0.8;
}

.filters {
    margin: 20px;
}

.categoricalFilter {
    margin: 2px 0px 0px 7px;
}

.categoricalFilter.last {
    margin: 0px 0px 0px 0px;
}

.categoricalFilter .header {
    padding: 1px 5px 1px 5px;
    background-color: #64b5f6;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-size: small;
    font-weight: bold;
    color: white;
    white-space: pre;
    overflow-x: hidden;
}

.Charges .firstFilterPanel .categoricalFilter {
    margin-left: 0px;
}

.Charges .firstFilterPanel {
    margin-left: 0px;
}


.Charges .lastFilterPanel .categoricalFilter {
    margin-right: 0px;
}

.Charges .lastFilterPanel {
    margin-right: 0px;
}

.categoricalFilter .canvas {
    /*background-color: rgba(241, 246, 251, 1);;*/
}

.categoricalFilter .value.probed {
    /*background-color: rgba(255, 255, 255, 0.5);*/
    background-color: rgba(255, 200, 0, 0.3);
}

.categoricalFilter .value.selected {
    background: #090079;
    -moz-filter: drop-shadow(1px 1px 1px #090079);
    -o-filter: drop-shadow(1px 1px 1px #090079);
    -webkit-filter: drop-shadow(1px 1px 1px #090079);
    filter: drop-shadow(1px 1px 1px #090079);
}

.categoricalFilter .value.selected.probed {
    background-color: rgba(9, 0, 121, 0.8);
    -moz-filter: drop-shadow(1px 1px 1px rgba(9, 0, 121, 0.8));
    -o-filter: drop-shadow(1px 1px 1px rgba(9, 0, 121, 0.8));
    -webkit-filter: drop-shadow(1px 1px 1px rgba(9, 0, 121, 0.8));
    filter: drop-shadow(1px 1px 1px rgba(9, 0, 121, 0.8));
}

.categoricalFilter .value.disabled {
    background: transparent;
}

.categoricalFilter .value.active {
    background: transparent;
}

.categoricalFilter .text {
    z-index: 3;
    line-height: 12px;
    padding-top: 2px;
    padding-bottom: 3px;
    font-size: 12px;
}

.categoricalFilter .text.probed {
    color: #64b5f6 !important;
    padding-left: 5px;
}

.categoricalFilter .text.selected {
    color: white;
    padding-left: 5px;
}

.categoricalFilter .text.selected.probed {
    color: rgb(255, 200, 0) !important;
    padding-left: 5px;
}

.categoricalFilter .text.disabled {
    color: #dcdcdc;
    padding-left: 5px;
    pointer-events: none;
    -moz-filter: drop-shadow(1px 1px 2px #dcdcdc);
    -o-filter: drop-shadow(1px 1px 2px #dcdcdc);
    -webkit-filter: drop-shadow(1px 1px 2px #dcdcdc);
    filter: drop-shadow(1px 1px 2px #dcdcdc);
}

.categoricalFilter .text.active {
    padding-left: 5px;
}

.categoricalFilter .distribution {
    background: rgba(127, 127, 127, 0.075);
    border-style: solid;
    border-color: rgba(127, 127, 127, 0.075);
    border-bottom-width: 0.5px;
    border-top-width: 0.5px;
    border-left-width: 0.5px;
    border-right-width: 0.5px;
    overflow-x: hidden;
    height: 78%;
    top: 2px;
    margin-left: -2px;
    margin-right: 0px;
}

.categoricalFilter .activeDistribution {
    background: rgb(218, 236, 213);
    border-style: solid;
    border-color: rgba(68, 161, 43, 0.3);
    border-bottom-width: 0.5px;
    border-top-width: 0.5px;
    border-left-width: 0.5px;
    border-right-width: 0.5px;
    overflow-x: hidden;
    height: 78%;
    top: 2px;
    margin-left: -2px;
    margin-right: 0px;
}

.categoricalFilter .activeDistribution.probed {
    background: rgb(218, 236, 213);
}

.categoricalFilter .activeDistribution.selected {
    background: rgb(68, 161, 43);
}

.categoricalFilter .activeDistribution.selected.probed {
    background: rgb(68, 161, 43);
}

.categoricalFilter .activeDistribution.active {
    background: rgb(218, 236, 213);
}

.ordinalFilter {
    margin: 5px 0 0 0;
}

.ordinalFilter .header {
    padding: 5px;
    background-color: #64b5f6;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    color: white;
    white-space: nowrap;
}

/*.ordinalFilter > div > table {*/
.ordinalFilter canvas {
    background-color: rgba(236, 242, 250, 0.7);
}

/* 1.2 Status Panel */
/* ---------------- */

.status > div:nth-child(2) > table:nth-child(1) {
    top: 1em !important;
}

.Charges .statusPanel {
    background-color: rgba(255, 255, 255, 0.7);

    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.Charges .gwt-Button {
    background: #003a80;
    color: white;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    margin-right: 5px;
}

.Charges .gwt-Anchor {
    background: #003a80;
    color: white;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    margin-right: 5px;

    text-decoration: none;
    display: inline-block;
    padding-top: 3.5px;
    padding-bottom: 3.5px;
    padding-left: 8px;
    padding-right: 8px;
    border-width: 2px;
}

.Charges .gwt-Anchor:active {
    color: white;
}

.Charges .gwt-Anchor:visited {
    color: white;
}

.Charges .gwt-Anchor:hover {
    color: white;
}

.status > div > table td {
    vertical-align: middle !important;
}

.Charges .statusPanel .container {
    width: 100%;
    display: table;
    height: 50%;
    margin-top: auto;
    margin-bottom: auto;
}

.Charges .statusPanel .container .logo {
    display: inline;
    white-space: nowrap;
    vertical-align: middle;
    padding-top: 2px;
}

.Charges .statusPanel .container .probing {
    display: table-cell;
    white-space: nowrap;
    padding-left: 10px;
    width: 100%;
    vertical-align: middle;
}

.Charges .statusPanel .container .status {
    display: table-cell;
    white-space: nowrap;
    padding-right: 10px;
    vertical-align: middle;
}

.Charges .statusPanel .container .reset {
    display: inline;
    white-space: nowrap;
    vertical-align: middle;
}

/* ------------- */
/* 2 Lower Panel */
/* ------------- */

.Charges .lowerPanel {
    /*border-top: 3em solid white;*/
    border-top: 1px solid rgb(252, 242, 209);
    background: transparent;
}

.Charges .gwt-TabLayoutPanel > div:nth-child(2) {
    /*border-left: 20px solid transparent;*/
    /*border-right: 20px solid transparent;*/
    /*background-color: rgba(255, 255, 255, 0.7) !important;*/
    /*height: 3em !important;*/
}

.Charges .gwt-TabLayoutPanel > div:nth-child(3) {
    /*top: 3em !important;*/

    /*border-left: 20px solid transparent;*/
    /*border-right: 20px solid transparent;*/
    /*border-bottom: 20px solid transparent;*/
    /*border-top: 20px solid transparent; !* the parallel coord canvas does not adapt!, the other two panels do *!*/

    /*background-color: rgba(255, 255, 255, 0.5);*/
}

/*.Charges .lowerPanel .select {*/
/*padding-top: 3px;*/
/*}*/

/*.Charges .lowerPanel .gwt-Button {*/
/*background: #003a80;*/
/*border-radius: 5px;*/
/*color: white;*/
/*font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;*/
/*font-weight: bold;*/
/*margin-left: 5px;*/
/*}*/

/* 2.1 Button Panel */
/* ---------------- */

.chargesLabel {
    margin-top: 7px;
    font-size: 20px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    color: #000084;
}

.gwt-TabLayoutPanel > div:nth-child(2) > table {
    /*top: 0.25em !important; !* this needs to be adapted to the 5em height of the header *!*/
    table-layout: fixed;
}

.Charges .gwt-TabLayoutPanel .gwt-TabLayoutPanelTop {
    /*background: midnightblue;*/
    background: antiquewhite;
}

.Charges .gwt-TabLayoutPanel .input {
    background-color: #e4d5c1;
    border-top: 1px solid rgb(198, 188, 161);
    margin: 0;
}

.Charges .gwt-TabLayoutPanel .gwt-TabLayoutPanelPre {
    margin-top: 1px;
    margin-left: 5px;
}

.Charges .gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
    margin-top: 5px;
}

.Charges .gwt-TabLayoutPanel .gwt-TabLayoutPanelPost {
    margin-top: 5px;
}

.Charges .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
    background-color: #003a80;
    color: white;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    margin-top: 2px;
}

.Charges .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
    background-color: #44a12b;
    color: white;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
}

.gwt-TabLayoutPanel .gwt-Button {

}

/* 2.2 Views Panel */
/* --------------- */

/* no gray border around views */
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
    border: none;
}

/* no gray border around views */
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* 2.2.2 Comparison */

.comparisonPanel {
    background-color: rgba(236, 242, 250, 0.7);
}

/* 2.2.3 Table */

.valo .v-grid {
    background-color: #EFF2F5;

    /* Do not allow selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* prevent gray border around table */
.valo .v-grid-tablewrapper {
    border: none;
}

/* customize column headers */
.valo table thead.v-grid-header {
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
}

/* Prevent border around cell that was clicked on */
.valo .v-grid-row > .v-grid-cell-focused:before {
    border: 0;
    border-color: #ecf2fa !important;
}

/* header cells */
.valo .v-grid-header .v-grid-row > .v-grid-cell {
    background-image: none; /* override the gradient */
    background-color: #64b5f6;
    color: white;
}

/* normal cells */
.valo .v-grid-body .v-grid-row > .v-grid-cell {
    background-color: white;
    border-color: rgba(163, 199, 240, 0.30);
    /*border-color: #d4d4d4;*/
    cursor: pointer;
}

.valo .v-grid-body .v-grid-row-stripe > .v-grid-cell {
    background-color: #f1f6fb;
    border-color: rgba(163, 199, 240, 0.30);
    /*border-color: #d4d4d4;*/
}

/*
/!* Used to make every other line a different background *!/
.valo .v-grid-body .v-grid-row-stripe > td {
    background-color: rgba(245, 245, 245, 0.7);
}
*/

/* selected cells */
.valo .v-grid-body .v-grid-row-selected > .v-grid-cell {
    background-image: none; /* override the gradient */
    background-color: #090079;
    color: #ffffff;
}

.valo .v-grid-body .v-grid-row-selected > .v-grid-cell.frozen {
    background-image: none; /* override the gradient */
    background-color: #090079;
    color: #ffffff;
}

/* probed cells */
.valo .v-grid-body .v-grid-row.probed > .v-grid-cell {
    background-color: rgba(255, 200, 0, 0.3);
    color: #64b5f6 !important;
}

.valo .v-grid-body .v-grid-row.probed > .v-grid-cell.frozen {
    background-color: rgb(255, 239, 179);
    color: #64b5f6 !important;
}

/* probed and selected cells */
.valo .v-grid-body .v-grid-row-selected.probed > .v-grid-cell {
    background-color: rgba(9, 0, 121, 0.8);
    color: #AFD9FF !important;
}

.valo .v-grid-body .v-grid-row-selected.probed > .v-grid-cell.frozen {
    background-color: rgb(11, 0, 151);
    color: #AFD9FF !important;
}

.valo .v-grid-body .v-grid-cell {
    font-size: 13px;
    line-height: normal;
}

/* Headers */

.valo .v-grid-cell {
    line-height: 28px;
    padding-left: 8px;
    padding-right: 8px;
}

.valo .v-grid-column-header-content, .valo .v-grid-column-footer-content {
    line-height: normal;
}

.valo .v-grid-header th {
    font-size: 13px;
    font-weight: bold;
}

.numericalInputField {
    color: #003a80;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
}

.numericalInputField:disabled {
    color: #dcdcdc;
    pointer-events: none;
    -moz-filter: drop-shadow(1px 1px 2px #dcdcdc);
    -o-filter: drop-shadow(1px 1px 2px #dcdcdc);
    -webkit-filter: drop-shadow(1px 1px 2px #dcdcdc);
    filter: drop-shadow(1px 1px 2px #dcdcdc);
}

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

.rightAligned {
    text-align: right;
}

.statusLabel {
    /*margin-top: 4px;*/
    /*padding-right: 7px;*/
    /*color: ghostwhite;*/
    line-height: normal;
    margin-top: 16px;
}

i.left {
    margin-right: 0; // default is 15px
}

.valo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button:after {
        font-family: FontAwesome, ThemeIcons, sans-serif;
        font-size: 18px;
        margin-left: 3px;
        margin-right: 3px;
    }

    .valo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button:after {
        font-family: FontAwesome, ThemeIcons, sans-serif;
        font-size: 18px;
        margin-left: 3px;
        margin-right: 3px;
    }

    .valo .v-grid-sidebar.v-contextmenu.closed {
        background-color: #64b5f6;
        background-image: none;
    }

    .valo .v-grid-sidebar.v-contextmenu.open {
        background-color: #64b5f6;
        background-image: none;
    }

    .valo .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button {
        background: #003a80;
        color: white;
    }

    .valo .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-content {
        background: white;
        padding-bottom: 6px;
        padding-right: 6px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

    .valo .v-on:before, .valo .v-off:before {
        font-family: FontAwesome, ThemeIcons;
    }

    .valo .v-grid-sidebar.v-contextmenu {
        border: none;
    }

    .valo .v-grid-spacer.stripe > td {
        background-color: white;
        /*border-top: 1px solid #e5e5e5;*/
        /*border-bottom: 1px solid #d4d4d4;*/
    }

    .valo .benchmarking .v-grid-body .v-grid-cell {
        height: 60px;
    }

    .boxPlot {
        background: transparent;
        /*border-color: rgba(163, 199, 240, 0.30);*/
    }

    .copyright {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin-bottom: 3px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        font-size: 10px;
        text-align: center;
        color: rgba(27, 31, 37, 0.40);
        text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

    .copyright a {
        text-decoration: none;
        color: rgba(27, 31, 37, 0.40);
    }

    .copyright a:hover {
        text-shadow: none;
    }

    /* Material Design */

    a.brand-logo:before {
        content: url(fp-logo-white.svg);
        display: block;
        width: 140px;
        height: 0;
        transform: scale(0.5);
        margin-top: 10px;
    }

    a.brand-logo {
        text-decoration: none;
    }

    a.brand-logo > div {
        margin-left: 130px;
        font-size: 31.5px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        color: white;
        margin-top: -10px;
    }

    /* Details */

    .details {
        overflow-x: hidden !important;
    }

    .details .card {
        /*position: relative;*/
        /* margin: 0.5rem 0 1rem 0; */
        /*background-color: #fff;*/
        /*transition: box-shadow .25s;*/
        /*border-radius: 2px;*/
        box-shadow: none;
        user-select: text;
    }

    .details .card .card-content {
        /*padding: 0;*/
        border: none;
    }

    .print .details .card .card-content {
        padding: 10px;
    }

    .input-field .label {
        color: #9e9e9e;
        /*position: absolute;*/
        top: 0.8rem;
        left: 0.75rem;
        font-size: 1rem;
        cursor: text;
        transition: .2s ease-out;
    }

    .input-field .text {
        background-color: transparent;
        border: none;
        /*border-bottom: 1px solid #9e9e9e;*/
        border-radius: 0;
        outline: none;
        /*min-height: 3rem;*/
        min-height: 1.2rem;
        width: 100%;
        font-size: 1rem;
        margin: 0 0 2px 0;
        padding: 0;
        box-shadow: none;
        box-sizing: content-box;
        transition: all .3s;
    }

    .card-title {
        line-height: 2rem !important;
        font-size: 1.4rem;
        font-weight: 300;
        display: inline-block;
        min-height: 4.5rem;
        margin-left: 10.5px;
        margin-right: 10.5px;
    }

    /*span.card-title:empty:before {*/
    /*content: "\200b"; // unicode zero width space character*/
    /*}*/

    /* Printing */

    .details-actions {
        position: absolute;
        top: -14px;
        right: -45px;
    }

    /* Statistics */

    .statistics .v-grid-body .v-grid-cell {
        height: 60px;
    }

    .boxPlot {
        background: transparent;
        /*border-color: rgba(163, 199, 240, 0.30);*/
    }

    .statistics .v-grid-body .v-grid-cell .text {
        font-size: 10px;
        font-weight: bold;
    }

    .statistics .v-grid-body .v-grid-cell .text.mean {
        fill: #23621d;
    }

    .statistics .v-grid-body .v-grid-cell .text.median {
        fill: #653f0c;
    }

    .statistics .v-grid-body .v-grid-cell .marker {
        stroke-width: 2.5px;
    }

    .statistics .v-grid-body .v-grid-cell .marker.mean {
        stroke: #23621d;
    }

    .statistics .v-grid-body .v-grid-cell .marker.median {
        stroke: #653f0c;
    }

    .statistics .v-grid-body .v-grid-cell .distribution {
        height: 44px;
    }

    .ordinalFilter {
        height: 80px;
    }

    .ordinalFilter td, th {
        padding: 0;
    }

    .ordinalFilter input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        height: 1rem;
        font-size: 0.8rem;
        font-weight: normal;
    }

    .v-on {
        color: #1976d2;
        font-weight: bold;
    }

    .v-off {
        color:gray;
    }

    /* Logo */
    @media only screen and (max-width: 750px) {
        a.brand-logo > div {
            display: none !important;
        }
    }

    @media only screen and (max-width: 992px) {
        nav .brand-logo {
            left: 0px;
            transform: none;
        }
    }

    /* Expandable headers */
    .valo .v-grid-header .v-grid-row > .v-grid-cell:hover {
        overflow: visible;
        overflow-wrap: break-word;
        white-space: normal;
        z-index: 100;
        height: unset !important;
    }

    /* Printing */

    /*
    @media only print and (min-width: 601px) {
        .print .row .col.m1 {
            width: 8.33333%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m2 {
            width: 16.66667%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m3 {
            width: 25%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m4 {
            width: 33.33333%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m5 {
            width: 41.66667%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m6 {
            width: 50%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m7 {
            width: 58.33333%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m8 {
            width: 66.66667%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m9 {
            width: 75%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m10 {
            width: 83.33333%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m11 {
            width: 91.66667%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.m12 {
            width: 100%;
            margin-left: auto;
            left: auto;
            right: auto;
        }

        .print .row .col.offset-m1 {
            margin-left: 8.33333%;
        }

        .print .row .col.pull-m1 {
            right: 8.33333%;
        }

        .print .row .col.push-m1 {
            left: 8.33333%;
        }

        .print .row .col.offset-m2 {
            margin-left: 16.66667%;
        }

        .print .row .col.pull-m2 {
            right: 16.66667%;
        }

        .print .row .col.push-m2 {
            left: 16.66667%;
        }

        .print .row .col.offset-m3 {
            margin-left: 25%;
        }

        .print .row .col.pull-m3 {
            right: 25%;
        }

        .print .row .col.push-m3 {
            left: 25%;
        }

        .print .row .col.offset-m4 {
            margin-left: 33.33333%;
        }

        .print .row .col.pull-m4 {
            right: 33.33333%;
        }

        .print .row .col.push-m4 {
            left: 33.33333%;
        }

        .print .row .col.offset-m5 {
            margin-left: 41.66667%;
        }

        .print .row .col.pull-m5 {
            right: 41.66667%;
        }

        .print .row .col.push-m5 {
            left: 41.66667%;
        }

        .print .row .col.offset-m6 {
            margin-left: 50%;
        }

        .print .row .col.pull-m6 {
            right: 50%;
        }

        .print .row .col.push-m6 {
            left: 50%;
        }

        .print .row .col.offset-m7 {
            margin-left: 58.33333%;
        }

        .print .row .col.pull-m7 {
            right: 58.33333%;
        }

        .print .row .col.push-m7 {
            left: 58.33333%;
        }

        .print .row .col.offset-m8 {
            margin-left: 66.66667%;
        }

        .print .row .col.pull-m8 {
            right: 66.66667%;
        }

        .print .row .col.push-m8 {
            left: 66.66667%;
        }

        .print .row .col.offset-m9 {
            margin-left: 75%;
        }

        .print .row .col.pull-m9 {
            right: 75%;
        }

        .print .row .col.push-m9 {
            left: 75%;
        }

        .print .row .col.offset-m10 {
            margin-left: 83.33333%;
        }

        .print .row .col.pull-m10 {
            right: 83.33333%;
        }

        .print .row .col.push-m10 {
            left: 83.33333%;
        }

        .print .row .col.offset-m11 {
            margin-left: 91.66667%;
        }

        .print .row .col.pull-m11 {
            right: 91.66667%;
        }

        .print .row .col.push-m11 {
            left: 91.66667%;
        }

        .print .row .col.offset-m12 {
            margin-left: 100%;
        }

        .print .row .col.pull-m12 {
            right: 100%;
        }

        .print .row .col.push-m12 {
            left: 100%;
        }
    }
    */

    /*@media only print and (min-width: 993px) {*/
    .print .row .col.l1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.l12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .print .row .col.offset-l1 {
        margin-left: 8.33333%;
    }

    .print .row .col.pull-l1 {
        right: 8.33333%;
    }

    .print .row .col.push-l1 {
        left: 8.33333%;
    }

    .print .row .col.offset-l2 {
        margin-left: 16.66667%;
    }

    .print .row .col.pull-l2 {
        right: 16.66667%;
    }

    .print .row .col.push-l2 {
        left: 16.66667%;
    }

    .print .row .col.offset-l3 {
        margin-left: 25%;
    }

    .print .row .col.pull-l3 {
        right: 25%;
    }

    .print .row .col.push-l3 {
        left: 25%;
    }

    .print .row .col.offset-l4 {
        margin-left: 33.33333%;
    }

    .print .row .col.pull-l4 {
        right: 33.33333%;
    }

    .print .row .col.push-l4 {
        left: 33.33333%;
    }

    .print .row .col.offset-l5 {
        margin-left: 41.66667%;
    }

    .print .row .col.pull-l5 {
        right: 41.66667%;
    }

    .print .row .col.push-l5 {
        left: 41.66667%;
    }

    .print .row .col.offset-l6 {
        margin-left: 50%;
    }

    .print .row .col.pull-l6 {
        right: 50%;
    }

    .print .row .col.push-l6 {
        left: 50%;
    }

    .print .row .col.offset-l7 {
        margin-left: 58.33333%;
    }

    .print .row .col.pull-l7 {
        right: 58.33333%;
    }

    .print .row .col.push-l7 {
        left: 58.33333%;
    }

    .print .row .col.offset-l8 {
        margin-left: 66.66667%;
    }

    .print .row .col.pull-l8 {
        right: 66.66667%;
    }

    .print .row .col.push-l8 {
        left: 66.66667%;
    }

    .print .row .col.offset-l9 {
        margin-left: 75%;
    }

    .print .row .col.pull-l9 {
        right: 75%;
    }

    .print .row .col.push-l9 {
        left: 75%;
    }

    .print .row .col.offset-l10 {
        margin-left: 83.33333%;
    }

    .print .row .col.pull-l10 {
        right: 83.33333%;
    }

    .print .row .col.push-l10 {
        left: 83.33333%;
    }

    .print .row .col.offset-l11 {
        margin-left: 91.66667%;
    }

    .print .row .col.pull-l11 {
        right: 91.66667%;
    }

    .print .row .col.push-l11 {
        left: 91.66667%;
    }

    .print .row .col.offset-l12 {
        margin-left: 100%;
    }

    .print .row .col.pull-l12 {
        right: 100%;
    }

    .print .row .col.push-l12 {
        left: 100%;
    }
/*}*/