/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * This Stylesheet is part of the InfoFish visualisation.  *
 * All contents may be freely used without permission.     *
 *                                                         *
 * The visualisation can be found on:                      *
 * http://aerodynamica.github.io/KBOvisualization/         *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*--------------------
-----Main Styles------
----------------------*/
html, body { height: 100%; }
body {
	font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
	color:#5d5e5f;
  background: #f9f9f9;
	overflow-x:hidden;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -67px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
    font-weight:100;
    color: #333;
}

a,
a:hover,
a:focus,
a:active,
a.active,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a.active {
    outline: none !important;
    outline: 0;
    color: #18bc9c;
}

#infosearch {
  height: 100%;
}
#infosearch i {
  padding: 13px;
  height: 100%;
  margin: 0 10px;
  cursor: pointer;
  color: #999;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  /*background: #E3E5EB;*/
}
#infosearch i:hover, #infosearch i.active {
  background: #f9f9f9;
  color: #333;
}

#searchbar {
  line-height: 50px;
  width: 200px;
}

 /*----------------------
 ----Navigation Styles---
 ------------------------*/
 .navbar-default {background-color: #303e49; /*#323641;*/ }
 @media(min-width:768px) {
    .navbar-fixed-top {
        padding: 10px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}
/* Overwrite */
.navbar-fixed-bottom, .navbar-fixed-top { position: inherit;margin:0px; }

.navbar {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a { color: #ffffff; }
.navbar-brand { padding: 0px 15px; }
.navbar-brand img {
    display: initial;
    height: inherit;
    margin-right: 5px;
}

#feedback{
    text-shadow: -2px 1px 8px #F1E341, 1px -2px 8px #F1E341;
}

/*--------------------
----Visualisation ----
----------------------*/
.vis-section {background:#ffffff;border-radius: 0.285714rem;padding: 5px;}
#maincontent .row {padding: 15px 0px 0px 15px;}
.vis-section h4 {
    border-bottom: 1px solid #e4e4e4;
    line-height: 1;
    margin-top: 0px;
}
.vis-section h4 span {
    background: #fff;
    padding: 0px 12px 0px 0px;
}

/*#content {
    background: url('img/bg.jpg') repeat;
}

#content col-sm-* {
    background: #333333;
    color: #ffffff;
}*/
.blocktitle {
	border-bottom: 1px solid #333;
	width: 90%;
}
#chart {
    text-align: center;
    margin-top: 0px;
    background: #ffffff url('../img/infofish-info.png') center center no-repeat;
}

#wordCloudLegend {list-style: none; margin-bottom: 20px;}
#wordCloudLegend li {
  list-style: none;
  cursor: pointer;
  float: left;
  margin: 0 10px -10px 10px;
}
#wordCloudFilter:hover, #map-edit:hover, #zoomOut:hover {
  cursor: pointer;
  color: #888;
}

/*wordcloud legend*/

/*#wordCloudLegend {
    float:left;
    margin-left: 5px;
}*/

.dropbtn {
    background:url(../img/icon/filter.png) no-repeat;
    background-size: cover;
    padding: 20px;
    color: white;
    border: none;
    cursor: pointer;
}

.dropbtnGear {
    background:url(../img/icon/gear.png) no-repeat;
    background-size: cover;
    padding: 20px;
    color: white;
    border: none;
    cursor: pointer;
}


.dropdown {
    position: relative;
    display: inline-block;
    float: left;
}

.dropdown-content {
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
    background-color: white;
}



.dropdown:hover .dropdown-content {
    display: block;
}


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

.dropdown-content2 {
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
    background-color: white;
    overflow: visible;
}



.dropdown2:hover .dropdown-content2 {
    display: block;
}

#mapRadioButtons{
    width: 300px;
    float: none;
    padding: 3px;
}

/* Belgian Map */
.counties {
  fill: none;
}

.states {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
}

.q0-9 { fill:rgb(247,251,255); }
.q1-9 { fill:rgb(222,235,247); }
.q2-9 { fill:rgb(198,219,239); }
.q3-9 { fill:rgb(158,202,225); }
.q4-9 { fill:rgb(107,174,214); }
.q5-9 { fill:rgb(66,146,198); }
.q6-9 { fill:rgb(33,113,181); }
.q7-9 { fill:rgb(8,81,156); }
.q8-9 { fill:rgb(8,48,107); }

.scaleAndTitle {
  vertical-align: top;
  padding: 2px 12px;
}

.scaleAndTitle h2 {
  font-family: "Open Sans", serif;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 4px;
  color: #2c3a78;
}

.scaleAndTitle p.scaleUnit {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  padding-bottom: 3px;
  font-weight: bold;
}

.swatch {
  display: inline-block;
  width: 25px;
  height: 20px;
  margin-right: -4px;
}

.swatch span {
  display: inline-block;
  font-family: "Droid Sans Mono";
  font-size: 12px;
  position: relative;
  top: 100%;
  left: 0;
  width: 200%;
  text-align: center;
}

.sharing {
  position: absolute;
  top: 0;
  right: 6px;
  height: 100%;
}

.sharing span {
  width: 32px;
  height: 100%;
  display: inline-block;
  padding: 0 6px;
  border-left: 1px solid #e3d7c4;
}

.sharing span i {
  font-size: 28px;
  color: #777;
  line-height: 100px;
}
/* Main */

#belmap {
  /*position: relative;*/
  padding-right: 12px;
  /*border: 1px solid #ddd;*/
  cursor: pointer;
  background: url('../img/loading-white-blue.gif') center center no-repeat;
}

#belmap svg {
  overflow: hidden;
}

#buttons span {
  font-size: 23px;
}

input[type=radio].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox + label.css-label {
    padding: 0 15px 0 20px;
    height:16px; 
    display:inline-block;
    line-height:16px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    font-weight: normal;

}

input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -16px;
}
label.css-label {
    background-image:url('../img/checkboxes.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Borders */
.gemeentegrens {
  fill: none;
  stroke: #fff;
  stroke-width: 0.25;
  stroke-linejoin: round;
}

.provinciegrens {
  fill: none;
  stroke: #fff;
  stroke-width: 1.5;
  stroke-linejoin: round;
}

.landsgrens {
  fill: none;
  stroke: #888;
  stroke-width: 1.5;
  stroke-linejoin: round;
}

.zoomed {
  stroke: #FFDD04;
  stroke-width: 0.45;
  stroke-linejoin: round;
}

/* Legend */
.c0 { fill:#398258; background-color:#398258;}
.c1 { fill:#6f9c63; background-color:#6f9c63;}
.c2 { fill:#81b160; background-color:#81b160;}
.c3 { fill:#afd360; background-color:#afd360;}
.c4 { fill:#e3a03a; background-color:#e3a03a;}
.c5 { fill:#e77c4a; background-color:#e77c4a;}
.c6 { fill:#da5239; background-color:#da5239;}
.c7 { fill:#bd4934; background-color:#bd4934;}
.noinfo { fill: #888; background-color: #888;}

/* Zoomable Circle Packing */
.node { cursor: pointer; }

.node:hover {
  stroke: #000;
  stroke-width: 1.5px;
}
.node--leaf { fill: white; }

.label {
  font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-anchor: middle;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
  pointer-events: none;
}

.d3-tip {
  font-size: 1.2em;
  padding: 12px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border-radius: 2px;
  pointer-events: none;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  pointer-events: none;
}

/* Northward tooltips */
.d3-tip.n:after {
  content: "\25BC";
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
  text-align: center;
}

/* Eastward tooltips */
.d3-tip.e:after {
  content: "\25C0";
  margin: -4px 0 0 0;
  top: 50%;
  left: -8px;
}

/* Southward tooltips */
.d3-tip.s:after {
  content: "\25B2";
  margin: 0 0 1px 0;
  top: -8px;
  left: 0;
  text-align: center;
}

/* Westward tooltips */
.d3-tip.w:after {
  content: "\25B6";
  margin: -4px 0 0 -1px;
  top: 50%;
  left: 100%;
}

/* Sunburst */
#sunburst {
    width: 100%;
    margin-top: 15px;
    /*border-left: rgba(0,0,0,0.2) 1px dashed;*/
}
.sunburstpath {cursor: pointer;}

.tooltip {
    pointer-events:none; /*let mouse events pass through*/
    opacity:0;
    transition: opacity 0.3s;
    text-shadow:1px 1px 0px gray;
}

div.tooltip {
    background: lightblue;
    border:solid gray;
    position: absolute;
    max-width: 15em;
    text-align:left;
}

g.tooltip:not(.css) { fill:currentColor; }

#main {
  float: left;
  /*width: 550px;*/
}

#sidebar {
  float: right;
  width: 100px;
}

/* Sequence in css */
.seq-left { background: red; height: 30px; margin: 10px 0 0 8px; position: relative; width: 0px; display:inline-block;}
.seq-left:before { border-bottom: 30px solid red; border-left: 20px solid transparent; border-right: 0px solid transparent; content: ""; height: 0; left: -15px; position: absolute; bottom: 0; width: 0; }
.seq-left:after{ border-top: 30px solid red; border-left: 20px solid transparent; border-right: 0px solid transparent; content: ""; height: 0; left: -15px; position: absolute; top: 0; width: 0; }
.seq-right { width: 0; height: 0; border-top: 15px solid transparent; border-left: 10px solid red; border-bottom: 15px solid transparent; display:inline-block;}
.seq-box {height: 30px; min-width:5px; display:inline-block; margin-top:5px; background:red; color:#f5f5f5;cursor:pointer;line-height:51px; }
.seq-box span {padding: 10px; min-width:50px; vertical-align: top; line-height: 30px;font-size: 15px;font-weight: 600;}
.seq {display:inline-block;cursor:pointer;}
#sequence h4 {display:inline-block; line-height: 30px; vertical-align: top; margin-left: 10px;}


#sequence {
  /*width: 600px;*/
  height: 50px;
}

#sequence svg text {
  font-family: "Open Sans";
  font-size: 15px;
}

#legend {
  padding: 10px 0 0 3px;
}

#sequence text, #legend text {
  font-weight: 600;
  fill: #fff;
}

#description text {
  font-weight: 300;
  background-color: #fff;
  color: #000;
  fill: #000;
}

#chart {
  position: relative;
}

#chart path {
  stroke: #fff;
}

#explanation {
  position: absolute;
  top: 235px;
  left: 205px;
  width: 140px;
  text-align: center;
  color: #666;
  z-index: -1;
}

#percentage {
  font-size: 2.5em;
}


/** Barchart **/
#barchart svg {margin-left: 20px;}
.bar {
	fill: steelblue;
  }

  .bar:hover {
	fill: brown;
  }

  .axis {
	font: 10px sans-serif;
  }

  .axis path,
  .axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
  }

  .x.axis path {
	display: none;
  }

 /*--------------------
 -----  Footer  -------
 ----------------------*/

footer {
    color: #fff;
    padding: 25px 0;
    background-color: #303e49;
}

footer h3 {
    margin-bottom: 30px;
}

footer .footer-col {
    margin-bottom: 50px;
}

 /*--------------------
 - Search select box  -
 ----------------------*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}
.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}
.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select2-container .select2-selection--single .select2-selection__clear{position:relative}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}
.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}
.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}
.select2-container .select2-search--inline{float:left}
.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}
.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}
.select2-results{display:block}
.select2-results__options{list-style:none;margin:0;padding:0}
.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}
.select2-results__option[aria-selected]{cursor:pointer}
.select2-container--open .select2-dropdown{left:0}
.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}
.select2-search--dropdown{display:block;padding:4px}
.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}
.select2-search--dropdown.select2-search--hide{display:none}
.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}
.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}
.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}
.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}
.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}
.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}
.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}
.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}
.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}
.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}
.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}
.select2-container--default .select2-results__option[role=group]{padding:0}
.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}
.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}
.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}
.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}
.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}
.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}
.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}
.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}
.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}
.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}
.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}
.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}
.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}
.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}
.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}
.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}
.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}
.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}
.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}
.select2-container--classic .select2-dropdown--above{border-bottom:none}
.select2-container--classic .select2-dropdown--below{border-top:none}
.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}
.select2-container--classic .select2-results__option[role=group]{padding:0}
.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}
.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}
.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}
.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}