.wpl_wrapper .box_wrap {    background: #FFFFFF;    border: 1px solid #E5E5E5;    position: relative;    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);    margin: 20px 0;}
.wpl_wrapper .box_wrap .title{    border-bottom: 1px solid #EEEEEE;    margin: 0;    padding: 5px 15px;    background: #FFFFFF;}
.wpl_wrapper .box_wrap .box_inner {      position: relative; display: inline-block; width: 100%; box-sizing: border-box;  border-top: 4px #3c8dbc solid!important;    padding: 15px;     }
.wpl_wrapper .box_inner p {    margin-top: 0.5em;}
.wpl_wrapper .wrap form {    background: #fff;    padding: 10px 20px;    border: 1px #dadee2 solid;}
.wpl_wrapper input[type=checkbox].css-checkbox{
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
.wpl_wrapper .box_wrap .box_inner .aside_wrapper {
	position: relative;
    display: block;
    width: 190px;
    float: left;
    border-right: 1px solid #eee;
}
.wpl_wrapper .box_wrap .box_inner .body_wrapper {
	position: relative;
    display: block;
    width: calc(100% - 210px);
    float: right;
}
.aside_wrapper li {
    display: block;
	width: 90%;
    padding: 10px 0;
    border-bottom: 4px #3c8dbc solid!important;
    text-align: center;
	background: #f1f1f1;
}
.aside_wrapper li.current,
.aside_wrapper li:hover {
	background: rgba(180, 185, 190, 0.52);
}
.aside_wrapper a {
    text-decoration: none;
	display: block;
}
.wpl_wrapper input[type=checkbox].css-checkbox + label.css-label {    padding-left: 35px;    height: 30px;    display: inline-block;    line-height: 30px;    background-repeat: no-repeat;    background-position: 0 0;    font-size: 16px;    vertical-align: middle;    cursor: pointer;}
.wpl_wrapper input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -30px;
}
.wpl_wrapper label.css-label {    background-image: url(../images/wplorem-csscheckbox.png);    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
.wpl_wrapper label.label {    padding-left: 15px;    height: 30px;    display: inline-block;    line-height: 30px;    font-size: 16px;    vertical-align: middle;    cursor: pointer;}
.wpl_wrapper input[type="number"]{}
input[type="submit"].wl_buttonLink,a.wl_buttonLink,button.wl_buttonLink {    position: relative;    display: inline-block;    background: #f6846a;    border: 0;    color: #fff;    padding: 10px;    cursor: pointer;    -webkit-transition: all 250ms ease;    -moz-transition: all 250ms ease;    -ms-transition: all 250ms ease;    -o-transition: all 250ms ease;    transition: all 250ms ease;
}
input[type="submit"].wl_buttonLink{ padding-top: 0; padding-bottom: 0; margin: 10px 0;}
input[type="submit"].wl_buttonLink:hover,a.wl_buttonLink:hover,button.wl_buttonLink:hover{    background-color: #f79882;    color: #fff;}
.wpl_wrapper .loader { display: none; margin-top: 50px ;color: #3c8dbc; font-family: Consolas, Menlo, Monaco, monospace; font-weight: bold; font-size: 35px; opacity: 0.8; }
.wpl_wrapper .loader div { display: inline-block; -webkit-animation: pulse 0.6s alternate infinite ease-in-out; animation: pulse 0.6s alternate infinite ease-in-out; }
.wpl_wrapper .loader span { display: inline-block; -webkit-animation: pulse 0.4s alternate infinite ease-in-out; animation: pulse 0.4s alternate infinite ease-in-out; }
.wpl_wrapper .loader span:nth-child(odd) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
@-webkit-keyframes pulse {
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
}
@keyframes pulse {
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
}