/*============================= special.css  =========================================*/
/* This css contains 3rd party styles that sometimes default main tags that we won't
want to override in the blog or community (ie we leave this css file out of those area */

/*============================= select box styling  =========================================*/
/* https://www.proy.info/style-select-dropdown-using-css/ */
/* body select.select_box */ 
body select { 
	display: inline; /* block; */
	padding: 5px 50px 5px 10px !important; 
	max-width: 100%; 
	height: auto !important; 
	border: 1px solid #e3e3e3; 
	border-radius: 3px; 
	background: url("../images/selectbox_arrow.png") right center no-repeat; 
	background-color: #fff; 
	color:#3B376C; 
	font-size: 12px; 
	line-height: 16px !important; 
	appearance: none; /* this is must */ 
	-webkit-appearance: none; 
	-moz-appearance: none; 
}
/* body select.select_box option */ 
body select option { 
	padding: 0 4px; 
} 
/* for IE and Edge */ 
select::-ms-expand { 
	display: none; 
} 
select:disabled::-ms-expand { 
	background: #f60; 
}
/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   /* background: url(../images/ic_keyboard_arrow_down_white_18dp.png) no-repeat 96% 0; */
   height: 29px;
   overflow: hidden;
   width: 90%; /*240px;*/
}
.styled-select select {
   background: transparent;
   border: none;
   font-size: 100%; /*14px*/
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 95%; /*268px;*/
}
/*============================= radio button styling  =========================================*/
/* https://codepen.io/samkeddy/pen/PbROLK */
input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}
label {
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
  /* font-weight: bold; */
  padding: 5px 20px;
  background: #3B376C;
}

input[type=radio]:checked + label{
  color: #3B376C;
  background: #B8C3CB;
}

label + input[type=radio] + label {
  border-left: solid 3px #3B376C;
}