.ui-widget-shadow.ui-widget.ui-widget-content{
	background: #333333;
    color: white;
    font-family: "Noto Sans SC";
    letter-spacing: 1px;
    padding: 15px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
	opacity:1 !important;
}

.usage-installation{
	padding:15px;
}

.usage-installation h2, .usage-installation li{
	font-family: "Noto Sans SC";
    letter-spacing: 1px;
}

.usage-installation ul{
	padding-left:20px;
}

.usage-installation li{
	list-style-type:decimal;
}

.usage-installation a{
	color:#ed2790;
}

span.webian-support{
	font-family: "Noto Sans SC";
    letter-spacing: 1px;
    text-transform: uppercase;
	margin-top:30px;
	display:block;
}

span.webian-support a{
	font-family: "Noto Sans SC";
    letter-spacing: 1px;
    text-transform: uppercase;
	color:#ed2790;
}


form#wbddt-setting-form a.tooltip-icon{
	background: #333333;
    padding: 1px 7px;
    color: white;
    text-decoration: none;
    border-radius: 100%;
	transition:0.3s;
}

form#wbddt-setting-form input[type="submit"]{
	background:#333333;
	color:white;
	font-family: "Noto Sans SC";
    letter-spacing: 1px;
    text-transform: uppercase;
	border:1px solid #333333;
	transition:0.3s;
}

form#wbddt-setting-form input[type="submit"]:hover{
	color:#333333;
	background:white;
	transition:0.3s;
	cursor:pointer;
}

a.tooltip-icon:focus{
	box-shadow:none;
	border:none;
	outline:none;
}

a.tooltip-icon:hover{
	background: #ed2790 !important;
	transition:0.3s;
}

.wrap.wbddt-wrap{
	background:white;
	box-shadow:0px 7px 10px rgba(0,0,0,0.2);
}

.wrap.wbddt-wrap h1{
	background: #333333;
    padding: 15px;
    color: white;
    font-family: "Noto Sans SC";
    letter-spacing: 1px;
    text-transform: uppercase;
}

form#wbddt-setting-form hr{
	margin:40px 0px
}

form#wbddt-setting-form a{
	color:#ed2790;
}

form#wbddt-setting-form input{
	border-radius: 0;
    padding: 5px 15px;
}

form#wbddt-setting-form input::placeholder{
	color:#cecece;
	font-style:italic;
	font-weight:300;
}

form#wbddt-setting-form .ddt-delivery-date input{
	width:75px;
	margin-right:5px;
}

form#wbddt-setting-form input:focus{
	outline:none;
	box-shadow:none;
}

form#wbddt-setting-form{
	display: block;
    background: white;
    padding: 30px 15px;
}

form#wbddt-setting-form h2{
	font-family: "Noto Sans SC";
    letter-spacing: 1px;
    text-transform: uppercase;
}

form#wbddt-setting-form p, 
form#wbddt-setting-form span{
	font-family: "Noto Sans SC";
    letter-spacing: 1px;
}

form#wbddt-setting-form fieldset{
	padding: 25px 25px;
    background: #F4F4F4;
	display: inline;
}

form#wbddt-setting-form .switch-handle{
	background:#ed2790;
}

form#wbddt-setting-form .switch-input:checked ~ .switch-handle{
	left:43px;
}

form#wbddt-setting-form .switch-input:checked ~ .switch-label{
	background: #333333;
    box-shadow: none;
    font-family: "Noto Sans SC";
}

form#wbddt-setting-form span.wbddt-repient-name-label.switch-label{
	background: #f4f4f4;
    font-family: "Noto Sans SC";
}

form#wbddt-setting-form label.switch{
	width:75px;
}

label.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget{
	background: white;
    padding: 10px 15px;
    color: #333333;
    border-radius: 0;
    font-family: "Noto Sans SC";
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
	box-shadow: none;
	border:1px solid white;
}

label.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-checkboxradio-checked.ui-state-active{
	background: #333333;
    color: white;
    transition: 0.3s;
	box-shadow:none;
	border:1px solid #333333;
	margin-bottom: 10PX;
}

span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-blank{
	border: 1px solid #333333;
    box-shadow: none;
    margin-right: 3px;
}

span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked{
	border-radius: 0;
    border: 1px solid #ed2790;
    box-shadow: none;
    margin-right: 3px;
}

.ui-tooltip {
 opacity:0.8 !important;
 /* for IE */
 filter:alpha(opacity=80) !important;     
}

.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #E1B42B;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 74px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Tooltips  */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  font-size: 12px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}