/*!------------------------
   $checkbox
--------------------------*/
.jquery-checkbox {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer;
}
.jquery-checkbox .mark {
  display: inline;
  width: 60px;
}
.jquery-checkbox img {
  vertical-align: middle;
  width: 60px;
  height: 20px;
  background: transparent url(images/elements/checkbox-light.png) no-repeat;
  background-position: 0 0;
}

.jquery-checkbox-checked img {
  background-position: 0 -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
  background-position: 0 -60px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img {
  background-position: 0 -100px;
}

.jquery-checkbox-hover img {
  background-position: 0 -20px;
}

.jquery-checkbox-disabled img {
  background-position: 0 -80px;
}

/*!------------------------
   $Rectangle
--------------------------*/
.rect {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  color: #666;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
  display: inline-block;
  position: relative;
  margin: 0 1px;
  height: auto;
  min-width: 60px;
  background: #ececec;
  padding: .5em 8px .5em;
  outline: none;
  border: 1px solid #d8d8d8;
  border-bottom: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.57);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.57);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.57);
}
.rect:hover {
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.75);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.75);
}
.rect:active {
  background-color: #696969;
  color: #FFFFFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  border: 1px solid #777777;
  border-bottom: 1px solid #555555;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.58), inset 0 1px 6px rgba(0, 0, 0, 0.07), inset 0 -14px 13px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.58), inset 0 1px 6px rgba(0, 0, 0, 0.07), inset 0 -14px 13px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.58), inset 0 1px 6px rgba(0, 0, 0, 0.07), inset 0 -14px 13px rgba(0, 0, 0, 0.2);
}

/*!------------------------
   $dropdown
--------------------------*/
.cl-select, .av3_container select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  white-space: nowrap;
  color: #666;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
  display: inline-block;
  position: relative;
  margin: 0 1px;
  width: 230px;
  height: auto;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAABGCAYAAABL/l33AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFCQkNBMkE2RDU4QTExRTFBODM5ODEyQjQ3MjVCNEIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFCQkNBMkE3RDU4QTExRTFBODM5ODEyQjQ3MjVCNEIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUJCQ0EyQTRENThBMTFFMUE4Mzk4MTJCNDcyNUI0QjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUJCQ0EyQTVENThBMTFFMUE4Mzk4MTJCNDcyNUI0QjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4MPYDTAAACRklEQVR42mK8dOnSf11dXQYgYGQgE3i4e2CI/f37l+HXr18MBw8dJNk8JgYKATYHUQoocpSriysDLQDZjrK3s2egFWBiGISAabCF0vAJKVqH0vAIKXqE0tAPKXqF0tAOKXqG0tANKXqHEqUhBWqE/QTi/zgwSM6AHINZCCnA10ibOmUqy7lz5xgYmVDbh////WcwMjJiyc7JZqCJo/CAy/EJ8Svff3gf+fbtWwZGRojD/v//zyAsJMyQlJy0Asi9QPeEzsPDkxYbG3uXhQXhNxAb6Ng7nJycKQOV+77Iy8v7BQQE/AC1yUE4JDjkh6ysrA9Q7ju5hrJQIbNcs7a2Tnv+/PkiFmYWBnML8wSg2E1KDGShUi5eHBISAsqNv4B4JaWGsVCxeCkbrftGHTXqqFFHjTpq1FGogBHU/hl0jgoPD/8vLi4OZpNryMSJEwdX9FHbQRQ7ihYOoshRtHLQ8CoSaBlKwyekaB1KwyOk6BFKQz+k6BVKQzuk6BlKQzek6B1KlIYUzYYXCToKNEKHAz+5fPnyGVz6QHJANY/pHVLvIyMjm9+9e/cMXQIk5u/v3whkvqV7Qr969ere4uLirt+/f/+EiYHYeXl5Hffv399LszQFtACf9O8FCxYsBAGYwOzZs+cuXbp0EZD5l1xHUWPQ7ENqamq3qqqqHDCU/mZnZ/cCxT7SpTczadIkQmaZQUPnLLIgOV04ag4vnqJ7OUUgbY1WMwMSWsOj40CP0Bo+nVFah9bwGsmjZWgNvzFPWoUWQIABAH8xwXC+l41UAAAAAElFTkSuQmCC) no-repeat right -3px;
  padding: .7em 30px .6em 10px;
  outline: none;
  border: 1px solid #ADADAD;
  border-radius: 1px;
  cursor: pointer;
  -moz-box-shadow: inset 0 -2px 0 #DFDFDF;
  -webkit-box-shadow: inset 0 -2px 0 #DFDFDF;
  box-shadow: inset 0 -2px 0 #DFDFDF;
}
.cl-select option, .av3_container select option {
  color: #666;
  background: #f9f9f9;
  text-shadow: none;
  padding: 0 .7em;
}
.cl-select:hover, .av3_container select:hover {
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
}
.cl-select:focus, .av3_container select:focus {
  background-color: #696969;
  background-position: right -38px;
  color: #FFFFFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  border: 1px solid #777777;
  border-bottom: 1px solid #555555;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.58);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.58);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.58);
}
.cl-select::before, .av3_container select::before {
  background: rgba(102, 102, 102, 0.74);
  border-radius: 100%;
  content: '';
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  height: 6px;
  left: 0;
  margin-top: 3px;
  opacity: 1;
  position: absolute;
  top: 0;
  vertical-align: top;
  width: 6px;
}

.av3_container {
  /*!------------------------
     $Radio Button
  --------------------------*/
}
.av3_container input[type="radio"] {
  cursor: pointer;
  margin: 0;
  display: inline-block;
  height: 14px;
  position: relative;
  vertical-align: baseline;
  width: 14px;
  background: #ececec;
  border-radius: 100%;
  border: 1px solid #d8d8d8;
  border-bottom: 1px solid #ccc;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 6px 7px rgba(255, 255, 255, 0.57);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 6px 7px rgba(255, 255, 255, 0.57);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 6px 7px rgba(255, 255, 255, 0.57);
}
.av3_container input[type="radio"]:hover {
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 6px 7px rgba(255, 255, 255, 0.78);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 6px 7px rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 6px 7px rgba(255, 255, 255, 0.78);
}
.av3_container input[type="radio"]:active {
  color: #696969;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.53);
  border: 1px solid #d2d2d2;
  border-bottom: 1px solid #d8d8d8;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.58), inset 0 1px 6px rgba(0, 0, 0, 0.07), inset 0 -6px 7px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.58), inset 0 1px 6px rgba(0, 0, 0, 0.07), inset 0 -6px 7px rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.58), inset 0 1px 6px rgba(0, 0, 0, 0.07), inset 0 -6px 7px rgba(255, 255, 255, 0.2);
}
.av3_container input[type="radio"]:checked::before {
  background: rgba(102, 102, 102, 0.74);
  border-radius: 100%;
  content: '';
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  height: 6px;
  left: 0;
  margin-top: 3px;
  opacity: 1;
  position: absolute;
  top: 0;
  vertical-align: top;
  width: 6px;
}
.av3_container .wp-switch-editor.switch-html {
  background-color: #f5f5f5;
}
.av3_container .wp-switch-editor.switch-tmce {
  background-color: #f5f5f5;
}
.av3_container .ace_editor {
  border: 1px solid #adadad;
}
.av3_container .wp-editor-container textarea {
  border: none;
}
.av3_container textarea.code_editor {
  height: 200px;
  width: 85%;
}

/*!------------------------
   $Range element
--------------------------*/
[type="range"] {
  width: 100px;
  height: 10px;
}

.axi_ui_slider .ui-widget-content {
  width: 400px;
  background: #ececec;
  border-radius: 30px;
  color: #696969;
  border: 1px solid #CCCCCC;
  border-bottom: 1px solid #d8d8d8;
  -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 2px 3px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 2px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 2px 3px rgba(0, 0, 0, 0.15);
}
.axi_ui_slider .ui-widget-content .ui-state-default {
  color: #666;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
  font-size: 12px;
  border: 1px solid #CCCCCC;
  border-bottom: 1px solid #bbbbbb;
  border-radius: 100%;
  cursor: pointer;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
}
.axi_ui_slider .ui-widget-content .ui-state-hover {
  outline: none;
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-widget-content .ui-state-focus {
  outline: none;
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-widget-header {
  border: none;
  background: #b4d5ee;
  color: #ffffff;
  font-weight: bold;
  border-radius: 31px;
  -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 2px 5px rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 2px 5px rgba(255, 255, 255, 0.25);
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 2px 5px rgba(255, 255, 255, 0.25);
}
.axi_ui_slider .ui-widget-header .ui-state-default {
  color: #666;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
  font-size: 12px;
  border: 1px solid #CCCCCC;
  border-bottom: 1px solid #bbbbbb;
  border-radius: 100%;
  cursor: pointer;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
}
.axi_ui_slider .ui-widget-header .ui-state-hover {
  outline: none;
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-widget-header .ui-state-focus {
  outline: none;
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-state-default {
  color: #666;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
  font-size: 12px;
  border: 1px solid #CCCCCC;
  border-bottom: 1px solid #bbbbbb;
  border-radius: 100%;
  cursor: pointer;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.57);
}
.axi_ui_slider .ui-state-hover {
  outline: none;
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-state-focus {
  outline: none;
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 7px 6px rgba(255, 255, 255, 0.75);
}
.axi_ui_slider .ui-slider {
  position: relative;
  text-align: left;
}
.axi_ui_slider .ui-slider .ui-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: default;
  background-color: #f8f8f8;
}
.axi_ui_slider .ui-slider .ui-slider-range {
  position: absolute;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.axi_ui_slider .ui-slider a.ui-slider-handle:hover {
  background-color: #FFFFFF;
}
.axi_ui_slider .ui-slider-horizontal {
  height: .8em;
}
.axi_ui_slider .ui-slider-horizontal .ui-slider-handle {
  top: -.28em;
  margin-left: -.7em;
  background: #ececec;
  cursor: pointer !important;
}
.axi_ui_slider .ui-slider-horizontal .ui-slider-handle::before {
  content: 'o';
  width: 6px;
  height: 6px;
  background: rgba(102, 102, 102, 0.6);
  display: inline-block;
  text-indent: -9999px;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 1px 3px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 1px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 1px 3px rgba(0, 0, 0, 0.35);
}
.axi_ui_slider .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.axi_ui_slider .ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.axi_ui_slider .ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

/*!------------------------
   $Area
--------------------------*/
.area {
  font-size: 12px;
  color: #666;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
  display: inline;
  min-width: 60px;
  display: inline-block;
  background: #E0E0E0;
  padding: .5em !important;
  outline: none;
  border: 1px solid #d8d8d8;
  border-bottom: 1px solid #ccc;
  border-radius: 3px;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.17);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.17);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.027), inset 0 1px 0 rgba(255, 255, 255, 0.69), inset 0 -1px 0 rgba(0, 0, 0, 0.0187), inset 0 16px 15px rgba(255, 255, 255, 0.17);
}

.area-title {
  font: bold 120%/1.5em Arial;
  margin: 0;
  margin-bottom: 2px;
  text-align: center;
  color: #555555;
}

/*!------------------------
   $Sorterbox
--------------------------*/
.sortbox .sort-item-heighlight {
  width: 90%;
  display: block;
  margin: 0 auto;
  height: 2.5em;
  margin-bottom: 6px;
  border: 1px dashed #999999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sortbox .ui-sortable-helper {
  display: block;
  height: 2.5em !important;
}
.sortbox > * {
  text-align: center;
  width: 90%;
  display: block;
  margin: 0 auto;
  height: 2.5em;
  margin-bottom: 6px;
}

/*!------------------------
   $Selection List
--------------------------*/
.selection-list > li {
  display: inline-block;
  outline: 2px solid #CFCFCF;
  border: 2px solid transparent;
  margin-right: 7px;
  line-height: .5em;
}
.selection-list > li.selected {
  outline-color: #2F5F91 !important;
}
.selection-list > li:hover {
  outline-color: #9DB8D3;
}

/*!------------------------
  Main stylesheet for Switchery.
  http://abpetkov.github.io/switchery/
--------------------------*/
.axi-switch {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  position: relative;
  vertical-align: middle;
  width: 55px;
  user-select: none;
  box-sizing: content-box;
  box-shadow: rgba(0, 0, 0, 0.13) 0 6px 0 0 inset !important;
}
.axi-switch > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 28px;
  position: absolute;
  top: 0;
  width: 28px;
}
