/*------------------------------------------------------------------------------------------------\
  Small Multiple Layout
\------------------------------------------------------------------------------------------------*/

		div.wc-layout.wc-small-multiples::after {
			content: "";
			clear: both;
			display: block;
		}

		.wc-layout.wc-small-multiples > .wc-chart {
			float: left;
			padding: 0 2em 2em 0;
		}

		.wc-layout.wc-small-multiples > .wc-chart > .wc-chart-title {
			display: block;
			font-weight: bold;
			text-align: center;
		}
		.wc-small-multiples .wc-chart > .legend {
		  display: none;
		}

/*------------------------------------------------------------------------------------------------\
  Charts
\------------------------------------------------------------------------------------------------*/

    .wc-chart {
        position: relative;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    }

    .wc-chart rect,
    .wc-chart line {
        shape-rendering: crispEdges;
    }

    /*next few are rules for d3 brushing stuff*/
    .wc-chart.brushable .overlay {
        cursor: crosshair;
    }

    .wc-chart rect.background {
        display: none;
    }

    .wc-chart rect.extent {
        fill: #ccc;
        fill-opacity: 0.4;
        shape-rendering: crispEdges;
    }

    .wc-chart .axis path.domain {
        fill: none;
        stroke: #ccc;
        shape-rendering: crispEdges;
    }

    .wc-chart .axis .tick line {
        stroke: #eee;
        shape-rendering: crispEdges;
    }

    .wc-chart .axis .tick text {
        font-size: .9em;
    }

    .wc-chart .axis .axis-title {
        fill: #555;
    }

    *[class*="wc-"] .legend {
				width: 100%;
        font-size: .9em;
        padding: 0;
        margin: 0;
        display: inline-block;
    }

    *[class*="wc-"] .legend .legend-title {
        font-weight: bold;
        margin-right: 1em;
    }

    *[class*="wc-"] .legend .legend-item {
        display: inline-block;
        margin-right: 1em;
    }

    *[class*="wc-"] .legend .legend-item .legend-color-block {
        position: relative;
        top: .2em;
        right: .25em;
        display: inline-block;
    }
    *[class*="wc-"] .legend .legend-item .legend-mark-text {
        font-weight: bold;
        margin-right: .5em;
    }

    .wc-chart .ordinal.axis .tick line,
    .wc-chart .ordinal.axis path {
        display: none;
    }

    .wc-chart.gridlines .ordinal.axis .tick line {
        display: block;
    }

/*------------------------------------------------------------------------------------------------\
  Controls
\------------------------------------------------------------------------------------------------*/

    .wc-controls {
        display: block;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-size: .9em;
        margin-bottom: 10px;
    }

    .wc-controls:empty {
        display: none;
    }

    .intro > .wc-controls {
        display: block;
    }

    .wc-controls .control-group {
        display: inline-table;
        max-width: 100%;
        margin: 0px 1em 1em 0;
    }
    .wc-controls.bottom .control-group {
        display: inline-table;
    }

    .wc-controls .control-group .wc-control-label {
        /*font-weight: bold;*/
        display: block;
    }

    .wc-controls .control-group.inline .wc-control-label {
        display: inline;
        margin-right: .5em;
    }
    .wc-controls .control-group.inline .changer {
        display: inline;
        margin-top: 0;
    }

    .wc-controls .control-group .wc-control-label + .changer {
        margin-top: 2px;
    }

    .wc-controls .control-group .wc-control-label.inline {
        display: inline;
        margin-right: .5em;
    }

    .wc-controls .control-group .wc-control-label .label-required {
        color: #de2d26;
        padding: 0 .25em;
        border: 1px solid;
        margin-left: .5em;
    }

    .wc-controls .span-description {
        display: block;
        font-size: .75em;
        color: #777;
        margin-bottom: 3px;
    }
    .wc-controls .span-description:empty {
        display: none;
    }
    .wc-controls .span-description.standout {
        font-style: italic;
        color: #d9534f;
    }

    .wc-controls .control-group label.radio,
    .wc-controls .control-group label.filter-values {
        display: inline-block;
        cursor: pointer;
        font-weight: normal;
        font-size: .9em;
        padding: 0;
        margin: 5px 10px 0 0;
    }

    .wc-controls .inline {
        display: inline;
    }

    .wc-controls .control-group input[type='text'],
    .wc-controls select {
        display: block;
        width: auto;
        max-width: 100%;
        padding: 0 2px;
        height: auto;
        border-radius: 0;
    }

    .wc-controls .control-group input[type='number'] {
        width: 70px;
        text-align: right;
        max-width: 100%;
    }

    .wc-controls .control-group input[type='checkbox'],
    .wc-controls .control-group input[type='radio'] {
        cursor: pointer;
        position: relative;
        top: .1em;
        float: none;
        margin: 0;
    }

    .wc-controls .control-group input[type='radio'] {
        vertical-align: bottom;
        margin-left: .25em;
    }

    .wc-controls .control-group input.inline {
        margin: 0 2px 2px 0;
    }

    .wc-controls .control-group .changer + .changer {
        margin-top: 2px;
    }

    .wc-controls .subsetter-ui {
        position: relative;
        display: inline-block;
        max-width: 100%;
        padding: 3px;
        border: 1px dashed #888;
        margin: 5px 5px 0 0;
    }

    .wc-controls .subsetter-ui .remove-btn {
        cursor: pointer;
        position: absolute;
        top: 2px;
        right: 2px;
    }

/*------------------------------------------------------------------------------------------------\
  Tables
\------------------------------------------------------------------------------------------------*/

    .wc-table {
        display: block;
    }
    .wc-table .hidden {
        display: none !important;
    }
    .wc-table .invisible {
        visibility: hidden !important;
    }
    .wc-table > * {
        display: block;
    }
    .wc-table .table-top {
    }

    .wc-table .table-bottom {
    }

    .wc-table .interactivity {
        display: inline-block;
        vertical-align: middle;
        margin: 10px 0;
        padding: 0;
    }
    .wc-table .interactivity .wc-button {
        display: inline-block;
        border: 2px solid gray;
        border-radius: 4px;
        padding: 2px 8px;
        margin: 0 2px;
        cursor: pointer;
        background: white;
        color: black;
    }
    .wc-table .interactivity .wc-button:hover {
        background: black;
        color: white;
    }

    /**-------------------------------------------------------------------------------------------\
      Searchable container
    \-------------------------------------------------------------------------------------------**/

        .wc-table .searchable-container {
            float: right;
            overflow: hidden;
        }
        .wc-table .searchable-container .nNrecords {
        }
        .wc-table .searchable-container input {
            margin: 0 10px 0 0;
            padding: 4px;
        }

    /**-------------------------------------------------------------------------------------------\
      Sortable container
    \-------------------------------------------------------------------------------------------**/

        .wc-table .sortable-container {
            margin-right: 10px;
        }
        .wc-table .sortable-container .instruction {
            margin-top: 4px;
        }
        .wc-table .sortable-container .sort-box {
            cursor: default;
            padding: 2px 4px;
        }
        .wc-table .sortable-container .sort-direction {
            font-weight: bold;
            margin: 3px;
        }
        .wc-table .sortable-container .sort-box .remove-sort {
            font-weight: bold;
            float: right;
            border: 1px solid gray;
            margin-top: 3px;
            padding: 2px 3px;
            font-size: 8px;
            background: white;
            color: red;
        }
        .wc-table .sortable-container .sort-box .remove-sort:hover {
            cursor: pointer;
            background: red;
            color: white;
        }

    /**-------------------------------------------------------------------------------------------\
      Table
    \-------------------------------------------------------------------------------------------**/

		.wc-table table {
			font-size: .9em;
			border-collapse: collapse;
		}

        /***--------------------------------------------------------------------------------------\
		  Table header
        \--------------------------------------------------------------------------------------***/

            .wc-table table thead {
            }
            .wc-table table thead tr {
            }
            .wc-table table thead tr th {
                cursor: pointer;
                padding: 2px 5px;
                border-bottom: 2px solid black;
                text-align: left;
            }
            .wc-table table thead tr th:first-child {
            }
            .wc-table table thead tr th:last-child {
            }

        /***--------------------------------------------------------------------------------------\
		  Table body
        \--------------------------------------------------------------------------------------***/

            .wc-table table tbody {
            }
            .wc-table table tbody tr {
            }
            .wc-table table tbody tr:nth-child(even) {
                background: #eee;
            }
            .wc-table table tbody tr:hover {
                background: #ccc;
            }
            .wc-table table tbody tr td {
                padding: 2px 5px;
            }
            .wc-table table tbody tr td:first-child {
            }
            .wc-table table tbody tr td:last-child {
            }

						.wc-table table tbody tr:last-child {
							border-bottom:1px solid black
						}
            .wc-table table tbody tr.no-data td {
                color: red;
                font-weight: bold;
            }

    /**-------------------------------------------------------------------------------------------\
      Pagination container
    \-------------------------------------------------------------------------------------------**/

        .wc-table .pagination-container {
            float: right;
        }
        .wc-table .pagination-container a {
            text-decoration: none;
        }
        .wc-table .pagination-container a:not(.active) {
            border: none;
        }

    /**-------------------------------------------------------------------------------------------\
      Exportable container
    \-------------------------------------------------------------------------------------------**/

        .wc-table .exportable-container {
            float: left;
        }
        .wc-table .exportable-container a {
            text-decoration: none;
        }

/*------------------------------------------------------------------------------------------------\
  Miscellaneous
\------------------------------------------------------------------------------------------------*/

    .loader {
    position:relative;
    width:20px;
    height:25px}

    .blockG {
    position:absolute;
    background-color:#eee;
    width:3px;
    height:8px;
    -moz-border-radius:4px 4px 0 0;
    -moz-transform:scale(0.4);
    -moz-animation-name:fadeG;
    -moz-animation-duration:0.48s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:4px 4px 0 0;
    -webkit-transform:scale(0.4);
    -webkit-animation-name:fadeG;
    -webkit-animation-duration:0.48s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:4px 4px 0 0;
    -ms-transform:scale(0.4);
    -ms-animation-name:fadeG;
    -ms-animation-duration:0.48s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:4px 4px 0 0;
    -o-transform:scale(0.4);
    -o-animation-name:fadeG;
    -o-animation-duration:0.48s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:4px 4px 0 0;
    transform:scale(0.4);
    animation-name:fadeG;
    animation-duration:0.48s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    }

    .rotate1 {
    left:0;
    top:9px;
    -moz-animation-delay:0.18s;
    -moz-transform:rotate(-90deg);
    -webkit-animation-delay:0.18s;
    -webkit-transform:rotate(-90deg);
    -ms-animation-delay:0.18s;
    -ms-transform:rotate(-90deg);
    -o-animation-delay:0.18s;
    -o-transform:rotate(-90deg);
    animation-delay:0.18s;
    transform:rotate(-90deg);
    }

    .rotate2 {
    left:3px;
    top:3px;
    -moz-animation-delay:0.24s;
    -moz-transform:rotate(-45deg);
    -webkit-animation-delay:0.24s;
    -webkit-transform:rotate(-45deg);
    -ms-animation-delay:0.24s;
    -ms-transform:rotate(-45deg);
    -o-animation-delay:0.24s;
    -o-transform:rotate(-45deg);
    animation-delay:0.24s;
    transform:rotate(-45deg);
    }

    .rotate3 {
    left:8px;
    top:1px;
    -moz-animation-delay:0.3s;
    -moz-transform:rotate(0deg);
    -webkit-animation-delay:0.3s;
    -webkit-transform:rotate(0deg);
    -ms-animation-delay:0.3s;
    -ms-transform:rotate(0deg);
    -o-animation-delay:0.3s;
    -o-transform:rotate(0deg);
    animation-delay:0.3s;
    transform:rotate(0deg);
    }

    .rotate4 {
    right:3px;
    top:3px;
    -moz-animation-delay:0.36s;
    -moz-transform:rotate(45deg);
    -webkit-animation-delay:0.36s;
    -webkit-transform:rotate(45deg);
    -ms-animation-delay:0.36s;
    -ms-transform:rotate(45deg);
    -o-animation-delay:0.36s;
    -o-transform:rotate(45deg);
    animation-delay:0.36s;
    transform:rotate(45deg);
    }

    .rotate5 {
    right:0;
    top:9px;
    -moz-animation-delay:0.42000000000000004s;
    -moz-transform:rotate(90deg);
    -webkit-animation-delay:0.42000000000000004s;
    -webkit-transform:rotate(90deg);
    -ms-animation-delay:0.42000000000000004s;
    -ms-transform:rotate(90deg);
    -o-animation-delay:0.42000000000000004s;
    -o-transform:rotate(90deg);
    animation-delay:0.42000000000000004s;
    transform:rotate(90deg);
    }

    .rotate6 {
    right:3px;
    bottom:2px;
    -moz-animation-delay:0.48s;
    -moz-transform:rotate(135deg);
    -webkit-animation-delay:0.48s;
    -webkit-transform:rotate(135deg);
    -ms-animation-delay:0.48s;
    -ms-transform:rotate(135deg);
    -o-animation-delay:0.48s;
    -o-transform:rotate(135deg);
    animation-delay:0.48s;
    transform:rotate(135deg);
    }

    .rotate7 {
    bottom:0;
    left:8px;
    -moz-animation-delay:0.5399999999999999s;
    -moz-transform:rotate(180deg);
    -webkit-animation-delay:0.5399999999999999s;
    -webkit-transform:rotate(180deg);
    -ms-animation-delay:0.5399999999999999s;
    -ms-transform:rotate(180deg);
    -o-animation-delay:0.5399999999999999s;
    -o-transform:rotate(180deg);
    animation-delay:0.5399999999999999s;
    transform:rotate(180deg);
    }

    .rotate8 {
    left:3px;
    bottom:2px;
    -moz-animation-delay:0.6s;
    -moz-transform:rotate(-135deg);
    -webkit-animation-delay:0.6s;
    -webkit-transform:rotate(-135deg);
    -ms-animation-delay:0.6s;
    -ms-transform:rotate(-135deg);
    -o-animation-delay:0.6s;
    -o-transform:rotate(-135deg);
    animation-delay:0.6s;
    transform:rotate(-135deg);
    }

    @-moz-keyframes fadeG {
    0% {
    background-color:#000000}

    100% {
    background-color:#eee}

    }

    @-webkit-keyframes fadeG {
    0% {
    background-color:#000000}

    100% {
    background-color:#eee}

    }

    @-ms-keyframes fadeG {
    0% {
    background-color:#000000}

    100% {
    background-color:#eee}

    }

    @-o-keyframes fadeG {
    0% {
    background-color:#000000}

    100% {
    background-color:#eee}

    }

    @keyframes fadeG {
    0% {
    background-color:#000000}

    100% {
    background-color:#eee}

    }
