/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1. 项目名称：ttpai前端MVC框架
 2. 文件名称：mixins (混合)
 3. 作者：huagang.zhao@51auto.com
 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1. 项目名称：ttpaicdn.com
 2. 文件名称：background.less(混合 -> 背景类)
 3. 作者：huagang.zhao@51auto.com
 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1. 项目名称：ttpaicdn.com
 2. 文件名称：background.less(混合 -> 圆角类)
 3. 作者：huagang.zhao@51auto.com
 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1. 项目名称：ttpaicdn.com
 2. 文件名称：background.less(混合 -> 块级化并居中类)
 3. 作者：huagang.zhao@51auto.com
 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1. 项目名称：ttpaicdn.com
 2. 文件名称：background.less(混合 -> 显示方式类)
 3. 作者：huagang.zhao@51auto.com
 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1. 项目名称：ttpaicdn.com
 2. 文件名称：background.less(混合 -> 浮动类)
 3. 作者：huagang.zhao@51auto.com
 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1. 项目名称：ttpaicdn.com
 2. 文件名称：background.less(混合 -> 字体类)
 3. 作者：huagang.zhao@51auto.com
 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1. 项目名称：ttpaicdn.com
 2. 文件名称：background.less(混合 -> 文本类)
 3. 作者：huagang.zhao@51auto.com
 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1. 项目名称：ttpaicdn.com
 2. 文件名称：background.less(混合 -> 三角符号类)
 3. 作者：huagang.zhao@51auto.com
 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
对标签样式的重定义
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {
  background: #f4f7f9;
  font-family: microsoft yahei, simsun;
  font-size: 13px;
  color: #666666;
}
ul li {
  list-style: none;
}
a {
  color: #3487E2;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
hr,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
span.label {
  padding: 0.2em 0.6em;
  font-size: 90%;
  line-height: 1.9em;
}
table td {
  /*
    *截取文本用省略号追加在后面
    */
  overflow: hidden ;
  white-space: nowrap ;
  text-overflow: ellipsis ;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis ;
  -moz-binding: url("ellipsis.xml#ellipsis");
  font-size: 12px;
}
table td .iconfont {
  font-size: 14px;
}
table th {
  font-weight: initial;
  font-size: 12px;
}
.dropdown-menu {
  font-size: 12px;
}
.dropdown-menu .iconfont {
  font-size: 14px;
}
.dropdown-menu li:hover {
  background: #f5f7fd;
  color: #ff8a1f;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
对zTree样式的重定义
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ztree li a .node_name {
  max-width: 500px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ztree li a input.rename {
  height: 16px;
  width: 300px;
}
.curSelectedNode {
  background: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  color: #fff;
  height: 22px;
  padding: 3px;
}
.form-control {
  border-radius: 0px;
  line-height: 22px;
  font-size: 13px;
  color: black;
}
.form-control .iconfont {
  font-size: 13px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: unset;
}
.progress-bar-info {
  background-image: linear-gradient(to bottom, #97df25 0, #97df25 100%);
}
.input-group-addon {
  border-radius: 0px;
}
.btn-primary {
  background-image: linear-gradient(to bottom, #3487E2, #3487E2 100%);
  border-color: initial;
}
.btn-primary:focus,
.btn-primary:hover {
  background-color: #1567c1;
  color: white;
  background-position: initial;
  border-color: initial;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
对Bootstrap样式的重定义
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.container {
  padding: 0;
}
.modal .modal-header {
  padding: 15px 15px 10px;
}
.modal .modal-footer {
  padding: 10px;
}
.alert {
  padding: 10px;
}
.pagination {
  margin: 0px;
}
.pagination li {
  font-family: Arial, Helvetica, sans-serif;
}
.pagination li a,
.pagination li span {
  line-height: 18px;
}
.pagination li a.op {
  padding: 0px 12px;
}
.pagination li a.op:hover {
  background-color: white;
}
.pagination li select,
.pagination li input {
  height: 30px;
  padding: 4px 0px;
  border: 0px;
  text-align: center;
}
.pagination li select:focus,
.pagination li input:focus {
  outline: 0px;
}
.pagination li .input {
  line-height: 32px;
  height: 32px;
}
.pagination li .input span {
  padding: 0px 5px;
}
.pagination li .input input {
  line-height: 20px;
  height: 20px;
  display: none;
}
.pagination li .input:hover span {
  display: none;
}
.pagination li .input:hover input {
  display: unset;
}
.pagination > span {
  line-height: 32px;
  margin-left: 10px;
}
.tooltip-inner {
  font: normal normal normal 12px/20px microsoft yahei, simsun;
}
.popover-content {
  font-family: microsoft yahei, simsun;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
对日期时间空间样式的重定义
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.datetimepicker tbody {
  font-family: Arial, Helvetica, sans-serif;
}
.datetimepicker-months tbody {
  font-family: microsoft yahei, simsun;
  font-size: 12px;
}
::-webkit-input-placeholder {
  color: #ccc ;
}
:-moz-placeholder {
  color: #ccc ;
}
::-moz-placeholder {
  color: #ccc ;
}
:-ms-input-placeholder {
  color: #ccc ;
}
.placeholder {
  color: #ccc ;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
页面很多地方的阿拉伯字母和数字需要显示成Arial字体
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.arial {
  font-family: Arial, Helvetica, sans-serif;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
文本控件，保持he control-label一样的高度
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.text-control {
  padding-top: 7px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 modal增加一个存放提示信息的容器的样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.modal-tips,
.modal-confirm {
  padding: 20px;
  text-align: center;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
只能输入半角字符的表单的class
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ime-disabled {
  ime-mode: disabled;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
必填项的红色星号
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.red-star {
  color: #c00;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bolder;
  margin-right: 5px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
滚动条
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.scrollbar {
  overflow-y: auto !important;
}
.scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.scrollbar::-webkit-scrollbar-thumb {
  height: 10px;
  background-color: #ccc;
  cursor: pointer;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #3487E2;
}
.overellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.overbreak {
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
}
textarea {
  resize: none;
}
a {
  text-decoration: none !important;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
表格选中行样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
table tbody tr.on {
  background: #eee;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
上下10px间距
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.v-gap {
  margin-top: 15px;
}
.h-gap {
  margin-left: 15px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
tabs样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.tabs-handle {
  background: #fff;
  border-bottom: 1px solid #eee;
  *zoom: 1;
  padding: 5px 10px 0 10px;
}
.tabs-handle:after {
  clear: both ;
  content: " ";
  display: block ;
  font-size: 0 ;
  height: 0 ;
  visibility: hidden ;
}
.tabs-handle li {
  border-bottom: 2px solid #fff;
  cursor: pointer;
  float: left;
  font-size: 14px;
  padding: 4px 12px;
}
.tabs-handle li.on {
  border-bottom-color: #39f;
  color: #39f;
}
.tabs-handle-left {
  background: #fff;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  *zoom: 1;
  padding: 10px 0px 10px 10px;
  line-height: 15px;
  width: 50px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.tabs-handle-left:after {
  clear: both ;
  content: " ";
  display: block ;
  font-size: 0 ;
  height: 0 ;
  visibility: hidden ;
}
.tabs-handle-left li {
  border-right: 2px solid #fff;
  cursor: pointer;
  float: left;
  font-size: 14px;
  padding: 8px;
}
.tabs-handle-left li.on {
  border-right-color: #39f;
  color: #39f;
}
.tabs-frame {
  padding: 10px;
}
.modal-header .tabs-handle {
  border-bottom: none;
  padding: 0px;
}
.modal-header .active {
  border-bottom-color: #39f;
}
.modal-body label {
  font-size: 12px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
portal样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.portal {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
}
.portal .tools {
  border-top: 1px solid #eee;
  padding: 8px;
  text-align: right;
}
.fit-height {
  overflow: auto;
  zoom: 1;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
透明样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.transparent {
  background-color: transparent;
  border: 1px solid transparent;
  outline: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
对字体图标样式的重定义
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.iconfont {
  margin-left: 3px;
  margin-right: 3px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
事务颜色定义
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.border-green {
  border-left: 5px solid #090;
}
.border-blue {
  border-left: 5px solid #06f;
}
.border-orange {
  border-left: 5px solid #f90;
}
.border-red {
  border-left: 5px solid #c00;
}
.border-gray {
  border-left: 5px solid #666;
}
.border-non {
  border-left: 5px solid transparent;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
事务选择窗口样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#modal-select-matter .modal-body .result {
  padding: 10px;
}
#modal-select-matter .modal-body .result dl {
  border-bottom: 1px dotted #eee;
  *zoom: 1;
}
#modal-select-matter .modal-body .result dl:after {
  clear: both ;
  content: " ";
  display: block ;
  font-size: 0 ;
  height: 0 ;
  visibility: hidden ;
}
#modal-select-matter .modal-body .result dl dt {
  float: left;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
#modal-select-matter .modal-body .result dl dd {
  line-height: 20px;
  margin-left: 40px;
  text-indent: 5px;
}
#modal-select-matter .modal-body .result dl dd .title {
  font-size: 15px;
  width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #23527c;
}
#modal-select-matter .modal-body .result dl dd div {
  display: inline-block;
}
#modal-select-matter .modal-body .result dl dd div.date {
  width: 280px;
}
#modal-select-matter .modal-body .result dl dd div.date span {
  width: 118px;
  display: inline-block;
}
#modal-select-matter .modal-body .result dl dd div.status {
  width: 60px;
}
#modal-select-matter .modal-body .result dl dd div.type {
  width: 60px;
}
#modal-select-matter .modal-body .result dl dd.prop {
  font-size: 13px;
  margin-top: -6px 0 0 0;
}
#modal-select-matter .modal-body .result dl dd.select {
  float: right;
  margin: -17px 0 0 0;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
创建新事务窗口样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#modal-add-matter .modal-body dl {
  *zoom: 1;
  margin-bottom: 10px;
}
#modal-add-matter .modal-body dl:after {
  clear: both ;
  content: " ";
  display: block ;
  font-size: 0 ;
  height: 0 ;
  visibility: hidden ;
}
#modal-add-matter .modal-body dl dt {
  font-weight: 400;
  float: left;
  line-height: 30px;
  text-align: right;
  width: 80px;
}
#modal-add-matter .modal-body dl dd {
  margin-left: 80px;
}
#modal-add-matter .modal-body dl dd div {
  padding: 0;
}
#modal-add-matter .modal-body dl dd .date-scope {
  float: right;
  margin-top: 8px;
}
.portrait {
  height: 35px;
  width: 35px;
}
.portrait-sm {
  height: 30px;
  width: 30px;
}
.portrait-xs {
  height: 25px;
  width: 25px;
}
.notice {
  width: 8px;
  height: 8px;
  line-height: 8px;
  font-size: 8px;
  color: #fff;
  text-align: center;
  background-color: #f00;
  border-radius: 50%;
  position: absolute;
  right: -10px;
  top: 0px;
}
.labelclose {
  position: relative;
  padding: 3px 22px 3px 2px !important;
  display: inline-block !important;
  height: 20px !important;
  margin: 1px !important;
  font-size: 13px !important;
  line-height: 13px !important;
}
.labelclose .iconfont {
  position: absolute;
  font-size: 10px;
  right: 0px;
  top: 4px;
  cursor: pointer;
  color: lightgray;
}
.labelnoclose {
  position: relative;
  padding: 3px 2px !important;
  display: inline-block !important;
  height: 20px !important;
  margin: 1px !important;
  font-size: 13px !important;
  line-height: 13px !important;
}
.inputicongroup {
  position: relative;
}
.inputicongroup i.icon {
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -12px;
}
.inputicongroup input {
  padding-left: 24px !important;
  height: 100% !important;
  width: 100% !important;
}
.inputcleargroup {
  position: relative;
}
.inputcleargroup:hover > .clear {
  display: initial;
}
.inputcleargroup:hover > input {
  padding-right: 24px !important;
}
.inputcleargroup > i.clear {
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -12px;
  cursor: pointer;
  display: none;
}
.inputcleargroup > input {
  height: 100% !important;
  width: 100% !important;
}
.condition {
  line-height: 26px;
}
.condition .name {
  font-size: 12px;
}
.condition .name:after {
  content: "\ff1a";
}
.condition .inputcleargroup,
.condition .inputicongroup,
.condition select,
.condition input {
  height: 26px;
}
.condition select {
  padding: 0 6px;
  width: 100% !important;
}
.condition a.order {
  font-size: 14px;
  font-weight: bold;
  padding-right: 15px;
}
.condition a.order i {
  font-size: 12px;
  position: absolute;
  line-height: 12px;
  color: #80808080;
}
.condition a.order i.icon-paixujiantoushang {
  top: 3px;
}
.condition a.order i.icon-paixujiantouxia {
  top: 11px;
}
.condition a.order.up i.icon-paixujiantoushang {
  color: #3487E2;
}
.condition a.order.down i.icon-paixujiantouxia {
  color: #3487E2;
}
.empty {
  display: block;
  font-size: 18px;
  color: lightgray;
  text-align: center;
  padding: 10px 0px;
}
.btn-fs {
  display: inline-block;
  line-height: 26px;
  font-size: 13px;
  padding: 0 16px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border: none;
  background-color: #3487E2;
  color: white;
}
.btn-fs:visited {
  color: white;
}
.btn-fs:hover {
  background-color: #1567c1;
  color: white;
}
.btn-fs.btn-fs-minor {
  color: #2a304d;
  background-color: white;
  border: 1px solid #dee1e6;
}
.btn-fs.btn-fs-minor:visited {
  color: #2a304d;
}
.btn-fs.btn-fs-minor:hover {
  color: #2a304d;
  background-color: #f8f8f8;
}
.btn-fs.btn-fs-a {
  border: none;
  background-color: inherit;
  color: #3487E2;
}
.btn-fs.btn-fs-success {
  background-color: #5cb85c;
}
.btn-fs.btn-fs-success:hover {
  background-color: #449d44;
}
.btn-fs.btn-fs-info {
  background-color: #5bc0de;
}
.btn-fs.btn-fs-info:hover {
  background-color: #31b0d5;
}
.btn-fs.btn-fs-warn {
  background-color: #ec971f;
}
.btn-fs.btn-fs-warn:hover {
  background-color: #eb9316;
}
.btn-fs.btn-fs-danger {
  background-color: #c12e2a;
}
.btn-fs.btn-fs-danger:hover {
  background-color: #c9302c;
}
.btn-fs.disabled,
.btn-fs[disabled],
fieldset[disabled] .btn-fs {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
.btn-fs.disabled:hover,
.btn-fs[disabled]:hover,
fieldset[disabled] .btn-fs:hover {
  background-color: #3487E2;
  color: white;
}
.btn-fs.disabled .btn-fs-minor:hover,
.btn-fs[disabled] .btn-fs-minor:hover,
fieldset[disabled] .btn-fs .btn-fs-minor:hover {
  color: #2a304d;
  background-color: white;
}
.row-fs {
  padding-left: 120px;
  position: relative;
  padding-bottom: 8px;
  min-height: 26px;
}
.row-fs label {
  position: absolute;
  width: 118px;
  left: 0px;
  text-align: right;
}
.imgs-fs div.head {
  line-height: 30px;
}
.imgs-fs div.head .text {
  vertical-align: middle;
  display: table-cell;
}
.imgs-fs div.head .text .count {
  color: #5cb85c;
  font-weight: bold;
  padding: 0px 5px;
}
.imgs-fs div.img,
.imgs-fs div.add {
  cursor: pointer;
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: 5px 10px 5px 0px;
  border: 1px solid #e5e5e5;
  position: relative;
}
.imgs-fs div.img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.imgs-fs div.add {
  text-align: center;
}
.imgs-fs div.add .iconfont {
  position: absolute;
  line-height: 98px;
  font-size: 24px;
  color: #ccc;
  margin-left: -11px;
}
.imgs-fs div .option {
  position: absolute;
  right: -7px;
  top: -7px;
  text-indent: -10000px;
  display: block;
  line-height: 22px;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAACTCAYAAABCicHDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOEJGMkY2QjUxMTM2ODA5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNzU1MDMzMDNFODUxMUUwOEU2RjkzMTJFRjMxNEUwMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNDI4M0NDNDNFODMxMUUwOEU2RjkzMTJFRjMxNEUwMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAzODAxMTc0MDcyMDY4MTE4QkYyRjZCNTExMzY4MDkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4QkYyRjZCNTExMzY4MDkwIi8+IDwvcmRmOkRlc2NyaXB0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) 2px 1px no-repeat;
}
.imgs-fs div .option:hover {
  opacity: 0.8;
}
ul.select-fs {
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid transparent;
  border-right: none;
  border-bottom: none;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.select-fs > li {
  box-sizing: border-box;
  border: 1px solid #ccc;
  float: left;
  height: 30px;
  line-height: 30px;
  margin: -1px 0 0 -1px;
  padding: 0 16px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  min-width: 20px;
  text-align: center;
}
ul.select-fs > li:first-child {
  border-radius: 3px 0 0 3px;
}
ul.select-fs > li:last-child {
  border-radius: 0 3px 3px 0;
}
ul.select-fs > li:hover {
  z-index: 4;
  border-color: #0080ff;
  color: #0080ff;
}
ul.select-fs > li.selected {
  z-index: 3;
  border-color: #0080ff;
  background-color: #0080ff;
  color: #fff;
}
ul.select-fs > li.selected.disabled {
  z-index: 2;
  background-color: #8FC7FF;
  color: #fff;
  cursor: not-allowed;
  border-color: #8FC7FF;
}
ul.select-fs > li.disabled {
  z-index: 2;
  background-color: #f2f2f2;
  color: #aaa;
  cursor: not-allowed;
}
ul.select-fs > li.disabled:hover {
  border-color: #aaa;
}
ul.select-fs:after {
  content: "";
  display: table;
  clear: both;
}
.fix-menu {
  position: fixed;
  z-index: 9999;
}
.tdt-control-copyright {
  display: none;
}
.explain-fs {
  cursor: pointer;
  margin-left: 5px;
}
.datarange-fs {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.datarange-fs > div {
  display: table-cell;
}
.datarange-fs > div > i.iconfont {
  margin-top: -10px;
}
.datarange-fs > span {
  display: table-cell;
  width: 20px;
  text-align: center;
}
.datarange-fs > a {
  display: table-cell;
  width: 30px;
  text-align: center;
  padding: 0px;
  position: relative;
}
.datarange-fs > a > i.iconfont {
  font-size: 26px;
  color: #999;
  line-height: 27px;
  margin: 0px;
  vertical-align: middle;
}
.fs-name-data {
  display: grid;
  grid-template-columns: 60px auto;
  column-gap: 3px;
}
.fs-name-data > :first-child,
.fs-name-data > .name {
  color: #8c8c8c;
}
.fs-name-data > :first-child::after,
.fs-name-data > .name::after {
  content: ':';
  font-size: 14px;
  margin: 0px 2px;
}
.fs-custom-selectitem {
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
  display: grid;
  align-items: center;
  grid-template-columns: 45px auto;
  column-gap: 5px;
  padding: 10px;
}
.fs-custom-selectitem > .select {
  text-align: center;
}
.fs-custom-selectitem > .select input {
  width: 20px;
  height: 20px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
页面主体区域样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#layout {
  z-index: 1;
}
#layout > div {
  height: 100%;
}
.paneltop {
  background-color: white;
  font-size: 14px;
}
.panelfilter {
  padding-top: 60px;
  position: relative;
}
.panelfilter .condition {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #eee;
}
.panelbottom {
  padding-bottom: 40px;
  position: relative;
}
.panelbottom .bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 40px;
  padding: 4px 10px;
  text-align: center;
  border-top: 1px solid #eee;
}
.dataPanel {
  position: relative;
  padding-top: 50px;
  overflow: hidden;
}
.dataPanel .divHead {
  position: absolute;
  top: 0px;
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.dataPanel .divContent {
  height: 100%;
  width: 100%;
  background: #fff;
  position: relative;
}
.dataPanel > .fullpanel {
  display: none;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: white;
  z-index: 10;
}
.dataPanel > .fullpanel .fullpanel-head {
  position: absolute;
  top: 0px;
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.dataPanel > .fullpanel .fullpanel-content {
  height: 100%;
  width: 100%;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
当前位置条
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#location {
  color: #666;
  line-height: 50px;
  text-indent: 10px;
  text-shadow: 1px 1px 0px #fff;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
筛选条件及工具条区域样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#toolBar {
  padding: 10px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
模块内搜索
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#moduleSearcher {
  *zoom: 1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 4px;
}
#moduleSearcher:after {
  clear: both ;
  content: " ";
  display: block ;
  font-size: 0 ;
  height: 0 ;
  visibility: hidden ;
}
#moduleSearcher dt,
#moduleSearcher dd {
  float: left;
}
#moduleSearcher dd {
  border-left: 1px solid #ddd;
  color: #999;
  text-align: center;
  width: 30px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
数据列表容器样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#listContainer {
  background: #fff;
  padding: 20px;
}
#listContainer .progress {
  height: 15px;
  margin-bottom: 0;
}
#listContainer .progress .progress-bar {
  font-size: 10px;
  line-height: 13px;
  overflow: hidden;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
统计和分页区域样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#totalPagination {
  *zoom: 1;
}
#totalPagination:after {
  clear: both ;
  content: " ";
  display: block ;
  font-size: 0 ;
  height: 0 ;
  visibility: hidden ;
}
#totalPagination .total {
  margin: 6px;
}
#totalPagination .page-end {
  padding: 2px;
}
#toper {
  background: #3487E2;
  z-index: 1000;
  font-size: 14px;
}
#toper .logo {
  border-left: 2px solid transparent;
}
#toper > ul {
  margin-bottom: 0;
}
#toper > ul > li {
  float: left;
}
#toper > ul > li > a {
  color: #fff;
  display: block;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 10px;
}
#toper > ul > li > a:hover,
#toper > ul > li > a.on {
  background: #2678d2;
}
#toper > ul > li > a > i {
  font-size: 22px;
}
#toper > ul > li > a > .badge {
  background: #f90;
  font-weight: 400;
  margin: 0 2px;
}
#toper > ul > li > a .triangle-up {
  font-size: 0 ;
  height: 0 ;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  line-height: 0 ;
  margin: 0 5px ;
  vertical-align: middle ;
  width: 0 ;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #fff;
}
#toper > ul > li > a .triangle-down {
  font-size: 0 ;
  height: 0 ;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  line-height: 0 ;
  margin: 0 5px ;
  vertical-align: middle ;
  width: 0 ;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
}
#toper > ul > li .apps {
  width: 100%;
  position: fixed;
  top: 48px;
}
#toper > ul > li .apps.edit {
  padding-bottom: 40px;
}
#toper > ul > li .apps dl:not(:first-child) dt {
  border-top: 1px solid #eee;
}
#toper > ul > li .apps dl {
  width: 800px;
  margin: 0 auto;
  float: unset;
  min-height: 115px;
}
#toper > ul > li .apps dl dt {
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  margin-top: -10px;
  padding: 10px 0px 0px 5px;
}
#toper > ul > li .apps dl dd {
  display: inline-block;
  position: relative;
  height: 65px;
  width: 75px;
  margin-top: 10px;
}
#toper > ul > li .apps dl dd > a > div {
  height: 32px;
  width: 32px;
  margin: 0px 22px;
  line-height: 32px;
  text-align: center;
}
#toper > ul > li .apps dl dd > a > div > i {
  color: white;
  font-size: 20px;
}
#toper > ul > li .apps dl dd > a > div > .option {
  position: absolute;
  border-radius: 50%;
  background-color: white;
  right: 13px;
  top: -7px;
  line-height: 18px;
  width: 16px;
  padding: 0px;
}
#toper > ul > li .apps dl dd > a > div > .option > i {
  font-size: 14px;
  line-height: 14px;
  width: 14px;
}
#toper > ul > li .apps dl dd > a > div > .option > i.icon-jian {
  color: lightgray;
}
#toper > ul > li .apps dl dd > a > div > .option > i.icon-jia1 {
  color: #3487E2;
}
#toper > ul > li .apps dl dd > a > span {
  width: 75px;
  display: block;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
}
#toper .qrcode {
  text-align: center;
}
#toper .searcher {
  position: relative;
}
#toper .searcher > .portal {
  padding: 8px;
  position: absolute;
  visibility: hidden;
  width: 200px;
}
#toper .dropdown-menu {
  font-size: 14px;
}
#toper .dropdown-menu.cols-3 {
  min-width: 482px;
}
#toper .dropdown-menu.cols-2 {
  min-width: 322px;
}
#toper .dropdown-menu dl {
  float: left;
  padding: 10px;
  width: 160px;
}
#toper .dropdown-menu dl dt {
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
}
#toper .dropdown-menu dl dt a {
  float: right;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-left: 10px;
}
#toper .dropdown-menu h4 {
  font-size: 16px;
  line-height: 40px;
  padding: 0 10px;
}
#toper .dropdown-menu h4 a {
  font-size: 14px;
  line-height: 40px;
}
#toper .dropdown-menu > ul > li {
  float: left;
  margin: 0 8px;
  text-align: center;
}
#toper .dropdown-menu > ul > li .iconfont {
  font-size: 28px;
}
#toper .dropdown-menu > ul > li a {
  display: block;
}
#toper .notice {
  top: 18px;
  right: 0px;
}
#modal-invite-join .modal-body > li {
  padding: 5px;
}
#lSide {
  background-color: white;
  float: left;
  overflow-x: hidden;
  width: 235px;
  border-right: 1px solid #eee;
}
#lSide.showbtn {
  padding-top: 50px;
  position: relative;
  height: 100%;
}
#lSide.showbtn #btnPanel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
#lSide #btnPanel {
  padding: 8px;
  min-height: 50px;
}
#lSide #btnPanel .btn-fs {
  height: 34px;
  width: 200px;
  line-height: 34px;
  font-size: 13px;
  margin: auto;
  display: block;
}
#lSide > .side {
  height: 100%;
  padding-bottom: 30px;
}
#lSide > .side .parent {
  font-size: 14px;
}
#lSide > .side .child {
  font-size: 13px;
}
#lSide > .side .child a {
  border-left: 2px solid transparent;
}
#lSide > .side .child > .child {
  padding-left: 15px;
}
#lSide > .side > .parent,
#lSide > .side > .child a {
  *zoom: 1;
  color: #666;
  display: block;
}
#lSide > .side > .parent:after,
#lSide > .side > .child a:after {
  clear: both ;
  content: " ";
  display: block ;
  font-size: 0 ;
  height: 0 ;
  visibility: hidden ;
}
#lSide > .side > .parent.on,
#lSide > .side > .child a.on,
#lSide > .side > .parent:hover,
#lSide > .side > .child a:hover {
  background: #f5f7fd;
  color: #ff8a1f;
}
#lSide > .side > .parent > div,
#lSide > .side > .child a > div {
  height: 40px;
  line-height: 40px;
}
#lSide > .side > .parent .handle,
#lSide > .side > .child a .handle {
  float: left;
  text-align: center;
  width: 30px;
  margin-left: 5px;
}
#lSide > .side > .parent .addon,
#lSide > .side > .child a .addon {
  float: right;
  text-align: center;
  width: 40px;
}
#lSide > .side > .parent .description,
#lSide > .side > .child a .description {
  margin: 0 40px 0 35px;
}
#lSide > .side > .parent .description .badge,
#lSide > .side > .child a .description .badge {
  background: #f90;
  margin: 10px -15px;
  float: right;
}
#lSide > .side > .parent .description .icon-new,
#lSide > .side > .child a .description .icon-new {
  color: #f90;
  margin: 0px -15px;
  float: right;
  font-size: 26px;
}
#lSide .triangle-up {
  font-size: 0 ;
  height: 0 ;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  line-height: 0 ;
  margin: 0 5px ;
  vertical-align: middle ;
  width: 0 ;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #666;
}
#lSide .triangle-next {
  font-size: 0 ;
  height: 0 ;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  line-height: 0 ;
  margin: 0 5px ;
  vertical-align: middle ;
  width: 0 ;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #666;
}
#lSide .triangle-prev {
  font-size: 0 ;
  height: 0 ;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  line-height: 0 ;
  margin: 0 5px ;
  vertical-align: middle ;
  width: 0 ;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #666;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
公共选择页面样式
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.modal-body .left-to-right {
  height: 420px ;
}
.modal-body .left-to-right > div {
  height: 100% ;
}
.modal-body .left-to-right .img-circle {
  height: 30px ;
  width: 30px ;
}
.modal-body .left-to-right .left {
  float: left ;
  padding-top: 6px ;
  width: 680px ;
}
.modal-body .left-to-right .left table thead th {
  line-height: 26px ;
  height: 26px ;
}
.modal-body .left-to-right .right {
  float: right ;
  overflow: visible ;
  width: 180px ;
}
.modal-body .left-to-right .to {
  margin: 0 255px 0 600px ;
  width: 5px ;
}
.modal-body .left-to-right .tabs-handle li {
  font-size: 14px ;
}
.modal-body .left-to-right .tabs-frame li {
  cursor: pointer ;
  padding: 5px ;
}
.modal-body .left-to-right .tabs-frame li.on {
  background: #eee ;
}
#footer {
  padding: 15px ;
}
#footer li {
  color: #666 ;
  line-height: 25px ;
  text-shadow: 1px 1px 0px #fff ;
}
#footer li a {
  margin: 0 5px ;
}
.icon-24 {
  background: transparent url(images/icon-24.png) no-repeat;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  height: 24px;
  transition: .1s;
  width: 24px;
}
.icon-24-checked {
  background-position: 0 0;
}
.icon-24-unchecked {
  background-position: 0 -24px;
}
.icon-24-star {
  background-position: 0 -48px;
}
.icon-24-nostar {
  background-position: 0 -72px;
}
.icon-tree {
  background: transparent url(images/icon-tree.png) no-repeat;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  height: 30px;
  transition: .5s;
  vertical-align: middle;
  width: 12px;
}
.icon-tree-plus-rb {
  background-position: 0 0;
}
.icon-tree-plus-trb {
  background-position: 0 -30px;
}
.icon-tree-plus-tr {
  background-position: 0 -60px;
}
.icon-tree-minus-rb {
  background-position: 0 -90px;
}
.icon-tree-minus-trb {
  background-position: 0 -120px;
}
.icon-tree-minus-tr {
  background-position: 0 -150px;
}
.icon-tree-line-trb {
  background-position: 0 -180px;
}
.icon-tree-line-tr {
  background-position: 0 -210px;
}
.icon-tree-line-rb {
  background-position: 0 -240px;
}
.icon-tree-line-tb {
  background-position: 0 -270px;
}
.icon-tree-line-h {
  background-position: 0 -300px;
}
.icon-16 {
  background: transparent url(images/icon-16.png) no-repeat;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  height: 16px;
  transition: .1s;
  width: 16px;
}
.icon-16-tips {
  background-position: 0 0;
  margin-top: 10px;
}
.icon-16-notips {
  background-position: 0 -16px;
  margin-top: 10px;
}
.icon-16-permission {
  background: transparent url(images/edit/permission.gif) no-repeat;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  height: 16px;
  transition: .1s;
  width: 16px;
}
.icon-16-setting {
  background: transparent url(images/edit/setting.gif) no-repeat;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  height: 16px;
  transition: .1s;
  width: 16px;
}
.icon-16-user_enable {
  background: transparent url(images/edit/user_enable.gif) no-repeat;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  height: 16px;
  transition: .1s;
  width: 16px;
}
.icon-16-move {
  background: transparent url(images/edit/move.gif) no-repeat;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  height: 16px;
  transition: .1s;
  width: 16px;
}
.icon-16-user_disable {
  background: transparent url(images/edit/user_disable.gif) no-repeat;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  height: 16px;
  transition: .1s;
  width: 16px;
}
.icon-affstatus {
  height: 16px;
  transition: .1s;
  width: 16px;
}
.icon-affstate-notstart {
  background: transparent url(images/affstate/state2.png) no-repeat;
}
.icon-affstate-underway {
  background: transparent url(images/affstate/state3.png) no-repeat;
}
.icon-affstate-complated {
  background: transparent url(images/affstate/state1.png) no-repeat;
}
.icon-affstate-canceled {
  background: transparent url(images/affstate/state4.png) no-repeat;
}
.icon-affstate-deferred {
  background: transparent url(images/affstate/state5.png) no-repeat;
}
.icon-affstate-inthepause {
  background: transparent url(images/affstate/state6.png) no-repeat;
}
.icon-word {
  color: #0066B1;
}
.icon-html {
  color: #EC6630;
}
.icon-xml {
  color: #FC7B24;
}
.icon-txt {
  color: #9750CF;
}
.icon-yinpin {
  color: #1296db;
}
.icon-excel {
  color: #1296db;
}
.icon-pdf {
  color: #CC4B4C;
}
.icon-exe {
  color: #5E89C1;
}
.icon-tupian {
  color: #049CFF;
}
.icon-wenjian {
  color: #8394A6;
}
.icon-ppt {
  color: #E9573F;
}
.icon-yasuowenjian {
  color: #F6A623;
}
.icon-shipin {
  color: #f6aa00;
}
.colors .background0 {
  background: #ddd;
}
.colors .background0 {
  background: #b7b7b7;
}
.colors .background1 {
  background: #22d7bb;
}
.colors .background1:hover {
  background: #189582;
}
.colors .background2 {
  background: #18bfa4;
}
.colors .background2:hover {
  background: #0f7b6a;
}
.colors .background3 {
  background: #2cccda;
}
.colors .background3:hover {
  background: #1c939e;
}
.colors .background4 {
  background: #2dbcff;
}
.colors .background4:hover {
  background: #0098e0;
}
.colors .background5 {
  background: #4e8af9;
}
.colors .background5:hover {
  background: #085af2;
}
.colors .background6 {
  background: #7076fa;
}
.colors .background6:hover {
  background: #262ff7;
}
.colors .background7 {
  background: #9473fd;
}
.colors .background7:hover {
  background: #5a28fc;
}
.colors .background8 {
  background: #c472ee;
}
.colors .background8:hover {
  background: #a72ee6;
}
.colors .background9 {
  background: #ef7ede;
}
.colors .background9:hover {
  background: #e73acd;
}
.colors .background10 {
  background: #f969aa;
}
.colors .background10:hover {
  background: #f61f80;
}
.colors .background11 {
  background: #fc587b;
}
.colors .background11:hover {
  background: #fb0d40;
}
.colors .background12 {
  background: #fa5a55;
}
.colors .background12:hover {
  background: #f8120b;
}
.colors .background13 {
  background: #ff7747;
}
.colors .background13:hover {
  background: #f94100;
}
.colors .background14 {
  background: #ffa415;
}
.colors .background14:hover {
  background: #c77a00;
}
.colors .background15 {
  background: #ffd234;
}
.colors .background15:hover {
  background: #e6b300;
}
.colors .background16 {
  background: #99d75a;
}
.colors .background16:hover {
  background: #73b82d;
}
.colors .background17 {
  background: #66c060;
}
.colors .background17:hover {
  background: #42973c;
}
.colors .background18 {
  background: #39ba5d;
}
.colors .background18:hover {
  background: #277f40;
}
.colors .font0 {
  color: #ddd;
}
.colors .font1 {
  color: #22d7bb;
}
.colors .font2 {
  color: #18bfa4;
}
.colors .font3 {
  color: #2cccda;
}
.colors .font4 {
  color: #2dbcff;
}
.colors .font5 {
  color: #4e8af9;
}
.colors .font6 {
  color: #7076fa;
}
.colors .font7 {
  color: #9473fd;
}
.colors .font8 {
  color: #c472ee;
}
.colors .font9 {
  color: #ef7ede;
}
.colors .font10 {
  color: #f969aa;
}
.colors .font11 {
  color: #fc587b;
}
.colors .font12 {
  color: #fa5a55;
}
.colors .font13 {
  color: #ff7747;
}
.colors .font14 {
  color: #ffa415;
}
.colors .font15 {
  color: #ffd234;
}
.colors .font16 {
  color: #99d75a;
}
.colors .font17 {
  color: #66c060;
}
.colors .font18 {
  color: #39ba5d;
}
.tooltipDiv {
  width: 240px;
  position: absolute;
  z-index: 9999;
  zoom: 1;
  padding: 15px 0;
  color: #333;
  display: none;
}
.tooltipDiv .main {
  width: 100%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #fff;
}
.tooltipDiv .arrow,
.tooltipDiv .arrowInner {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
}
.tooltipDiv .arrowTopLeft .arrow {
  border-color: transparent transparent #ddd;
  left: 20px;
  top: -5px;
}
.tooltipDiv .arrowTopLeft .arrowInner {
  border-color: transparent transparent #fff;
  left: 20px;
  top: -4px;
}
.tooltipDiv .arrowTopRight .arrow {
  border-color: transparent transparent #ddd;
  right: 20px;
  top: -5px;
}
.tooltipDiv .arrowTopRight .arrowInner {
  border-color: transparent transparent #fff;
  right: 20px;
  top: -4px;
}
.tooltipDiv .arrowBottomLeft .arrow {
  border-color: #ddd transparent transparent;
  left: 20px;
  bottom: -5px;
}
.tooltipDiv .arrowBottomLeft .arrowInner {
  border-color: #fff transparent transparent;
  left: 20px;
  bottom: -4px;
}
.tooltipDiv .arrowBottomRight .arrow {
  border-color: #ddd transparent transparent;
  right: 20px;
  bottom: -5px;
}
.tooltipDiv .arrowBottomRight .arrowInner {
  border-color: #fff transparent transparent;
  right: 20px;
  bottom: -4px;
}
.tooltipDiv .arrowLeftTop .arrow {
  border-color: transparent #ddd transparent transparent;
  left: -20px;
  top: 40px;
}
.tooltipDiv .arrowLeftTop .arrowInner {
  border-color: transparent #fff transparent transparent;
  left: -19px;
  top: 40px;
}
.tooltipDiv .arrowLeftBottom .arrow {
  border-color: transparent #ddd transparent transparent;
  left: -20px;
  bottom: 40px;
}
.tooltipDiv .arrowLeftBottom .arrowInner {
  border-color: transparent #fff transparent transparent;
  left: -19px;
  bottom: 40px;
}
.tooltipDiv .arrowRightTop .arrow {
  border-color: transparent transparent transparent #ddd;
  right: -20px;
  top: 40px;
}
.tooltipDiv .arrowRightTop .arrowInner {
  border-color: transparent transparent transparent #fff;
  right: -19px;
  top: 40px;
}
.tooltipDiv .arrowRightBottom .arrow {
  border-color: transparent transparent transparent #ddd;
  right: -20px;
  bottom: 40px;
}
.tooltipDiv .arrowRightBottom .arrowInner {
  border-color: transparent transparent transparent #fff;
  right: -19px;
  bottom: 40px;
}
.tooltipDiv .header {
  width: 100%;
  font-size: 14px;
  padding: 14px 14px 0;
  box-sizing: border-box;
  height: 50px;
  position: relative;
}
.tooltipDiv .header a {
  display: inline-block;
}
.tooltipDiv .header a :hover {
  text-decoration: none;
}
.tooltipDiv .header img {
  width: 36px;
  height: 36px;
}
.tooltipDiv .header .text {
  margin-left: 5px;
  height: 36px;
  line-height: 36px;
  width: 140px;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
}
.tooltipDiv .body {
  width: 100%;
  padding: 10px 14px;
  box-sizing: border-box;
  color: #aaa;
}
.tooltipDiv .body span {
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tooltipDiv .footer {
  border-top: 1px solid #e0e0e0;
  width: 100%;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  text-align: center;
  display: none;
}
.tooltipDiv .footer span {
  cursor: pointer;
}
.tooltipDiv .footer span .disable {
  color: #ccc;
  cursor: default;
}
.tooltipDiv .footer span .disable :hover {
  color: #ccc;
}
.tooltipDiv .footer .tipbtn {
  border-right: 1px solid #e0e0e0;
  width: 50%;
  text-align: center;
  display: inline-block;
  float: left;
}
.avatar {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  vertical-align: initial;
}
.avatar span {
  position: absolute;
  font-size: 12px;
  color: white;
  word-break: break-all;
  width: 100%;
  line-height: 12px;
  top: 50%;
}
.avatar-normal {
  width: 40px;
  height: 40px;
}
.avatar-normal span {
  margin-top: -20px;
}
.avatar-sm {
  width: 30px;
  height: 30px;
}
.avatar-sm span {
  margin-top: -15px;
}
.avatar-xs {
  height: 25px;
  width: 25px;
}
.avatar-xs span {
  margin-top: -12.5px;
}
.avatar-30,
.avatar-35,
.avatar-40 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: inline-block;
  padding: 3px 0px;
  float: left;
}
.avatar-30 div,
.avatar-35 div,
.avatar-40 div {
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  color: white;
  text-align: center;
}
.avatar-30 span,
.avatar-35 span,
.avatar-40 span {
  display: initial !important;
}
.avatar-v {
  text-align: center;
  width: 46px;
}
.avatar-v.avatar-30 {
  padding-top: 36px;
}
.avatar-v.avatar-30 div {
  left: 8px;
}
.avatar-v.avatar-35 {
  padding-top: 41px;
}
.avatar-v.avatar-35 div {
  left: 5px;
}
.avatar-v.avatar-40 {
  padding-top: 46px;
}
.avatar-v span {
  padding: 3px 0px;
  line-height: 16px;
}
.avatar-h {
  max-width: 100px;
}
.avatar-h.avatar-30 {
  padding-left: 36px;
}
.avatar-h.avatar-30 span {
  line-height: 30px;
}
.avatar-h.avatar-35 {
  padding-left: 41px;
}
.avatar-h.avatar-35 span {
  line-height: 35px;
}
.avatar-h.avatar-40 {
  padding-left: 46px;
}
.avatar-h.avatar-40 span {
  line-height: 40px;
}
.avatar-30 {
  font-size: 12px;
  min-width: 36px;
  min-height: 36px;
}
.avatar-30 div {
  line-height: 30px;
  width: 30px;
  height: 30px;
}
.avatar-35 {
  font-size: 13px;
  min-width: 41px;
  min-height: 41px;
}
.avatar-35 div {
  line-height: 35px;
  width: 35px;
  height: 35px;
}
.avatar-40 {
  font-size: 14px;
  min-width: 46px;
  min-height: 46px;
}
.avatar-40 div {
  line-height: 40px;
  width: 40px;
  height: 40px;
}
.loading33 {
  position: relative;
  width: 26px;
  height: 33px;
  margin: auto;
}
.loading33 > div {
  position: absolute;
  width: 4px;
  height: 10px;
  border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  transform: scale(0.4);
  -o-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}
.loading33 > div:nth-child(1) {
  left: 0;
  top: 12px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.loading33 > div:nth-child(2) {
  left: 3px;
  top: 4px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
.loading33 > div:nth-child(3) {
  left: 11px;
  top: 1px;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}
.loading33 > div:nth-child(4) {
  right: 3px;
  top: 4px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.loading33 > div:nth-child(5) {
  right: 0;
  top: 12px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
.loading33 > div:nth-child(6) {
  right: 3px;
  bottom: 3px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
}
.loading33 > div:nth-child(7) {
  bottom: 0;
  left: 11px;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.loading33 > div:nth-child(8) {
  left: 3px;
  bottom: 3px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
}
.fade1 > div {
  animation-name: fadeG1;
  -o-animation-name: fadeG1;
  -ms-animation-name: fadeG1;
  -webkit-animation-name: fadeG1;
  -moz-animation-name: fadeG1;
}
@keyframes fadeG1 {
  0% {
    background-color: #ffffff;
  }
  100% {
    background-color: #9eea6a;
  }
}
@-o-keyframes fadeG1 {
  0% {
    background-color: #ffffff;
  }
  100% {
    background-color: #9eea6a;
  }
}
@-ms-keyframes fadeG1 {
  0% {
    background-color: #ffffff;
  }
  100% {
    background-color: #9eea6a;
  }
}
@-webkit-keyframes fadeG1 {
  0% {
    background-color: #ffffff;
  }
  100% {
    background-color: #9eea6a;
  }
}
@-moz-keyframes fadeG1 {
  0% {
    background-color: #ffffff;
  }
  100% {
    background-color: #9eea6a;
  }
}
.fade2 div {
  animation-name: fadeG2;
  -o-animation-name: fadeG2;
  -ms-animation-name: fadeG2;
  -webkit-animation-name: fadeG2;
  -moz-animation-name: fadeG2;
}
@keyframes fadeG2 {
  0% {
    background-color: #9eea6a;
  }
  100% {
    background-color: #ffffff;
  }
}
@-o-keyframes fadeG2 {
  0% {
    background-color: #9eea6a;
  }
  100% {
    background-color: #ffffff;
  }
}
@-ms-keyframes fadeG2 {
  0% {
    background-color: #9eea6a;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes fadeG2 {
  0% {
    background-color: #9eea6a;
  }
  100% {
    background-color: #ffffff;
  }
}
@-moz-keyframes fadeG2 {
  0% {
    background-color: #9eea6a;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.ball-pulse > div:nth-child(0) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: scale 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
}
@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.ball-pulse-sync > div:nth-child(0) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
}
.ball-pulse-sync > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
}
@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
  animation: ball-scale 1s 0s ease-in-out infinite;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ball-rotate {
  position: relative;
}
.ball-rotate > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: relative;
}
.ball-rotate > div:first-child {
  -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
  animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
}
.ball-rotate > div:before,
.ball-rotate > div:after {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  content: "";
  position: absolute;
  opacity: 0.8;
}
.ball-rotate > div:before {
  top: 0px;
  left: -28px;
}
.ball-rotate > div:after {
  top: 0px;
  left: 25px;
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}
.ball-clip-rotate > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 25px;
  width: 25px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
  animation: rotate 0.75s 0s linear infinite;
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}
@keyframes scale {
  30% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
}
.ball-clip-rotate-pulse > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 100%;
}
.ball-clip-rotate-pulse > div:first-child {
  background: #fff;
  height: 16px;
  width: 16px;
  top: 9px;
  left: 9px;
  -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
.ball-clip-rotate-pulse > div:last-child {
  position: absolute;
  border: 2px solid #fff;
  width: 30px;
  height: 30px;
  background: transparent;
  border: 2px solid;
  border-color: #fff transparent #fff transparent;
  -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}
.ball-clip-rotate-multiple {
  position: relative;
}
.ball-clip-rotate-multiple > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  left: 0px;
  top: 0px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  -webkit-animation: rotate 1s 0s ease-in-out infinite;
  animation: rotate 1s 0s ease-in-out infinite;
}
.ball-clip-rotate-multiple > div:last-child {
  display: inline-block;
  top: 10px;
  left: 10px;
  width: 15px;
  height: 15px;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  border-color: #fff transparent #fff transparent;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0.0;
  }
}
@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0.0;
  }
}
.ball-scale-ripple > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0.0;
  }
}
@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0.0;
  }
}
.ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}
.ball-scale-ripple-multiple > div:nth-child(0) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.ball-scale-ripple-multiple > div:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.ball-scale-ripple-multiple > div:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.ball-scale-ripple-multiple > div:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.ball-scale-ripple-multiple > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ball-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
  animation: ball-beat 0.7s 0s infinite linear;
}
.ball-beat > div:nth-child(2n-1) {
  -webkit-animation-delay: 0.35s !important;
  animation-delay: 0.35s !important;
}
@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}
.ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.ball-scale-multiple > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
}
@-webkit-keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
    transform: translate(25px, -50px);
  }
  66% {
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
    transform: translate(25px, -50px);
  }
  66% {
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
    transform: translate(25px, 50px);
  }
  66% {
    -webkit-transform: translate(-25px, 50px);
    transform: translate(-25px, 50px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
    transform: translate(25px, 50px);
  }
  66% {
    -webkit-transform: translate(-25px, 50px);
    transform: translate(-25px, 50px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
  66% {
    -webkit-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
  }
  66% {
    -webkit-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
.ball-triangle-path {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
  -ms-transform: translate(-25px, -25px);
  transform: translate(-25px, -25px);
}
.ball-triangle-path > div:nth-child(1) {
  -webkit-animation-name: ball-triangle-path-1;
  animation-name: ball-triangle-path-1;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ball-triangle-path > div:nth-child(2) {
  -webkit-animation-name: ball-triangle-path-2;
  animation-name: ball-triangle-path-2;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ball-triangle-path > div:nth-child(3) {
  -webkit-animation-name: ball-triangle-path-3;
  animation-name: ball-triangle-path-3;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ball-triangle-path > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid #fff;
}
.ball-triangle-path > div:nth-of-type(1) {
  top: 50px;
}
.ball-triangle-path > div:nth-of-type(2) {
  left: 25px;
}
.ball-triangle-path > div:nth-of-type(3) {
  top: 50px;
  left: 50px;
}
@-webkit-keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  25% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  25% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  25% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  25% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
.ball-pulse-rise > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
.ball-pulse-rise > div:nth-child(2n) {
  -webkit-animation-name: ball-pulse-rise-even;
  animation-name: ball-pulse-rise-even;
}
.ball-pulse-rise > div:nth-child(2n-1) {
  -webkit-animation-name: ball-pulse-rise-odd;
  animation-name: ball-pulse-rise-odd;
}
@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ball-grid-beat {
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
.ball-grid-beat {
  width: 57px;
}
.ball-grid-beat > div:nth-child(1) {
  -webkit-animation-delay: 0.36s;
  animation-delay: 0.36s;
  -webkit-animation-duration: 0.96s;
  animation-duration: 0.96s;
}
.ball-grid-beat > div:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 0.93s;
  animation-duration: 0.93s;
}
.ball-grid-beat > div:nth-child(3) {
  -webkit-animation-delay: 0.68s;
  animation-delay: 0.68s;
  -webkit-animation-duration: 1.19s;
  animation-duration: 1.19s;
}
.ball-grid-beat > div:nth-child(4) {
  -webkit-animation-delay: 0.41s;
  animation-delay: 0.41s;
  -webkit-animation-duration: 1.13s;
  animation-duration: 1.13s;
}
.ball-grid-beat > div:nth-child(5) {
  -webkit-animation-delay: 0.71s;
  animation-delay: 0.71s;
  -webkit-animation-duration: 1.34s;
  animation-duration: 1.34s;
}
.ball-grid-beat > div:nth-child(6) {
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s;
  -webkit-animation-duration: 0.94s;
  animation-duration: 0.94s;
}
.ball-grid-beat > div:nth-child(7) {
  -webkit-animation-delay: -0.12s;
  animation-delay: -0.12s;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}
.ball-grid-beat > div:nth-child(8) {
  -webkit-animation-delay: 0.01s;
  animation-delay: 0.01s;
  -webkit-animation-duration: 0.82s;
  animation-duration: 0.82s;
}
.ball-grid-beat > div:nth-child(9) {
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
  -webkit-animation-duration: 1.19s;
  animation-duration: 1.19s;
}
.ball-grid-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  float: left;
  -webkit-animation-name: ball-grid-beat;
  animation-name: ball-grid-beat;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.ball-grid-pulse {
  width: 57px;
}
.ball-grid-pulse > div:nth-child(1) {
  -webkit-animation-delay: -0.06s;
  animation-delay: -0.06s;
  -webkit-animation-duration: 0.72s;
  animation-duration: 0.72s;
}
.ball-grid-pulse > div:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
  -webkit-animation-duration: 1.02s;
  animation-duration: 1.02s;
}
.ball-grid-pulse > div:nth-child(3) {
  -webkit-animation-delay: -0.17s;
  animation-delay: -0.17s;
  -webkit-animation-duration: 1.28s;
  animation-duration: 1.28s;
}
.ball-grid-pulse > div:nth-child(4) {
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
  -webkit-animation-duration: 1.42s;
  animation-duration: 1.42s;
}
.ball-grid-pulse > div:nth-child(5) {
  -webkit-animation-delay: 0.31s;
  animation-delay: 0.31s;
  -webkit-animation-duration: 1.45s;
  animation-duration: 1.45s;
}
.ball-grid-pulse > div:nth-child(6) {
  -webkit-animation-delay: 0.03s;
  animation-delay: 0.03s;
  -webkit-animation-duration: 1.18s;
  animation-duration: 1.18s;
}
.ball-grid-pulse > div:nth-child(7) {
  -webkit-animation-delay: 0.46s;
  animation-delay: 0.46s;
  -webkit-animation-duration: 0.87s;
  animation-duration: 0.87s;
}
.ball-grid-pulse > div:nth-child(8) {
  -webkit-animation-delay: 0.78s;
  animation-delay: 0.78s;
  -webkit-animation-duration: 1.45s;
  animation-duration: 1.45s;
}
.ball-grid-pulse > div:nth-child(9) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
  -webkit-animation-duration: 1.06s;
  animation-duration: 1.06s;
}
.ball-grid-pulse > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  float: left;
  -webkit-animation-name: ball-grid-pulse;
  animation-name: ball-grid-pulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ball-spin-fade-loader {
  position: relative;
}
.ball-spin-fade-loader > div:nth-child(1) {
  top: 25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
  animation: ball-spin-fade-loader 1s 0s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(2) {
  top: 17.04545px;
  left: 17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;
  animation: ball-spin-fade-loader 1s 0.12s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 25px;
  -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;
  animation: ball-spin-fade-loader 1s 0.24s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(4) {
  top: -17.04545px;
  left: 17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;
  animation: ball-spin-fade-loader 1s 0.36s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(5) {
  top: -25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;
  animation: ball-spin-fade-loader 1s 0.48s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(6) {
  top: -17.04545px;
  left: -17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;
  animation: ball-spin-fade-loader 1s 0.6s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -25px;
  -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;
  animation: ball-spin-fade-loader 1s 0.72s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(8) {
  top: 17.04545px;
  left: -17.04545px;
  -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;
  animation: ball-spin-fade-loader 1s 0.84s infinite linear;
}
.ball-spin-fade-loader > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
}
@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ball-spin-loader {
  75% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.ball-spin-loader {
  position: relative;
}
.ball-spin-loader > span:nth-child(1) {
  top: 45px;
  left: 0;
  -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
  animation: ball-spin-loader 2s 0.9s infinite linear;
}
.ball-spin-loader > span:nth-child(2) {
  top: 30.68182px;
  left: 30.68182px;
  -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
  animation: ball-spin-loader 2s 1.8s infinite linear;
}
.ball-spin-loader > span:nth-child(3) {
  top: 0;
  left: 45px;
  -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
  animation: ball-spin-loader 2s 2.7s infinite linear;
}
.ball-spin-loader > span:nth-child(4) {
  top: -30.68182px;
  left: 30.68182px;
  -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
  animation: ball-spin-loader 2s 3.6s infinite linear;
}
.ball-spin-loader > span:nth-child(5) {
  top: -45px;
  left: 0;
  -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
  animation: ball-spin-loader 2s 4.5s infinite linear;
}
.ball-spin-loader > span:nth-child(6) {
  top: -30.68182px;
  left: -30.68182px;
  -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
  animation: ball-spin-loader 2s 5.4s infinite linear;
}
.ball-spin-loader > span:nth-child(7) {
  top: 0;
  left: -45px;
  -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
  animation: ball-spin-loader 2s 6.3s infinite linear;
}
.ball-spin-loader > span:nth-child(8) {
  top: 30.68182px;
  left: -30.68182px;
  -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
  animation: ball-spin-loader 2s 7.2s infinite linear;
}
.ball-spin-loader > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: green;
}
@-webkit-keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px);
  }
  66% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px);
  }
  66% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px);
  }
  66% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px);
  }
  66% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.ball-zig-zag {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
  -ms-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px);
}
.ball-zig-zag > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  margin-left: 15px;
  top: 30px;
  left: 30px;
}
.ball-zig-zag > div:first-child {
  -webkit-animation: ball-zig 0.7s 0s infinite linear;
  animation: ball-zig 0.7s 0s infinite linear;
}
.ball-zig-zag > div:last-child {
  -webkit-animation: ball-zag 0.7s 0s infinite linear;
  animation: ball-zag 0.7s 0s infinite linear;
}
@-webkit-keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px);
  }
  34% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px);
  }
  84% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px);
  }
  34% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px);
  }
  84% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px);
  }
  34% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px);
  }
  84% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px);
  }
  34% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px);
  }
  84% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.ball-zig-zag-deflect {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
  -ms-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px);
}
.ball-zig-zag-deflect > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  margin-left: 15px;
  top: 30px;
  left: 30px;
}
.ball-zig-zag-deflect > div:first-child {
  -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
  animation: ball-zig-deflect 1.5s 0s infinite linear;
}
.ball-zig-zag-deflect > div:last-child {
  -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
  animation: ball-zag-deflect 1.5s 0s infinite linear;
}
/**
 * Lines
 */
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
}
@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.77s;
  animation-delay: 0.77s;
  -webkit-animation-duration: 1.26s;
  animation-duration: 1.26s;
}
.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: 0.29s;
  animation-delay: 0.29s;
  -webkit-animation-duration: 0.43s;
  animation-duration: 0.43s;
}
.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.28s;
  animation-delay: 0.28s;
  -webkit-animation-duration: 1.01s;
  animation-duration: 1.01s;
}
.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: 0.74s;
  animation-delay: 0.74s;
  -webkit-animation-duration: 0.73s;
  animation-duration: 0.73s;
}
.line-scale-party > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
  animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}
.line-scale-pulse-out > div:nth-child(2),
.line-scale-pulse-out > div:nth-child(4) {
  -webkit-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}
.line-scale-pulse-out > div:nth-child(1),
.line-scale-pulse-out > div:nth-child(5) {
  -webkit-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}
@-webkit-keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  80% {
    -webkit-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  90% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  80% {
    -webkit-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  90% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
  animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
}
.line-scale-pulse-out-rapid > div:nth-child(2),
.line-scale-pulse-out-rapid > div:nth-child(4) {
  -webkit-animation-delay: 0.25s !important;
  animation-delay: 0.25s !important;
}
.line-scale-pulse-out-rapid > div:nth-child(1),
.line-scale-pulse-out-rapid > div:nth-child(5) {
  -webkit-animation-delay: 0.5s !important;
  animation-delay: 0.5s !important;
}
@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.line-spin-fade-loader {
  position: relative;
}
.line-spin-fade-loader > div:nth-child(1) {
  top: 20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(2) {
  top: 13.63636px;
  left: 13.63636px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(4) {
  top: -13.63636px;
  left: 13.63636px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(5) {
  top: -20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(6) {
  top: -13.63636px;
  left: -13.63636px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(8) {
  top: 13.63636px;
  left: -13.63636px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
}
.line-spin-fade-loader > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 5px;
  height: 15px;
}
/**
 * Misc
 */
@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
.triangle-skew-spin > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
.square-spin > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid red;
  -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@-webkit-keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@-webkit-keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@-webkit-keyframes pacman-balls {
  75% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px);
  }
}
@keyframes pacman-balls {
  75% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px);
  }
}
.pacman {
  position: relative;
}
.pacman > div:nth-child(2) {
  -webkit-animation: pacman-balls 1s 0s infinite linear;
  animation: pacman-balls 1s 0s infinite linear;
}
.pacman > div:nth-child(3) {
  -webkit-animation: pacman-balls 1s 0.33s infinite linear;
  animation: pacman-balls 1s 0.33s infinite linear;
}
.pacman > div:nth-child(4) {
  -webkit-animation: pacman-balls 1s 0.66s infinite linear;
  animation: pacman-balls 1s 0.66s infinite linear;
}
.pacman > div:nth-child(5) {
  -webkit-animation: pacman-balls 1s 0.99s infinite linear;
  animation: pacman-balls 1s 0.99s infinite linear;
}
.pacman > div:first-of-type {
  width: 0px;
  height: 0px;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  border-left: 25px solid #fff;
  border-bottom: 25px solid #fff;
  border-radius: 25px;
  -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
  animation: rotate_pacman_half_up 0.5s 0s infinite;
}
.pacman > div:nth-child(2) {
  width: 0px;
  height: 0px;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  border-left: 25px solid #fff;
  border-bottom: 25px solid #fff;
  border-radius: 25px;
  -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
  animation: rotate_pacman_half_down 0.5s 0s infinite;
  margin-top: -50px;
}
.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5),
.pacman > div:nth-child(6) {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  width: 10px;
  height: 10px;
  position: absolute;
  -webkit-transform: translate(0, -6.25px);
  -ms-transform: translate(0, -6.25px);
  transform: translate(0, -6.25px);
  top: 25px;
  left: 100px;
}
@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
    transform: translateX(50px) scale(0.5) rotate(-90deg);
  }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
    transform: translateY(50px) scale(0.5) rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
    transform: translateX(50px) scale(0.5) rotate(-90deg);
  }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
    transform: translateY(50px) scale(0.5) rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
  -ms-transform: translate(-25px, -25px);
  transform: translate(-25px, -25px);
}
.cube-transition > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
  animation: cube-transition 1.6s 0s infinite ease-in-out;
}
.cube-transition > div:last-child {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden;
}
.semi-circle-spin > div {
  position: absolute;
  border-width: 0px;
  border-radius: 100%;
  -webkit-animation: spin-rotate 0.6s 0s infinite linear;
  animation: spin-rotate 0.6s 0s infinite linear;
  background-image: -webkit-linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
  background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
  width: 100%;
  height: 100%;
}
.treeview .list-group-item {
  cursor: pointer;
}
.treeview span.indent {
  margin-left: 10px;
  margin-right: 10px;
}
.treeview span.icon {
  width: 12px;
  margin-right: 5px;
}
.treeview .node-disabled {
  color: silver;
  cursor: not-allowed;
}
.affairassign {
  width: 1006px;
  height: 450px;
}
.affairassign div {
  display: inline-block;
}
.affairassign div.data {
  overflow: auto;
  height: 418px;
  display: block;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.affairassign .affair {
  width: 350px;
  height: 450px;
  float: left;
}
.affairassign .affairpersons {
  width: 130px;
  height: 450px;
  float: left;
}
.affairassign .persons {
  width: 508px;
}
.affairassign .persons .data {
  overflow: initial;
}
.affairassign .persons .data .search {
  width: 475px;
  height: 35px;
  margin: 5px 0 0 5px;
}
.affairassign .persons .data .result {
  overflow: auto;
  height: 342px;
  margin-top: -1px;
}
.affairassign .persons .data table {
  table-layout: fixed;
  margin-bottom: 0px;
}
.affairassign .persons .data .name {
  width: 120px;
}
.affairassign .persons .data .job {
  width: 100px;
}
.affairassign .persons .data .groups {
  width: 120px;
}
.affairassign .persons .data .email {
  max-width: 166px;
}
.affairassign .persons .data td {
  vertical-align: middle !important;
}
.affairassign .title {
  font-weight: bold;
  border-bottom: 2px solid #ddd;
  display: block;
  height: 32px;
  padding: 5px;
}
.affgradedropdown {
  min-width: 80px;
}
.affgradedropdown .normal {
  background-color: blue;
}
.affgradedropdown .urgent {
  background-color: yellow;
}
.affgradedropdown .veryurgent {
  background-color: red;
}
.affgradedropdown span {
  display: inline-block;
  position: absolute;
}
.affgradedropdown span.grade {
  width: 5px;
  height: 100%;
  z-index: 3;
  margin: 0px;
  left: 0px;
}
.affgradedropdown span.caret {
  right: 10px;
  top: 13px;
  z-index: 3;
  margin: 0px;
}
.affgradedropdown input {
  height: 30px;
}
.affgradedropdown input.selectedtext {
  background-color: white;
  cursor: pointer;
}
.affgradedropdown ul {
  width: 80px;
  min-width: 80px;
}
.affgradedropdown ul li {
  float: none !important;
}
.affgradedropdown ul li a.item {
  padding: 3px 12px !important;
  display: block !important;
  margin: 0px !important;
  color: #333 !important;
}
.affgradedropdown ul li a .grade {
  height: 20px;
  left: 2px;
  margin: 0px;
}
.affgradedropdownmenu {
  width: 80px;
  min-width: 80px;
  position: fixed;
  z-index: 10;
  display: block;
}
.affgradedropdownmenu li {
  float: none !important;
}
.affgradedropdownmenu li a.item {
  padding: 3px 12px !important;
  display: block !important;
  margin: 0px !important;
  color: #333 !important;
}
.affgradedropdownmenu li a .grade {
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 20px;
  left: 2px;
  margin: 0px;
}
.affgradedropdownmenu li a .normal {
  background-color: #3487E2;
}
.affgradedropdownmenu li a .urgent {
  background-color: #FEF200;
}
.affgradedropdownmenu li a .veryurgent {
  background-color: #F37739;
}
.affstatusdropdown {
  width: 80px;
}
.affstatusdropdown i {
  color: green;
}
.affstatusdropdown i.status {
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 22px;
  z-index: 3;
  left: 0px;
}
.affstatusdropdown input.selectedtext {
  height: 30px;
  padding: 4px 4px 4px 30px;
  background-color: white;
  cursor: pointer;
}
.affstatusdropdown span.caret {
  position: absolute;
  right: 10px;
  top: 13px;
  z-index: 3;
  margin: 0px;
}
.affstatusdropdown ul {
  width: 80px;
  min-width: 80px;
}
.affstatusdropdown ul li {
  float: none !important;
}
.affstatusdropdown ul li a.item {
  padding: 3px 26px !important;
  display: block !important;
  margin: 0px !important;
  color: #333 !important;
}
.affstatusdropdown ul li a .status {
  width: 20px;
  height: 20px;
  left: 2px;
  font-size: 16px;
  margin: 0px 6px 0 2px;
  line-height: 19px;
}
.affstatusdropdownmenu {
  width: 80px;
  min-width: 80px;
  z-index: 10;
  display: block;
}
.affstatusdropdownmenu li {
  float: none !important;
}
.affstatusdropdownmenu li a.item {
  padding: 3px 26px !important;
  display: block !important;
  margin: 0px !important;
  color: #333 !important;
}
.affstatusdropdownmenu li a .status {
  color: green;
  width: 20px;
  height: 20px;
  left: 2px;
  font-size: 16px;
  margin: 0px 6px 0 2px;
  line-height: 19px;
  position: absolute;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
事务编辑框
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.affairEditPanel {
  right: 0px;
  top: 50px;
  position: absolute;
  z-index: 100;
  width: 100%;
  /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
    关闭按钮
    -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
    事务名称行定义
    -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
}
.affairEditPanel .affairEditPanel_contain {
  overflow: auto;
  background: #fff;
  box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
  border-left: 1px solid #ddd;
  width: 0;
  height: 100%;
  float: right;
  position: relative;
}
.affairEditPanel .affairEditPanel_contain .affprops dl {
  border-top: 1px solid #eee;
  line-height: 30px;
  padding: 5px 5px 5px 40px;
  position: relative;
}
.affairEditPanel .affairEditPanel_contain .affprops dl:after {
  content: "";
}
.affairEditPanel .affairEditPanel_contain .affprops dl dt {
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  width: 40px;
  position: absolute;
  left: 0px;
  padding: 0px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd {
  float: left;
  line-height: 30px;
  max-width: 400px;
  word-break: break-all;
  padding: 0px 5px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd.title:after {
  content: "\ff1a";
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd .prgs .progress {
  margin: 7px 0px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd .avatar-30 {
  line-height: 30px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd textarea {
  width: 420px;
  height: 80px;
  line-height: 22px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd span.text {
  line-height: 20px;
  padding: 5px 0px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd .inputicongroup {
  line-height: 22px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd .inputicongroup i {
  z-index: 1;
  margin-top: 5px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd .dropdown-menu {
  line-height: 20px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd .dropdown-menu li {
  margin: 3px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd input {
  height: 29px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd .input-group-btn .btn {
  padding: 4px 12px;
  height: 29px;
  margin-top: -1px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd .label.labelclose {
  padding: .2em .6em .3em;
}
.affairEditPanel .affairEditPanel_contain .affprops dl dd .label.labelclose .iconfont {
  display: none;
}
.affairEditPanel .affairEditPanel_contain .affprops dl a.update {
  padding: 0 5px;
  display: none;
}
.affairEditPanel .affairEditPanel_contain .affprops dl .input {
  display: none;
}
.affairEditPanel .affairEditPanel_contain .affprops dl.permupdate a.update {
  display: initial;
}
.affairEditPanel .affairEditPanel_contain .affprops dl.permupdate .label.labelclose {
  padding: 3px 22px 3px 2px;
}
.affairEditPanel .affairEditPanel_contain .affprops dl.permupdate .label.labelclose .iconfont {
  display: initial;
}
.affairEditPanel .affairEditPanel_contain .affprops dl.edit a.update,
.affairEditPanel .affairEditPanel_contain .affprops dl > dd.edit a.update {
  display: none;
}
.affairEditPanel .affairEditPanel_contain .affprops dl.edit .text,
.affairEditPanel .affairEditPanel_contain .affprops dl > dd.edit .text {
  display: none;
}
.affairEditPanel .affairEditPanel_contain .affprops dl.edit .input,
.affairEditPanel .affairEditPanel_contain .affprops dl > dd.edit .input {
  display: initial;
}
.affairEditPanel .affairEditPanel_contain .affprops dl.edit .input-group,
.affairEditPanel .affairEditPanel_contain .affprops dl > dd.edit .input-group {
  display: table;
}
.affairEditPanel .affairEditPanel_contain .affprops dl:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.affairEditPanel .close {
  position: absolute;
  right: 10px;
  top: 3px;
  z-index: 1;
}
.affairEditPanel .startedit .edit {
  display: inline-block;
}
.affairEditPanel .startedit .noedit {
  display: none;
}
.affairEditPanel .endedit .edit {
  display: none;
}
.affairEditPanel .endedit .noedit {
  display: inline-block;
}
.affairEditPanel .right {
  position: absolute;
  right: 0px;
}
.affairEditPanel .right ul li {
  float: left;
  line-height: 22px;
  max-width: 80px;
}
.affairEditPanel .right ul li a {
  color: black;
  padding: 1px 8px 0 0;
}
.affairEditPanel .right ul li .star {
  margin-top: 2px;
  font-size: 18px;
}
.affairEditPanel .right ul li .star .icon-shoucang {
  color: orange;
}
.affairEditPanel .right ul li .bell {
  margin: -3px 0 0 -3px;
  padding: 0 9px 0 0;
}
.affairEditPanel .right select {
  padding-top: 3px;
  margin-top: -2px;
  height: 30px;
  width: 105px;
}
.affairEditPanel .prgs {
  width: 150px;
  height: 18px;
}
.affairEditPanel .prgs .progress {
  margin-bottom: 0px;
  height: 16px;
  line-height: 16px;
  position: relative;
  margin-top: 6px;
}
.affairEditPanel .prgs .progress .progress-value {
  margin-top: 0px;
  line-height: 16px;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0px;
}
.affairEditPanel .slider-container {
  margin: 17px 0 0 0;
}
.affairEditPanel .slider-container .back-bar .selected-bar {
  background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%);
}
.affairEditPanel .more {
  height: 11px;
  border-bottom: 1px dashed gray;
  text-align: center;
}
.affairEditPanel .more span {
  color: gray;
  background-color: white;
  cursor: pointer;
}
.affairEditPanel .img-circle {
  height: 30px;
  width: 30px;
}
.affairEditPanel div dl {
  *zoom: 1;
}
.affairEditPanel div dl:after {
  clear: both ;
  content: " ";
  display: block ;
  font-size: 0 ;
  height: 0 ;
  visibility: hidden ;
}
.affairEditPanel div dl dt,
.affairEditPanel div dl dd {
  float: left;
  padding: 5px;
  line-height: 30px;
}
.affairEditPanel div dl dt {
  font-weight: 400;
  text-align: center;
  width: 40px;
}
.affairEditPanel div dl dt .iconfont {
  font-size: 18px;
}
.affairEditPanel div dl dd {
  max-width: 400px;
  word-break: break-all;
}
.affairEditPanel div dl dd span,
.affairEditPanel div dl dd a {
  font-size: 13px;
  display: inline-block;
}
.affairEditPanel div dl .workload .dropdown-menu {
  max-width: 400px;
}
.affairEditPanel div dl .workload .dropdown-menu > li {
  float: left;
  margin: 3px;
  color: white;
}
.affairEditPanel div dl .workload .dropdown-menu > li:hover {
  background: #337ab7;
  color: white;
}
.affairEditPanel div dl .workload .dropdown-menu > li > a {
  color: white;
  padding: 3px 10px;
}
.affairEditPanel div dl .workload .dropdown-menu > li > a:focus,
.affairEditPanel div dl .workload .dropdown-menu > li > a:hover {
  color: white;
  background: #337ab7;
}
.affairEditPanel .datetime-tools {
  height: 50px;
}
.affairEditPanel .datetime-tools dd > ul {
  *zoom: 1;
}
.affairEditPanel .datetime-tools dd > ul:after {
  clear: both ;
  content: " ";
  display: block ;
  font-size: 0 ;
  height: 0 ;
  visibility: hidden ;
}
.affairEditPanel .datetime-tools dd > ul > li {
  float: left;
  line-height: 35px;
}
.affairEditPanel .datetime-tools dd > ul > li a {
  color: #666;
  display: block;
}
.affairEditPanel .datetime-tools dd input {
  width: 80px;
}
.affairEditPanel .datetime-tools .dropdown-menu {
  padding: 10px;
  min-width: 80px;
}
.affairEditPanel .datetime-tools .color-block li {
  cursor: pointer;
  line-height: 30px;
}
.affairEditPanel .datetime-tools .color-block li i {
  box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  width: 15px;
}
.affairEditPanel .matter-name {
  border-left: 5px solid transparent;
}
.affairEditPanel .matter-name input[name='matterName'] {
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  width: 300px;
}
.affairEditPanel .matter-name select {
  display: inline-block;
  *display: inline ;
  *zoom: 1 ;
  margin-left: 5px;
}
.affairEditPanel .affhead {
  height: 82px;
}
.affairEditPanel .affhead dl {
  height: 41px;
}
.affairEditPanel .affhead dl .affName {
  display: none;
  width: 447px;
  height: 50px;
  position: absolute;
  z-index: 10;
  line-height: 16px;
}
.affairEditPanel .affhead dl .affname {
  font-size: 15px;
  color: #337ab7;
  font-weight: bolder;
}
.affairEditPanel .affhead dl .affname:hover {
  overflow: initial;
  white-space: initial;
  text-overflow: initial;
  z-index: 100;
  line-height: 22px;
  position: absolute;
  width: 460px;
  padding: 3px;
  background: #fff;
  box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
}
.affairEditPanel .affdetail {
  padding-right: 32px;
  position: relative;
}
.affairEditPanel .affdetail .fixed-btn {
  position: absolute;
  right: 1px;
  top: 0px;
  width: 30px;
  border: 1px solid #eee;
  background-color: white;
  font-size: 20px;
  -webkit-backface-visibility: hidden;
  border-left: 1px solid #ddd;
  height: 100%;
}
.affairEditPanel .affdetail .fixed-btn a {
  display: inline-block;
  width: 30px;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid #eee;
  color: #09c;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 0px;
  position: relative;
}
.affairEditPanel .affdetail .fixed-btn a i {
  font-size: 20px;
}
.affairEditPanel .affdetail .fixed-btn .have {
  color: orange;
}
.affairEditPanel .affdetail .fixed-btn .current {
  background-color: #09c;
  color: white;
}
.affairEditPanel .affdetail .fixed-btn .current.have {
  color: white;
}
.affairEditPanel .affdetail div.title {
  height: 37px;
  font-size: 15px;
  border: 1px solid #ddd;
  border-radius: 6px 6px 0 0;
  padding: 3px 10px;
  color: #09c;
  position: relative;
  line-height: 28px;
}
.affairEditPanel .affdetail div.title .option {
  right: 15px;
  top: 2px;
  position: absolute;
}
.affairEditPanel .affdetail div.title .option a {
  font-size: 14px;
  padding: 2px 15px;
  margin-left: 5px;
}
.affairEditPanel .affdetail .body {
  border: 1px solid #ddd;
  margin-top: -1px;
}
.affairEditPanel .affdetail .files {
  padding: 5px;
}
.affairEditPanel .affdetail .files .group {
  margin: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
}
.affairEditPanel .affdetail .files .group .info {
  border-top: 1.5px solid #eee;
  padding: 10px 10px 0px;
}
.affairEditPanel .affdetail .files .group .info .createdate {
  float: right;
}
.affairEditPanel .affdetail .commentlist {
  color: #666;
  font-size: 12px;
  white-space: nowrap;
  word-break: break-all;
  padding: 0 5px;
}
.affairEditPanel .affdetail .commentlist li {
  border-bottom: 1px dotted #efefef;
  white-space: normal;
  padding: 3px;
}
.affairEditPanel .affdetail .commentlist .creator {
  font-size: 15px;
  color: orange;
}
.affairEditPanel .affdetail .commentlist .date {
  float: right;
}
.affairEditPanel .affdetail .commentlist .comment {
  font-size: 14px;
}
.affairEditPanel .affdetail .commentlist .update {
  float: right;
  font-size: 13px;
}
.affairEditPanel .affdetail .feedbacklist {
  color: #666;
  font-size: 12px;
  white-space: nowrap;
  word-break: break-all;
  padding: 5px;
}
.affairEditPanel .affdetail .feedbacklist .time {
  text-align: right;
}
.affairEditPanel .affdetail .feedbacklist li {
  white-space: normal;
  padding: 5px;
  position: relative;
}
.affairEditPanel .affdetail .feedbacklist li .user {
  width: 45px;
  line-height: 20px;
  text-align: center;
  display: inline;
  position: absolute;
  left: 0px;
  margin: 5px 5px 0 10px;
}
.affairEditPanel .affdetail .feedbacklist li .text {
  margin: 0 0 0 55px;
  background-color: #fff;
  border-radius: 5px;
  height: auto;
  padding: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow-wrap: break-word;
}
.affairEditPanel .affdetail .feedbacklist li .arrow {
  margin-top: 14px;
  display: block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  position: absolute;
  left: 45px;
  top: 5px;
  border-color: transparent #fff transparent transparent;
}
.affairEditPanel .affdetail .feedbacklist li .completed {
  font-size: 15px;
  color: #FF4D4F;
}
.affairEditPanel .affdetail .feedbacklist li .date {
  color: #1890FF;
}
.affairEditPanel .affdetail .feedbacklist li .createdate {
  font-size: 12px;
  color: #565758;
  text-align: right;
}
.affairEditPanel .affdetail .feedbacklist li .feedback {
  font-size: 14px;
}
.affairEditPanel .affdetail .childlist {
  white-space: nowrap;
  word-break: break-all;
  padding: 0 5px;
}
.affairEditPanel .affdetail .childlist li {
  border-bottom: 1px dotted #efefef;
  white-space: nowrap;
  padding: 3px;
  position: relative;
}
.affairEditPanel .affdetail .childlist li .manager {
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
}
.affairEditPanel .affdetail .childlist li .manager .img-circle {
  height: 40px;
  width: 40px;
}
.affairEditPanel .affdetail .childlist li .row {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 0 45px;
  padding: 1px 0;
}
.affairEditPanel .affdetail .childlist li .name {
  font-size: 13px;
}
.affairEditPanel .affdetail .childlist li .afftype {
  width: 50px;
  display: inline-block;
}
.affairEditPanel .affdetail .childlist li .date {
  display: inline-block;
  width: 310px;
}
.affairEditPanel .affdetail .childlist li .status {
  display: inline-block;
  width: 70px;
}
.affairEditPanel .affdetail .explains ul {
  margin: 5px;
}
.affairEditPanel .affdetail .explains ul .head {
  height: 30px;
  border-bottom: 1px solid #eee;
  line-height: 30px;
  padding: 0 10px;
}
.affairEditPanel .affdetail .explains ul .head .item {
  margin-right: 30px;
}
.affairEditPanel .affdetail .explains ul .head .item.level {
  position: relative;
  padding-left: 20px;
}
.affairEditPanel .affdetail .explains ul .head .item .bold {
  font-weight: bold;
}
.affairEditPanel .affdetail .explains ul .head .item .level {
  top: 2px;
  left: 0px;
  position: absolute;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.affairEditPanel .affdetail .explains ul .content {
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  padding: 10px;
}
.affairEditPanel .affdetail .logs {
  font-size: 13px;
}
.affairEditPanel .affdetail .logs dl {
  line-height: 20px;
  padding: 0px;
  border-bottom: 1px dotted #efefef;
}
.affairEditPanel .affdetail .logs dl dt {
  width: 140px;
  line-height: 22px;
}
.affairEditPanel .affdetail .logs dl dd {
  padding: 5px;
  line-height: 22px;
  max-width: 410px;
  margin-left: 0px;
}
.affairEditPanel .affdetail .loadmore {
  font-size: 13px;
  margin: 10px;
  float: right;
}
.affairEditPanel .option {
  display: inline-block;
}
.affairEditPanel .chat {
  font-size: 12px;
  color: black;
  position: relative;
}
.affairEditPanel .chat .user {
  height: 60px;
  width: 45px;
  line-height: 20px;
  text-align: center;
  display: inline;
  position: absolute;
}
.affairEditPanel .chat .img-circle {
  height: 40px;
  width: 40px;
}
.affairEditPanel .chat .text {
  border-radius: 5px;
  max-width: 360px;
  height: auto;
  padding: 5px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow-wrap: break-word;
}
.affairEditPanel .chat .text .affair {
  background-color: #f1f8fb;
  min-height: 60px;
  padding: 4px 100px 0px 60px;
  position: relative;
  cursor: pointer;
}
.affairEditPanel .chat .text .affair .grade {
  display: inline-block;
  height: 100%;
  width: 5px;
  background-color: blue;
  position: absolute;
  left: 0px;
  top: 0px;
}
.affairEditPanel .chat .text .affair .typeico {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 33px;
  color: deepskyblue;
}
.affairEditPanel .chat .text .affair .title {
  position: absolute;
  left: 17px;
  font-size: 14px;
  color: deepskyblue;
  top: 39px;
}
.affairEditPanel .chat .text .affair .name {
  font-size: 13px;
  min-height: 34px;
}
.affairEditPanel .chat .text .affair .sundry a {
  margin-right: 5px;
}
.affairEditPanel .chat .text .affair .sundry a i {
  color: deepskyblue;
}
.affairEditPanel .chat .text .affair .sundry .warn {
  font-weight: 600;
  color: orange;
}
.affairEditPanel .chat .text .affair .status {
  height: 60px;
  transition: .1s;
  width: 100px;
  vertical-align: middle;
  position: absolute;
  right: 0px;
  top: 0px;
}
.affairEditPanel .chat .text .affair .status .manager {
  margin-left: 10px;
  height: 40px;
  width: 40px;
  position: relative;
}
.affairEditPanel .chat .text .affair .status .managername {
  font-size: 12px;
  margin: 2px 0 0 0;
  width: 60px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.affairEditPanel .chat .text .affair .notstart {
  background: transparent url(images/affstate/tag_state2.png) no-repeat;
  background-size: 50px;
  background-position-x: 50px;
}
.affairEditPanel .chat .text .affair .underway {
  background: transparent url(images/affstate/tag_state3.png) no-repeat;
  background-size: 50px;
  background-position-x: 50px;
}
.affairEditPanel .chat .text .affair .completed {
  background: transparent url(images/affstate/tag_state1.png) no-repeat;
  background-size: 50px;
  background-position-x: 50px;
}
.affairEditPanel .chat .text .affair .canceled {
  background: transparent url(images/affstate/tag_state4.png) no-repeat;
  background-size: 50px;
  background-position-x: 50px;
}
.affairEditPanel .chat .text .affair .deferred {
  background: transparent url(images/affstate/tag_state5.png) no-repeat;
  background-size: 50px;
  background-position-x: 50px;
}
.affairEditPanel .chat .text .affair .inthepause {
  background: transparent url(images/affstate/tag_state6.png) no-repeat;
  background-size: 50px;
  background-position-x: 50px;
}
.affairEditPanel .chat .text .file {
  padding-left: 45px;
  position: relative;
  height: 40px;
}
.affairEditPanel .chat .text .file i {
  font-size: 30px;
  position: absolute;
  left: 0px;
}
.affairEditPanel .chat .text .file a {
  font-size: 16px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 306px;
  padding: 9px 0;
}
.affairEditPanel .chat .textandfile {
  border-radius: 5px;
  width: 360px;
  height: auto;
  padding: 5px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow-wrap: break-word;
}
.affairEditPanel .chat .textandfile .files {
  width: 350px;
  background-color: white;
  padding: 0px;
}
.affairEditPanel .chat .arrow {
  margin-top: 9px;
  display: block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  position: absolute;
}
.affairEditPanel .chat h3 {
  font-size: 13px;
  padding: 2px 0 5px 0;
  font-weight: 100;
}
.affairEditPanel .chat .time {
  display: block;
}
.affairEditPanel .chat .box,
.affairEditPanel .chat .boxme {
  min-height: 80px;
  padding: 5px 10px 10px 0;
  display: inline-block;
  width: 100%;
}
.affairEditPanel .chat .box .user {
  left: 0px;
  margin: 0 5px 0 10px;
}
.affairEditPanel .chat .box .arrow {
  left: 45px;
  border-color: transparent #fff transparent transparent;
}
.affairEditPanel .chat .box .text {
  float: left;
  margin: 0 0 0 65px;
  background-color: #fff;
}
.affairEditPanel .chat .box .textandfile {
  float: left;
  margin: 0 0 0 65px;
  background-color: #fff;
}
.affairEditPanel .chat .box .time {
  text-align: left;
}
.affairEditPanel .chat .boxme .user {
  right: 0px;
  margin: 0 10px 0 5px;
}
.affairEditPanel .chat .boxme .arrow {
  right: 45px;
  border-color: transparent transparent transparent #9eea6a;
}
.affairEditPanel .chat .boxme .text {
  float: right;
  margin: 0 55px 0 0;
  background-color: #9eea6a;
}
.affairEditPanel .chat .boxme .textandfile {
  float: right;
  margin: 0 55px 0 0;
  background-color: #9eea6a;
}
.affairEditPanel .chat .boxme .time {
  text-align: right;
}
.affairEditPanel .chatsend {
  height: 28px;
  width: 80px;
  padding: 3px 12px;
  margin-right: 2px;
  margin-right: 0px;
}
.affairEditPanel .assin {
  padding-top: 176px;
  position: relative;
}
.affairEditPanel .assin .affair {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 547px;
  padding: 10px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.affairEditPanel .assin .affair .tr {
  padding: 4px 20px;
}
.affairEditPanel .assin .affair .tr .status {
  float: right;
  line-height: 16px;
  padding: 3px 10px;
}
.affairEditPanel .assin .affair .tr .affname {
  font-size: 16px;
  display: block;
}
.affairEditPanel .assin .affair .tr .prgs {
  float: right;
  width: 100px;
}
.affairEditPanel .assin .affair .tr .prgs .progress {
  margin-top: 1px;
}
.affairEditPanel .assin .affair .tr .prgs .progress .progess-value {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  font-size: 12px;
}
.affairEditPanel .assin .affair .tr .complated {
  color: forestgreen;
  padding: 0px 3px;
}
.affairEditPanel .assin .affair .tr .total {
  color: orange;
  padding: 0px 3px;
}
.affairEditPanel .assin .logs {
  border-top: 1px dotted #efefef;
  height: 100%;
}
.affairEditPanel .progresses {
  padding: 10px;
}
.affairEditPanel .progresses .item {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.affairEditPanel .progresses .item .tr {
  padding: 4px 20px;
  min-height: 26px;
}
.affairEditPanel .progresses .item .tr .status {
  float: right;
}
.affairEditPanel .progresses .item .tr .createdate {
  float: right;
}
.affairEditPanel .progresses .item .tr .prgs {
  width: 100px;
}
.affairEditPanel .progresses .item .tr .prgs .progress {
  margin-top: 1px;
}
.affairEditPanel .progresses .item .tr .prgs .progress .progess-value {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  font-size: 12px;
}
.affairEditPanel .progresses .item .tr .remark {
  display: block;
  overflow: hidden;
  word-break: break-all;
}
.affairEditPanel .progresses .item .head {
  padding: 10px 20px;
  margin-top: 5px;
}
.affairEditPanel .progresses .item .bottom {
  margin-top: 5px;
  border-top: 1px solid #ddd;
  padding: 10px 20px;
}
#modal-select-file {
  color: black;
}
#modal-select-file .fileList {
  margin: 5px;
}
#modal-select-file .fileList a {
  text-decoration: none;
}
#modal-select-file .fileList .item {
  margin: 5px;
  position: relative;
  cursor: pointer;
}
#modal-select-file .fileList .item .detail {
  min-height: 50px;
  padding: 4px 110px 0px 60px;
  position: relative;
}
#modal-select-file .fileList .item .detail .typeico {
  position: absolute;
  left: 6px;
  top: 0px;
  font-size: 36px;
}
#modal-select-file .fileList .item .detail .title {
  position: absolute;
  left: 17px;
  top: 41px;
}
#modal-select-file .fileList .item .detail .name {
  min-height: 21px;
}
#modal-select-file .fileList .item .detail .name a {
  position: relative;
}
#modal-select-file .fileList .item .detail .name input {
  width: 100%;
  height: 21px;
  display: none;
}
#modal-select-file .fileList .item .detail .propname {
  font-weight: bold;
}
#modal-select-file .fileList .item .detail .creator {
  height: 41px;
  transition: .1s;
  vertical-align: middle;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100px;
}
#modal-select-file .fileList .item .detail .creator .creatorimg {
  margin: 4px 0 0 5px;
  height: 41px;
  width: 90px;
  position: relative;
}
#modal-select-file .fileList .item .detail .creator .creatorimg .img-circle {
  height: 40px;
  width: 40px;
}
#modal-select-file .fileList .item .option {
  border-top: 1px solid #eee;
  position: relative;
}
#modal-select-file .fileList .item .option div {
  margin-left: 10px;
  display: inline-block;
}
#modal-select-file .fileList .item .option div i {
  margin-right: 1px;
}
#modal-select-file .fileList .item .option .base {
  height: 30px;
  line-height: 30px;
}
#modal-select-file .fileList .item .option .base a {
  color: green;
  margin-left: 6px;
  position: relative;
}
#modal-select-file .fileList .item .option .base .on {
  border-bottom: 2px solid #39f;
}
#modal-select-file .fileList .item .option .other {
  height: 30px;
  line-height: 30px;
}
#modal-select-file .fileList .item .option .other a {
  margin-left: 6px;
  position: relative;
}
#modal-select-file .fileList .item .option .other .on {
  border-bottom: 2px solid #39f;
}
#modal-select-file .fileList .item .option .right {
  position: absolute;
  top: 3px;
  right: 5px;
}
#modal-select-file .fileList .item .option .right a i .iconfont {
  font-size: 18px;
  font-weight: bold;
}
#FileDetail-Modal .filedetail {
  width: 1000px;
}
#FileDetail-Modal .filedetail .modal-content {
  height: 550px;
}
#FileDetail-Modal .filedetail .modal-content .panel {
  display: inline-block;
  height: 100%;
}
#FileDetail-Modal .filedetail .modal-content .left {
  width: 680px;
}
#FileDetail-Modal .filedetail .modal-content .left .fileicon {
  float: left;
  font-size: 25px;
  margin: 5px;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-header .options {
  float: right;
  color: gray;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-header .options .iconfont {
  font-size: 18px;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-header i {
  cursor: pointer;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-header i:hover {
  color: #337ab7;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-header .dropdown .dropdown-toggle {
  color: #ddd;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-header .dropdown .dropdown-toggle:hover {
  color: #337ab7;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-body {
  width: 100%;
  height: 499px;
  padding-bottom: 60px;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-body .view {
  width: 100%;
  height: 100%;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-body .loading {
  margin-top: -30px;
  position: absolute;
  left: 50%;
  top: 50%;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-body .loading div {
  background-color: #5cb85c;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-body .file {
  text-align: center;
  width: 100%;
  height: 100%;
}
#FileDetail-Modal .filedetail .modal-content .left .modal-body .path {
  bottom: 0px;
  position: absolute;
  width: 100%;
  height: 45px;
  border-top: 1px solid #e5e5e5;
  left: 0px;
  padding: 10px 15px;
  line-height: 21px;
}
#FileDetail-Modal .filedetail .modal-content .right {
  width: 310px;
  background: #f3f3f3;
  float: right;
}
#FileDetail-Modal .filedetail .modal-content .right dl {
  display: table;
  padding: 0;
  margin-bottom: 10px;
}
#FileDetail-Modal .filedetail .modal-content .right dt {
  float: left;
  margin-right: 5px;
  color: #aaa;
}
#FileDetail-Modal .filedetail .modal-content .right dd {
  float: left;
  margin-left: 5px;
  max-width: 236px;
}
#FileDetail-Modal .filedetail .modal-content .right .label {
  display: inline-block !important;
  margin: 1px !important;
}
#FileDetail-Modal .filedetail .modal-content .right .lbclose .iconfont {
  display: none;
  font-size: 12px;
  cursor: pointer;
  margin: 0 -3px 0 8px;
}
#FileDetail-Modal .filedetail .modal-content .right .lbclose:hover .iconfont {
  display: unset;
}
#FileDetail-Modal .filedetail .modal-content .right .files li {
  padding: 5px;
}
#FileDetail-Modal .filedetail .modal-content .right .files li div {
  display: inline-block;
}
#FileDetail-Modal .filedetail .modal-content .right .files li .v {
  width: 70px;
  float: left;
  text-align: center;
}
#FileDetail-Modal .filedetail .modal-content .right .files li .detail {
  width: 188px;
}
#FileDetail-Modal .filedetail .modal-content .right .files li.head {
  font-weight: bold;
}
#FileDetail-Modal .filedetail .modal-content .right .files li.item {
  border-top: 1px solid #aaa;
}
#FileDetail-Modal .filedetail .modal-content .right .files li.item .viewlogs {
  margin-top: 5px;
  font-size: 12px;
  border: 1px dashed #aaa;
  width: 100%;
  padding: 10px 10px 5px;
  display: none;
}
#FileDetail-Modal .filedetail .modal-content .right .files li.item .viewlogs dl {
  margin-bottom: 5px;
}
#FileDetail-Modal .filedetail .modal-content .right .files li.item .viewlogs dl dt {
  font-weight: 400;
  color: inherit;
}
#FileDetail-Modal .filedetail .modal-content .right .files li.item .viewlogs .more {
  text-align: right;
  width: 100%;
  font-style: italic;
  display: inline-block;
}
#FileDetail-SelectLabel-Modal .labels .item {
  border-top: solid 1px #eee;
  padding: 0px 80px 0px 0px;
  position: relative;
}
#FileDetail-SelectLabel-Modal .labels .item:hover {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
}
#FileDetail-SelectLabel-Modal .labels .item .options {
  position: absolute;
  right: 8px;
  top: 8px;
}
#FileDetail-SelectLabel-Modal .labels label {
  margin-bottom: 0px;
  width: 100%;
  padding: 8px;
}
#FileDetail-SelectLabel-Modal .selectcolors {
  margin-top: 10px;
  text-align: center;
}
#FileDetail-SelectLabel-Modal .selectcolors .iconfont {
  font-size: 28px;
}
/* ========================================================================
 * bootstrap-switch - v3.0.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.bootstrap-switch {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.bootstrap-switch.bootstrap-switch-mini {
  min-width: 71px;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
}
.bootstrap-switch.bootstrap-switch-small {
  min-width: 79px;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
}
.bootstrap-switch.bootstrap-switch-large {
  min-width: 120px;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
  margin-left: 0%;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
  margin-left: -50%;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-container {
  margin-left: -25%;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  width: 150%;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
  width: 33.333333333%;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #428bca;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  width: 33.333333333%;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.bootstrap-switch input[type='radio'].form-control,
.bootstrap-switch input[type='checkbox'].form-control {
  height: auto;
}
/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Improvements by Sébastien Malot
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  white-space: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
  display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
  display: block;
}
.datetimepicker.days div.datetimepicker-days {
  display: block;
}
.datetimepicker.months div.datetimepicker-months {
  display: block;
}
.datetimepicker.years div.datetimepicker-years {
  display: block;
}
.datetimepicker table {
  margin: 0;
}
.datetimepicker table tr td.minute:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datetimepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datetimepicker table tr td span:hover {
  background: #eeeeee;
}
.datetimepicker table tr td span.old {
  color: #999999;
}
.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker th.switch {
  width: 145px;
}
.datetimepicker-inline {
  width: 220px;
}
.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}
[class*="datetimepicker-dropdown"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
[class*="datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
}
[class*="datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
[class*="datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}
.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px;
}
.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px;
}
.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px;
}
.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px;
}
.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px;
}
.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px;
}
.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #999999;
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 1. 项目名称：ttpai前端MVC框架
 2. 文件名称：验证控件
 3. 作者：huagang.zhao@51auto.com
 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Z-INDEX */
.formError {
  z-index: 990;
}
.formError .formErrorContent {
  z-index: 991;
}
.formError .formErrorArrow {
  z-index: 996;
}
.ui-dialog .formError {
  z-index: 5000;
}
.ui-dialog .formError .formErrorContent {
  z-index: 5001;
}
.ui-dialog .formError .formErrorArrow {
  z-index: 5006;
}
.inputContainer {
  position: relative;
  float: left;
}
.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
  text-align: left;
}
.formError.inline {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}
.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}
.formError .formErrorContent {
  width: 100%;
  background: #ee0101;
  position: relative;
  color: #fff;
  min-width: 120px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  -o-box-shadow: 0 0 6px #000;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}
.formError.inline .formErrorContent {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}
.greenPopup .formErrorContent {
  background: #33be40;
}
.blackPopup .formErrorContent {
  background: #393939;
  color: #FFF;
}
.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position: relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}
.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  box-shadow: 0 2px 3px #444;
  -moz-box-shadow: 0 2px 3px #444;
  -webkit-box-shadow: 0 2px 3px #444;
  -o-box-shadow: 0 2px 3px #444;
  font-size: 0px;
  height: 1px;
  background: #ee0101;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}
.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
}
.greenPopup .formErrorArrow div {
  background: #33be40;
}
.blackPopup .formErrorArrow div {
  background: #393939;
  color: #FFF;
}
.formError .formErrorArrow .line10 {
  width: 13px;
  border: none;
}
.formError .formErrorArrow .line9 {
  width: 11px;
  border: none;
}
.formError .formErrorArrow .line8 {
  width: 11px;
}
.formError .formErrorArrow .line7 {
  width: 9px;
}
.formError .formErrorArrow .line6 {
  width: 7px;
}
.formError .formErrorArrow .line5 {
  width: 5px;
}
.formError .formErrorArrow .line4 {
  width: 3px;
}
.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}
.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}
.slider-container {
  width: 300px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.slider-container .back-bar {
  height: 10px;
  position: relative;
}
.slider-container .back-bar .selected-bar {
  position: absolute;
  height: 100%;
}
.slider-container .back-bar .pointer {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: red;
  cursor: col-resize;
  opacity: 1;
  z-index: 2;
}
.slider-container .back-bar .pointer.last-active {
  z-index: 3;
}
.slider-container .back-bar .pointer-label {
  position: absolute;
  top: -17px;
  font-size: 8px;
  background: white;
  white-space: nowrap;
  line-height: 1;
}
.slider-container .back-bar .focused {
  z-index: 10;
}
.slider-container .clickable-dummy {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.slider-container .scale {
  top: 2px;
  position: relative;
}
.slider-container .scale span {
  position: absolute;
  height: 5px;
  border-left: 1px solid #999;
  font-size: 0;
}
.slider-container .scale ins {
  font-size: 9px;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 5px;
  color: #999;
  line-height: 1;
}
.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
  cursor: auto;
}
.theme-green .back-bar {
  height: 5px;
  border-radius: 2px;
  background-color: #eeeeee;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}
.theme-green .back-bar .selected-bar {
  border-radius: 2px;
  background-color: #a1fad0;
  background-image: -moz-linear-gradient(top, #bdfade, #76fabc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bdfade), to(#76fabc));
  background-image: -webkit-linear-gradient(top, #bdfade, #76fabc);
  background-image: -o-linear-gradient(top, #bdfade, #76fabc);
  background-image: linear-gradient(to bottom, #bdfade, #76fabc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade', endColorstr='#ff76fabc', GradientType=0);
}
.theme-green .back-bar .pointer {
  width: 14px;
  height: 14px;
  top: -5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #AAA;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}
.theme-green .back-bar .pointer-label {
  color: #999;
}
.theme-green .back-bar .focused {
  color: #333;
}
.theme-green .scale span {
  border-left: 1px solid #e5e5e5;
}
.theme-green .scale ins {
  color: #999;
}
.theme-blue .back-bar {
  height: 5px;
  border-radius: 2px;
  background-color: #eeeeee;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}
.theme-blue .back-bar .selected-bar {
  border-radius: 2px;
  background-color: #92c1f9;
  background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
  background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
  background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9);
  background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0);
}
.theme-blue .back-bar .pointer {
  width: 14px;
  height: 14px;
  top: -5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #AAA;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
}
.theme-blue .back-bar .pointer-label {
  color: #999;
}
.theme-blue .back-bar .focused {
  color: #333;
}
.theme-blue .scale span {
  border-left: 1px solid #e5e5e5;
}
.theme-blue .scale ins {
  color: #999;
}