/**
 * TODO
 */
/*Will tidy css later when we have more time*/
/* line 1, ../../src/styles/selectbox.scss */
.mad-selectbox {
  display: inline-block;
  vertical-align: middle;
  width:100%!important;
 /* min-width: 150px;*/
  position: relative;
  outline: none;
}


/* line 8, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-toggle, .mad-selectbox .mad-selectbox-dropdown li .mad-selectbox-item {
  display: block;
  background-color:transparent;
  padding: 0px 35px 0px 25px;
  font-family: 'Lato', 'helvetica', arial, sans-serif;
  font-weight:400;
  font-size: 1.125em;  /* 18/16 */
  color: #000;
/*  height: 32px;*/
  line-height: 35px;
  text-decoration: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/* line 20, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-toggle:hover, .mad-selectbox.selected .mad-selectbox-toggle, .mad-selectbox .mad-selectbox-dropdown li .mad-selectbox-item:hover {
  text-decoration: none;
  background-color:#9f5781;
}
/* line 35, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-toggle {
  border: 2px solid #fff;
  position: relative;
  color:#fff;
}

.mad-selectbox .mad-selectbox-toggle:hover{

}

.mad-selectbox .mad-selectbox-toggle.active{
  background-color:#9f5781;
}
/* line 40, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-toggle:after {
  content: '';
  display: block;
  /*border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;*/
  position: absolute;
  right:15px;
  top:50%;
  margin-top:-5px;
}
/* line 52, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-toggle.active:after {

/*  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;*/
}
/* line 61, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-toggle:hover {
  text-decoration: none;
}
/* line 65, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-dropdown {
  background-color: #fff;
 /* border: 1px solid #ddd;*/
  position: absolute;
  z-index: 100;
  bottom: -20px;
  left: 0;
  width: 100%;
  max-height: 120px;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size:0.75em; /* 12/16 */
  font-weight:900;
}
/* line 82, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-dropdown::-webkit-scrollbar {
  width: 20px;
  height: 30px;
}
/* line 87, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-dropdown::-webkit-scrollbar-track {
  background: #ebebeb;
}
/* line 91, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-dropdown::-webkit-scrollbar-thumb {
  background: #d293b8;
  cursor: pointer;
}
/* line 93, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-dropdown::-webkit-scrollbar-thumb:hover {
  background: #854369;
}
/* line 100, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-dropdown li.active .mad-selectbox-item {
  background-color: #f3f3f3;

}
/* line 106, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-dropdown li:hover .mad-selectbox-item,
.mad-selectbox .mad-selectbox-dropdown li.focus .mad-selectbox-item {
  background-color:#f3f3f3;
  color:#9f5781;
}
/* line 111, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-dropdown li:not(:last-child) {
  /*border-bottom: 1px solid #ddd;*/
}
/* line 119, ../../src/styles/selectbox.scss */
.mad-selectbox .mad-selectbox-dropdown li.mad-empty {
  padding: 10px;
  font-size: 14px;
  color: #999;
}