@font-face {
	font-family: "AvenirLTStd-Black";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd Black.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-BlackOblique";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd BlackOblique.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-Book";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd Book.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-BookOblique";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd BookOblique.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-Heavy";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd Heavy.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-HeavyOblique";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd HeavyOblique.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-Light";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd Light.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-LightOblique";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd LightOblique.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-Medium";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd Medium.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-MediumOblique";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd MediumOblique.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-Oblique";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd Oblique.otf") format("opentype");
}

@font-face {
	font-family: "AvenirLTStd-Roman";
	src: url("Avenir/A/Avenir LT Std/Adobe Systems/AvenirLTStd Roman.otf") format("opentype");
}

#chart-container-service,
#chart-container-sales {
    text-align: left;
    padding: 20px 100px;
    background-color: #ffffff;
}


/* from main.css */
.flex-columns {
    display: flex;
}

.flex-columns.flex-space {
    justify-content: space-around;
}

.flex-columns.flex-align-center {
    align-items: center;
}




/* from store2.css */
.lil-sq {
    width: 15px;
    height: 15px;
}

.snapshot-panels {
    display: flex;
    flex-wrap: wrap;
}

.column-wrapper {
    flex: 1;
    padding: 5px;
}

.market-percentage {
    font-size: 1.5em !important;
}

.table-responsive {
    background-color: white;
}

.lil-sq {
	width:15px;
	height: 15px;
}

.lil-sq.green {
	background-color:#008800;
}
.lil-sq.yellow {
	background-color:#FFDF00;
}
.lil-sq.white {
	background-color:white;
	border: 1px solid lightgrey;
}

.lil-sq.gray {
	background-color:lightgray;
	border: 1px solid black;
}
.lil-sq.black {
	background-color:black;
	border: 1px solid black;
}

.lil-sq.extra-small {
	width:10px;
	height: 10px;
}

.th-blue {
	background-color:#4285F4;
	color:white;
	text-align: center !important;
}
.th-green {
	background-color:#008800;
	color:white;
	text-align: center !important;
}
.th-yellow {
	background-color:#FFD76E;
	color:black;
	text-align: center !important;
}
.th-black {
	background-color:black;
	color:white;
	text-align: center !important;
}
.th-red {
	background-color:#DD0000;
	color:white;
	text-align: center !important;
}
.th-lightest-blue {
	background-color:#f2f7f9;
	color:black;
	text-align: center !important;
}
.td-red {
	/*background-color: #DD0000;*/
	background-color: var(--color_02);
	color:white;
	text-align: center;
	text-shadow: 1px 1px 1px black;
}
.td-green {
	/*background-color: #008800;*/
	background-color: var(--color_04);
	color:white;
	text-align: center !important;
	text-shadow: 1px 1px 1px black;
}
.td-yellow {
	/*background-color:#FFDF00;*/
	background-color: var(--color_03);
	color:white;
	text-align: center !important;
	text-shadow: 1px 1px 1px black;
}

.td-span {
    font-size: 2.5em;
}

div.column-wrapper+div.column-wrapper {
    border-left: 1px solid gray;
}

.nav-pills {
    font-size: 1.5em !important;
}

ul.nav-pills li {
	border:1px solid #E2E1E1;
}
ul.nav-pills li a {
	color:#B1B1B1;
	background-color:white;
}
ul.nav-pills li.active a, ul.nav-pills li.active a:hover {
	background-color: #E2E1E1;

	color:black;
}
.tab-content {
	background-color:white;
}

.nav-pills>li {
    float: left;
}

.center {
    text-align: center !important;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}




.nav>li, .nav>li>a {
    display: block;
    position: relative;
}

.nav>li>a {
    padding: 10px 15px;
}

.nav-pills>li>a {
    border-radius: 0;
}

ul.nav-pills li a {
    color: #B1B1B1;
    background-color: white;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7;
}

ul.nav-pills li.active a, ul.nav-pills li.active a:hover {
    background-color: #E2E1E1;
    color: black;
}





/* from bootstrap */
strong {
    font-weight: 700;
}

.label, sub, sup {
    vertical-align: baseline;
}

.badge, .label {
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em;
}

.label-primary {
    background-color: #337ab7;
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

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


.lil-sq {
    margin-right: 5px;
    border-radius: 50%;
}










.clearboth {
    clear: both;
    height: 20px;
}

#chart-container-service,
#chart-container-sales {
    font-family: "AvenirLTStd-Book",Verdana,Arial,sans-serif;
    font-size: 12px;
}

#chart-container-service ul.default,
#chart-container-sales ul.default {
    list-style-type: none;
}

#chart-container-service h2,
#chart-container-sales h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    color: #000;
    text-align: left;
    margin: 0 0 1em 0;
}

#chart-container-service p,
#chart-container-sales p {
    margin: 0 0 10px;
    font-family: "AvenirLTStd-Book",Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    color: #000;
    text-align: left;
}

#RadiusSelector-service,
#RadiusSelector-sales {
    margin-bottom: 40px;
}

a {
    cursor: pointer;
}

/* Responsive design begins */
div.column-wrapper {
	width: 600px;
	min-width: 500px;
}

#marketshareServiceBarChart {
	width: 300px;
	height: 150px;
}

#regions_div {
	width: 900px;
	height: 500px;
}

@media screen and (max-width: 1439px) {
	div.column-wrapper {
		max-width: 600px;
		min-width: 530px;
	}

	div.column-wrapper+div.column-wrapper {
		border-left: none;
		border-top: 1px solid gray;
	}
}