.jplist-hidden {
 display:none
}
.jplist-sticky {
 position:fixed;
 width:100%;
 left:0;
 top:0;
 z-index:1000;
 background:#f1f1f1;
 padding-bottom:5px
}
.sticky-demo .panel>.center {
 max-width:100%
}
.sticky-demo .jplist-sticky>.center {
 max-width:95%
}
.no-cssgradients .jplist-panel button:hover {
 background:#f4f4f4
}
.jplist-panel {
 color:#27252a;
 width: 100%;
}


.jplist-panel .fullwidth {
  padding: 0px 0px;
  float: left;
  width: 100%;
}
.jplist-panel button {
 float:left;
 border: none;
 color: #fff;
 background-color: rgba(0,0,0,0);
 font-size: 18px;
 /* padding: 12px; */
 width: auto;
 padding-left: 42px;
 position: relative;
 margin-left: 0px;
 line-height: 32px;
}

.jplist-reset-btn:before {content: "e";font-family: complete-icons;position: absolute;left: 0px;top: 0px;width: 36px;height: 36px;line-height: 36px;background-color: #fff;border-radius: 50%;color:  var(--cu-light-blue);font-size: 28px;}

.jplist-panel button:hover:before {
 background-color: #ef7d00;

 
}

.jplist-panel button.jplist-disabled {
 background:#e3e3e3;
 color:#6c6c6c;
 cursor:default
}
.jplist-panel button.jplist-selected {
 color:#f03800
}
.jplist-panel input[type=text] {
 float:left;
 height:28px;
 box-shadow:0 0 1px #fff;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid #dbdbdb;
 border-radius:3px;
 text-shadow:1px 1px 1px #fff;
 color:#27252a;
 width:150px;
 text-indent:5px;
 background:#fff
}
.jplist-panel input[type=checkbox],
.jplist-panel input[type=radio] {
 float:left;
 display:inline-block;
 height:30px;
 /*! background:#fff; */
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 color:#27252a
}
.jplist-panel label {
 float:left;
 height:30px;
 line-height:30px;
 padding:0 5px;
 display:inline-block;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 cursor:pointer
}
.jplist-panel input.jplist-no-right-border {
 border-right:0;
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
.jplist-icon {
 float:left;
 height:30px;
 box-shadow:0 0 1px #fff;
 background:#fff;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid #dbdbdb;
 border-radius:3px;
 text-shadow:1px 1px 1px #fff;
 color:#27252a;
 display:inline-block;
 line-height:30px;
 padding:0 10px;
 border-right:0;
  display: none;
}
.jplist-icon:hover {
 color:#0381bb
}
.jplist-label {
  display: none;
 float:left;
 height:30px;
 box-shadow:0 0 1px #fff;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid #dbdbdb;
 border-radius:3px;
 text-shadow:1px 1px 1px #fff;
 color:#27252a;
 line-height:30px;
 padding:0 10px;
 margin:10px 10px 0 0;
 background:#fff;
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));
 background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);
 background:linear-gradient(to bottom,#fff 0,#efefef 100%)
}
.jplist-clear {
 color:#666;
 cursor:pointer;
 float:left;
 height:30px;
 line-height:27px;
 padding:0 4px;
 background:#fff;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid #dbdbdb;
 border-left:0;
 border-radius:0 3px 3px 0;
 text-shadow:1px 1px 1px #fff
}
.jplist-clear:hover {
 color:#444
}

.jplist-box {
 float:left;
 height:30px;
 margin:10px 10px 0 0
}
@media only screen and (max-width:600px) {
 .jplist-panel {
   display: none;

 }
}
.jplist-drop-down {
 float:left;
 height:30px;
 border:1px solid #dbdbdb;
 color:#27252a;
 width:150px;
 margin-right: 8px;
 position:relative;
 background-color: #eee;
 display:none
}
.jplist-drop-down .jplist-dd-panel {
 float:left;
 width:150px;
 height:24px;
 line-height:24px;
 overflow:hidden;
 text-indent:10px;
 cursor:pointer;
 font-size: 14px;
}
.jplist-drop-down .jplist-dd-panel:after {
 content:'a';
 font-family: complete-icons;
 color:#111;
 display:inline-block;
 position:absolute;
 right:10px;
 
}
.jplist-drop-down ul {
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid #dbdbdb;
 border-radius:0 0 3px 3px;
 position:relative;
 top:0;
 z-index:1000;
 width:148px;
 display:none;
 overflow:hidden;
 background:#fff;
 list-style:none;
 margin:0;
 padding:0;
 box-shadow:0 3px 6px #bbb
}
.jplist-drop-down ul li {
 width:100%;
 float:left;
 height:30px;
 line-height:30px;
 text-indent:10px;
 cursor:pointer
}
.jplist-drop-down ul li:hover {
 background-color:#ececec
}

.jplist-select {
 height:30px;
 box-shadow:0 0 1px #fff;
 background:#fff;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid #dbdbdb;
 border-radius:3px;
 text-shadow:1px 1px 1px #fff;
 color:#27252a;
 float:left;
 margin:10px 10px 0 0;
 padding:5px;
 text-shadow:none
}
.jplist-ios-button {
 display:none
}
@media only screen and (max-width:600px) {
 .jplist-ios-button {
  display:block;
  padding: 16px;
  width:calc(100% - 32px);
  margin: 16px;
  text-align:center;
  cursor:pointer;
  float:left;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  border:1px solid #dbdbdb;

  background:#fff;
  }

 .jplist-ios-show {
  display:block
 }
}