@charset "utf-8";
/* nav & header public start */
/* public part */
input {
    /*-webkit-appearance: none;*/
}
/*icon*/
.fa-ma {
    width: 1.28571429em;
    text-align: center;
}
.fa-hd {
    width: 1.68571429em;
    text-align: center;
    font-size: 18px !important;
    vertical-align: middle;
    line-height: 24px !important;

}
.si {
    font-family: Simple-Line-Icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.help-block {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 13px;
    color: #a4a4a4;
    font-size: 12px;
    width: 100%;
    float: left;
}
.img-picker {
    float: left;
}
    /* form contorl*/
.form-group::after {
    content: "";
    display: block;
    clear: both;
}
.form-control:focus {
    border-color: #ccc;
    box-shadow: none;
    background: #FCFCFC;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color: #646464;
    border: 1px solid #e6e6e6 !important;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    outline-color: #646464 !important;
    margin-bottom: 1px !important;
}

textarea.form-control {
    max-width: 100%;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.datepicker-days {
  display: block !important;
}
.form-group.hidden {
  display: none;
}
.img-picker {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #00b7ee;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;


}

.files-wrapper::after {
  content: '';
  display: block;
  clear: both;
}

.irs-bar-edge {
    height: 5px;
    border: none;
    background: #5c90d2;
    border-radius: 3px 0 0 3px;
}
.irs-slider {
    top: 25px;
    width: 20px;
    height: 20px;
    border: none;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
}
.irs-bar {
    height: 5px;
    border: none;
    background: #5c90d2;
}
.irs-line {
    height: 5px;
    background: #eee;
    border: none;
    border-radius: 3px;
}
.modal-popin {
  z-index: 2050;
    background: rgba(0,0,0,.2)
}
.modal-backdrop.in {
  z-index: 1000;
  background: rgba(0,0,0,.2)
}

.select2-container {
    height: 34px;
}
.select2-container--default .select2-selection--single {
    height: 34px;
}
.select2-container--default .select2-selection--single:focus {
    outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}
.btn {
    border-radius: 0 !important;
    touch-action: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.btn:focus {
    outline: none !important;
}
.btn.btn-minw {
    min-width: 110px;
}
.btn-primary {
    color: #fff;
    /*background-color: #5c90d2;*/
    /*border-color: #3675c5;*/
    background-color: #1F98CA;
    border-color: #0f8496;
    font-weight: 600;
    border-radius: 2px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    cursor: pointer;
}
.btn-default {
    color: #545454;
    background-color: #f5f5f5;
    border-color: #e9e9e9;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.btn-rounded {
    border-radius: 20px;
}
.btn-minwin {
    min-width: 110px;
}
.alert-warning {
    background-color: #fdf3e5;
    color: #efa231;
}
.alert-danger {
    background-color: #f9eae8;
    color: #c54736;
    -webkit-box-shadow: 0 2px #f4d8d4;
    box-shadow: 0 2px #f4d8d4;
}
/*.css-input {*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*margin: 2px 0;*/
    /*font-weight: 400;*/
    /*cursor: pointer;*/
/*}*/
.css-radio.css-radio-sm {
    margin: 9px 0 8px;
    font-size: 12px;
    margin-right: 10px !important;
}
.css-checkbox {
    margin: 9px 0 8px;
    font-size: 12px;
    margin-right: 10px !important;
}
.css-input input {
    position: absolute;
    opacity: 0;
}
.css-input input + span {
    margin-top: -3px;
}
.css-radio.css-radio-sm input + span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    margin-top: -2px;
    margin-right: 3px;
    vertical-align: middle;
}
.css-radio.css-radio-sm input + span:after {
    position: absolute;
    content: '';
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.css-radio-primary input:checked + span:after {
    background-color: #1F98CA;
    opacity: 1;
}

.swal2-popup .swal2-styled.swal2-confirm:focus,.swal2-popup .swal2-styled.swal2-cancel:focus {
    outline: none;
    box-shadow: none;
}
    /* img uploader */
#filePicker1 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.text-success {
  color: #46c37b;
}
.img-uploader {
    float: left;
    margin-left: 15px;
    box-sizing: border-box;
    width: 100%;
}

.img-uploader > div::after {
  content: "";
  display: block;
  clear: both;
}
.thumbnail {
    position: relative;
    width: 120px;
    float: left;
    margin-right: 20px;
}
.move-picture {
  background: gainsboro;
  padding: 2px;
  cursor: move;
  color: #ABABAB;
  position: absolute;
  left: -6px;
  top: -5px;
  border-radius: 50%;
  display: none;
  z-index: 5;
}

.remove-picture {
    position: absolute;
    right: -5px;
    top: -5px;
    font-size: 18px;
    color: #CA4949;
    cursor: pointer;
    display: none;
}
#fileList > div {

}
#fileList > div > div{
    display: none;
}

    /* table */
.table{
    /*table-layout: fixed;*/
    width: 100%;
}
.table-builder > tbody > tr > td {
    vertical-align: middle;

}
.table-builder > tbody > tr > td .td-cell {
    box-sizing: border-box;
    min-height: 24px;
    width: 100%;
    font-size: 14px !important;
}
.table-builder > tbody > tr > td .td-cell img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}
    /* paganation */
.pagination {
    margin: 0;
    border-radius: 0;
}
.pagination > li {
    display: block;
    float: left;
    margin: 0 0 5px 5px;
    border-radius: 0 !important;
}
.pagination > li a {
    border-radius: 0;
}
.pagination > li > a, .pagination > li > span {
    display: block;
    float: none;
    margin: 0;
    padding-right: 8px;
    padding-left: 8px;
    color: #646464;
    font-weight: 600;
    border: none;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li > a, .pagination > li > span {
    display: block;
    float: none;
    margin: 0;
    padding-right: 8px;
    padding-left: 8px;
    color: #646464;
    font-weight: 600;
    border: none;
}
.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0;
}
.pagination>li>a:hover, .pagination>li>span:hover {
    color: #1F98CA;
    -webkit-box-shadow: 0 2px #1F98CA;
    box-shadow: 0 2px #1F98CA;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #1F98CA;
    -webkit-box-shadow: 0 2px #1F98CA;
    box-shadow: 0 2px #1F98CA;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #f9f9f9;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    border-color: #337ab7;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #337ab7;
    background: #fff;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    opacity: .5;
    cursor: pointer;
}
    /* loading */
.loading-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 50px;
    background: rgba(0,0,0,.65);
    border-radius: 5px;
    z-index: 1050;
    color: #fff;
    line-height: 50px;
    text-align: center;
    display: none;
}
.loading-wrapper i {
    display: inline-block;
    font-size: 20px;
    line-height: 44px;
    transform:rotate(360deg);
    animation: loading-round 3s linear infinite;
}
.loading-wrapper span {
    line-height: 0px;
}
@keyframes  loading-round{
    0% {
        transform: rotate(90deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
    /* loding */
    /*  jquery.nestable  */
.dd3-content {
    background: #f9f9f9;
    color: #5A5A5A;
}
.dd3-content:hover {
    background: #ECECEC;
    color: #5A5A5A;
}
.dd3-content .action {
    display: none;

}
.dd3-content:hover  .action {
    display: inline-block;
    margin-left: 10px;
}
.dd-item > button {
    color: inherit !important;
}
.menu-toogle-packup {
    height: 0;
    overflow: hidden;
}
.tooltip {
    transition: none;
    border: none;
    white-space: nowrap;

}
.tooltip-inner {
    padding: 6px 8px;
    max-width: 200px;
    background:  #323e42;
    border-radius: 0;
    border: none;
    min-width: 50px;
}
.dd-disable .dd3-content ,.dd-disable .dd3-handle{
    background: #FFD5D0;
    color: #D2847B;
}
.dd-handle:hover {
    cursor: move;
}
.dd-disable .dd3-handle {
    background:#FDC7C1;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1F98CA;
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border: none;
    border-radius: 3px;

}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    color: rgba(255, 255, 255, 0.5);
}

        /*  jquery.nestable  */

        /* icon picker */
.js-icon-picker .input-group-addon {
    cursor: pointer;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #646464;
    background-color: #f9f9f9;
    border-color: #e6e6e6;
    border-radius: 3px;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    border-radius: 3px;
}
.input-group-lg .form-control {
    font-size: 14px;
}
#icon_search {
    padding: 15px;
}
#icon_tab {
  display: none;
}
#icon_tab .nav-tabs {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 15px;
}
.js-icon-list li {
    float: left;
    width: 64px;
    height: 56px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 62px;
    text-align: center;
    border: 1px solid #ddd;
    cursor: pointer;
}
#icon_tab i {
    font-size: 2em;
}
.js-icon-list li code {
    display: none;
}
        /* icon picker */
/*page wrapper*/
.pageWrapper {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding-left: 230px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    min-width: 320px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
}

    /* sideBar */
.sideBar {
    width: 230px;
    position: fixed;
    left: 0;
    background: #343F44;
    min-height: 100%;
    overflow-y: auto;
    -webkit-transition: width 0.28s ease-out;
    transition: width 0.28s ease-out;
    z-index: 1040;
}
.sideHeader {
    width: 230px;
    min-height: 50px;
    background: #434D52;
    padding: 8px 20px 1px;
    padding-left: 6px;
    padding-right: 10px;
    -webkit-transition: width 0.28s ease-out;
    transition: width 0.28s ease-out;
}
.sideHeader a {
    color: #fff;
    line-height: 34px;
}
.sideHeader i {
    font-size: 12px;
    width: 14px;
    height: 14px;
    float: right;
    color: #fff;
    line-height: 35px;
    cursor: pointer;
    display: none !important;
    margin-left: 10px;
    margin-right: 13px;
}
.sideHeader .sideImg img:nth-of-type(1) {
    display: inline-block;
    margin-top: -2px;
    max-height: 73px;
    padding-left: 7px;
    position: absolute;
    top: 0px;
    left: -2px;
    bottom: 0;
    width: 48px;
    height: 35px;
    margin: auto;
}
.sideHeader .sideImg img:nth-of-type(2) {
    display: inline-block;
    margin-top: -2px;
    max-height: 73px;
    padding-left: 7px;
    position: absolute;
    top: -10px;
    left: 44px;
    opacity: 1;
    -webkit-transition: opacity 0.28s ease-out;
    transition: opacity 0.28s ease-out;
}
.sideCon {
    width: 230px;
    -webkit-transition: width 0.28s ease-out;
    transition: width 0.28s ease-out;
}
.sideContent {
    margin: 0 auto;
    padding: 13px 20px 1px;
    max-width: 100%;
    overflow-x: hidden;
}
.sideContent .firstLev {
    margin: 0 -20px;
    padding: 0;
    list-style: none;
}
.sideContent .firstLev li > .menu_a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
}
.sideContent .firstLev li > .menu_a span,i {
    font-size: inherit;
}
.sideContent .firstLev li > .menu_a span {
    opacity: 1;
    -webkit-transition: opacity 0.28s ease-out;
    transition: opacity 0.28s ease-out;
}
.sideContent .firstLev li > .menu_a i {
    margin-right: 15px;
}
.sideContent .firstLev li > .menu_a:hover {
    /* background: #2A3236; */
        background-color: rgba(0, 0, 0, 0.2);
}
.sideContent .firstLev .active .menu_a {
    color: #fff;
}
.sideContent a {
    display: block;
    padding: 10px 20px;
}
.sideContent .firstLev .active > ul {
    height: auto;
}
.sideContent .firstLev li > ul {
    margin: 0;
    background-color: rgba(0, 0, 0, 0.15);
    overflow: hidden;
    height: 0;
    padding: 0 0 0 0;
    transition: all 0.25s ease-out;
    opacity: 0;
}
.sideContent .firstLev .active > ul {
    padding: 0 0 0 50px;
    opacity: 1;
    -webkit-transition: all 0.28s ease-out;
    transition: all 0.28s ease-out;
}
.sideContent .firstLev li>ul li > a {
    color: rgba(255, 255, 255, 0.4);
    padding-left: 0px;
    font-size: 13px;
}
.sideContent .firstLev li>ul li > a:hover {
    color: #fff;
}
.sideContent .firstLev li>ul li > a i {
    margin-right: 10px;
    font-size: inherit;
}
.sideContent .firstLev li>ul li .active {
    color: #fff;
}
.sideContent .firstLev li .nav_arr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    right: 10px;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.25);
}
.sideContent .firstLev .active .nav_arr {
    transform: translateY(-50%) rotate(90deg);
}
.sideContent .firstLev .active .nav_arr {
    opacity: 1;
    -webkit-transition: opacity 0.28s ease-out;
    transition: opacity 0.28s ease-out;
}
    /* table */
.table {
    /* table-layout: fixed; */
}
.check-td {
    width: 70px !important;
}
.id-td {
    width: 100px !important;
}
.name-td {
    white-space: normal;
    max-width: 280px !important;
    word-break:break-all !important;
}
.img-td {
    height: 70px !important;
}
.td-cell {
    word-break:break-all !important;
}
.img-td .td-cell {
    width: 40px !important; height: 40px !important; border-radius: 50% !important; overflow: hidden !important; margin: auto;
}
.img-td .td-cell img {
    width: 40px !important; height:40px !important;
}
    /* table*/
    /* header */
.headerBar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    min-height: 50px;
    background-color: #fff;
    padding-right: 10px;
    left: 230px;
    padding-bottom: 0px;
    -webkit-transition: left 0.28s ease-out;
    transition: left 0.28s ease-out;
}
.headerPullleft {
    float: left;
    padding-left: 0px;
    margin-bottom: 0;
}
.headerPullleft li {
    float: left;
    max-height: 50px;
    padding-top: 6px;
    height: 50px;
    padding-top: 10px !important;
}
.headerPullleft li:hover {
    background: #F9F9F9;
}
.headerPullleft li a {
    font-weight: 600;
    color: #646464;
    border-radius: 3px;
    position: relative;
    display: block;
    padding: 5px 20px;
}
.headerPullleft li a i {
    font-weight: 500;
    font-size: 13px;
    margin-right: 6px;
}
.headerPullleft .active {
    background: #1F98CA;
    border-radius: 0px;
}
.headerPullleft .active a {
    color: #fff;
}
.headerPullleft .active:hover {
    background: #1F98CA;
}
    /*header pullright*/
.headerPullright {
    float: right;
    margin-top: 6px;
}
.headerPullright > li {
    margin-right: 0;
    margin-left: 12px;
    float: left;
}
.headerPullright .btn-img {
    position: relative;
    padding: 6px 12px 6px 40px;
}
.headerPullright .btn-img img {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 3px;
}
.headerPullright .dropdown-menu {
    right: 0;
    left: auto;
}
.headerPullright .dropdown-menu .header-tit {
    padding: 5px 12px 4px;
    font-weight: 600;
    color: #999999;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.42857143;
    white-space: nowrap;
}
.headerPullright li > a {
    padding: 0 12px;
    display: block;
    height: 34px;
    line-height: 34px;
    font-weight: 500;
    color: #646464;
}
.headerPullright .dropdown-menu > li {
    position: relative;
}
.headerPullright .dropdown-menu > li .msg-count {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 35px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #1F98CA;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
}
.headerPullright .dropdown-menu > li > a {
    padding: 7px 12px;
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;

}
.headerPullright .dropdown-menu > li > a > i {
    right: 0;
    margin-top: 3px;
    margin-left: 10px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 20px;
    height:20px;
    font-size: 14px;
    float: right;
}
.headerPullright .btn-default {
    background: #F5F5F5;
    transition: .2s;
}
 .headerPullright .btn-default:hover {
     background: #E1E1E1;
 }
 /* right hidden */
 .right-hidden {
     position: fixed;
     top: 0;
     bottom: 0;
     z-index: 1032;
     width: 320px;
     transition: all 0.28s ease-out;
     right: -320px;
     background: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 }
 .right-hidden .right-hidden-wrapper {
     width: auto;
     overflow: hidden;
     height: 100%;
 }
.right-hidden .right-hidden-wrapper .right-hidden-tit {
    min-height: 60px;
    margin: 0 auto;
    padding: 13px 20px 1px;
    max-width: 100%;
    border-bottom: 1px solid #E9E9E9;
}
.right-hidden .right-hidden-wrapper .right-hidden-tit .logo {
    width: 32px; height: 32px; margin-top: -2px;
    display: inline-block !important;
    border-radius: 50%;
}
.right-hidden .right-hidden-wrapper .right-hidden-tit > span {
    display: inline-block;
    line-height: 34px;
}
.right-hidden .right-hidden-wrapper .right-hidden-tit > span  > span {
    margin-left: 10px;
    font-weight: 600;
}
.right-hidden .right-hidden-wrapper .right-hidden-tit .btn-default {
    float: right;
    color: #545454;
    background-color: #f5f5f5;
    border-color: #e9e9e9;
}
.right-hidden .right-hidden-wrapper .right-hidden-tit .btn-default i {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
}
.right-hidden .right-hidden-wrapper .right-hidden-tit .btn-default {
    background: #F5F5F5;
    transition: .2s;
}
.right-hidden .right-hidden-wrapper .right-hidden-tit .btn-default:hover {
    background: #E1E1E1;
}

.right-hidden .right-hidden-wrapper .right-hidden-con {
    margin: 0 auto;
    padding: 13px 20px 1px;
    max-width: 100%;
    overflow-x: hidden;
    font-size: 14px;
}
.right-hidden-con-wrapper {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 13px;
}
.right-hidden-con-box {
    margin: 0 auto;
    padding: 5px 0;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;

}
.right-hidden-con-header {
    background-color: #f9f9f9;
    padding: 15px 20px;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.right-hidden-con-header h3 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;

}
.right-hidden-con-header h3 i {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    float: right;
    cursor: pointer;
}
.right-hidden-con-detail {
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    font-size: 14px;
}
.right-hidden-con-detail .items {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    overflow: hidden;
}
.right-hidden-con-detail .items .left-side {
    width: 66.66666667%;
    float: left;
    font-size: 13px;
}
.headerModelfade {
    transition: opacity .08s linear;
}

.right-hidden-con-detail .items .left-side .lt {
    font-weight: 600  !important;
    color: #646464;
}
.right-hidden-con-detail .items .left-side .lb {
    font-weight: 400  !important;
    color: #999999;
}
.right-hidden-con-detail .items .right-side {
    width: 33.33333333%;
    float: left;
}
.right-hidden-con-detail .items .right-side .layui-input-block {
    margin-left: 20px !important;
}
.right-hidden-con-detail .items .right-side .layui-form-switch {
    float: right;
}
.right-hidden-con-detail .items .right-side  .layui-form-switch i {
    top: 2px;
}
.right-hidden-con-detail .items .right-side  .layui-form-onswitch i {
    margin-left: -18px;
}
.right-hidden-con-detail .items .right-side  .layui-form-onswitch {
    background: #1F98CA;
}
/* headerModel */
.headerModel-content {
    box-shadow: none;
    border-radius: 0;
}
.headerModel-header {
    background: #3e4d52;
}
.headerModel-header .modal-title {
    color: #fff;
    font-weight: 600;
}
.headerModel-header .close {
    color: #fff;
    text-shadow: none;
    opacity: .5;
}
.headerModel-body-content {
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    transition: opacity 0.2s ease-out;
}
.headerModel-body-content-a {
    display: inline-block;
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    margin-bottom: 20px;
    background: #3e4d52;
    border-radius: 3px;
    width: 100%;
}
.headerModel-body-content .active {
    background: #1F98CA;
}
.headerModel-body-content-a:hover {
    opacity: .9;
}
.headerModel-body-content-a i {
    font-size: 2em;
    color: #fff;
}
.headerModel-body-content-a div {
    margin: 15px 0;
    font-weight: 600;
    color: #fff;
    line-height: 1.42857143;
}
.headerModel-dialog {
    margin-top: 0px;
}
.headerModel-body {
    padding: 0;
}


.mini {
    padding-left: 60px;
}
.mini .sideBar {
    width: 60px;
    overflow-x: hidden;
}
.mini .headerBar {
    left: 60px;
}
.mini .sideContent .firstLev .active > ul {
    opacity: 0;
}
.mini .sideContent .firstLev li > .menu_a span {
    opacity: 0; width: 0px;
}
.mini .sideContent .firstLev>li > ul {
    display: none;
}
.mini .sideBar:hover {
    width: 230px;
    overflow-x: hidden;
}
.mini .sideBar:hover .sideContent .firstLev .active > ul {
    opacity: 1;
}
.mini .sideBar:hover .sideContent .firstLev li > .menu_a span {
    opacity: 1; width: 230px;
}
.mini .sideBar:hover .sideContent .firstLev>li > ul {
    display: block;
}
.mini .sideHeader .sideImg img:nth-of-type(2) {
    opacity: 0;
}
.mini-min {
    padding-left: 100%;
}
.mini-min .sideBar {
    width: 100%;
}
.mini-min .sideBar .sideCon {
    width: 100%;
}
.mini-min .sideBar .sideCon .sideHeader {
    width: 100%;
}
.mini-min .headerBar {
    left: 100%; opacity: 0;
}
.mini-min .sideHeader i {
    display: block !important;
}
.right-hidden-mini {
    right: 0px;
}
.right-hidden-mini-min {
    right: 0px;
    width: 100%;
}

.sideBar-hover .sideHeader .sideImg img:nth-of-type(2) {
    opacity: 1;
}
/* 响应式 */
@media screen and (min-width: 992px) {
    .mini-min {
        padding-left: 230px;
    }
    .mini-min .sideBar {
        width: 230px;
    }
    .mini-min .headerBar {
        left:230px;
        opacity: 1;
    }
    .right-hidden-mini-min {
        width: 320px;
    }
}
@media screen and (max-width: 992px){
    .pageWrapper {
        padding-left: 0px;
    }
    .headerBar {
        left: 0;
    }
    .sideBar {
        width: 0px;
    }
    .headerPullleft .items {
        display: none;
    }
    .headerPullleft .items:nth-of-type(1), .headerPullleft .items:last-child {
        display: block;
    }
    .right-hidden-mini {
        width: 100%;
    }
    .right-hidden-mini-min {
        width: 100%;
    }
    .mini .sideBar {
        width: 0px;
    }
    .mini .headerBar {
        left: 0;
    }
}
/* nav & header public end */

/*  main-container start */
.main-container {
    padding-top: 50px;
    background-color: #f1f1f1;
    overflow-y: auto;
}
.crumbs-wrapper {
    background: #f9f9f9;
}
.crumbs-wrapper .crumbs {
    padding: 10px 30px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #999999;
    background-color: transparent;
    border-radius: 4px;
}
.crumbs-wrapper .crumbs li {
    display: inline-block;
}
.crumbs-wrapper .crumbs li a {
    color: #1F98CA;
    display: inline-block;
    position: relative;
}
.crumbs-wrapper .crumbs li a:after{
    content: "";
    width: 0;
    height: 2px;
    background: #0D707F;
    position: absolute;
    top: 100%;
    left: 50%;
    transition: all .15s;
}
.crumbs-wrapper .crumbs li a:hover:after{
    left: 0%;
    width: 100%;
}
.crumbs-wrapper .crumbs li a:hover {
    color: #0D707F;
}
.crumbs-wrapper .crumbs li i {
    font-size: 12px;
    width: 20px;
    display: inline-block;
    text-align: center;
}
.main-container .content {
    margin: 0 auto;
    padding: 30px 30px 1px;
    max-width: 100%;
    overflow-x: visible;
    overflow-y: visible;
}
.main-container .content .con {
    margin-bottom: 30px;
    background: #fff;
}

.main-container .content .con .con-header {
    padding: 0px !important;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    background-color: #f9f9f9;
    position: relative;
}
.main-container .content .con .con-header::after {
    content: "";
    display: block;
    clear: both;
}
.main-container .content .con .con-header > li {
    float: left;
}

.main-container .content .con .con-header > .active > a {
    background-color: #fff;
}
.main-container .content .con .con-header > .active > a:hover {
    color: #646464;
    cursor: default;
}
.main-container .content .con .con-header > li > a {
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #646464;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 0;
    color: #646464;
    border-color: transparent;
    position: relative;
    display: block;
    padding: 10px 15px;
}

.main-container .content .con .con-header > h3 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 12px 15px;
}
.main-container .content .con .con-header .options {
     float: right;
    list-style: none;
    margin: auto !important;
    padding: 8px 15px;
}

.main-container .content .con .con-header .options li {
    display: inline-block;
}
.main-container .content .con .con-header .options li button {
    background: transparent;
    border: none;
    outline: none;
    display: block;
    padding: 2px 3px;
    color: #999999;
    opacity: .6;
}
.con-full-screen {
    margin-bottom: 0 !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    margin-bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.main-container .content .con .con-content {
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    overflow: auto;
}
.main-container .content .con .con-content .table-panel-toolbar {
    margin-bottom: 10px;
}
.main-container .content .con .con-content .table-panel-toolbar .disabled {
    background: #F8F8F8;
    border: #F0F0F0;
    color: #909090;
}
.main-container .content .con .con-content .table-panel-toolbar .search-part {
    float: right;
    width: 281px !important;
}
.main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

.main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: auto !important;
    margin-bottom: 10px;
    display: table;
    border-collapse: separate;
}
.main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button > div {
    display: table-cell;

}
.main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button::after {
    content: '';
    display: block;
    clear: both;
}
.main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button input {
    position: relative;
    z-index: 2;
    float: right;
    width: 100% !important;
    margin-bottom: 0;
    color: #646464;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    float: right;
    display: table-cell;
}
.main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button button {
    float: right;
    width: auto !important;
    background: #F5F5F5 !important;

}
.main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button button:hover {
    background: #E1E1E1 !important;
}
.btn-part a {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    height: 34px;

}
.btn-part a i {
    font-size: 12px;
}

.con-content .tabel-wrapper {
    min-height: .01%;
    overflow-x: visible;
}
@media screen and (max-width: 768px){
    .con-content .tabel-wrapper {
        overflow-x: auto;
    }
    .con-content .tabel-wrapper .table-bordered  thead > tr > th, .con-content .tabel-wrapper  .table-bordered > thead > tr > td {
        border-bottom-width: 1px;
        border-bottom-color: #e9e9e9;

    }
    .table {
        table-layout: inherit;
    }
    .table th,.table td {
        word-break: normal;
        white-space: nowrap;
    }
}
.con-content .tabel-wrapper .table-bordered {
    border: 1px solid #e9e9e9;
}
.con-content .tabel-wrapper .table-bordered  thead > tr > th, .con-content .tabel-wrapper  .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
    border-bottom-color: #e9e9e9;

}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #f0f0f0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
    padding: 16px 10px 12px;
    font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.table-builder .css-checkbox {
    margin: 2px 0;
    margin-right: 0 !important;
}

.remove-margin-b {
    margin-bottom: 0 !important;
}
.remove-margin-t {
    margin-top: 0 !important;
}
.css-checkbox {
    margin: 7px 0;
}
.css-input {
    position: relative;
    display: inline-block;
    margin: 2px 0;
    font-weight: 400;
    cursor: pointer;
}
label {
    font-size: 13px;
    font-weight: 600;
}

.css-input input {
    position: absolute;
    opacity: 0;
}
.css-checkbox input + span:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: "FontAwesome";
    font-size: 10px;
    color: #fff;
    line-height: 18px;
    content: "\f00c";
    text-align: center;
}

.css-input input + span:after {
    position: absolute;
    content: "";
}


.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1F98CA;
}
.layui-form-checked[lay-skin=primary] i {
    background: #1f98ca;
}

.con .pages-wrapper {
    margin-bottom: 10px;
    overflow: hidden;
}
.con .pages-wrapper .pagination-info {
    float: right;
    line-height: 30px;
}
#go-page {
    float: left;
    width: 45px;
    text-align: center;
    float: left;
    margin-right: 5px;
    color: #646464;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
#list-rows {
    float: right;
    width: 45px;
    text-align: center;
    margin-right: 5px;
    color: #646464;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.table-builder .css-checkbox {
    margin: 2px 0;
}

.remove-margin-b {
    margin-bottom: 0 !important;
}
.remove-margin-t {
    margin-top: 0 !important;
}
.css-checkbox {
    margin: 7px 0;
}
.css-input {
    position: relative;
    display: inline-block;
    margin: 2px 0;
    font-weight: 400;
    cursor: pointer;
}
label {
    font-size: 13px;
    font-weight: 600;
}
.css-input input + span {
    margin-top: -3px;
}
.css-checkbox input + span {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.css-input input + span {
    position: relative;
    display: inline-block;
    margin-top: -2px;
    margin-right: 3px;
    vertical-align: middle;
}
.css-checkbox-primary input:checked + span {
    background-color: #5c90d2;
    border-color: #5c90d2;
}
.css-checkbox-primary input:checked + span {
    background-color: #5c90d2;
    border-color: #5c90d2;
}

.css-checkbox:hover input + span {
    border-color: #ccc;
}
.css-input input:focus + span {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.css-input input + span {
    margin-top: -3px;
}
.css-checkbox input + span {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.css-input input + span {
    position: relative;
    display: inline-block;
    margin-top: -2px;
    margin-right: 3px;
    vertical-align: middle;
}

.css-input input + span:after {
    position: absolute;
    content: "";
}
.css-checkbox input + span:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: "FontAwesome";
    font-size: 10px;
    color: #fff;
    line-height: 18px;
    content: "\f00c";
    text-align: center;
}
.table-status {
    width: 40px;
    height: 20px;
}
.table-status .layui-form-item {
    margin-bottom: 0;
    height: 20px;
}
.table-status .layui-input-block {
    margin-left: 0;
    height: 20px;
    min-height: 20px;

}
.layui-form-switch {
    margin-top: 0;
}
.layui-form-onswitch {
    margin-top: 0;
    border-color: #1F98CA;
    background: #1F98CA;
}
.layui-form-switch i {
    top: 2px;
}
.layui-form-onswitch i {
    margin-left: -18px;
}
/*  main-container end */

/* footer start */
.page-footer {
    padding: 13px 30px 13px;
    font-size: 12px;
    background-color: #fff;
}
.page-footer a {
    color: #1F98CA;
    font-weight: 600;
}
/* footer end */

/*  login css */
@media screen and (min-width: 768px) {
    .content {
        max-width: 1280px;
    }
}

.login-middle-wraperr {
    background: #fff;
    position: relative;
    top: 150px;
}
.login-middle-wraperr .content {
    margin: 0 auto;
    width: 100%;
}
.login-middle-wraperr .content .content-inner {
    margin-top: 40px;
    margin-bottom: 50px;
}
.login-middle-wraperr .content .content-inner .logo {
    text-align: center;
}
.login-middle-wraperr .content .content-inner .logo p {
    margin-bottom: 30px;
    margin-top: 15px !important;
    color: #999999;
}
.login-middle-wraperr .content .content-inner .logo img {
    width: 100px !important;
    height: auto;
    padding-right: 10px;
}
.login-footer-wraperr {
    margin-top: 30px;
    position: relative;
    top: 150px;
    text-align: center;
    color: #999;
}


/* sortable item */
.connectedSortable {
    overflow: hidden;
    margin-bottom: 20px;
}
.connectedSortable .sortable-item {
    border: 1px solid #DADADA;
    margin-right: 10px;
    padding: 8px 10px;
    background: #F7F7F7;
    cursor: move;
}

/*  index/index */
.index-index .content-wrapper {

}
.index-index .bordered {
    border: 1px solid #e9e9e9;
    box-shadow: none;
}
.index-index .header {
    padding: 15px 20px;
    background-color: #f9f9f9;
}
.index-index .header h3 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
}
.index-index .content {
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    background: #fff;
}
.index-index .content .table {
    width: 100%;
    max-width: 100%;
}
.index-index .product-none a {
    background-color: #d26a5c;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.alert-link {
    color: #9d392b;
    position: relative;
}
.alert-link:after{
    content: "";
    width: 0;
    height: 2px;
    background: #3169b1;
    position: absolute;
    top: 100%;
    left: 50%;
    transition: all .15s;
}
.alert-link:hover:after{
    left: 0%;
    width: 100%;
}
/* wipecache.html */
.wipecache-inner {
    margin-bottom: 0px !important;
}
.wipecache-inner h1 {
    text-align: center;
    color: #46c37b;

}
.wipecache-inner > p > a{
    font-weight: 600;
}

/* system-uploader */

.upload_file_ext_tagsinput {
    width: 100%; min-height: 36px; height: 36px;
    padding: 6px 12px 1px 6px;
    border-color: #e6e6e6;
    border-radius: 3px;
    border: 1px solid #CCC;
    background: #FFF;
}
.upload_file_ext_addTag #upload_file_ext_tag {

}
div.tagsinput input {
    width: 80px;
    margin: 0 5px 5px 0;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 5px;
    background: 0 0;
    color: #000;
    outline: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 22px;
    float: left;
}
div.tagsinput span.tag {
    padding: 2px 5px;
    height: 22px;
    line-height: 18px;
    color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    background-color: #1F98CA;
    border: none;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    float: left;
}
div.tagsinput span.tag a {
    font-weight: 700;
    color: rgba(255,255,255,.5);
    text-decoration: none;
    font-size: 12px;
}

/* module */
.module-content #style-list .style-list-wrapper{
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 40px;
}
.module-content #style-list .style-list-wrapper .style-list-top {
    position: relative;
    min-height: 56px;
    padding: 20px 20px 1px;
    padding-bottom: 20px;
    background-color: #46c37b;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.module-content #style-list .style-list-wrapper .style-list-top .tag-box {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    z-index: 500;
    font-weight: 600;
    background:  rgba(255, 255, 255, 0.35);
    padding-left: 0;
}
.module-content #style-list .style-list-wrapper .style-list-top .tag-box:before {
    top: 0;
    right: 100%;
    border: 18px solid;
    border-left-width: 10px;
    border-color: rgba(255, 255, 255, 0.35);
    border-left-color: transparent;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: "";
}
.module-content #style-list .style-list-wrapper .style-list-top .appare-box {
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    margin: 20px auto;
    background: rgba(255, 255, 255, 0.15);
}
.module-content #style-list .style-list-wrapper  .has-loaded {
    background: #46c37b;
}
.module-content #style-list .style-list-wrapper .unloaded {
    background: #70b9eb;
}
.module-content #style-list .style-list-wrapper .style-list-bottom {
    position: relative;
    height: 160px;
    padding: 20px 20px 1px;
    padding-bottom: 20px;
    background-color: #f9f9f9;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.module-content #style-list .style-list-wrapper .style-list-bottom .user-info a {
    color: #646464;
}
.module-content #style-list .style-list-wrapper .style-list-bottom .user-info a:hover {
    color: #0d707f;
}
.module-content #style-list .style-list-wrapper .style-list-bottom .text-info {
    margin-bottom: 20px;
    color: #999999;
    margin-top: 15px;
}
.module-content #style-list .style-list-wrapper .has-loaded .text-success {
    color: #3c763d;

}
.module-content #style-list .style-list-wrapper .unloaded .text-success {
    color: #70b9eb;
}
/* module */

/*message */
.message-container .choose_card_wrapper .choose_card_title {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #f9f9f9;
}
.message-container .choose_card_wrapper .choose_card_title li {
    float: left;
    padding: 15px 40px;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    background-color: #fff;
    cursor: pointer;
}
.message-container .choose_card_wrapper .choose_card_title .active{
    background: #f9f9f9;
}
.choose_card_content li {
    display: none;
}
.choose_card_content .active {
    display: block;
}
.choose_card_content .form-group {
    padding-top: 90px;
    min-height: 380px;
}
.choose_card_content .form-group span {
    height: 32px;
    line-height: 32px;
}
.choose_card_content .form-group input {
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color: #646464;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    outline-color: #646464 !important;
    margin-bottom: 20px;
    height: 32px;
}
.choose_item {
    display: none;
}
.choose_item.active {
    display: block;
}

.select2-container {
    width: 100% !important;
}
.select2-container--open .select2-dropdown--below {

}
#editor,#edui1,#edui1_toolbarbox,#edui1_iframeholder,#ueditor_0,#edui1_bottombar {
    width: 100% !important;
}
.js-jcrop {
    display: none !important;
}
.layui-layer-shade {
  z-index: 1000 !important;
}
.layui-layer {
  z-index: 1050 !important;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #faeab9;
    border-color: #faeab9;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-color: #5c90d2;
    border-color: #5c90d2;
}
.colorpicker.dropdown-menu {
    min-width: 130px;
}
.jcrop-preview-parent {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: right;
}
.jcrop-active, .jcrop-preview-parent {
  display: inline-block;
}
.block-content {
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    padding-bottom: 20px;
}

.laydate-icon:hover {
    color: #00B7EE !important;
}
.bootstrap-datetimepicker-widget {
    display: block !important;
    padding: 30px;
    text-align: center;
}
.colorpicker-picker {
    left:100%;
    top: -35px;
}
.layui-colorpicker {
    height: auto !important;
    padding: 0 !important;
    line-height: 29px !important;
    width: 35px !important;
    right: 0 !important;
}
.layui-colorpicker-trigger-span {
    color: #00B7EE !important;
}
.layui-colorpicker-main-input .layui-btn-container .layui-btn {
    margin-left: 0 !important;
}
.layui-colorpicker-main-input .layui-btn-container .layui-btn:nth-of-type(2) {
    margin-left: 10px !important;
    background: #00B7EE !important;
}

.layui-layer-content {
    padding: 0px 40px !important;
}
.layui-layer-content iframe {
    padding: 40px 0px !important;
}
/* 表格宽度 */
#column-names {
    width: 140px !important;
}
#colnmn-checks {
    width: 100px !important;
}
.alert-info  {
    background-color: #edf6fd;
    color: #43a3e5;
    -webkit-box-shadow: 0 2px #d6ebfa;
    box-shadow: 0 2px #d6ebfa;
}
.alert-info .alert-link {
    color: #1e8cd7;
}
a.block {
    display: block;
    color: #646464;
    font-weight: normal;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.block {
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.01);
    box-shadow: 0 2px rgba(0, 0, 0, 0.01);

}
.text-center {
    text-align: center;
}
.block-content.block-content-full {
        padding-bottom: 20px;
}
.block-content {
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.block-content.block-content-mini.block-content-full {
    padding-bottom: 10px;
}
.block-content.block-content-mini {
    padding-top: 10px;
}
.bg-gray-lighter {
    background-color: #f9f9f9;
}
.text-muted {
    color: #999999;
}
.font-w600 {
    font-weight: 600 !important;
}
.text-warning {
    color: #f3b760;
}
.font-w700 {
    font-weight: 700 !important;
}
.h1 {
    font-size: 36px;
}
.text-info {
    color: #70b9eb;
}
.text-success {
    color: #46c37b;
}
.text-primary {
    color: #1F98CA;
}
.gray-bg {
    background: #F1F1F1;
}
.block.block-bordered {
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.block.block-bordered > .block-header {
    border-bottom: 1px solid #e9e9e9;
}
.block-header {
    padding: 15px 20px;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.block-title {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
}
.block-content {
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.push-15-t {
    margin-top: 15px !important;
}
a.block.block-link-hover3:hover {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    opacity: 1;
}
a.block:hover {
    color: #646464;
    opacity: .9;
}
.code-wrapper {
    position: relative;
}
.code-wrapper>span {
    position: absolute;
    top: 0;
    right: 16px;
    height: 34px;
    line-height: 34px;
    border-radius: 0px 3px 3px 0px;
    width: 120px !important;
    letter-spacing: 0.8rem;
}
.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.editableform .editable-input .form-control{
    padding-top: 3px !important;
}
.fast-connect { width: 20%; float: left; margin-right: 30px;}

.js-datepicker-range {
    width: 45%;
    float: left;
}
.js-datepicker-range-middel {
    float: left;
    height: 34px;
    display: inline-block;
    width: 10%;
    border-radius: 3px;
    border: 1px solid #E6E6E6;
    border-right: 0;
    border-left: 0;
    background: #F9F9F9;
    text-align: center;
    line-height: 34px;
    color: #999;
}
.column-status {
    min-width: 140px;
}
.colorpicker-form-wrapper {
    position:relative;
    width:100%;
    padding-right: 35px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .select2-selection--multiple,.select2-container--default .select2-selection--single,.select2-container--default .select2-search--dropdown .select2-search__field,.select2-dropdown {
    border-color: #e6e6e6;
}
.btn-part.layui-btn-group.demoTable > a {
    margin-bottom: 5px;
}
.img-td .td-cell img {
    width: 40px !important;
    height: 40px !important;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: 0;
}
.form_group_hide {
    display: none;
}
/* 移动端 */


/* iphone PLUS */
@media screen and (max-width: 414px)  {
    .login-middle-wraperr {
        top: 60px;
    }
    .main-container .content {
        padding: 16px 14px 1px;
        padding-left: 0;
        padding-right: 0;
    }
    .main-container .content .con .con-content .table-panel-toolbar>div {
        padding: 0;
    }
    .main-container .content .con .con-content .table-panel-toolbar .search-part {
        width: 100% !important;
    }
    .main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button input {
        width: 100% !important;
    }
    .layui-layer.layui-layer-page, .layui-layer.layui-layer-dialog {
        width: 83% !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
    }
    .layui-layer.layui-layer-dialog  .input-group {
        margin-top: 15px !important;
    }
    .layui-layer-content {
        padding: 0px 15px !important;
    }
    .layui-layer-content iframe {
        padding: 15px 0px !important;
    }
    .login-footer-wraperr {
        margin-top: 0;
        top:80px;
    }

}
@media screen and (max-width: 411px) {
    .login-middle-wraperr {
        top: 50px;
    }
    .main-container .content {
        padding: 16px 14px 1px;
        padding-left: 0;
        padding-right: 0;
    }
    .main-container .content .con .con-content .table-panel-toolbar>div {
        padding: 0;
    }
    .main-container .content .con .con-content .table-panel-toolbar .search-part {
        width: 100% !important;
    }
    .main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button input {
        width: 100% !important;
    }
    .layui-layer.layui-layer-page, .layui-layer.layui-layer-dialog {
        width: 83% !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
    }
    .layui-layer.layui-layer-dialog  .input-group {
        margin-top: 15px !important;
    }
    .layui-layer-content {
        padding: 0px 15px !important;
    }
    .layui-layer-content iframe {
        padding: 15px 0px !important;
    }
    .login-footer-wraperr {
        margin-top: 0;
        top:125px;
    }
}

/* iphone6/7/8 */
@media screen and (max-width: 375px)  {
    .login-middle-wraperr {
        top: 50px;
    }
    .login-footer-wraperr {
        top: 70px;
    }
    .main-container .content {
        padding: 16px 14px 1px;
    }
    .main-container .content .con .con-content .table-panel-toolbar>div {
        padding: 0;
    }
    .main-container .content .con .con-content .table-panel-toolbar .search-part {
        width: 100% !important;
    }
    .main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button input {
        width: 100% !important;
    }
    .main-container .content > div > div {
        padding: 0 !important;
    }
    .layui-layer.layui-layer-page, .layui-layer.layui-layer-dialog {
        width: 83% !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
    }
    .layui-layer.layui-layer-dialog  .input-group {
        margin-top: 15px !important;
    }
    .layui-layer-content {
        padding: 0px 15px !important;
    }
    .layui-layer-content iframe {
        padding: 15px 0px !important;
    }
}
@media screen and (max-width: 360px) {
    .login-middle-wraperr {
        top: 0px;
    }
    .login-footer-wraperr {
        top: 25px;
        margin-top: 0px;
    }
    .main-container .content .con .con-content .table-panel-toolbar .search-part {
        width: 100% !important;
    }
    .main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button input {
        width: 100% !important;
    }
    .main-container .content > div > div {
        padding: 0 !important;
    }
    .layui-layer.layui-layer-page, .layui-layer.layui-layer-dialog {
        width: 83% !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
    }
    .layui-layer.layui-layer-dialog  .input-group {
        margin-top: 15px !important;
    }
    .layui-layer-content {
        padding: 0px 15px !important;
    }
    .layui-layer-content iframe {
        padding: 15px 0px !important;
    }
}
/* iphone 5  */
@media screen and (max-width: 320px)  {
    .login-middle-wraperr {
        top: 0px;
    }
    .login-footer-wraperr {
        top: 9px;
        margin-top: 0px;
    }
    .main-container .content .con .con-content .table-panel-toolbar .search-part {
        width: 100% !important;
    }
    .main-container .content .con .con-content .table-panel-toolbar .search-part .btn-group .btn-group-button input {
        width: 100% !important;
    }
    .main-container .content > div > div {
        padding: 0 !important;
    }
    .layui-layer.layui-layer-page, .layui-layer.layui-layer-dialog {
        width: 83% !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
    }
    .layui-layer.layui-layer-dialog  .input-group {
        margin-top: 15px !important;
    }
    .dd3-content {
        height: auto;
    }
    .layui-layer-content {
        padding: 0px 15px !important;
    }
    .layui-layer-content iframe {
        padding: 15px 0px !important;
    }
}

/* 10-26 */
.layui-laydate-footer {
    display: none !important;
    height: 0px !important;
    padding: 0px !important;
}
div.tagsinput {
    padding: 3px;
    line-height: 10px;
    padding-top: 2px;
}
div.tagsinput input {
    margin-bottom: 0px;
    margin-top: 3px;
}
div.tagsinput span.tag {
    margin-bottom: 0px;
    margin-top: 3px;
}
#edui1_bottombar {
    display: none !important;
}
#input_site {
    margin-bottom: 5px;
}
/* .jcrop-active {
    width: 80% !important;
    height: 100% !important;
} */
/* audio, canvas, progress, video {
    width: 100% !important;
} */
.jcrop-img {
    text-align: center;
}
.editable-unsaved {
    font-weight: 400;
}
.editable-bg-transition {
    font-weight: 400;
}
.sideHeader {
    position: relative;
    overflow: visible;
}
.sideHeader > button span {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}
.sideHeader > .dropdown-menu {
    position: absolute;
    bottom: -215px;
    right:12px;
    z-index: 2000;
    background: #fff;
    width: 180px;
    left:auto;
    height: 100%;
    top: auto;
    height: 215px;
}
.sideHeader > .dropdown-menu>li>a {
    background: #fff;
    color: #545454;
    padding: 7px 12px;
}
.sideHeader > .dropdown-menu>li>a:hover {
    background: #F9F9F9;
}
.sideHeader > .dropdown-menu>.active a {
    background: #F0F0F0;
}
.sideHeader > .dropdown-menu>li>a .text {
    color: #545454;
    font-weight: 600 !important;
}
.sideHeader > .dropdown-menu>li>a .color {
    display: inline-block;
    width:11px;
    height: 11px;
    border-radius: 50%;
    margin-top: 4px;
}
.sideHeader > .dropdown-menu>li>a .Modern {
    background: #1F98CA;
}

.sideHeader > .dropdown-menu>li>a .Amethyst {
    background: #A48AD4;
}
.sideHeader > .dropdown-menu>li>a .City {
    background: #FF6B6B;
}
.sideHeader > .dropdown-menu>li>a .Flat {
    background: #44B4A6;
}
.sideHeader > .dropdown-menu>li>a .Smooth {
    background: #FF6C9D;
}
.sideHeader > .dropdown-menu>li>a .Default {
    background: #5C90D2;
}
#login-subBtn:focus {
    background-color: #1F98CA;
    border-color: #0f8496;
    color: #fff;
}
#edui_fixedlayer {
    z-index: 2000 !important;
}



/* 19/1/14 */
.type_change {
    padding: 0px 15px;
}
.type_change .change_item > li {
    line-height: 30px;
}
.type_change .change_item {
    display: none;
}
.type_change .change_item.active {
    display: block;
}


/* 19/1/25 */
.con-content .tabel-wrapper {
    overflow-x: visible;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    white-space: nowrap;
}
.btn-group > .btn, .btn-group-vertical > .btn {
    float: none;
}
.table > thead > tr > .address ,.table > tbody > tr > .address{
    white-space: normal !important;
}
.table > thead > tr > .question ,.table > tbody > tr > .question{
    white-space: normal !important;
}
.edui-default .edui-colorpicker-nocolor {
    line-height: 12px !important;
    height: 21px !important;
}




/* 19/2/11 */
.btn-primary.add-btn:hover {
    background-color: #5C90D2 !important;
}


/* 19/2/25 */
.work-flue {
    min-height: 100px;
    display: none;
}
.work-flue.active {
    display: block;
}
.input-toogle-model {
    position: fixed;
    top: 0;
    left:0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,.4);
    height: 100%;
    z-index: 2020;
    display: none;
}
.input-toogle-model  .toogle-inner {
    width: 700px;
    height: 552px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 130px;
}
.input-toogle-model  .toogle-inner .header {
    color: #333;
    border-radius: 5px 5px 0 0;
    background: #ECEFF4;
    padding: 15px 35px;
    font-size: 20px;
    text-align: center;

}
.input-toogle-model  .toogle-inner .content {
    padding: 0 35px;
    width: 100%;
    height: 76%;
}
.input-toogle-model  .toogle-inner .content>div {
    float: left;
    width: 50%;
    height: 94%;
}
.input-toogle-model  .toogle-inner .content>div:nth-of-type(1) {
    padding-right: 10px;
}
.input-toogle-model  .toogle-inner .content>div:nth-of-type(2) {
    padding-left: 10px;
}
.input-toogle-model  .toogle-inner .content>div>span {
    font-size: 16px;
    color: #363636;
    padding: 14px 0;
    display: inline-block;
}
.input-toogle-model  .toogle-inner .content .fun-panel {
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #f4f6f8;
    height: 90%;
}
.input-toogle-model  .toogle-inner .content .fun-panel .search-inp {
    padding: 11px;
    position: relative;
}
.input-toogle-model  .toogle-inner .content .fun-panel .search-inp > input  {
    padding: 6px 25px 6px 12px;
    padding-left: 32px !important;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: auto;
    line-height: 20px;
    outline: none;
}
.input-toogle-model  .toogle-inner .content .fun-panel .search-inp > i {
    position: absolute;
    top: 18px;
    bottom: 0;
    left: 20px;
    font-size: 20px;

}
.input-toogle-model  .toogle-inner .content .fun-panel .nav-bar {
    padding: 5px 11px;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
}
.input-toogle-model  .toogle-inner .content .fun-panel .nav-bar .item {
    color: #333;
    cursor: default;
    max-width: 33%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    padding-left: 22px;
}
.input-toogle-model .toogle-inner .content .fun-panel .all-select {
    padding: 5px 11px;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
    margin-top: -5px;
    font-size: 14px;
}
.input-toogle-model .toogle-inner .content .fun-panel .all-select > input {
    display: inline;
    outline: none;
    vertical-align: middle;
}
.input-toogle-model .toogle-inner .content .fun-panel  .option-list {
    padding-left: 40px;
    padding-right: 45px;
    width: 100%;
    list-style: none;
    padding: 11px;
    font-size: 14px;
    color: #363636;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    height: 240px;
    overflow-y: auto;
}
.input-toogle-model .toogle-inner .content .fun-panel  .option-list>li {

    width: 100%;
    list-style: none;
    padding: 5px;
    font-size: 14px;
    color: #363636;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    padding-left: 40px;
    padding-right: 45px;
}
.input-toogle-model .toogle-inner .content .fun-panel  .option-list > li .namecircle {
    position: absolute;
    left: 16px;
    top: 2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    background-color: #f65e8d;
    color: #FFF;
    line-height: 28px;
    font-size: 12px;
}
.input-toogle-model .toogle-inner .content .fun-panel  .option-list>li:hover {
    background: #e7eaef;
}
.input-toogle-model .toogle-inner .content .fun-panel  .option-list > li > label {
    position: absolute;
    left: 0px;
    font-weight: 100;
}
.input-toogle-model .toogle-inner .content .fun-panel  .option-list > li .folder {
    color: #aee4fa;
    font-size: 15px;
    position: absolute;
    left: 17px;
    margin-left: 4px;
    top: 8px;
}
.input-toogle-model .toogle-inner .content .fun-panel  .option-list > li > .below {
    color: rgb(56, 173, 255);
    font-size: 14px;
    position: absolute;
    right: 0px;
    cursor: pointer;
    padding-left: 10px;
    border-left: 1px solid rgb(238, 238, 238);
    -webkit-text-stroke-width: inherit;
    line-height: 22px;
}
.input-toogle-model .toogle-inner .content .fun-panel  .option-list > li > span {
    width: 100%;
    list-style: none;
    padding: 5px;
    font-size: 14px;
    color: #363636;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.input-toogle-model  .toogle-inner .footer {
    padding: 20px 0;
    text-align: center;
}
.input-toogle-model  .toogle-inner .footer .confirm-button {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #c3c6ce;
    background: #fff;
    border-radius: 4px;
    min-width: 80px;
    color: #414141;
    position: relative;
    color: #fff;
    background-color: #38adff;
    border-color: rgba(0,140,238,.72);
}
.input-toogle-model  .toogle-inner .footer .cancel-button {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #c3c6ce;
    background: #fff;
    border-radius: 4px;
    min-width: 80px;
    color: #414141;
    position: relative;
    margin-left: 40px;
}
.input-toogle-model .toogle-inner .content .none-select .fun-panel {
    overflow-y: auto;
    padding: 10px;
}
.input-toogle-model .toogle-inner .content .none-select .fun-panel li {
    width: 100%;
    list-style: none;
    padding: 5px;
    font-size: 14px;
    color: #363636;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    padding-right: 30px;
    position: relative;
}
.input-toogle-model  .toogle-inner .content .none-select .fun-panel li .folder {
    color: #aee4fa;

}
.input-toogle-model  .toogle-inner .content .none-select .fun-panel li .close {
    font-weight: lighter;
    position: absolute;
    right: 10px;
    color: #363636;
    cursor: pointer;
    font-size: 18px;
    top: 7px;
    z-index: 2009;
}
.input-toogle-model  .toogle-inner .content .none-select .fun-panel li .namecircle {
    float: left;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    background-color: #f65e8d;
    color: #FFF;
    line-height: 28px;
    margin: auto;
    font-size: 12px;
    text-align: center;
    position: relative;
    top: -3px;
}
















.addGroupModel {
    position: fixed;
    z-index: 2000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(255,255,255,.8);
}
.addGroupModel  .inner-wrapper {
    position: absolute;
    top: 240px;
    left:0;
    right:0;
    margin: auto;
    background: #fff;
    font: 12px/1.5 tahoma,arial,"Hiragino Sans GB",\5b8b\4f53;
    background-color: #fff;
    outline: 0;
    -webkit-box-shadow: 0 1px 8px #ced1d2;
    -moz-box-shadow: 0 1px 8px #ced1d2;
    box-shadow: 0 1px 8px #ced1d2;
    border-radius: 4px;
    width: 413px;
    height:268px;
    padding: 0px 20px;
}
.addGroupModel  .inner-wrapper .title {
    height: 45px;
    line-height: 45px;
    margin: 0 20px;
    font-size: 16px;
    color: #323334;
    border-bottom: 1px dashed #e4e4e4;
}
.addGroupModel  .inner-wrapper .content {
    padding: 29px 20px;
}
.addGroupModel  .inner-wrapper .content > input {
    background: #FFF;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    width: 344px;
    height: 36px;
    font-size: 16px;
    padding: 0 14px;
}
.addGroupModel  .inner-wrapper .content > input:focus {
    outline: 0;
    border-color: #38ADFF;
}
.addGroupModel  .inner-wrapper .button-group {
    position: absolute;
    bottom: 0;
    left: 50%;
    overflow: hidden;
    width: 230px;
    transform: translate(-50%,-50%);
}
.addGroupModel  .inner-wrapper .button-group > button:nth-of-type(1) {
    width: 110px;
    height: 36px;
    background: #38ADFF;
    border-radius: 4px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    float: left;
    cursor: pointer;
    -webkit-appearance: button;
    border: 0!important;
    color: #fff;
    background: #38adff;
    text-align: center;
    cursor: pointer;

}
.addGroupModel  .inner-wrapper .button-group > button:nth-of-type(2) {
    width: 110px;
    height: 36px;
    background: #38ADFF;
    border-radius: 4px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    float: left;
    cursor: pointer;
    -webkit-appearance: button;
    background: #F8F8F8;
    color: #323334;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    border: 0;
    float: right;

}



 /*19/3/5*/
.main-container .content .con .con-content .menuTree-box {
    width: 260px;
    padding-left: 0;
    padding-right: 0;
    border-right: 1px solid #eee;
    min-height: 200px;
    min-height: 695px;
    /*overflow-x: auto;*/
}
.con-content .menuTree-box .menuTree-box-treeWrapper {
    padding: 10px;
    position: relative;
    width: 100%;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner.active {
    background: #e7eaef;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner.open {
    background-color: #38adff;

}

.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner {
    font-weight: 400;
    cursor: pointer;
    color: #555;
    text-decoration: none;
    padding: 8px 75px 8px 25px;
    display: block;
    transition: all .25s;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-arrow {
    position: absolute;
    top: 0;
    color: #999;
    left: 0;
    display: block;
    width: 20px;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    padding-top: 6px;
    text-decoration: none;
    font-size:22px;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner .fa-sitemap {
    color: #1F98CA;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner .fa-folder {
    color: #1F98CA;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner.open .fa-sitemap {
    color: #AEE4FA;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner.open .fa-folder {
    color: #AEE4FA;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner.open .tree-text {
    color: #fff;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner.open .tree-arrow {
    color: #fff;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner.open + .btn-groups {
    display: block;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .tree-inner.open + .btn-groups span {
    color: #fff;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .child-node {
    margin-left: 15px;
    display: none;
}
.con-content .menuTree-box .menuTree-box-treeWrapper .tree-node .child-node.active {
    display: block;
}


.tree-node {
    position: relative;
}
.tree-node .btn-groups {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 2020;
    display: none;
}
.tree-node .btn-groups span {
    line-height: 35px;
    user-select: none;
    margin-right: 10px;
}
.child-item {
    position: relative;
}

/* 19/3/6*/
.radio-table {
    position: relative;
    background: #fff;
}
.radio-table > table {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    border-radius: 4px 4px 0 0;
    width: auto;
    min-width: 100%;
}
.radio-table > table tr {

}
.radio-table > table td {
    padding: 16px;
    word-break: break-word;
    -ms-word-break: break-all;
    border-bottom: 1px solid #E8E8E8;
}
.radio-table > table td .required {
    color: #f2725e;
    position: absolute;
    transform: translateY(10%);
    left: 7px;
    top: 20px;
}
.ant-radio, .ant-radio-wrapper{
    font-family: Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    box-sizing: border-box;
    padding: 0;
    list-style: none;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    margin: 0;
    margin-right: 8px;
}
.ant-radio {
    margin: 0;
    outline: none;
    line-height: 1;
    vertical-align: sub;
}
.ant-radio-inner {

    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    border: 1px solid #d9d9d9;
    background-color: #fff;

}
.ant-radio-inner:after {
    position: absolute;
    width: 8px;
    height: 8px;
    left: 3px;
    top: 3px;
    border-radius: 8px;
    display: table;
    border-top: 0;
    border-left: 0;
    content: " ";
    background-color: #1890ff;
    opacity: 0;
    transform: scale(0);
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
}
.ant-radio-input {
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.ant-radio-input:checked + .ant-radio-inner{
    border-color: #1890ff;
}
.ant-radio-input:checked + .ant-radio-inner:after {
    transform: scale(.875);
    opacity: 1;
}
.ant-radio-group {
    font-family: Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    line-height: unset;
    width: 100%;
}
.ant-radio + span {
    vertical-align: top;
    padding: 0 6px;
}
.ant-radio-group > .ant-radio-wrapper {
    margin-bottom: 15px;
    width: 30%;
}
.approver-actions {
    position: relative;
    padding: 5px 0 7px;
    display: inline-block;
}
.approver-actions-btn {
    line-height: 1.5;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border-color: #d9d9d9;
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;
}
.text-desc {
    color: #999;
    margin-left: 15px;
    margin-top: 10px;
}
.approver-list .approver-item {
    display: inline-block;
    white-space: nowrap;
    background: rgba(50,150,250,.1);
    border-radius: 4px;
    padding: 2px 8px;
    margin-right: 8px;
    margin-bottom: 8px;
}
.approver-list .approver-item  .closees {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    padding: 2px;
}
.condition-tip {
    padding: 9px 16px;
    margin: 22px 25px 8px;
    background: #e6f7ff;
    border: 1px solid #91d5ff;
    border-radius: 4px;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
}

.ant-col-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
}
.condition-tip .tip {
    color: rgba(0,0,0,.65);
}
.ant-col-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
}
.ant-col-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
}
.ant-col-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
}
.condition-tip .i-know {
    color: #388ded;
    cursor: pointer;
}
.panel-condition .condition-group {
    padding: 0 22px;
    margin: 16px 0;
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
}

.new-set-condition-value .ant-checkbox-group-item {
    width: 30%;
    vertical-align: top;
}

.ant-checkbox-group-item {
    display: inline-block;
    margin-right: 8px;
}
.side-modal-wrapper.condition .ant-checkbox-wrapper {
    font-family: Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: unset;
    cursor: pointer;
    display: inline-block;
    width: 30%;
}
.ant-checkbox {
    font-family: Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;
    top: -.09em;
}
.ant-checkbox-input {
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.ant-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ant-checkbox-inner:after {
    -webkit-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    position: absolute;
    left: 4.57142857px;
    top: 1.14285714px;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: " ";
    -webkit-transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    opacity: 0;
}
.ant-checkbox+span, .ant-checkbox-wrapper+span {
    padding-left: 8px;
    padding-right: 8px;
}
.ant-checkbox-input:checked + .ant-checkbox-inner {
    background-color: #1890ff;
    border-color: #1890ff;
}
.ant-checkbox-input:checked + .ant-checkbox-inner:after {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: " ";
    -webkit-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    opacity: 1;
}
.new-set-condition-value .ant-checkbox-group-item {
    width: 30%;
    vertical-align: top;
}
.new-set-condition-value .ant-checkbox-group-item:nth-child(n+4) {
    margin-top: 12px;
}
.condition-group .group-delete span {
    text-align: center;
    cursor: pointer;
}
.ant-select-selection {
    outline: none;
    user-select: none;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    border-top-width: 1.02px;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    height: 32px;
    position: relative;
    cursor: pointer;
    width: 50%;
    padding-right: 12px;
    float: left;
}
.number-inp {
    font-family: Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-variant: tabular-nums;
    box-sizing: border-box;
    list-style: none;
    position: relative;
    padding: 4px 11px;
    width: 100%;
    height: 32px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    background-image: none;
    transition: all .3s;
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    width: 40%;
    margin-left: 30px;
    padding-left: 15px;
}
.start-people {
    font-family: Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    outline: 0;
    width: 99%;
    outline: none;
    user-select: none;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    border-top-width: 1.02px;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    height: 34px;
    padding-left: 15px;
}
.add-condition-model {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.65);
    height: 100%;
    z-index: 2019;
    display: none;
}
.add-condition-model-wrapper {
    font-family: Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    width: auto;
    margin: 0 auto;
    top: 100px;
    padding-bottom: 24px;
}
.add-condition-model-wrapper-content {
    width: 520px;
    position: relative;
    background-color: #fff;
    border: 0;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    left: 0;
    right: 0;
    margin: auto;
    top: 60px;
}
.add-condition-model-wrapper-content .header {
    padding: 16px 24px;
    border-radius: 4px 4px 0 0;
    background: #fff;
    color: rgba(0,0,0,.65);
    border-bottom: 1px solid #e8e8e8;

    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: rgba(0,0,0,.85);
}
.add-condition-model-wrapper-content .header span {
    float: right;
    cursor:pointer;
}

.add-condition-model-wrapper-content .bodys {
    padding: 24px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
}
.add-condition-model-wrapper-content .bodys .ant-checkbox-wrapper {
    font-family: Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: unset;
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    margin-right: 15px;
}
.add-condition-model-wrapper-content .footer {
    border-top: 1px solid #e8e8e8;
    padding: 10px 16px;
    text-align: right;
    border-radius: 0 0 4px 4px;
}
.add-condition-model-wrapper-content .footer .cancel-btn  {
    -webkit-appearance: button;line-height: 1.5;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border-color: #d9d9d9;

}
.add-condition-model-wrapper-content .footer .sure-btn  {
    -webkit-appearance: button;line-height: 1.5;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;

}


.table > thead > tr > .name, .table > tbody > tr > .name {
    white-space: normal !important;
}
@media screen and (max-width: 1300px) {
    .table > thead > tr > .name, .table > tbody > tr > .name {
        white-space: nowrap !important;
    }
}

@media screen and (max-width: 1240px) {
    .table > thead > tr > .question, .table > tbody > tr > .question {
        white-space: nowrap !important;
    }

}
.edui-editor.edui-default {
    width: 100% !important;
}


.table-title {
    padding: 10px 10px;
    font-size: 16px;
    color: #fff;

}

.timepicker-minutes, .timepicker-hours, .timepicker-seconds {
    width: 150px !important;
    text-align: center !important;
}
.timepicker-sbs .year,.timepicker-sbs .decade, .datepicker-month{
    width: 170px !important;
}