@charset "utf-8";
/* 数智世界UI主题样式
===================================================  
   Table of Contents
===================================================  
    I. SHARED STYLES 共享样式
   II. THEME ELEMENTS 元素主题
  III. HELPERS
   IV. COLOR SYSTEM 颜色体系
    V. PANELS
===================================================

===================================================
  I. SHARED STYLES 共享样式
     A. Global 全局
     B. Typography 排版
     C. Animations 动画
     D. Grid 栅格
=================================================== */
/*===============================================
  A. Global 全局
================================================= */
body {
    width: 100%;
    margin: 0;
    padding: 0;
    /* font-family: 'helvetica neue', arial, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;*/
    font-family: 'Microsoft YaHei', '微软雅黑';
    color: #666;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    font-size-adjust: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.475;
    background-color: #FFF; }


/*layui插件样式自定义修改*/
.layui-nb .layui-table td{
    border-right: none;
    border-style: none;
}
.layui-table-page{
    text-align: right;
}
.layui-table-tool {
    background-color: #fff!important;
}
.layui-border-box,.layui-table-view {
    border-width: 0px!important;
    border-style:none!important;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    padding-top:20px;
}
/*表头不分行*/
.th-nowrep th{
    white-space: nowrap;
}
/*滚动条*/
::-webkit-scrollbar {
    width: 8px;
    height:8px;
    background-color: #F5F5F5; }

::-webkit-scrollbar-thumb {
    background-color: #999; }

::-webkit-scrollbar-track {
    background-color: #F5F5F5; }
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 8px!important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background: #999!important;
    border-radius: 0!important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background-color: #F5F5F5!important;
}

table td.mw-img img{
    max-width:100%; }

.table>thead>tr>th{
    border-bottom:1px solid #f1f1f1;
    background:#f7f7f7;
    padding:7px 8px;
    padding-right: 0; }

.table tr > th{
    border-bottom:1px solid #eee;
    background:#f7f7f7;
    padding:9px 8px; }

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    line-height:2;
    word-break: break-all;
    word-wrap: break-word;
}

.table>tbody>tr>td p img{max-width:100%;}

/* Bootstraps ".container" class has been changed to a fluid full
 * width container */
.container {
    width: 100%; }

#main {
    height: 100%;
    width: 100%;
    position: relative;
    background: #fff; }

#content {
    height:calc(100% - 30px);
    -webkit-transition:margin,height .1s ease-out 0s;
    transition:margin,height .1s ease-out 0s;
    padding: 0px 0px 0px 0px; }

.content .msgTitle {
    word-break: break-all;
}

.dis-flex{display:flex!important}
.flex{flex:1}
.dis-flex-column{display:flex!important;flex-direction:column}
.flex-center{align-items:center;justify-content:center}
.flex-align-center{align-items:center}
.flex-between{justify-content:space-between}
.flex-end{justify-content:flex-end}
.flex-wrap{flex-wrap:wrap}

.city-info{display: flex;flex-wrap: wrap}
.areo-info{min-width: 150px}
/* CONTENT STATE ON LARGE RESOLUTIONS */
@media (min-width: 1200px) {
    #content {
        padding: 0px 16px 0 16px;
    } }

/*===============================================
  B. Typography 排版
================================================= */
ul, ol {
    list-style: none;
    /* padding-left: 30px; */ }

li {
    margin-bottom: 0px; }

.promotion a.promotion-more:hover {
    color: #ff745a!important; }



/* a:hover {
  color: #3f8ad4!important; } */

a:focus {
    outline: none; }

p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 22px;
    font-weight: 400;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}
table td p{
    margin:0;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}
p.small, p small {
    font-size: 13px; }

textarea{
    border-color:#ccc;
    resize:none; }

.multiselect{
    width:275px;
    text-align:left; }

.multiselect>b.caret{
    position:absolute;
    right:10px;
    top:50%; }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: Helvetica,STHeiti,"Microsoft YaHei",Verdana,Arial,Tahoma,sans-serif;
    font-weight: 600;
    color: inherit;
    text-rendering: optimizelegibility;
    margin-bottom: 10px; }

h1 {
    font-size: 30px;
    line-height: 45px; }

h1.small {
    font-size: 26px; }

h2 {
    font-size: 24px;
    line-height: 36px; }

h2.small {
    font-size: 20px; }

h3 {
    font-size: 18px;
    line-height: 27px; }

h3.small {
    font-size: 16px; }

h4, h5, h6 {
    line-height: 18px; }

h4 {
    font-size: 15px; }

h5 {
    font-size: 13px; }

h5.small, h5 small {
    font-size: 12px; }

h6 {
    font-size: 11px;
    color: #999999; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    color: #999999; }

.fw300 {
    font-weight: 300; }

.fw400 {
    font-weight: 400; }

.fw500 {
    font-weight: 500!important; }

.fw600 {
    font-weight: 600; }

.fw700 {
    font-weight: 700; }

.text-uppercase {
    text-transform: uppercase; }

.dis-block{
    display: block; }

/* Specialty Header - Also a Divider */
.page-header {
    text-shadow: 0 1px #FFF;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); }

/* Dividers */
hr {
    border-top: 1px solid #e4eaec; }

hr.alt {
    border-top: 1px dashed #cccccc; }

hr.short {
    margin: 20px 0; }

hr.tall {
    margin: 55px 0; }

.divider {
    height: 1px;
    margin: 25px 0;
    background: #e2e2e2; }

/* Carets */
.caret-xs {
    border-width: 2px; }

.caret-sm {
    border-width: 3px; }

.caret-lg {
    border-width: 5px; }

/*===============================================
  C. Animations 动画
================================================= */
.animated-delay {
    opacity: 0; }

.sparkline-delay {
    height: 0;
    display: block;
    line-height: 40px; }

/*===============================================
  D. Grid
================================================= */
.row {
    margin-left: 0;
    margin-right: 0; }

.row.table-layout {
    margin-left: 0;
    margin-right: 0; }

.col-md-13{
    width:20%;
    float:left; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 ,.col-md-13{
    padding-left: 0;
    padding-right: 0; }

/* ==============================================
   II. THEME ELEMENTS 元素主题
      A. Icons
      B. Labels
      C. Badges
      D. Alerts
      E. Thumbnails
      F. Media Objects
      G. Buttons
      H. Progress Bars
      I. Field Elements
      K. Switches
      L. Tables
      M. Pricing Tables
      N. Tabs
      O. Paginations
      P. Bootstrap Modals
      Q. Custom Modals
      R. Boostrap Popover
      S. Boostrap List
      T. City Info Select

=================================================
  A. Icons - See Documentation For More Info
================================================= */
/* Some font libraries have large file sizes.
* We optionally can attach .wf-loading to the
* body tag and have the fonts only visible after
* they are fully loaded or cached. Prevents rough
* icon flash and is currently used only on index.html */

select[readonly] {
    background: #eee;
    cursor: no-drop;
}
select[readonly] option {
    display: none;
}
.wf-loading .glyphicons,
.wf-loading .glyphicon,
.wf-loading .imoon,
.wf-loading .fa,
.wf-loading .iconsweets {
    opacity: 0 !important; }

/* Icon Transitions */
.glyphicon, .glyphicons,
.imoon, .fa, .iconsweets {
    opacity: 1;
    transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -webkit-transition: opacity 0.3s ease-in; }

/* Glyphicon Pro and Halfling */
.glyphicons-2x, .glyphicon-2x {
    font-size: 2em; }

.glyphicons-3x, .glyphicon-3x {
    font-size: 3em; }

.glyphicons-4x, .glyphicon-4x {
    font-size: 4em; }

.glyphicons-5x, .glyphicon-5x {
    font-size: 5em; }

/* Icomoon Font Icons */
.imoon-2x {
    font-size: 2em; }

.imoon-3x {
    font-size: 3em; }

.imoon-4x {
    font-size: 4em; }

.imoon-5x {
    font-size: 5em; }

/* IconSweets2 Font Icons */
.iconsweets-2x {
    font-size: 2em; }

.iconsweets-3x {
    font-size: 3em; }

.iconsweets-4x {
    font-size: 4em; }

.iconsweets-5x {
    font-size: 5em; }

/* Buttons with Icons
* Cross browser problems were creating problems when
* an icon was given a larger font size than its sibling
* text. To fix Line height, vertical align, and top
* positioning have been redefined */
.btn .glyphicon, .btn .glyphicons {
    top: -1px;
    vertical-align: middle;
    line-height: 0;
    font-size: 1.1em; }

/* A Helper Class to Align Icons Right in Control-forms */
span.field-icon-right,
i.field-icon-right {
    position: absolute;
    right: 10px;
    top: 8px; }

/* Icon Background and Borders
* properly align icons that have been placed inside of titles
* Useful for matching icon size to adjacent text
* Icon Background Shapes */
.icon-circle {
    top: 0;
    padding: 9px;
    position: relative;
    overflow: visible;
    border-radius: 64px; }

.icon-square {
    top: 0;
    padding: 9px;
    border-radius: 4px; }

/* Icon Background Sizes */
.icon-circle.glyphicon-2x,
.icon-circle.glyphicons-2x {
    padding: 12px; }

.icon-circle.glyphicon-3x,
.icon-circle.glyphicons-3x {
    padding: 20px; }

.icon-circle.glyphicon-4x,
.icon-circle.glyphicons-4x {
    padding: 35px; }

.icon-square.glyphicon-2x,
.icon-square.glyphicons-2x {
    padding: 12px; }

.icon-square.glyphicon-3x,
.icon-square.glyphicons-3x {
    padding: 20px; }

.icon-square.glyphicon-4x,
.icon-square.glyphicons-4x {
    padding: 35px; }

/* WIDGET SPECIFIC ICON STYLING
* ALL elements which use icons have been
* moved from their respective positions
* and placed here for easy icon styling */
/* Header Button Icons */
.navbar-menus > div > button > span,
.navbar-menus > div > button > i {
    font-size: 15px;
    vertical-align: middle; }

/* Special on-hover styles for user dropdown menu */
.user-menu ul.dropdown-items > li:hover .glyphicon {
    color: #d9534f; }

.user-menu ul.dropdown-items > li:last-child:hover .glyphicon {
    color: #888; }

.user-menu ul.dropdown-items > li:last-child > div:hover .glyphicon {
    color: #d9534f; }

/* Panel Heading Icon */
.panel-heading .panel-title .glyphicon,
.panel-heading .panel-title .glyphicons {
    padding-right: 8px;
    font-size: 16px;
    top: 2px; }

/* Breadcrumb "Home" Icon */
.breadcrumb .glyphicon,
.breadcrumb .glyphicons {
    color: #777;
    font-size: 11px;
    margin-left: 1px;
    top: 0; }

/* Panel Sidemenu Icons */
.panel-sidemenu ul.nav li.active .fa {
    color: #33bfeb; }

.panel-sidemenu ul.nav li a:hover {
    background: none; }

.panel-sidemenu ul.nav li .fa {
    width: 28px;
    color: #BBB;
    font-size: 18px; }

/* Panel Tabs Icons */
.panel-tabs li .glyphicon,
.panel-tabs li .glyphicons,
.panel-tabs li .fa {
    font-size: 14px; }

.panel-tabs .imoon,
.panel-tabs .iconsweets {
    font-size: 14px;
    vertical-align: middle; }

/* Mildly styles a font awesome based icon group
 * used in occasionaly in panel heading. Look at
 * message widget on index.html for example */
.mini-action-icons .fa {
    position: relative;
    top: 2px;
    padding-right: 10px;
    color: #777;
    font-size: 16px;
    cursor: pointer; }

/* Pricing Table Icons */
.pricing-tables .pricing-icons li .fa-times {
    color: #e74a4a; }

.pricing-tables .pricing-icons li .fa-ellipsis-h {
    color: #555555; }

/* Tab Navigation Icons */
.nav-tabs li .fa {
    font-size: 14px; }

.nav-tabs li .fa.fa-caret-down {
    font-size: 12px; }

/* Timeline Widget Icons */
.timeline-widget span.glyphicons {
    z-index: 11;
    position: relative;
    top: 2px;
    width: auto;
    padding: 6px;
    font-size: 18px;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px #AAA;
    box-shadow: 1px 1px 2px #AAA;
    text-shadow: 0 1px #ffffff;
    border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
    background-color: #f0f0f0;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

/* Flag Icons */
.flag-xs,
.flag-sm,
.flag,
.flag-lg {
    display: inline-block;
    vertical-align: middle; }

.flag-xs {
    width: 16px;
    height: 16px;
    background: url(../img/flag_icons/flag-xs.png) no-repeat top left; }

.flag-sm {
    width: 32px;
    height: 32px;
    background: url(../img/flag_icons/flag-sm.png) no-repeat top left; }

.flag-sm.flag-fr {
    background-position: 0 0; }

.flag-sm.flag-de {
    background-position: 0 -33px; }

.flag-sm.flag-in {
    background-position: 0 -66px; }

.flag-sm.flag-es {
    background-position: 0 -99px; }

.flag-sm.flag-tr {
    background-position: 0 -132px; }

.flag-sm.flag-us {
    background-position: 0 -165px; }

.flag-xs.flag-fr {
    background-position: 0 0; }

.flag-xs.flag-de {
    background-position: 0 -17px; }

.flag-xs.flag-es {
    background-position: 0 -34px; }

.flag-xs.flag-tr {
    background-position: 0 -51px; }

.flag-xs.flag-us {
    background-position: 0 -68px; }

/*===============================================
  B. Labels
================================================= */
.label {
    padding: .3em .7em .4em;
    font-size: 84%;
    font-weight: 600;
    line-height: 24px; }

/* Label Sizes - ".label" required */
.label-sm {
    padding: .1em .65em .2em;
    font-size: 75%; }

.label-lg {
    padding: .4em .9em .5em;
    font-size: 95%; }

/* Label Shapes - ".label" required */
.label.label-rounded {
    padding: .2em 0.85em .3em;
    border-radius: 1em; }

.label-sm.label-rounded {
    padding: .1em .65em .2em; }

.label-lg.label-rounded {
    padding: .4em .9em .5em; }

/* Custom Bootstrap Label */
label.error {
    color: #d9534f;
    font-size: 12px;
    font-weight: 600; }

/*===============================================
  C. Badges
================================================= */
.badge {
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 600; }

/* Badge Sizes - ".badge" required */
.badge-sm {
    padding: 2px 6px;
    font-size: 11px; }

.badge-lg {
    padding: 4px 8px; }

/*===============================================
  D. Alerts
================================================= */
/* Alert Sizes */
.alert {
    font-size: 14px; }

.alert-sm {
    padding: 8px 35px 8px 15px; }

.alert-lg {
    padding: 25px 35px 25px 15px;
    font-size: 16px; }

/* Alert Dismiss Icon */
.alert-dismissable .close {
    color: #666666; }

/*===============================================
  E. Media Objects
================================================= */
.media {
    border-bottom: 1px solid #ededed; }

.media,
.media .media {
    margin-top: 15px; }

.media:last-child {
    border-bottom: none; }

.media-heading small {
    font-size: 11px; }

/*===============================================
  F. Thumbnails
================================================= */
.thumbnail {
    margin-bottom: 0; }

.thumbnail-xs {
    max-width: 35px;
    padding: 1px;
    border: 2px solid #AAA;
    box-shadow: 0 0 1px #000 inset; }

.thumbnail-sm {
    max-width: 40px;
    padding: 1px;
    border: 2px solid #AAA;
    box-shadow: 0 0 1px #000 inset; }

.thumbnail-border-lg {
    border-width: 3px; }

.thumbnail.rounded {
    border-radius: 64px; }

/*===============================================
  G. Buttons
================================================= */
/* Button Settings */
.btn {
    height: 32px;
    line-height: 32px;
    color: white;
    outline: none;
    border-radius: 2px;
    padding: 0 16px;
}
.bottom-btn-hig{
    background-color:#f8f8f8;
    height: 48px;
    line-height: 48px;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    color: white;
    outline: none; }

.btn.btn-default:focus, .btn.btn-default:active:focus, .btn.btn-default.active:focus {
    color: #777777;
    outline: none; }

.btn-link {
    color: #444444; }

.btn-link:hover {
    color: #444444; }

/* Button Colors */
.btn-success {
    color: #fff;
    background-color: #12c19f;
    border-color: #12c19f; }

/* .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #17c1a0;
    border-color: #17c1a0; } */

.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {
    background-image: none; }

/* .btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
    background-color: #12c19f;
    border-color: #12c19f; } */

/* Button Sizes */
.btn-xs {
    padding: 0 8px;
    height: 24px;
    line-height: 22px;
    border-radius: 2px; }

.btn-sm {
    line-height: 1.5; }

.btn-lg {
    line-height: 1.33;
    padding: 0 32px;
    font-size: 13px;
}

/* Button Shapes */
.btn-square {
    border-radius: 0; }

/* Button Colors
* These are only colors that follow Bootstraps
* color scheme. Fusion includes many more colors
* are at end of this doc or in the SASS Partials */
.btn-default,
.bg-default {
    text-shadow: none; }

.btn-success.btn-gradient,
.bg-success.bg-gradient {
    border-color: #3f9d00;
    background-color: #44ab00; }

.btn-info.btn-gradient,
.bg-info.bg-gradient {
    border-color: #269abc;
    background-color: #14abd8; }

.btn-primary.btn-gradient,
.bg-primary.bg-gradient {
    background-color: #0088cc; }

.btn-warning.btn-gradient,
.bg-warning.bg-gradient {
    background-color: #f28900; }

.btn-danger.btn-gradient,
.bg-danger.bg-gradient {
    background-color: #d3332e; }

.btn-default.btn-gradient,
.bg-default.bg-gradient {
    background-color: #f0f0f0; }

/* Adds a custom "Alert"(purple) button to
 * the Bootstrap button lineup */
.btn-alert {
    background-color: #7857ca; }

.btn-alert.btn-gradient {
    background-color: #5d3ab5; }

.btn-alert .caret {
    border-top-color: white; }

/* Button Hover effect */
.btn:hover {
    color: #FFF;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%); }

.btn-gradient:hover,
.bg-gradient:hover {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%); }

/* Button Gradients
 * Gradients are created using a transparent gradient
 * overlay. This way you can transform any element
 * with a background color into a gradient without
 * having to use additional colors */
.btn-gradient,
.bg-gradient {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); }

/* Custom Themed Button group using all default bootstrap classes */
.btn-group.btn-group-themed .btn-default:hover,
.btn-group.btn-group-themed .btn-default:focus,
.btn-group.btn-group-themed .btn-default:active,
.btn-group.btn-group-themed .btn-default.active,
.btn-group.btn-group-themed .open .dropdown-toggle.btn-default {
    color: #6b3fa2;
    border-color: #cbc0f8;
    background-color: #e3def8;
    box-shadow: none; }

/*===============================================
  H. Progress Bars
================================================= */
.progress {
    height: 18px;
    background-color: #ececec;
    box-shadow: none; }

.progress-bar {
    line-height: 18px; }

/* Progress Bar Sizes - ".progress" always required */
.progress.progress-sm {
    height: 12px;
    border-radius: 2px; }

.progress.progress-sm .progress-bar {
    line-height: 12px; }

.progress.progress-lg {
    height: 28px; }

.progress.progress-lg .progress-bar {
    line-height: 28px; }

/*===============================================
  I. Field Elements
================================================= */
/* Default Select List */
select {
    cursor: pointer; }

/* .panel-menu input.form-control{
    width:157px!important;
} */
.form-inline .form-group {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.table .form-inline .form-group {
    margin:0;
}

.form-inline .form-group .icon-choose {
    position: absolute;
    right: 5px;
    top:50%;
    color: #ccc;
    cursor: pointer;
    transform: translateY(-50%);
}

.panel-menu .form-group>label{
    width:92px!important;
    text-align:right;
    margin-right:16px;
    margin-bottom: 0;
    color: #666; }

.textarea-border {
    height: 125px;
    border: 1px solid #e8e8e8;
    margin-right: 20px;
}
.textarea-border textarea{
    border: none ! important;
}
.advanced-search .form-group {
    margin-top:8px;
}
.cat-query-form .btn {
    padding: 0 16px;
}

/* Bootstrap Help Block */
.help-block {
    margin-top: 7px;
    color: #888; }

.radio-inline, .checkbox-inline {
    line-height: 20px; }

/* Input Label  */
label {
    font-weight: 500;
    width: 8em;
    text-align: right; }
td .text-red3 {
    padding-right: 6px;
}
#login-rember-check{
    line-height: 20px!important;
}

/* Input Design */
.form-control {
    box-shadow: none;
    border-radius: 2px;
    font-size:13px;
    border-color: #e8e8e8;
    color: #000; }
/* .table-striped>tbody>tr>td input[type=text], .table-striped>tbody>tr>td select {
	width: 208px;
} */

/* Input Sizes */
.input-xs {
    padding: 4px 10px;
    height: 26px;
    font-size: 12px;
    line-height: 1.6; }

/* Input Addon */
.input-group-addon {
    min-width: 30px;
    color: #999;
    background-color: #fafafa;
    border-radius: 0;
    border-color: #DDD; }

/* Input Focus */
.form-control:focus {
    border-color: #62a8ea;
    box-shadow: none; }

/* Disabled Input */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #fafafa; }

/* Alternate Text Field Style - Gradient */
.text-field-alt {
    text-shadow: 0 1px #ffffff;
    border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
    background-color: #f0f0f0;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    min-height: 40px;
    border-radius: 1px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

/*===============================================
  K. Switches - Created with pure CSS
================================================= */
div.switch label {
    display: block;
    position: relative;
    color: transparent;
    background: #ddd;
    text-indent: 100%;
    width: 52px;
    height: 26px;
    cursor: pointer;
    transition: left 0.15s ease-out; }

div.switch input {
    display: none; }

div.switch input + label {
    margin-left: 0;
    margin-right: 0; }

div.switch label:after {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 19px;
    height: 19px;
    -webkit-transition: left .15s ease-out;
    -moz-transition: left .15s ease-out;
    transition: left 0.15s ease-out; }

div.switch input:checked + label {
    background: #2ba6cb; }

div.switch input:checked + label:after {
    left: 29px; }

div.switch label {
    width: 52px;
    height: 26px; }

div.switch label:after {
    width: 19px;
    height: 19px; }

div.switch input:checked + label:after {
    left: 29px; }

div.switch label {
    color: transparent;
    background: #dddddd; }

div.switch label:after {
    background: white; }

div.switch input:checked + label {
    background: #2ba6cb; }

/* Switch Sizes */
div.switch.switch-lg label {
    width: 65px;
    height: 32px; }

div.switch.switch-lg label:after {
    width: 26px;
    height: 26px; }

div.switch.switch-lg input:checked + label:after {
    left: 35px; }

div.switch.switch-sm label {
    width: 45px;
    height: 22px; }

div.switch.switch-sm label:after {
    width: 16px;
    height: 16px; }

div.switch.switch-sm input:checked + label:after {
    left: 26px; }

div.switch.switch-xs label {
    width: 39px;
    height: 19px; }

div.switch.switch-xs label:after {
    width: 13px;
    height: 13px; }

div.switch.switch-xs input:checked + label:after {
    left: 22px; }

div.switch.radius label {
    border-radius: 4px; }

div.switch.radius label:after {
    border-radius: 3px; }

/* Switch Option - Rounded */
div.switch.round {
    border-radius: 1000px; }

div.switch.round label {
    border-radius: 26px; }

div.switch.round label:after {
    border-radius: 26px; }

/* Switch Option - Inline */
.switch.switch-inline {
    display: inline-block; }

.switch.switch-inline + .switch.switch-inline {
    margin-left: 15px; }

/*===============================================
  L. Tables
================================================= */
/* Table first item changes */
.table tbody > tr:first-child > td {
    border-top: 0; }

/* Table-striped item changes */
.table-striped > tbody > tr:nth-child(odd){
    background-color: #FFF;
    border-bottom: 1px solid #eee;
}
.table-striped > tbody > tr:nth-child(even){
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
}
.table-striped > tbody > tr > td {
    height: 44px;
    vertical-align: middle;
    padding: 0 8px;
    padding-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*.table-striped > tbody > tr > td:hover {
    white-space: normal; !*文本自动处理换行*!
}*/
.form-table > tbody > tr > td {
    background-color: #FFF;
    padding: 0 0 8px 0; }

/* Rounded */
.table-curved > tbody > tr > td:first-child {
    border-radius: 4px 0 0 4px; }

.table-curved > tbody > tr > td:last-child {
    border-radius: 0 4px 4px 0; }


/*===============================================
  M. Pricing Tables
================================================= */
/* Regular Pricing Plan */
.pricing-tables .pricing-plan {
    padding: 0 0 20px 0;
    margin: 30px -16px 20px -16px;
    border: 1px solid #CCC;
    background-color: #f6f6f6;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

/* Pricing Table Title */
.pricing-tables .pricing-title {
    padding: 25px 5px 20px;
    border-bottom: 1px solid #DDD; }

.pricing-tables .pricing-title h3 {
    margin-bottom: 0;
    font-weight: 200;
    text-transform: none;
    font-size: 26px;
    color: #555; }

/* Pricing Table Cost Figure */
.pricing-info {
    margin: 20px 0; }

.pricing-info .currency-sign {
    color: #333;
    font-size: 26px;
    font-weight: 200;
    display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    padding-left: 5px;
    padding-top: 6px; }

.pricing-info h2 {
    display: inline-block;
    margin-bottom: 0;
    color: #444;
    font-size: 54px;
    font-weight: 600; }

.pricing-info h6 {
    color: #888;
    font-weight: 200;
    margin: 4px 0 0; }

/* Pricing Table Item Features */
.pricing-features ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #DDD; }

.pricing-features li {
    padding: 10px 0;
    border-bottom: 1px solid #DDD;
    background-color: #FFF;
    color: #999;
    margin: 0; }

.pricing-tables .pricing-features li b {
    font-weight: 600; }

.pricing-tables .pricing-features li i.fa {
    font-size: 15px;
    color: #777;
    padding-right: 8px; }

/* Pricing Table Icons */
.pricing-tables .pricing-icons ul {
    list-style: none;
    padding: 0;
    margin: 0; }

.pricing-tables .pricing-icons li {
    padding: 10px 0;
    border-bottom: 1px solid #DDD;
    background-color: #FFF;
    font-size: 18px;
    margin: 0; }

/* Pricing Table Sign Up Button*/
.pricing-tables a.btn {
    margin-top: 25px;
    padding: 8px 26px; }

/* Hero Pricing Plan Modifications */
.hero-plan {
    z-index: 10; }

.hero-plan .pricing-plan {
    background-color: #f6f6f6;
    padding: 0 0 20px 0;
    margin: 0 -17px 20px -17px;
    border-bottom: 1px solid #BBB;
    -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
    box-shadow: 0 0 20px rgba(100, 100, 100, 0.2); }

.hero-plan .pricing-plan .pricing-title {
    color: #FFF;
    margin: -1px -1px 0 -1px; }

.hero-plan .pricing-plan .pricing-title h3 {
    color: #FFF;
    font-weight: 600; }

.hero-plan .pricing-plan .pricing-subtitle {
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 4px;
    font-weight: 600; }

.hero-plan .pricing-plan a.btn {
    margin: 40px 0 20px; }

/*===============================================
  N. Tabs
================================================= */
/* TAB CONTAINER */
.tab-block {
    position: relative; }

.tab-block .tab-content {
    overflow: auto;
    overflow-y:hidden;
    background-color: #FFF; }

/* TAB CONTENT PANEL */
.tab-content {
    /*   position: relative; */
    z-index: 10;
    min-height: 115px;
    padding: 16px 12px;
    border: 1px solid #CCC; }

/* TAB NAVIGATION */
.nav-tabs {
    position: relative;
    border: 0;
    background: #fafafa; }

.nav-tabs > li {
    float: left;
    margin-bottom: -1px; }

.nav-tabs > li > a {
    position: relative;
    z-index: 9;
    padding: 10px 20px;
    margin-right: -1px;
    font-weight: 700;
    color: #777;
    font-size: 12px;
    border-right: 1px solid #F1F0F4;
    border-radius: 0; }

.nav-tabs > li:first-child > a {
    margin-left: 0; }

/* TAB NAVIGATION STATES */
.nav-tabs > li > a:hover {
    color: #555;
    border-color: #CFCFCF; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    cursor: default;
    position: relative;
    z-index: 12;
    color: #555555;
    background: #FFF; }

/* open state for dropdown menus in nav
 * containers. Also a direct bootstrap override */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background:#f1f0f4;
    color: #666;
    border-left:3px solid #3f8ad4!important; }

.nav .openMenu > a, .nav .openMenu > a:hover, .nav .openMenu > a:focus {
    background:#f1f0f4;
    color: #666;
    border-left:3px solid #3f8ad4!important; }

.menu-there .open > a, .menu-there .open > a:hover, .menu-there .open > a:focus{
    border-color:#fff!important;
    color:#428bca!important;
    background:none!important; }

/* .nav .open > a:hover{
  background:#f1f0f4;
  color: #666;
  border-left:3px solid #3f8ad4; } */

/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.nav-tabs > li.active > a, .tabs-border-bottom .nav-tabs > li.active > a {
    margin-top: -1px;
    border-top: 2px solid #1ab394; }

/* TAB NAVIGATION - ALT STYLE: BORDER - BOTTOM */
.tabs-border-bottom.nav-tabs > li > a, .tabs-border-bottom .nav-tabs > li > a {
    color: #BBB;
    font-weight: 400;
    height:45px;
    text-align:center;
    line-height:35px;
    background: #fff; }

.tabs-border-bottom.nav-tabs > li.active > a, .tabs-border-bottom .nav-tabs > li.active > a {
    color: #49d8a3!important;
    font-weight: 400;
    margin-bottom: -1px;
    background: #fff;
    height:45px;
    text-align:center;
    line-height:35px;
    border-bottom: 2px solid #49d8a3!important; }

/* TAB NAVIGATION - ALT STYLE: BACKGROUND */
.tabs-bg.nav {
    background: #f5f5f5;
    border: 1px solid #CCC;
    border-bottom: none;
    padding: 10px 10px 0; }

/* TABS - Float Right */
.nav-tabs.tabs-right > li {
    float: right; }

.nav-tabs.tabs-right > li:first-child > a {
    margin-right: 0; }

/* TABS - NAVIGATION BELOW */
.tabs-below {
    position: relative; }

.tabs-below > li {
    float: left;
    margin-top: -1px; }

.tabs-below > li > a {
    position: relative;
    z-index: 9;
    margin-right: -1px;
    padding: 11px 16px;
    font-size: 12px;
    color: #777;
    font-weight: 700;
    border: 1px solid #CFCFCF;
    background: #fafafa; }

/* TAB NAVIGATION STATES */
.tabs-below > li.active > a, .tabs-below > li.active > a:hover, .tabs-below > li.active > a:focus {
    cursor: default;
    position: relative;
    z-index: 12;
    color: #555555;
    background: #FFF;
    border-color: #CFCFCF;
    border-top: 1px solid #FFF; }

/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.tabs-below > li.active > a, .tabs-border .tabs-below > li.active > a {
    margin-bottom: -1px;
    border-bottom: 2px solid #c7b7e5; }

/* TAB NAVIGATION - ALT STYLE: BACKGROUND */
.tabs-bg.tabs-below {
    background: #f5f5f5;
    border: 1px solid #CCC;
    border-top: none;
    padding: 0 10px 6px; }

/* TABS - NAVIGATION LEFT */
.tabs-left {
    float: left; }

.tabs-left > li {
    float: none;
    margin: 0 -1px -1px 0; }

.tabs-left > li > a {
    padding: 12px 16px;
    color: #777;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid transparent;
    border-color: #CFCFCF;
    background: #fafafa; }

/* TAB NAVIGATION STATES */
.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {
    color: #555;
    border-color: #CCC #FFF #CCC #CCC;
    cursor: default;
    position: relative;
    z-index: 12;
    background: #FFF; }

/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.tabs-left > li.active > a, .tabs-border .tabs-left > li.active > a {
    margin-left: -1px;
    border-left: 2px solid #c7b7e5; }

/* WELL TABS - GREY MICRO NAV TABS */
.well-tabs {
    position: relative; }

.well-tabs li {
    float: left;
    margin: 4px 6px; }

.well-tabs li:first-child {
    margin-left: 0; }

.well-tabs li a {
    font-size: 11px;
    font-weight: 600;
    padding: 6px 8px;
    line-height: 15px;
    border-radius: 4px;
    color: #8457bb;
    border: 1px solid #beaff9;
    background-color: #dfd9f7; }

.well-tabs li a:hover, .well-tabs li.active a {
    background-color: #fff; }

/* Same style but inversed colors */
.well-tabs-inverse li a {
    font-size: 11px;
    font-weight: 500;
    color: #888;
    padding: 10px 20px;
    line-height: 15px;
    background: transparent;
    border-radius: 2px;
    border: 1px solid #ddd; }

.well-tabs-inverse li a:hover, .well-tabs-inverse li.active a {
    color: #12c19f;
    border-color: #ddd;
    background-color: #fff;
}

/*===============================================
  O. Paginations
================================================= */
/* MINI PAGERS */
.pager {
    margin: 5px 0;
    cursor: pointer; }

.pager li > a, .pager li > span {
    font-size: 14px; }

.pager.pager-sm li > a, .pager.pager-sm li > span {
    font-size: 12px; }

.pager.pager-lg li > a, .pager.pager-lg li > span {
    font-size: 16px; }

/* PAGINATIONS */
.page-bottom {
    margin-top: 8px;
}
.page-bottom .cat-paginator {
    padding-right:32px;
}
.pagination {
    margin: 0;
    cursor: pointer; }

/* ROUNDED PAGINATION */
.pagination-rounded > li:first-child > a {
    border-radius: 50% 0 0 50%; }

.pagination-rounded > li:last-child > a {
    border-radius: 0 50% 50% 0; }

/* ALT STYLE */
.pagination-alt > li > a {
    margin: 0 4px;
    border-radius: 2px;
    font-weight: 600;
    color: #666;
    text-shadow: 0 1px #FFF;
    padding: 4px 11px;
    border-color: #ccc;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, white 1%, #f1f1f1 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.pagination-alt > li.active > a {
    background-color: #555;
    background-image: none;
    border-color: #444; }

/* SIZES FOR ALT STYLE */
.pagination-alt.pagination-sm > li > a {
    margin: 0 3px;
    font-weight: 700;
    padding: 4px 9px; }

.pagination-alt.pagination-lg > li > a {
    margin: 0 5px;
    padding: 4px 13px; }

/* pagination-alt fixes */
.pagination-alt.pagination-sm > li:first-child > a, .pagination-alt.pagination-lg > li:first-child > a {
    margin-left: 0; }

/*===============================================
  P. Bootstrap Modals
================================================= */
.modal-backdrop.in {
    background: rgba(0,0,0,.2);
    opacity: 0.5; }

.modal {
    z-index:99999; }

/* Modal sizes - element always requires
 * default ".modal-dialog" class */
.modal-dialog-sm {
    width: auto; }

@media screen and (min-width: 768px) {
    .modal-dialog {
        padding-top: 50px; }

    .modal-dialog-sm {
        width: 425px; } }

/* Modal Header */
.modal-header {
    position: relative;
    height:50px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 0;
    border-bottom:1px solid #fafafa;
    border-radius:6px 6px 0 0;
    background: #fafafa; }

.modal-header h3{
    font-weight:500;
    margin-bottom:0; }

.modal-header .close{
    margin-top:-6px!important; }

.modal-header button,
.modal-title {
    font-weight:500;
    line-height: inherit; }

.modal-footer {
    padding: 8px 15px;
    background-color: #fafafa;
    border-top: 1px solid #fafafa;
    border-radius: 0 0 6px 6px; }

.modal-footer .btn{
    min-width:80px; }
.formError{
    z-index: 999!important;
}
.jconfirm .jconfirm-box {
    padding: 0 0 0 !important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane{
    padding: 0px 15px;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 0 0 6px 6px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    font-size: 14px !important;
    font-weight: bold;
    color: #000;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
    height: 40px;
    padding-left: 15px;
    background: #f8f8f8;
    line-height: 40px !important;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{
    background: #f8f8f8;
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    padding: 0 32px;
}
.form-horizontal .form-group {
    margin-right: 0px;
}
.modal-content{
    border:none!important;
    -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2)!important;
    box-shadow:0 5px 15px rgba(0,0,0,0.2)!important; }

/*===============================================
  Q. Custom Modals
================================================= */
/* Login Form Modal */
#formModal .modal-content {
    width: 400px;
    margin: 0 auto;
    position: relative; }

#formModal .modal-body {
    padding: 15px 20px 0 20px; }

#formModal #login-avatar {
    margin: 15px 20px 25px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #DDD; }

#formModal #login-avatar img {
    display: block;
    margin: 0 auto;
    padding: 5px;
    border: 2px solid #DDD; }

#formModal .login-alert {
    font-size: 13px;
    padding: 9px 13px; }

/*===============================================
  R. Content Heading Bar
================================================= */
.content-header {
    border-radius: 4px;
    background: #f6f6f6;
    padding: 12px 15px;
    border: 1px solid #CCC; }

/*===============================================
  R. Boostrap Popover
================================================= */
.popover {
    z-index: 1100; }



/*===============================================
  S. Boostrap List
================================================= */
.list-unstyled,
.list-unstyled li {
    margin: 0; }


/*===============================================
    T. City Info Select
================================================= */
.current-city {
    background: #eaf5ff;
    border: 1px solid #d2e6f8;
    border-bottom: none;
    position: absolute;
    z-index: 999;}

.city-info-select {
    position: absolute;
    background: #eaf5ff;
    width: 100%;
    border: 1px solid #d2e6f8;
    top: 25px;
    z-index: 998;
    max-height: 200px;
    overflow-y:auto;}

.parent-city .caret {
    cursor: pointer; }

/*=================================================
  III. HELPERS
     A. General
     B. Font Size
     C. Table Layout
     D. Padding
     E. Margin
     F. Line Height
     G. Borders
     H. Max Width
     I. Width Helpers
     J. Radio Style
     H. Help-tip
===================================================
  A. General/Misc Helpers
=================================================== */
/* overflow Helpers */
.overflow-v {
    overflow: visible !important; }

.overflow-h {
    overflow: hidden !important; }

/* Center Grid Column Helper */
.center-column {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block; }

/* Vertical Align Helpers */
.va-t {
    vertical-align: top !important; }

.va-m {
    vertical-align: middle !important;
}

.va-b {
    vertical-align: bottom !important; }

.va-s {
    vertical-align: super !important; }

/* Relative Position Helper */
.posr {
    position: relative !important; }

/* Inline Block Helper */
.ib, .inline-object {
    display: inline-block !important;
    vertical-align: middle; }

/* pointer cursor */
.cursor {
    cursor: pointer !important; }

.cursor-move {
    cursor: move !important; }

/* Useful for emphasizing a disabled input */
.option-disabled {
    opacity: 0.6; }

/* unstyled input */
.input-unstyled,
.input-unstyled:hover,
.input-unstyled:focus {
    border: none;
    background: none;
    box-shadow: none;
    outline: none; }

/*===================================================
  B. Table Layout Helpers - specifically for widgets
===================================================== */
.table-layout {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0; }

/* table-layout helper content */
.table-layout > div {
    display: table-cell;
    float: none; }

@media (max-width: 1300px) {
    .table-layout.table-clear-md,
    .table-layout.table-clear-md > div {
        display: block;
        float: none; } }

/*===============================================
  C. Font Size Helpers
================================================= */
.fs3 {
    font-size: 4px !important; }

.fs4 {
    font-size: 4px !important; }

.fs5 {
    font-size: 5px !important; }

.fs6 {
    font-size: 6px !important; }

.fs7 {
    font-size: 7px !important; }

.fs8 {
    font-size: 8px !important; }

.fs9 {
    font-size: 9px !important; }

.fs10 {
    font-size: 10px !important; }

.fs11 {
    font-size: 11px !important; }

.fs12 {
    font-size: 12px !important; }

.fs13 {
    font-size: 13px !important; }

.fs14 {
    font-size: 14px !important; }

.fs15 {
    font-size: 15px !important; }

.fs16 {
    font-size: 16px !important; }

.fs18 {
    font-size: 18px !important; }

.fs20 {
    font-size: 20px !important; }

.fs22 {
    font-size: 22px !important; }

.fs24 {
    font-size: 24px !important; }

.fs26 {
    font-size: 26px !important; }

.fs28 {
    font-size: 28px !important; }

.fs30 {
    font-size: 30px !important; }

.fs35 {
    font-size: 35px !important; }

.fs40 {
    font-size: 40px !important; }

.fs42 {
    font-size: 42px !important; }

.fs45 {
    font-size: 45px !important; }

.fs50 {
    font-size: 50px !important; }

.fw-n{
    font-weight:normal!important; }

.fw-b{
    font-weight:bold !important; }

/*===============================================
  D. Padding Helpers
================================================= */
.pn {
    padding: 0 !important; }

.p1 {
    padding: 1px !important; }

.p2 {
    padding: 2px !important; }

.p3 {
    padding: 3px !important; }

.p4 {
    padding: 4px !important; }

.p5 {
    padding: 5px !important; }

.p6 {
    padding: 6px !important; }

.p7 {
    padding: 7px !important; }

.p8 {
    padding: 8px !important; }

.p10 {
    padding: 10px !important; }

.p15 {
    padding: 15px !important; }

.p20 {
    padding: 20px !important; }

.p25 {
    padding: 25px !important; }

.p30 {
    padding: 30px !important; }

.p35 {
    padding: 35px !important; }

.p40 {
    padding: 40px !important; }

.p50 {
    padding: 50px !important; }

.ptn {
    padding-top: 0 !important; }

.pt5 {
    padding-top: 5px !important; }

.pt6 {
    padding-top: 6px !important; }

.pt8 {
    padding-top: 8px !important; }

.pt10 {
    padding-top: 10px !important; }

.pt12 {
    padding-top: 12px !important; }

.pt15 {
    padding-top: 15px !important; }

.pt20 {
    padding-top: 20px !important; }

.pt25 {
    padding-top: 25px !important; }

.pt30 {
    padding-top: 30px !important; }

.pt35 {
    padding-top: 35px !important; }

.pt40 {
    padding-top: 40px !important; }

.pt50 {
    padding-top: 50px !important; }

.pt60 {
    padding-top: 60px !important; }

.prn {
    padding-right: 0 !important; }

.pr5 {
    padding-right: 5px !important; }

.pr10 {
    padding-right: 10px !important; }
.pr12 {
    padding-right: 12px !important; }

.pr15 {
    padding-right: 15px !important; }

.pr16 {
    padding-right: 16px !important; }

.pr20 {
    padding-right: 20px !important; }

.pr25 {
    padding-right: 25px !important; }
.pr26 {
    padding-right: 26px !important; }

.pr30 {
    padding-right: 30px !important; }
.pr32 {
    padding-right: 32px !important; }
.pr35 {
    padding-right: 35px !important; }

.pr40 {
    padding-right: 40px !important; }

.pr42 {
    padding-right: 42px !important; }

.pr50 {
    padding-right: 50px !important; }

.pbn {
    padding-bottom: 0 !important; }

.pb5 {
    padding-bottom: 5px !important; }

.pb8 {
    padding-bottom: 8px !important; }

.pb10 {
    padding-bottom: 10px !important; }

.pb15 {
    padding-bottom: 15px !important; }

.pb18{
    padding-bottom: 18px!important;
}
.pb20 {
    padding-bottom: 20px !important; }

.pb25 {
    padding-bottom: 25px !important; }

.pb30 {
    padding-bottom: 30px !important; }

.pb35 {
    padding-bottom: 35px !important; }

.pb40 {
    padding-bottom: 40px !important; }

.pb50 {
    padding-bottom: 50px !important; }

.pb80 {
    padding-bottom: 80px !important; }

.pln {
    padding-left: 0 !important; }

.pl5 {
    padding-left: 5px !important; }

.pl8 {
    padding-left: 8px !important; }

.pl10 {
    padding-left: 10px !important; }

.pl15 {
    padding-left: 15px !important; }


.pl16 {
    padding-left: 16px !important; }

.pl20 {
    padding-left: 20px !important; }

.pl25 {
    padding-left: 25px !important; }

.pl30 {
    padding-left: 30px !important; }
.pl32 {
    padding-left: 32px !important; }
.pl35 {
    padding-left: 35px !important; }

.pl40 {
    padding-left: 40px !important; }

.pl50 {
    padding-left: 50px !important; }

.pl60 {
    padding-left: 60px !important; }

.pl80 {
    padding-left: 80px !important; }

/*===============================================
  E. Margin Helpers
================================================= */
.margin-auto{
    margin:auto; }
.mn {
    margin: 0 !important; }

.m1 {
    margin: 1px !important; }

.m2 {
    margin: 2px !important; }

.m3 {
    margin: 3px !important; }

.m4 {
    margin: 4px !important; }

.m5 {
    margin: 5px !important; }

.m8 {
    margin: 8px !important; }

.m10 {
    margin: 10px !important; }

.m15 {
    margin: 15px !important; }

.m20 {
    margin: 20px !important; }

.m25 {
    margin: 25px !important; }

.m30 {
    margin: 30px !important; }

.m35 {
    margin: 35px !important; }

.m40 {
    margin: 40px !important; }

.m50 {
    margin: 50px !important; }

.mtn {
    margin-top: 0 !important; }

.mt1 {
    margin-top: 1px !important; }

.mt3 {
    margin-top: 3px !important; }

.mt5 {
    margin-top: 5px !important; }
.mt8 {
    margin-top: 8px !important; }

.mt10 {
    margin-top: 10px !important; }
.mt17{margin-top:17px;}
.mt15 {
    margin-top: 15px !important; }

.mt20 {
    margin-top: 20px !important; }

.mt24 {
    margin-top: 24px !important; }
.mt25 {
    margin-top: 25px !important; }

.mt30 {
    margin-top: 30px !important; }

.mt35 {
    margin-top: 35px !important; }

.mt40 {
    margin-top: 40px !important; }

.mt50 {
    margin-top: 50px !important; }
.mt90 {
    margin-top: 90px !important; }
.mrn {
    margin-right: 0 !important; }

.mr5 {
    margin-right: 5px !important; }

.mr10 {
    margin-right: 10px !important; }

.mr15 {
    margin-right: 15px !important; }
.mr16 {
    margin-right: 16px !important; }

.mr20 {
    margin-right: 20px !important; }

.mr25 {
    margin-right: 25px !important; }

.mr30 {
    margin-right: 30px !important; }

.mr35 {
    margin-right: 35px !important; }

.mr40 {
    margin-right: 40px !important; }

.mr50 {
    margin-right: 50px !important; }

.mr200{
    margin-right: 100px !important;}

.mbn {
    margin-bottom: 0 !important; }

.mb5 {
    margin-bottom: 5px !important; }

.mb10 {
    margin-bottom: 10px !important; }

.mb15 {
    margin-bottom: 15px !important; }

.mb20 {
    margin-bottom: 20px !important; }

.mb24 {
    margin-bottom: 24px !important; }
.mb25 {
    margin-bottom: 25px !important; }

.mb30 {
    margin-bottom: 30px !important; }

.mb35 {
    margin-bottom: 35px !important; }

.mb40 {
    margin-bottom: 40px !important; }

.mb50 {
    margin-bottom: 50px !important; }

.mln {
    margin-left: 0 !important; }

.ml3 {
    margin-left: 3px !important; }
.ml4 {
    margin-left: 4px !important; }

.ml5 {
    margin-left: 5px !important; }

.ml10 {
    margin-left: 10px !important; }

.ml15 {
    margin-left: 15px !important; }
.ml16 {
    margin-left: 16px !important; }

.ml20 {
    margin-left: 20px !important; }

.ml25 {
    margin-left: 25px !important; }

.ml30 {
    margin-left: 30px !important; }

.ml35 {
    margin-left: 35px !important; }

.ml40 {
    margin-left: 40px !important; }

.ml50 {
    margin-left: 50px !important; }

.ml60 {
    margin-left: 60px !important; }
.ml70 {
    margin-left: 70px !important; }

/*===============================================
  F. LineHeight Helpers
================================================= */
.lh0 {
    line-height: 0 !important; }

.lh5 {
    line-height: 5px !important; }

.lh10 {
    line-height: 10px !important; }

.lh15 {
    line-height: 15px !important; }

.lh16 {
    line-height: 16px !important; }

.lh18 {
    line-height: 18px !important; }


.lh20 {
    line-height: 20px !important; }

.lh25 {
    line-height: 25px !important; }

.lh27 {
    line-height: 27px !important; }

.lh30 {
    line-height: 30px !important; }

.lh32 {
    line-height: 32px !important; }

.lh34 {
    line-height: 34px !important; }

.lh35 {
    line-height: 35px !important; }

.lh40 {
    line-height: 40px !important; }

.lh50 {
    line-height: 50px !important; }

.lh60 {
    line-height: 60px !important; }

/*===============================================
   Height Helpers
================================================= */
.ht20{
    height: 20px !important;
}

.ht24{
    height: 24px !important;
}

.ht26{
    height: 26px !important;
}

.ht28{
    height: 28px !important;
}

.ht20{
    height: 20px !important;
}

.ht30{
    height: 30px !important;
}

.ht32{
    height: 32px !important;
}

.ht34{
    height: 34px !important;
}

.ht35{
    height: 35px !important;
}

.ht36{
    height: 36px !important;
}

.ht38{
    height: 38px !important;
}

.ht40{
    height: 40px !important;
}

.ht42{
    height: 42px !important;
}

.ht44{
    height: 44px !important;
}

.ht45{
    height: 45px !important;
}

.ht50{
    height: 50px !important;
}


/*===============================================
  G. Border Helpers
================================================= */
/* Default Border */
.border {
    border: 1px solid #eee!important; }
.word-bg{
    border-radius: 2px;
    background-color:#eff6fb;
    border:1px solid #deeef6;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    padding:0 5px;
    margin-bottom: 8px;
}
.border-left {
    border-left: 1px solid #DDD!important; }

.border-right {
    border-right: 1px solid #DDD!important; }

.border-top {
    border-top: 1px solid #eee!important; }

.border-bottom {
    border-bottom: 1px solid #DDD!important; }

.bd-bm{
    border-bottom: 1px solid #eee;
}
/* Border Radius */
.br0 {
    border-radius: 0px !important; }

.br1 {
    border-radius: 1px !important; }

.br2 {
    border-radius: 2px !important; }

.br3 {
    border-radius: 3px !important; }

.br-tp3 {
    border-radius: 3px 3px 0 0 !important; }

.br4 {
    border-radius: 4px !important; }

.br6 {
    border-radius: 6px !important; }

.br8 {
    border-radius: 8px !important; }

.br12 {
    border-radius: 12px !important; }

.br24 {
    border-radius: 24px !important; }

.br64 {
    border-radius: 64px !important; }

/* circle */
/* Border Width */
.bw1 {
    border-width: 1px !important; }

.bw2 {
    border-width: 2px !important; }

.bw3 {
    border-width: 3px !important; }

.bw4 {
    border-width: 4px !important; }

.bw5 {
    border-width: 5px !important; }

/* Border Style */
.bs-dashed {
    border-style: dotted !important; }

.bs-dotted {
    border-bottom-style: dashed !important; }

/* Disable Border */
.border-left-none {
    border-left: none !important; }

.border-right-none {
    border-right: none !important; }

.border-top-none {
    border-top: none !important; }

.border-bottom-none {
    border-bottom: none !important; }

.border-none {
    border: none !important; }

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    border-top:none;
    vertical-align: middle; }
/*===============================================
  H. Max Width Helpers
================================================= */
.mw10 {
    max-width: 10px !important; }

.mw20 {
    max-width: 20px !important; }

.mw30 {
    max-width: 30px !important; }

.mw35 {
    max-width: 35px !important; }

.mw40 {
    max-width: 40px !important; }

.mw45 {
    max-width: 45px !important; }

.mw50 {
    max-width: 50px !important; }

.mw60 {
    max-width: 60px !important; }

.mw70 {
    max-width: 70px !important; }

.mw80 {
    max-width: 80px !important; }

.mw100 {
    max-width: 100px !important; }

.mw140 {
    max-width: 140px !important; }

.mw160 {
    max-width: 160px !important; }

.mw180 {
    max-width: 180px !important; }

.mw200 {
    max-width: 200px !important; }

.mw240 {
    max-width: 240px !important; }

.mw280 {
    max-width: 280px !important; }

.mw320 {
    max-width: 320px !important; }

.min-w157 {
    min-width: 157px !important; }

.min-w400 {
    min-width: 400px !important; }

/*===============================================
  H. Min Height Helpers
================================================= */
.mh10 {
    min-height: 10px !important; }

.mh20 {
    min-height: 20px !important; }

.mh30 {
    min-height: 30px !important; }

.mh35 {
    min-height: 35px !important; }

.mh40 {
    min-height: 40px !important; }

.mh45 {
    min-height: 45px !important; }

.mh50 {
    min-height: 50px !important; }

.mh55 {
    min-height: 55px !important; }

.mh60 {
    min-height: 60px !important; }

.mh80 {
    min-height: 80px !important; }

.mh100 {
    min-height: 100px !important; }

.mh140 {
    min-height: 140px !important; }

.mh160 {
    min-height: 160px !important; }

.mh180 {
    min-height: 180px !important; }

.mh200 {
    min-height: 200px !important; }

.mh240 {
    min-height: 240px !important; }

.mh260 {
    min-height: 260px !important; }

.mh280 {
    min-height: 280px !important; }

.mh320 {
    min-height: 320px !important; }

.poto-pic {
    height: 30px !important;
    width: 30px !important; }

.pro-img {
    width: 80px;
    height: 80px; }

/*===============================================
  I. Width Helpers
================================================= */
.wd5 {
    width: 5%; }

.wd10 {
    width: 10%; }

.wd12 {
    width: 12%; }

.wd13 {
    width: 13%; }

.wd15 {
    width: 15%; }

.wd20 {
    width: 20%; }
.wd22{
    width: 22%;
}
.wd25 {
    width: 25%; }

.wd30 {
    width: 30%; }

.wd31 {
    width: 31%; }

.wd33 {
    width: 33%; }

.wd32 {
    width: 32% !important; }

.wd35 {
    width: 35%; }

.wd40 {
    width: 40%!important; ; }

.wd45 {
    width: 45%; }

.wd50 {
    width: 50%; }

.wd55 {
    width: 55%; }

.wd60 {
    width: 60%; }
.wd71{
    width: 71%;
}
.wd65 {
    width: 65%; }

.wd70 {
    width: 70%!important; }
.wd28_5{
    width: 28.5%!important;
}
.wd75 {
    width: 75%!important;}

.wd80 {
    width: 80%!important; }

.wd85 {
    width: 85%; }
.wd88 {
    width: 88%!important; }
.wd90 {
    width: 90%; }

.wd100 {
    width: 100% !important; }

.wd85 {
    width: 85px !important; }
.wd120 {
    width: 120px !important; }
.wd300 {
    width: 300px !important; }

/*===============================================
  J. Radio Style
================================================= */
.checkbox-custom{
    position: relative;
    display: inline-block;
}
.radio-custom {
    position: relative;
    display: inline-block;
    line-height:38px;
    padding-left:20px;
    margin-right: 16px;
}

.checkbox-custom label,.radio-custom label {
    width: auto ! important;
    min-height:18px;
    margin-bottom:0;
    font-weight:400;
    cursor:pointer;
    text-align: left;
}

.checkbox-custom input[type=checkbox],.radio-custom input[type=radio] {
    cursor: pointer;
    position:absolute;
    margin-top:6px;
    margin-bottom:0;
    margin-left:-14px; }
.panel-menu .checkbox-custom  input[type=checkbox] {

    margin-top:7px !important;
   }

.checkbox-custom.disabled label,.radio-custom.disabled label,fieldset[disabled] .checkbox-custom label,fieldset[disabled] .radio-custom label {
    cursor:not-allowed; }

.input-group-addon .checkbox-custom,.input-group-addon .radio-custom {
    margin:0; }

.checkbox-custom {
    padding-left:20px; }

.checkbox-custom label {
    position:relative;
    display:inline-block;
    padding-left:10px;
    vertical-align:middle;line-height: 16px;font-size:12px;}

.checkbox-custom label:empty {
    padding-left:0; }

.checkbox-custom label::before {
    position:absolute;
    left:0;
    display:inline-block;
    width:14px;
    height:14px;
    content:"";
    border-radius: 2px;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    background-color: #fff;
    -webkit-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s; }

.checkbox-custom label::after {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:14px;
    height:14px;
    padding-top:0;
    font-size:12px;
    line-height:14px;
    color:#76838f;
    text-align:center; }


.checkbox-custom .noAll+label:after {
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    content: '';
    position: absolute;
    width: 11px;
    height: 5px;
    background: transparent;
    top: 7px;
    left: 3px;
    border: 3px solid #62a8ea;
    border-top: none;
     border-right: none;
    -webkit-transform: rotate(-58deg);
    -moz-transform: rotate(-58deg);
    -o-transform: rotate(-58deg);
    -ms-transform: rotate(-58deg);
    transform: rotate(-58deg); */  }



.checkbox-custom input[type=checkbox],.checkbox-custom input[type=radio] {
    cursor: pointer;
    z-index:1;
    width:20px;
    height:20px;
    opacity:0; }

.checkbox-custom input[type=checkbox]:focus+label::before,.checkbox-custom input[type=radio]:focus+label::before {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline:0;
    outline-offset:-2px; }

.checkbox-custom input[type=checkbox]:checked+label::before,.checkbox-custom input[type=radio]:checked+label::before {
    border-color:#e4eaec;
    /*border-width:10px;*/
    -webkit-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s; }

.checkbox-custom input[type=checkbox]:checked+label::after,.checkbox-custom input[type=radio]:checked+label::after {
    font-family:"FontAwesome";
    content:"\f00c"; }

.checkbox-custom input[type=checkbox]:disabled+label,.checkbox-custom input[type=radio]:disabled+label {
    opacity:.65; }

.checkbox-custom input[type=checkbox]:disabled+label::before,.checkbox-custom input[type=radio]:disabled+label::before {
    cursor:not-allowed;
    background-color:#f3f7f9;
    border-color:#e4eaec;
    border-width:1px; }

.checkbox-custom.checkbox-circle label::before {
    border-radius:50%; }

.checkbox-custom.checkbox-inline {
    display:inline-block;
    margin-top:0;
    margin-bottom:0; }

.checkbox-inline+.checkbox-inline {
    margin-left:20px; }

.checkbox-default input[type=checkbox]:checked+label::before,.checkbox-default input[type=radio]:checked+label::before {
    background-color:#fff;
    border-color:#e4eaec;
    border-width:1px; }

.checkbox-default input[type=checkbox]:checked+label::after,.checkbox-default input[type=radio]:checked+label::after {
    color:#62a8ea; }

.checkbox-primary input[type=checkbox]:checked+label::before,.checkbox-primary input[type=radio]:checked+label::before {
    background-color:#62a8ea;
    border-color:#62a8ea; }

.checkbox-primary input[type=checkbox]:checked+label::after,.checkbox-primary input[type=radio]:checked+label::after {
    color:#fff; }

.checkbox-danger input[type=checkbox]:checked+label::before,.checkbox-danger input[type=radio]:checked+label::before {
    background-color:#f96868;
    border-color:#f96868; }

.checkbox-danger input[type=checkbox]:checked+label::after,.checkbox-danger input[type=radio]:checked+label::after {
    color:#fff; }

.checkbox-info input[type=checkbox]:checked+label::before,.checkbox-info input[type=radio]:checked+label::before {
    background-color:#57c7d4;
    border-color:#57c7d4; }

.checkbox-info input[type=checkbox]:checked+label::after,.checkbox-info input[type=radio]:checked+label::after {
    color:#fff;
}
.checkbox-warning input[type=checkbox]:checked+label::before,.checkbox-warning input[type=radio]:checked+label::before {
    background-color:#f2a654;
    border-color:#f2a654;
}
.checkbox-warning input[type=checkbox]:checked+label::after,.checkbox-warning input[type=radio]:checked+label::after {
    color:#fff; }

.checkbox-success input[type=checkbox]:checked+label::before,.checkbox-success input[type=radio]:checked+label::before {
    background-color:#46be8a;
    border-color:#46be8a; }

.checkbox-success input[type=checkbox]:checked+label::after,.checkbox-success input[type=radio]:checked+label::after {
    color:#fff; }

.checkbox-sm {
    padding-left:16px; }

.checkbox-sm label {
    padding-left:8px; }

.checkbox-sm label:empty {
    padding-left:0; }

.checkbox-sm label::after,.checkbox-sm label::before {
    width:14px;
    height:14px;
    margin-left:-14px; }

.checkbox-sm label::after {
    font-size:10px;
    line-height:14px; }

.checkbox-sm input[type=checkbox],.checkbox-sm input[type=radio] {
    width:14px;
    height:14px; }

.checkbox-sm input[type=checkbox]:checked+label::before,.checkbox-sm input[type=radio]:checked+label::before {
    border-width:7px; }

.checkbox-md {
    padding-left:19px; }

.checkbox-md label {
    padding-left:10px; }

.checkbox-md label:empty {
    padding-left:0; }

.checkbox-md label::after,.checkbox-md label::before {
    width:19px;
    height:19px;
    margin-left:-19px; }

.checkbox-md label::after {
    font-size:12px;
    line-height:19px; }

.checkbox-md input[type=checkbox],.checkbox-md input[type=radio] {
    width:19px;
    height:19px; }

.checkbox-md input[type=checkbox]:checked+label::before,.checkbox-md input[type=radio]:checked+label::before {
    border-width:9.5px; }

.checkbox-lg {
    padding-left:24px;
}
.checkbox-lg label {
    padding-left:12px; }

.checkbox-lg label:empty {
    padding-left:0; }

.checkbox-lg label::after,.checkbox-lg label::before {
    width:24px;
    height:24px;
    margin-left:-24px; }

.checkbox-lg label::after {
    font-size:14px;
    line-height:24px; }

.checkbox-lg input[type=checkbox],.checkbox-lg input[type=radio] {
    width:24px;
    height:24px; }

.checkbox-lg input[type=checkbox]:checked+label::before,.checkbox-lg input[type=radio]:checked+label::before {
    border-width:12px; }

input.noAll+label:after{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    content: '';
    position: absolute;
    width: 11px;
    height: 0;
    background: transparent;
    top: 5px;
    left: 3px;
    border: 3px solid #62a8ea;
    border-top: none;
    border-right: none;
    border-left:none;
    /* -webkit-transform: rotate(-58deg);
    -moz-transform: rotate(-58deg);
    -o-transform: rotate(-58deg);
    -ms-transform: rotate(-58deg);
    transform: rotate(-58deg); */

    transform:inherit!important;
    -webkit-transform: inherit!important;
    -moz-transform: inherit!important;
    -o-transform: inherit!important;
    -ms-transform: inherit!important;
}
input.noAll + label:after{
    opacity:1;
}



.checkbox-custom input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }

.radio-custom label {
    position:relative;
    display:inline-block;
    padding-left:4px;
    vertical-align:middle; }

.radio-custom label:empty {
    padding-left:0; }

.radio-custom label::before {
    content:"";
    position:absolute;
    left:0;
    top:11px;
    display:inline-block;
    width:16px;
    height:16px;
    margin-left:-20px;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:50%;
    -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition:border 0.15s ease-in-out, color 0.15s ease-in-out; }

.radio-custom label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -24px;
    top: 1px;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 25px;
    color: #fff; }


.radio-custom input[type=radio] {
    z-index:1;
    width:16px;
    height:16px;
    opacity:0; }

.radio-custom input[type=radio]:disabled+label {
    opacity:.65; }

.radio-custom input[type=radio]:disabled+label::before {
    cursor:not-allowed; }

.radio-custom.radio-inline {
    display:inline-block;
    margin-top:0;
    margin-bottom:0;}

.radio-inline+.radio-inline {
    margin-left:20px; }

.radio-default input[type=radio]:checked+label::before {
    background-color:#fff;
    border-color:#e4eaec;
    border-width:1px; }

.radio-default input[type=radio]:checked+label::after {
    border-color:#62a8ea; }

.radio-primary input[type=radio]:checked+label::before {
    background-color: #31b5a8;
    border-color: #31b5a8 ! important; }

.radio-primary input[type=radio]:checked+label::after {
    border-color:#fff;
    font-family: "iconfont-ok" !important;
    content: "\e6db"; }

.radio-danger input[type=radio]:checked+label::before {
    border-color:#f96868; }

.radio-danger input[type=radio]:checked+label::after {
    border-color:#fff; }

.radio-info input[type=radio]:checked+label::before {
    border-color:#57c7d4; }

.radio-info input[type=radio]:checked+label::after {
    border-color:#fff; }

.radio-warning input[type=radio]:checked+label::before {
    border-color:#f2a654; }

.radio-warning input[type=radio]:checked+label::after {
    border-color:#fff;
}
.radio-success input[type=radio]:checked+label::before {
    border-color:#46be8a; }

.radio-success input[type=radio]:checked+label::after {
    border-color:#fff; }

.radio-sm {
    padding-left:16px; }

.radio-sm label {
    padding-left:8px; }

.radio-sm label:empty {
    padding-left:0; }

.radio-sm label::before {
    width:16px;
    height:16px;
    margin-left:-20px; }

.radio-sm label::after {
    top:6px;
    left:6px;
    width:4px;
    height:4px;
    margin-left:-20px;
    border-width:2px; }

.radio-sm input[type=radio] {
    width:16px;
    height:16px; }

.radio-sm input[type=radio]:checked+label::before {
    border-width:8px; }

.radio-lg {
    padding-left:24px; }

.radio-lg label {
    padding-left:12px; }

.radio-lg label:empty {
    padding-left:0; }

.radio-lg label::before {
    width:24px;
    height:24px;
    margin-left:-20px; }

.radio-lg label::after {
    top:8px;
    left:8px;
    width:8px;
    height:8px;
    margin-left:-20px;
    border-width:2px; }

.radio-lg input[type=radio] {
    width:24px;
    height:24px; }

.radio-lg input[type=radio]:checked+label::before {
    border-width:12px; }

/*===============================================
  J. Radio Style
================================================= */
.help-tip {
    position: absolute;
    top: 6px;
    text-align: center;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 26px;
    cursor: pointer;
    background: url(../img/qmark03.png) no-repeat; }

.help-tip:before {
    content:'';
    font-weight: bold;
    color:#fff; }

.help-tip:hover p {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out; }

.help-tip p {
    display: none;
    text-align: center;
    background-color: #fffdee;
    padding: 10px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(255, 253,238, 0.9);
    left: -4px;
    color: #333;
    font-size: 13px;
    line-height: 1.4;
    border: 1px solid #edd28b;
    top: 20px;
    z-index: 99999999; }

.help-tip p:before {
    position: absolute;
    content: '';
    width: 11px;
    height: 6px;
    /*border:6px solid transparent;
    border-bottom-color:#edd28b;*/
    left: 10px;
    top: -6px;
    background: url(../img/tips.gif) no-repeat; }

.help-tip p:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -40px;
    right: 0; }

/* ==============================================
  * All color variables used in this stylesheet
  * are stored in modules/_colors.scss

  IV. COLOR SYSTEM 颜色体系
      A. Misc Skin/Colors
      B. Colors for Custom Elements
      C. Tabs
      D. Icons
      E. Menu and Button Dropdowns
      F. Text Input Forms
      G. Thumbnails
      H. Paginations
      J. Switches
      K. RangeSlider
      L. Progress Bar Colors
      M. Text Colors
      N. Border Colors
      O. Background Colors
      P. Background Colors - Advanced Set

  * The Fusion Color System has two variations
  * of every color. A Light shade and a dark
  * shade. To create a gradient we set the
  * elements background-color to the dark shade
  * and then apply a gradient overlay via
  * the "gradient" mixin.
=================================================
  A. Misc Skin/Colors
================================================= */
/* Custom Theme(purple) Alert */
.alert-theme {
    color: #715da3;
    border-color: rgba(199, 183, 229, 0.4);
    background-color: rgba(199, 183, 229, 0.4); }

.alert-theme .alert-link {
    color: #715da3; }

/*===============================================
  A. Colors for Custom Elements
================================================= */
.facebook-color {
    background-color: #6395cf; }

.twitter-color {
    background-color: #4fbdc8; }

/* custom right side menu button */
.text-left{
    text-align:left!important; }

.text-center{
    text-align:center!important; }

.text-right{
    text-align:right!important; }

.text-cloud {
    color: #afb6c6; }

.text-859 {
    color: #8592a5!important; }

.text-6dc {
    color: #6dc33a!important; }
.text-17c{
    color:#17c1a0!important;
}
.pre-line{
    white-space: pre-line;
}
.text-c09 {
    color: #c0996b!important; }
/* User Online Green Border Color */

.border-onlinegreen {
    border-color: #94d867; }


/*===============================================
  A. Icons
================================================= */
/* Panel Header Icon */
.panel-title > .fa,
.panel-title > .glyphicon,
.panel-title > .glyphicons,
.panel-title > .imoon {
    color: #17c1a0; }

/*===============================================
  A. Menu and Button Dropdowns
================================================= */
/* .dropdown-menu {
  z-index: 999999;
  top:55px!important;
} */

/* Button Dropdown Menu Sizes */
.dropdown-menu.dropdown-sm {
    min-width: 120px; }

.dropdown-menu.dropdown-sm li {
    margin-bottom: 0; }

.dropdown-menu.dropdown-sm li a {
    font-size: 13px;
    padding: 2px 12px; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #17c1a0; }

.glyphicon-remove{color: #e70f66;}

/*===============================================
  A. Text Input Forms
================================================= */
.has-warning .form-control,
.has-warning .form-control:focus {
    border-color: #ffcf5a; }

.has-success .form-control,
.has-success .form-control:focus {
    border-color: #a0d65a; }

.has-error .form-control,
.has-error .form-control:focus {
    border-color: #ff745a; }

/*===============================================
  A. Thumbnails
================================================= */
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #a287d4; }

.thumbnail-xs {
    border-color: #a287d4; }

.thumbnail-sm {
    border-color: #a287d4; }

/*===============================================
  A. Paginations
================================================= */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #17c1a0;
    border-color: #17c1a0; }

.pagination > li > a,
.pagination > li > span {
    color: #999; }

.pagination-alt > li.active > a {
    background-color: #715da3;
    border-color: #715da3; }

/*===============================================
  A. Switches
================================================= */
div.switch.switch-teal input:checked + label {
    background-color: #a8e9ea; }

div.switch.switch-teal2 input:checked + label {
    background-color: #2dc5c7; }

div.switch.switch-teal3 input:checked + label {
    background-color: #1e9093; }

div.switch.switch-blue input:checked + label {
    background-color: #9de0f5; }

div.switch.switch-blue2 input:checked + label {
    background-color: #33bfeb; }

div.switch.switch-blue3 input:checked + label {
    background-color: #238bc5; }

div.switch.switch-purple input:checked + label {
    background-color: #c7b7e5; }

div.switch.switch-purple2 input:checked + label {
    background-color: #a287d4; }

div.switch.switch-purple3 input:checked + label {
    background-color: #715da3; }

div.switch.switch-pink input:checked + label {
    background-color: #ffd1ed; }

div.switch.switch-pink2 input:checked + label {
    background-color: #ffb2e1; }

div.switch.switch-pink3 input:checked + label {
    background-color: #ff7fb4; }

div.switch.switch-red input:checked + label {
    background-color: #ffac9c; }

div.switch.switch-red2 input:checked + label {
    background-color: #ff745a; }

div.switch.switch-red3 input:checked + label {
    background-color: #ff4f3e; }

div.switch.switch-orange input:checked + label {
    background-color: #fbb882; }

div.switch.switch-orange2 input:checked + label {
    background-color: #f9892e; }

div.switch.switch-orange3 input:checked + label {
    background-color: #e55e20; }

div.switch.switch-yellow input:checked + label {
    background-color: #ffe29c; }

div.switch.switch-yellow2 input:checked + label {
    background-color: #ffcf5a; }

div.switch.switch-yellow3 input:checked + label {
    background-color: #ff9d3e; }

div.switch.switch-green input:checked + label {
    background-color: #c6e69c; }

div.switch.switch-green2 input:checked + label {
    background-color: #a0d65a; }

div.switch.switch-green3 input:checked + label {
    background-color: #6fa53e; }

div.switch.switch-grey input:checked + label {
    background-color: #b0daec; }

div.switch.switch-grey2 input:checked + label {
    background-color: #6ebbdd; }

div.switch.switch-grey3 input:checked + label {
    background-color: #6ebbdd; }

/*===============================================
  A. RangeSlider
================================================= */
/* take note of where color class is applied(parent container)
 * See sliders.html for example */
.ui-rangeSlider.slider-teal .ui-rangeSlider-bar {
    background-color: #a8e9ea; }

.ui-rangeSlider.slider-teal2 .ui-rangeSlider-bar {
    background-color: #2dc5c7; }

.ui-rangeSlider.slider-teal3 .ui-rangeSlider-bar {
    background-color: #1e9093; }

.ui-rangeSlider.slider-blue .ui-rangeSlider-bar {
    background-color: #9de0f5; }

.ui-rangeSlider.slider-blue2 .ui-rangeSlider-bar {
    background-color: #33bfeb; }

.ui-rangeSlider.slider-blue3 .ui-rangeSlider-bar {
    background-color: #238bc5; }

.ui-rangeSlider.slider-purple .ui-rangeSlider-bar {
    background-color: #c7b7e5; }

.ui-rangeSlider.slider-purple2 .ui-rangeSlider-bar {
    background-color: #a287d4; }

.ui-rangeSlider.slider-purple3 .ui-rangeSlider-bar {
    background-color: #715da3; }

.ui-rangeSlider.slider-pink .ui-rangeSlider-bar {
    background-color: #ffd1ed; }

.ui-rangeSlider.slider-pink2 .ui-rangeSlider-bar {
    background-color: #ffb2e1; }

.ui-rangeSlider.slider-pink3 .ui-rangeSlider-bar {
    background-color: #ff7fb4; }

.ui-rangeSlider.slider-red .ui-rangeSlider-bar {
    background-color: #ffac9c; }

.ui-rangeSlider.slider-red2 .ui-rangeSlider-bar {
    background-color: #ff745a; }

.ui-rangeSlider.slider-red3 .ui-rangeSlider-bar {
    background-color: #ff4f3e; }

.ui-rangeSlider.slider-orange .ui-rangeSlider-bar {
    background-color: #fbb882; }

.ui-rangeSlider.slider-orange2 .ui-rangeSlider-bar {
    background-color: #f9892e; }

.ui-rangeSlider.slider-orange3 .ui-rangeSlider-bar {
    background-color: #e55e20; }

.ui-rangeSlider.slider-yellow .ui-rangeSlider-bar {
    background-color: #ffe29c; }

.ui-rangeSlider.slider-yellow2 .ui-rangeSlider-bar {
    background-color: #ffcf5a; }

.ui-rangeSlider.slider-yellow3 .ui-rangeSlider-bar {
    background-color: #ff9d3e; }

.ui-rangeSlider.slider-green .ui-rangeSlider-bar {
    background-color: #c6e69c; }

.ui-rangeSlider.slider-green2 .ui-rangeSlider-bar {
    background-color: #a0d65a; }

.ui-rangeSlider.slider-green3 .ui-rangeSlider-bar {
    background-color: #6fa53e; }

.ui-rangeSlider.slider-grey .ui-rangeSlider-bar {
    background-color: #b0daec; }

.ui-rangeSlider.slider-grey2 .ui-rangeSlider-bar {
    background-color: #6ebbdd; }

.ui-rangeSlider.slider-grey3 .ui-rangeSlider-bar {
    background-color: #6ebbdd; }

/*===============================================
  B. Progress Bar Colors
================================================= */
.progress-bar-teal {
    background-color: #a8e9ea !important; }

.progress-bar-teal2 {
    background-color: #2dc5c7 !important; }

.progress-bar-teal3 {
    background-color: #1e9093 !important; }

.progress-bar-blue {
    background-color: #9de0f5 !important; }

.progress-bar-blue2 {
    background-color: #33bfeb !important; }

.progress-bar-blue3 {
    background-color: #238bc5 !important; }

.progress-bar-purple {
    background-color: #c7b7e5 !important; }

.progress-bar-purple2 {
    background-color: #a287d4 !important; }

.progress-bar-purple3 {
    background-color: #715da3 !important; }

.progress-bar-pink {
    background-color: #ffd1ed !important; }

.progress-bar-pink2 {
    background-color: #ffb2e1 !important; }

.progress-bar-pink3 {
    background-color: #ff7fb4 !important; }

.progress-bar-red {
    background-color: #ffac9c !important; }

.progress-bar-red2 {
    background-color: #ff745a !important; }

.progress-bar-red3 {
    background-color: #ff4f3e !important; }

.progress-bar-orange {
    background-color: #fbb882 !important; }

.progress-bar-orange2 {
    background-color: #f9892e !important; }

.progress-bar-orange3 {
    background-color: #e55e20 !important; }

.progress-bar-yellow {
    background-color: #ffe29c !important; }

.progress-bar-yellow2 {
    background-color: #ffcf5a !important; }

.progress-bar-yellow3 {
    background-color: #ff9d3e !important; }

.progress-bar-green {
    background-color: #c6e69c !important; }

.progress-bar-green2 {
    background-color: #a0d65a !important; }

.progress-bar-green3 {
    background-color: #6fa53e !important; }

.progress-bar-grey {
    background-color: #b0daec !important; }

.progress-bar-grey2 {
    background-color: #6ebbdd !important; }

.progress-bar-grey3 {
    border-color: #6ebbdd !important; }

/* Neutral Colors */
.progress-bar-white {
    background-color: white !important; }

.progress-bar-light {
    background-color: white !important; }

.progress-bar-light2 {
    background-color: #f0f0f0 !important; }

.progress-bar-light3 {
    background-color: #e8e8e8 !important; }

.progress-bar-light4 {
    background-color: #dddddd !important; }

.progress-bar-light5 {
    background-color: #cccccc !important; }

.progress-bar-light6 {
    background-color: #bbbbbb !important; }

.progress-bar-light7 {
    background-color: #aaaaaa !important; }

.progress-bar-dark {
    background-color: #777777 !important; }

.progress-bar-dark2 {
    background-color: #666666 !important; }

.progress-bar-dark3 {
    background-color: #494949 !important; }

.progress-bar-dark4 {
    background-color: #323232 !important; }

.progress-bar-dark5 {
    background-color: #1e1c1f !important; }

/*===============================================
  A. Text Colors
================================================= */
.text-teal {
    color: #a8e9ea !important; }

.text-teal2 {
    color: #2dc5c7 !important; }

.text-teal3 {
    color: #1e9093 !important; }

.text-blue {
    color: #9de0f5 !important; }

.text-blue2 {
    color: #33bfeb !important; }

.text-blue3 {
    color: #238bc5 !important; }

.text-blue4 {
    color: #005aa0 !important; }

.text-007 {
    color: #0078d4 !important; }

.text-ff9 {
    color: #ff9898 !important; }

.text-259 {
    color: #2597ef !important; }

.text-purple {
    color: #c7b7e5 !important; }

.text-009 {
    color: #009ae2 !important; }

.text-purple2 {
    color: #a287d4 !important; }

.text-purple3 {
    color: #715da3 !important; }

.text-success {
    color: #1ab394!important; }


.text-pink {
    color: #ffd1ed !important; }

.text-pink2 {
    color: #ffb2e1 !important; }

.text-pink3 {
    color: #ff7fb4 !important; }

.text-red {
    color: #ffac9c !important; }

.text-red2 {
    color: #ff745a !important; }

.text-red3 {
    color: #e9311d !important; }

.text-orange {
    color: #fbb882 !important; }

.text-orange2 {
    color: #f9892e !important; }

.text-orange3 {
    color: #e55e20 !important; }

.text-orange4 {
    color: #ff6600 !important; }

.text-yellow {
    color: #ffe29c !important; }

.text-yellow2 {
    color: #ffcf5a !important; }

.text-yellow3 {
    color: #ff9d3e !important; }

.text-yellow5 {
    color: #fffc00 !important; }

.text-green {
    color: #c6e69c !important; }

.text-green2 {
    color: #a0d65a !important; }

.text-green3 {
    color: #6fa53e !important; }

.text-green4 {
    color: #49d8a3 !important; }

.text-grey {
    color: #b0daec !important; }

.text-grey2 {
    color: #6ebbdd !important; }

.text-grey3 {
    color: #4b87ae !important; }

.text-5a8 {
    color: #3487E2 !important; }

.text-blue6 {
    color: #54c6ea !important; }

.text-5ac {
    color: #5ac1df !important; }

/* Neutral Colors */
.text-white {
    color: white !important; }

.text-light {
    color: white !important; }

.text-light2 {
    color: #f0f0f0 !important; }

.text-light3 {
    color: #e8e8e8 !important; }

.text-light4 {
    color: #dddddd !important; }

.text-light5 {
    color: #cccccc !important; }

.text-light6 {
    color: #bbbbbb !important; }

.text-light7 {
    color: #aaaaaa; }

.text-dark {
    color: #777777 !important; }

.text-dark2 {
    color: #666666 !important; }

.text-dark3 {
    color: #494949 !important; }

.text-dark4 {
    color: #323232 !important; }

.text-dark5 {
    color: #1e1c1f !important; }

.text-dark6 {
    color: #666 !important; }

.text-859 {
    color: #8592a6 !important; }

.text-ff8{
    color: #ff811b !important; }

/*===============================================
  B. Border Colors
================================================= */
.border-teal {
    border-color: #a8e9ea !important; }

.border-teal2 {
    border-color: #2dc5c7 !important; }

.border-teal3 {
    border-color: #1e9093 !important; }

.border-blue {
    border-color: #9de0f5 !important; }

.border-blue2 {
    border-color: #33bfeb !important; }

.border-blue3 {
    border-color: #238bc5 !important; }

.border-purple {
    border-color: #c7b7e5 !important; }

.border-purple2 {
    border-color: #a287d4 !important; }

.border-purple3 {
    border-color: #715da3 !important; }

.border-pink {
    border-color: #ffd1ed !important; }

.border-pink2 {
    border-color: #ffb2e1 !important; }

.border-pink3 {
    border-color: #ff7fb4 !important; }

.border-red {
    border-color: #ffac9c !important; }

.border-red2 {
    border-color: #ff745a !important; }

.border-red3 {
    border-color: #ff4f3e !important; }

.border-orange {
    border-color: #fbb882 !important; }

.border-orange2 {
    border-color: #f9892e !important; }

.border-orange3 {
    border-color: #e55e20 !important; }

.border-yellow {
    border-color: #ffe29c !important; }

.border-yellow2 {
    border-color: #ffcf5a !important; }

.border-yellow3 {
    border-color: #ff9d3e !important; }

.border-green {
    border-color: #c6e69c !important; }

.border-green2 {
    border-color: #a0d65a !important; }

.border-green3 {
    border-color: #6fa53e !important; }

.border-grey {
    border-color: #b0daec !important; }

.border-grey2 {
    border-color: #6ebbdd !important; }

.border-grey3 {
    border-color: #4b87ae !important; }

.border-17c {
    border-color: #17c1a0 !important; }
/* Neutral Colors */
.border-white {
    border-color: white !important; }

.border-light {
    border-color: white !important; }

.border-light2 {
    border-color: #f0f0f0 !important; }

.border-light3 {
    border-color: #e8e8e8 !important; }

.border-light4 {
    border-color: #dddddd !important; }

.border-light5 {
    border-color: #cccccc !important; }

.border-light6 {
    border-color: #bbbbbb !important; }

.border-light7 {
    border-color: #aaaaaa !important; }

.border-dark {
    border-color: #777777 !important; }

.border-dark2 {
    border-color: #666666 !important; }

.border-dark3 {
    border-color: #494949 !important; }

.border-dark4 {
    border-color: #323232 !important; }

.border-dark5 {
    border-color: #1e1c1f !important; }

/*===============================================
  B. Background Colors
================================================= */
.bg-teal {
    background-color: #a8e9ea !important; }

.bg-259{
    background-color: #2597ef !important;
}

.bg-17c{
    background-color: #17c1a0 !important;
}

.bg-779{
    background-color: #779deb !important;
}

.bg-e5f{
    background-color: #e5f9ff !important;
}

.bg-f6f{
    background-color: #f6f6f6 !important;
}

.bg-teal2 {
    background-color: #2dc5c7 !important; }

.bg-teal3 {
    background-color: #1e9093 !important; }

.bg-blue {
    background-color: #9de0f5 !important; }

.bg-blue2 {
    background-color: #33bfeb !important; }

.bg-blue3 {
    background-color: #238bc5 !important; }

.bg-blue4 {
    background-color: #5ac1df !important; }

.bg-blue5 {
    background-color: #eef3f4  !important; }

.bg-purple {
    background-color: #c7b7e5 !important; }

.bg-purple2 {
    background-color: #a287d4 !important; }

.bg-purple3 {
    background-color: #715da3 !important; }

.bg-pink {
    background-color: #ffd1ed !important; }

.bg-pink2 {
    background-color: #ffb2e1 !important; }

.bg-pink3 {
    background-color: #ff7fb4 !important; }

.bg-red {
    background-color: #ffac9c !important; }

.bg-00b {
    background-color: #00b4ff !important; }

.bg-red2 {
    background-color: #ff745a !important; }

.bg-red3 {
    background-color: #ff4f3e !important; }

.bg-orange {
    background-color: #fbb882 !important; }

.bg-orange2 {
    background-color: #f9892e !important; }

.bg-orange3 {
    background-color: #e55e20 !important; }

.bg-orange4{
    background-color: #ff6600 !important; }

.bg-yellow {
    background-color: #ffe29c !important; }

.bg-yellow2 {
    background-color: #ffcf5a !important; }

.bg-yellow3 {
    background-color: #ff9d3e !important; }

.bg-green {
    background-color: #c6e69c !important; }

.bg-green2 {
    background-color: #a0d65a !important; }

.bg-green3 {
    background-color: #6fa53e !important; }

.bg-green4 {
    background-color: #5cb85c !important; }

.bg-grey {
    background-color: #b0daec !important; }

.bg-grey2 {
    background-color: #6ebbdd !important; }

.bg-grey3 {
    background-color: #4b87ae !important; }

.bg-5ac {
    background-color: #5ac1df !important; }

.bg-78c{
    background-color: #78c06b !important; }

.bg-ebe{
    background-color: #ebebeb !important; }
/* Neutral Colors */

.bg-f8f{
    background-color: #f8f8f8 !important;
}
.bg-faf{
    background-color: #fafafa !important;
}
.bg-white {
    background-color: transparent !important; }

.bg-white {
    background-color: white !important; }

.bg-light {
    background-color: white !important; }
.bg-light1 {
    background-color: #f5f5f5 !important; }
.bg-light2 {
    background-color: #f0f0f0 !important; }

.bg-light3 {
    background-color: #e8e8e8 !important; }

.bg-light4 {
    background-color: #dddddd !important; }

.bg-light5 {
    background-color: #cccccc !important; }

.bg-light6 {
    background-color: #bbbbbb !important; }

.bg-light7 {
    background-color: #aaaaaa !important; }

.bg-dark {
    background-color: #777777 !important; }

.bg-dark2 {
    background-color: #666666 !important; }

.bg-dark3 {
    background-color: #494949 !important; }

.bg-dark4 {
    background-color: #323232 !important; }

.bg-dark5 {
    background-color: #1e1c1f !important; }

.bg-f96 {
    background-color: #f96868 !important; }

.bg-f6b {
    background-color: #f6b55a !important; }

.bg-97d {
    background-color: #97d983 !important; }

.bg-ffa{
    background-color: #ffa14d !important; }

.bg-none{
    background: none!important; }

.bg-35c {
    background-color: #35cedc !important; }

/* Used for gradient creation of Neutral Colors */
.bg-dark.bg-gradient {
    background-color: #777777 !important; }

.bg-dark2.bg-gradient {
    background-color: #666666 !important; }

.bg-dark3.bg-gradient {
    background-color: #494949 !important; }

.bg-dark4.bg-gradient {
    background-color: #323232 !important; }

.bg-dark5.bg-gradient {
    background-color: #1e1c1f !important; }

/*===============================================
  B. Background Colors - Advanced Set
================================================= */
.bg-blue-alt {
    background-color: #35b5d7; }

.bg-blue2-alt {
    background-color: #3093c7; }

.bg-blue3-alt {
    background-color: #4f96b4; }

.bg-blue4-alt {
    background-color: #287bab!important; }

.bg-blue5-alt {
    background-color: #3f8ad4; }

.bg-blue6-alt {
    background-color: #205066!important; }

.bg-blue7-alt {
    background-color: #21334b; }

.bg-green-alt {
    background-color: #6db54b; }

.bg-green2-alt {
    background-color: #71aa61; }

.bg-green3-alt {
    background-color: #417447; }

.bg-green4-alt {
    background-color: #47741a; }

.bg-green5-alt {
    background-color: #1c4905; }

.bg-red-alt {
    background-color: #e4151d; }

.bg-red2-alt {
    background-color: #d10011; }

.bg-red3-alt {
    background-color: #bf0d14; }

.bg-red4-alt {
    background-color: #930b1f; }

.bg-purple-alt {
    background-color: #bb7ea6; }

.bg-purple2-alt {
    background-color: #7a5067; }

.bg-purple3-alt {
    background-color: #89264f; }

.bg-purple4-alt {
    background-color: #462b4c; }

.bg-orange-alt {
    background-color: #e94216; }

.bg-orange2-alt {
    background-color: #f56333; }

.bg-orange3-alt {
    background-color: #fb7e2a; }

.bg-yellow-alt {
    background-color: #f0c92f; }

.bg-yellow2-alt {
    background-color: #e1bc4a; }

.bg-creme-alt {
    background-color: #feda83; }

.bg-creme2-alt {
    background-color: #fae3b4; }

.bg-creme3-alt {
    background-color: #d3c27b; }

.bg-brown-alt {
    background-color: #b29579!important; }

.bg-brown2-alt {
    background-color: #7b5d3a; }

.bg-brown3-alt {
    background-color: #563330; }

/* Secondary color useful for making darker toned gradients */
.bg-blue-alt.bg-gradient {
    background-color: #008aaf; }

.bg-blue2-alt.bg-gradient {
    background-color: #0070ab; }

.bg-blue3-alt.bg-gradient {
    background-color: #066b95; }

.bg-blue4-alt.bg-gradient {
    background-color: #005789; }

.bg-blue5-alt.bg-gradient {
    background-color: #00416d; }

.bg-blue6-alt.bg-gradient {
    background-color: #043a53; }

.bg-blue7-alt.bg-gradient {
    background-color: #09203f; }

.bg-green-alt.bg-gradient {
    background-color: #368d0d; }

.bg-green2-alt.bg-gradient {
    background-color: #33881b; }

.bg-green3-alt.bg-gradient {
    background-color: #00520a; }

.bg-green4-alt.bg-gradient {
    background-color: #274d00; }

.bg-green5-alt.bg-gradient {
    background-color: #0d2f00; }

.bg-red-alt.bg-gradient {
    background-color: #eb050e; }

.bg-red2-alt.bg-gradient {
    background-color: #d10011; }

.bg-red3-alt.bg-gradient {
    background-color: #a6050b; }

.bg-red4-alt.bg-gradient {
    background-color: #930b1f; }

.bg-purple-alt.bg-gradient {
    background-color: #9c457e; }

.bg-purple2-alt.bg-gradient {
    background-color: #6a254b; }

.bg-purple3-alt.bg-gradient {
    background-color: #71002f; }

.bg-purple4-alt.bg-gradient {
    background-color: #36143e; }

.bg-orange-alt.bg-gradient {
    background-color: #f93e0d; }

.bg-orange2-alt.bg-gradient {
    background-color: #fe561f; }

.bg-orange3-alt.bg-gradient {
    background-color: #ff7214; }

.bg-yellow-alt.bg-gradient {
    background-color: #fac908; }

.bg-yellow2-alt.bg-gradient {
    background-color: #e9bb2d; }

.bg-creme-alt.bg-gradient {
    background-color: #ffd266; }

.bg-creme2-alt.bg-gradient {
    background-color: #fedd9a; }

.bg-creme3-alt.bg-gradient {
    background-color: #bca339; }

.bg-brown-alt.bg-gradient {
    background-color: #99714b; }

.bg-brown2-alt.bg-gradient {
    background-color: #6c4517; }

.bg-brown3-alt.bg-gradient {
    background-color: #4f1a16; }

.bg-fde {
    background-color: #fffdee; }

.bg-f0f {
    background-color: #f0f7fd; }

/* COLOR MODIFICATIONS SPECIFICALLY FOR BUTTONS
* Any variations to buttons were placed below so that
* the above classes contain only color styles. This
* allows the styles to be used on any element rather
* than just "Text" or "Buttons" as their name suggest
----------------------------------------------------------*/
.bg-creme-alt {
    border-color: #f5c348; }

.bg-creme2-alt {
    border-color: #f7ca5c; }

.bg-light6 {
    border-color: #e5e5e5; }

.bg-light7 {
    border-color: #eeeeee; }

.bg-light, .bg-light2, .bg-light3, .bg-light4, .bg-light5, .bg-light6, .bg-light7, .btn-default {
    color: #555555; }

.bg-light:focus, .bg-light2:focus, .bg-light3:focus, .bg-light4:focus, .bg-light5:focus, .bg-light6:focus, .bg-light7:focus, .bg-default:focus, .btn-default:focus {
    color: #555555; }

.bg-light:active:focus, .bg-light2:active:focus, .bg-light3:active:focus, .bg-light4:active:focus, .bg-light5:active:focus, .bg-light6:active:focus, .bg-light7:active:focus, .bg-default:active:focus, .btn-default:active:focus {
    color: #555555; }

.bg-light.bg-gradient, .bg-light2.bg-gradient, .bg-light3.bg-gradient, .bg-light4.bg-gradient, .bg-light5.bg-gradient, .bg-light6.bg-gradient, .bg-light7.bg-gradient, .btn-default.btn-gradient, .bg-default.bg-gradient {
    text-shadow: 0 1px #ffffff;
    border-color: #eee rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.11);
    background-color: "";
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.bg-creme-alt:focus, .bg-creme2-alt:focus, .bg-yellow-alt:focus, .bg-yellow2-alt:focus {
    color: #ca8f00; }

.bg-creme-alt, .bg-creme2-alt, .bg-yellow-alt, .bg-yellow2-alt {
    color: #ca8f00;
    font-weight: 600;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.55); }

.bg-yellow-alt:hover, .bg-yellow2-alt:hover, .bg-creme-alt:hover, .bg-creme2-alt:hover, .bg-creme3-alt:hover, .bg-light:hover, .bg-light2:hover, .bg-light3:hover, .bg-light4:hover, .bg-light5:hover, .bg-light6:hover, .bg-light7:hover, .bg-default:hover, .btn-default:hover {
    color: #555555; }


/* ================================================
   V. PANELS
      A. Heading
      B. Panel Addon - Menu
      C. Panel Addon - Sidemenu
      D. Panel Addon - Tray
      E. Panel Tabs
      F. Panel Accordion
      G. Alternate Styles

  * Bootstrap Panels are a vital element in this
  * theme. Please read the documentation provided
  * with Fusion Admin to learn more
===================================================
  A. Heading
=================================================== */
.panel {
    position: relative;
    margin-bottom: 0;
    padding: 0 16px;
    border-radius: 2px;
    box-shadow:none; }
.panel-content {
    position: relative;
    margin-bottom: 0;
    padding: 0 16px;
    /* padding-bottom: 80px; */
    border: none;
    background-color: #fff;
    border-radius: 2px;
    box-shadow:none; }

/* panel helper class */
.panel-overflow {
    overflow: hidden; }

.panel-heading {
    position: relative;
    padding: 0;
    min-height: 32px;
    line-height: 32px;
    color: #666;
    font-size: 13px;
    font-weight: 600;
    /*   border-bottom: 1px solid #e5e5e5; */
    border-radius: 2px 2px 0 0;
    background: #fff; }

.panel .panel-heading.white-bg{
    background: #fff!important; }

.fo-square{
    width:8px;
    min-width:8px;
    height:8px;
    background:#2597ef;
    display:inline-block;
}

.panel-heading + .panel-body {
    border-top-color: #e5e5e5; }

.panel-title {
    font-size: 14px;
    font-weight: normal;
    color: #666;
    font-family: Microsoft YaHei;
    border-left: 5px solid #62a8ea;
    padding-left: 15px; }

.panel-title>a.active {
    color: #ff745a; }

.panel-title > .fa,
.panel-title > .glyphicon,
.panel-title > .glyphicons,
.panel-title > .imoon {
    min-width: 25px;
    margin-right: 8px;
    border-right: 1px solid #ddd;
    color: #17c1a0;
    font-size: 16px;
    top: 2px; }

.panel-body {
    position: relative;
    background: #fff;
    padding: 16px 0;
    padding-bottom: 8px; }

/* Colored headers - via bg-* classes */
.panel-heading[class*='bg-'] {
    margin: -1px -1px -1px 0px; }

.panel-heading[class*='bg-'],
.panel-heading[class*='bg-'] .glyphicon {
    color: #FFF;
    border: none; }

.panel-heading[class*='bg-'] + .panel-body {
    border-top: none; }

.panel-footer {
    background-color: #fafafa; }


.gridding {
    padding-left: 0;
}
.glyphicon-class {
    display: block;
}
.gridding .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 18px;
}
.gridding > li {
    float: left;
    width: 160px;
    height: 160px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #eee;
    border: 1px solid #fff;
    cursor: pointer;
}
.bpm-gridding li:hover ,.bpm-gridding a:hover,.gridding li .glyphicon-class:hover {
    color: #fff;
    background-color: #563d7c;
}

/*===============================================
  B. Panel Addon - Menu
  -----------------------------------------------
  Typically placed under the panel header 
  and used to hold buttons or menus 
================================================= */
.panel-menu {
    padding-top: 16px;
    background-color: #fff;
}
.panel-add {
    padding-top: 24px;
    background-color: #fff;
}
.panel-add .table-content>tbody>tr>td:nth-child(even) {
    color: #000;
}

.panel .panel-menu .btn.active {
    background-color: #FFF;
    box-shadow: none; }

/*===============================================
  C. Panel Addon - Sidemenu
  -----------------------------------------------
  A side column great for housing an
  extra nav list. When used its sibling
  panel body (content) is modified 
================================================= */
/* Sidemenu and content are both floated. 
 * to create equal heights we use the 
 * "Table Layout" css helpers. These helpers
 * can be found in _helpers.scss */
.panel-sidemenu {
    padding: 15px;
    background-color: #f6f6f6; }

.panel-sidemenu ul.nav li {
    margin-bottom: 4px;
    list-style: none; }

.panel-sidemenu ul.nav li.nav-title {
    padding: 10px 0;
    color: #777;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px #FFF; }

.panel-sidemenu ul.nav li.nav-title:hover {
    color: #777777; }

.panel-sidemenu ul.nav li a {
    padding: 5px 0;
    color: #888; }

.panel-sidemenu ul.nav .divider {
    width: 80%;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background: #e2e2e2; }

/*===============================================
  D. Panel Addon - Tray
  -----------------------------------------------
  A special slide out tray used to store 
  additional information. Such as online users.
================================================= */
.panel-tray {
    z-index: 11;
    position: absolute;
    top: 0;
    right: -210px;
    height: 100%;
    width: 210px;
    padding: 15px;
    border-left: 1px solid #DDD;
    background: #fafafa;
    -webkit-transition: right .1s ease-in-out;
    transition: right .1s ease-in-out; }

.panel-tray.tray-open {
    right: 0px; }

.panel-tray-toggle {
    z-index: 999;
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    left: -28px;
    top: -1px;
    width: 28px;
    height: 29px;
    border: 1px solid #DDD;
    border-right: none;
    border-radius: 0 0 0 3px;
    background: #fafafa; }

.panel-tray-toggle .fa,
.panel-tray-toggle .glyphicon,
.panel-tray-toggle .glyphicons,
.panel-tray-toggle .imoon {
    font-size: 16px;
    color: #c7b7e5;
    text-align: center;
    padding: 6px; }

/*===============================================
  E. PANEL TABS
  -----------------------------------------------
  Panel Tab Navigation must be placed inside
  ".panel-heading" see Fusion Docs for example 
================================================= */
.panel-tabs {
    /*height: 40px;*/
    /*background:#f8f8f8;*/
    bottom: 0px;
    left: 0;
    /*border-bottom: 1px solid #e8e8e8; */
}

.panel-tabs > li {
    position: relative;
    float: left;
    margin-bottom: 0px; }

.panel-tabs >.active:hover{background:none!important;}
.panel-tabs > li > a {
    line-height: 1.428571429;
    border-radius: 0;
    padding: 10px 22px;
    font-size: 14px!important;
    color: #666;
}

.panel-tabs > li > a:hover {
    background-color: #f2f2f2; }

/* hover and active states */
.panel-tabs > li.active > a, .panel-tabs > li.active > a:hover, .panel-tabs > li.active > a:focus {
    color: #333;
    cursor: default;
    background: #ffffff;
    padding: 10px 32px; }

/* .panel-tabs > li > a :hover {
	background: none!important; } */
.isLoginImg img{
    max-width: 30%;
    max-height: 615px;
    margin-top: 20%;
}
.isLoginImg{
    display: flex;
    align-items: center;
    opacity: 0;
    justify-content: center;
}
/*.panel-tabs > li.active:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -1px;*/
/*    left: 0;*/
/*    height: 3px;*/
/*    background: #62a8ea;*/
/*    width: 100%; }*/
.panel-tabs > li.active:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 3px;
    background: #fff;
    width: 100%; }

.panel-tabs > li.active>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background: #e8e8e8;
}
.panel-tabs > li.active:first-child>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background: #fff;
}
.panel-tabs > li.active>a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: #e8e8e8;
}
.panel-tabs > li > a>i{
    position: absolute;
    top: 3px;
    right: 2px;
    font-style: normal;
    background: #17c1a0;
    color: #fff;
    display: inline-block;
    min-width: 20px;
    border-radius: 20px;
    text-align: center;
    padding: 0px 5px;
    margin-left: 10px;
    font-size: 10px;
    border: 1px solid #17c1a0;
}

/* PANEL TAB CORRECTION */
/* If you want a panel-like footer inside a tababble
 * area you need to wrap the content in a ".tab-body"
 * class. See timeline.html for an example(event panel) */
.tab-body {
    padding: 15px; }

.tab-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }


/* PANEL TAB CORRECTION */
/* If you want a panel-like footer inside a tababble
 * area you need to wrap the content in a ".tab-body"
 * class. See timeline.html for an example(event panel) */
.tab-body {
    padding: 15px; }

.tab-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

/*===============================================
  F. Accordion 
  -----------------------------------------------
  Created with Bootstrap Panels
================================================= */
.accordion.panel-group .panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.accordion.panel-group .panel + .panel {
    margin-top: 10px; }

/* Accordion Header */
.accordion .panel-heading a {
    text-decoration: none;
    display: block; }

.accordion .panel-heading a:hover {
    color: inherit; }

/* Accordion Widget Toggle Arrows */
.accordion .accordion-toggle-icon {
    padding: 12px 12px 7px;
    font-size: 18px; }

/* Accordion Toggle Arrow States */
.accordion .accordion-toggle-icon i:first-child {
    display: block; }

.accordion .accordion-toggle-icon i:last-child {
    display: none; }

.accordion .collapsed .accordion-toggle-icon i:first-child {
    display: none; }

.accordion .collapsed .accordion-toggle-icon i:last-child {
    display: block; }

/*===============================================
  G. Alternate Panel Styles
================================================= */
/* Minimal - Style */
.panel.panel-alt {
    border-color: #DDD;
    box-shadow: none;
    background: #FFF; }

.panel.panel-alt > .panel-heading {
    height: 40px;
    padding-right: 15px;
    background-color: #FFF;
    font-size: 14px;
    line-height: 40px;
    box-shadow: none; }

.panel.panel-alt .panel-body {
    padding: 20px 30px;
    background-color: #fcfcfc;
    line-height: 22px; }

/*table container */
.table-container {
    width: 100%;
    overflow-y: hidden;
    _overflow: auto;
    margin: 0;
    overflow-x:  auto;
}
.table-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 10px;
}
.table-scroll {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 300px;
}
.table-container::-webkit-scrollbar-thumb {
    border: 0 solid #fff;
    background: #999!important;
}
.table-container td, .table-container th {
    white-space: nowrap;
}
.nowrap{
    white-space: nowrap;
}
.fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

.fixed-table-column {
    position: absolute;
    right: 0px;
    background-color: rgb(255, 255, 255);
    border-right: 1px solid rgb(221, 221, 221);
    box-shadow: rgba(0, 0, 0, 0.1) -1px 2px 8px;
    z-index: 999;
}

.ith-btn{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding-top: 4px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
.cat-search-btn {
    color: #17c1a0 !important;
}
.cat-search-btn span {
    margin-left: 16px;
}
.cat-search-btn i {
    font-size: 16px;
    margin-left: 5px;
    margin-top: 1px;
}

.advanced-search {
    display: none; }

.advanced {
    display: none; }
.list-inline {
    line-height: 19px;
    padding-top: 7px;
}

.icon-empty:before {
    content: ''; }

/*
 * 页面加载动画
 */
.page-loading ,.template{
    min-height: 400px;
    width: 100%;
    background-image: url(../../view/channel/images/load.gif);
    background-repeat: no-repeat;
    background-position:center center;
}
.template {
    min-height: 300px;
}
.template * {
    display: none !important;
}


.cat-list.dropdown-menu {
    padding: 5px 15px;
    max-height: 350px;
    overflow: auto;
}
.cat-list.dropdown-menu li {
    padding: 5px 0;
}
/*
 * user define
 */


.table>tbody+tbody{ border-top: none!important;}
#timeline{position: relative;}
.jconfirm{
    z-index: 9999!important;
}
.jconfirm+.select2-container{z-index: 1000000;}
.select-length+.select2-container--default{width: 100%!important;}
.detail-img img{max-width: 100%;}

.order-box{
    border-color: #eee;
    -moz-box-shadow: 0px 0px 3.84px 0.16px rgba(222, 222, 222, 0.53);
    -webkit-box-shadow: 0px 0px 3.84px 0.16px rgba(222, 222, 222, 0.53);
    box-shadow: 0px 0px 3.84px 0.16px rgba(222, 222, 222, 0.53);
    border-radius: 2px;}

.pos-rel{position: relative;}

.trag-pos{
    position: absolute;
    bottom: -6px;
    left: 25px;
    border-top-color: #eee;}

.wordline{
    white-space: normal!important;
    word-break: break-all;}

.tab-confirm-scroll{
    max-height: 330px;
    overflow-x: hidden;
    overflow-y: auto; }

.tab-confirm-scroll::-webkit-scrollbar-track { background-color: #F5F5F5;}

.tab-confirm-scroll::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;}

.tab-confirm-scroll::-webkit-scrollbar-thumb { background-color: #ccc;border-radius: 8px;}

.box-tit{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ff6332;
    background-color: #fff4f1 !important;}
.input-site{
    top: 4px;
    left: 18px;
}


.warn-icon{
    height: 18px;
    width: 18px;
    text-align: center;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    background:#fcc524;
    color:#fff;
    border-radius:18px;
    margin-top:1px;
}
.pointer{cursor:pointer}
.move-top,.move-up,.move-down,.move-btm{
    background-image: url(/static/designs/img/product_class.png);
    background-repeat: no-repeat;
    display: inline-block;
    zoom: 1;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    vertical-align: middle;
    width: 21px;
    height: 17px;
}
.move-top{background-position: 3px 0;}
.move-up{background-position: -41px 0;}
.move-down{background-position: -64px 0;}
.move-btm{background-position: -20px 0;}

.high .move-top{background-position: 3px -24px;}
.high .move-up{background-position: -41px -24px;}
.high .move-down{background-position: -64px -24px;}
.high .move-btm{background-position: -20px -24px;}

.move-top:hover{background-position: 3px -50px;}
.move-up:hover{background-position: -41px -50px;}
.move-down:hover{background-position: -64px -50px;}
.move-btm:hover{background-position: -20px -50px;}

.high .no-move-top{background-position: 3px 0}
.high .no-move-up{background-position: -41px 0;}
.high .no-move-down{background-position: -64px 0;}
.high .no-move-btm{background-position: -20px 0;}
.high .no-move-top:hover,.high .no-move-up:hover,.high .no-move-down:hover,.high .no-move-btm:hover{cursor:not-allowed;}

table.son-table{width:100%;margin-bottom: 0px !important;}

.son-table td{padding:0 8px;}
.td1,.td2,.td3{width:15%;}
.td4{width:25%;}
.table>tbody+tbody {border-top: 1px solid #ddd;}
#class_wrapper>table:last-child:last-child{border-bottom: 1px solid #ddd;}
.dis-none{display:none;}

.validate-site .formError{left: 288px!important;}

.word-en{word-wrap: break-word; word-break: break-all;}

/*===============================================
  add css
================================================= */
.c-ff9{color:#ff9900;}
.pt0{padding-top:0;}
.pb0{padding-bottom:0;}
.dis-inline-block{display: inline-block; }
.over{overflow: hidden;}
.mix{border: 1px solid #edd28b;line-height: 50px;padding-left: 15px;}
.table-tit{
    margin-bottom: 24px;
}
.table-tit>h4{
    font-size: 14px;
    font-weight:bold;
    padding-left:8px;
    line-height: 12px;
    border-left: 4px solid #1ab394;
    margin-bottom: 0;
}
.ellipsis {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.wdt100{
    width:100px;
}
.wdt120{
    width:100px;
}
.wdt150{
    width:150px;
}
.ls1{letter-spacing:1em;}
.content-chart{
    padding:30px 0;
}
.chart-box{
    width: 238px;
    height: 70px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    position:relative;
    transition:	all .2s linear;
    cursor:pointer;
    border-radius:3px;
    margin-right: 12px;
}
.chart-box:hover,.chart-box.active{
    box-shadow:0 15px 30px rgba(19,116,191,.1);
    border: 1px solid #2597ef;
    transform:translate3d(0,-2px,0);}
.chart-box .box-lf{
    padding:15px;
    display: inline-block;
    width: 70px;
    float: left;
    height: 70px;
}

.chart-box .box-lf .chart-icon{
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../img/chart-report-icon.png) no-repeat;
}

.chart-box .box-lf .chart-icon.bar-icon{
    background-position:-9px 0 ;
}
.chart-box:hover .chart-icon.bar-icon{
    background-position:-47px -1px;
}

.chart-box .box-lf .chart-icon.sector-icon{
    background-position:-122px -2px;
}
.chart-box:hover .chart-icon.sector-icon{
    background-position:-162px -2px;
}

.chart-box .box-lf .chart-icon.line-icon{
    background-position:-238px -2px;
}
.chart-box:hover .chart-icon.line-icon{
    background-position:-281px -2px;
}

.chart-box .box-lf .chart-icon.pay-icon{
    background-position:-9px -51px;
}
.chart-box:hover .chart-icon.pay-icon{
    background-position:-54px -51px;
}

.chart-box .box-lf .chart-icon.invoice-icon{
    background-position:-124px -51px;
}
.chart-box:hover .chart-icon.invoice-icon{
    background-position:-169px -50px;
}

.chart-box .box-lf .chart-icon.goods-icon{
    background-position:-9px -105px;
}
.chart-box:hover .chart-icon.goods-icon{
    background-position:-54px -105px;
}

.chart-box .box-lf .chart-icon.storage-icon{
    background-position:-122px -105px;
}
.chart-box:hover .chart-icon.storage-icon{
    background-position:-171px -105px;
}

.chart-box .box-lf .chart-icon.storage1-icon{
    background-position:-236px -106px;
}
.chart-box:hover .chart-icon.storage1-icon{
    background-position:-288px -106px;
}

.chart-box .box-lf .chart-icon.flowing-icon{
    background-position:-11px -160px;
}
.chart-box:hover .chart-icon.flowing-icon{
    background-position:-56px -160px;
}

.chart-box .box-lf .chart-icon.use-icon{
    background-position:-125px -160px;
}
.chart-box:hover .chart-icon.use-icon{
    background-position:-171px -160px;
}

.chart-box .box-lf .chart-icon.sales-icon{
    background-position:-238px -160px;
}
.chart-box:hover .chart-icon.sales-icon{
    background-position:-288px -160px;
}

.chart-box .box-lf .chart-icon.profit-icon{
    background-position:-12px -227px;
}
.chart-box:hover .chart-icon.profit-icon{
    background-position:-58px -226px;
}

.chart-box .box-lf .chart-icon.balance-icon{
    background-position:-124px -225px;
}
.chart-box:hover .chart-icon.balance-icon{
    background-position:-170px -225px;
}

.chart-box .box-lf .chart-icon.sale-icon1{
    background-position:-237px -225px;
}
.chart-box:hover .chart-icon.sale-icon1{
    background-position:-289px -225px;
}

.chart-box .box-lf .chart-icon.sale-icon2{
    background-position:-12px -283px;
}
.chart-box:hover .chart-icon.sale-icon2{
    background-position:-57px -283px;
}

.chart-box .box-rt{
    display: inline-block;
    float: left;
    height: 70px;
    width: 150px;
}

.use-box{
    background: #ffffeb;
    display: inline-block;
    padding:6px 10px;
}

.tip-box{
    display: inline-block;
    background: #ff4e4e;
    font-size: 10px;
    color: #fff;
    border-radius:50%;
    width: 20px;
    height: 20px;
    position: absolute;
    line-height: 20px;
    text-align: center;
    top:5px;
}

.rel-pos{
    position: relative;
}
.ml12{margin-left:12px;}
p.ellipsis{margin-bottom:0;}
.per-icon{
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../img/save-acount.png) no-repeat;
}

.per-icon.pass-save{
    background-position:0px -5px;
}

.per-icon.email-save{
    background-position:-41px -5px;
}

.per-icon.phone-save{
    background-position:-86px -5px;
}

.per-icon.tie-phone{
    background-position:-130px -8px;
}

.per-icon.new-phone{
    background-position:-175px -8px;
}

.per-icon.mail-box{
    background-position:-126px -65px;
}

.per-icon.new-mail{
    background-position:-177px -65px;
}

.per-icon.tie-success{
    background-position:2px -56px;
}

.per-icon.success-icon{
    background-position: 0 0;
    width: 60px;
    height: 60px;
    background-size:100%;
}

.per-icon.person-icon{
    background-position: 0px -124px;
}

.per-icon.new-mail-set{
    background-position: -60px -124px;
}

.per-info-box .per-pass{
    width: 125px;
}

.per-info-box .wd180{
    width: 180px;
}

.per-info-box .wd280{
    width: 480px;
    padding-left: 125px;
}

.per-info-box .progress{
    height: 9px;
}
.per-info-box ul>li.ht80{
    height: 80px;
}

.ml30p{
    margin-left: 30%!important;}

.ml20p{
    margin-left: 20%!important;
}

.bd-f2f{
    border:3px solid #f2f3f4;
}
.bd-e4f{
    border:3px solid #e4f2e1;
}
.circle-box{
    width:30px;
    height:30px;
    position:absolute;
    top:-10px;
}
.msg-code>a{
    font-size:12px!important;
    height:42px;
    line-height:42px;
    float:right;
    border-radius:3px;
    background: #f4f3f3;
    color:#666;}
.wd85{
    width:85%;margin:auto;}
.wd65{
    width:65%;}
.wd32{
    width:32%;}
.img-code>img{
    cursor:pointer;
    height:42px;
    float:right;
    border-radius:3px;
}
.des-tit{
    position: absolute;
    left: -13%;
    top:-10px;
    width: 100px;
    text-align: center;
}
.wd180{
    width: 180px;}
.current-step{
    position: absolute;
    left: -33%;
    top:-50px;
    width: 200px;
    background: #78c06b;
    color: #fff;
    height: 55px;
    border-radius: 5px;
}
.trangle-icon:after{
    border:solid transparent;
    border-top-color:#78c06b;
    border-width:7px;
    content:" ";
    position:absolute;
    margin-left: -7px;
    left:50%;
    top:54px;
}

.label{
    position: absolute;
    left: 5px;
    width: 20px;
    height: 20px;
    top:0px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}
.label.label-rounded{border-radius:50%; padding: 0px;}

/* 2018-5-22 */
.acount-page{
    background: url(../img/acount.png) no-repeat;
}
.balance{
    width:311px;
    display: inline-block;
    height: auto;
}
.balance .balance-num{
    height: 119px;
    width:311px;
    display: block;
}
.balance .option-btn{
    height: 41px;
    width:310px;
    display: block;
    border: 1px solid #01a383;
    border-top: none;
    margin-left: 1px;
    border-radius: 0px 0px 4px 4px;
}
.balance .cash-btn{
    width: 50%;
    height: 40px;
    display: inline-block;
    background: #d3fff6;
    border: none;
    outline: none;
    color: #01a383;
    border-radius: 0px 0px 0px 4px;
}
.balance .cash-btn:hover{
    background: #b6fff0;
    color: #01a383;
}
.balance  .recharge-btn{
    width: 50%;
    height: 40px;
    display: inline-block;
    background: #12c19f;
    border: none;
    outline: none;
    color: #fff;
    border-radius: 0px 0px 4px 0px;
}
.balance  .recharge-btn:hover{
    background: #14d5af;
    color: #fff;
}
.credit{
    width:311px;
    display: inline-block;
    height: auto;
}
.credit .credit-num{
    height: 119px;
    width: 315px;
    display: block;
    background-position: 0 -135px;
}
.record-total{
    width: 220px;
    display: inline-block;
}

.record-total .cash-img{
    width: 36px;
    height: 36px;
    display: inline-block;
    background-position: -324px -3px;
}
.record-total .cash-top{
    height: 119px;
}
.record-total .record-btn{
    display: block;
    width: 100%;
    height: 42px;
    background: #f5f5f5;
    border: none;
    outline: none;
    color: #12c19f;
    border-radius: 4px;
}
.record-total .record-btn:hover{
    background: #d3fff6;
}
.record-total .recharge-img{
    width: 36px;
    height: 36px;
    display: inline-block;
    background-position: -324px -44px;
}

a.tips:hover .help-tip-order{
    display:block!important;
    background:none!important;
}
.help-tip-order>p{
    height:60px;
    line-height:20px;
    width:320px;
}




/*-------------------------
	Inline help tip start
--------------------------*/


.help-tip{
    position: absolute;
    top: 6px;
    text-align: center;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 26px;
    cursor: pointer;
    background:url(../img/qmark03.png) no-repeat;
}

.help-tip:before{
    content:'';
    font-weight: bold;
    color:#fff;
}

.help-tip:hover p{
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{
    display: none;
    text-align: center;
    background-color: #fffdee;
    padding: 10px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(255, 253,238, 0.9);
    left: -4px;
    color: #333;
    font-size: 13px;
    line-height: 1.4;
    border:1px solid #edd28b;
    top:20px;
    z-index:99999999;
}

.help-tip p:before{
    position: absolute;
    content: '';
    width:11px;
    height: 6px;
    /*border:6px solid transparent;
    border-bottom-color:#edd28b;*/
    left:10px;
    top:-6px;
    background:url(../img/tips.gif) no-repeat;
}
.bg-fff{
    background-color: #fff;
}
.help-tip p:after{
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    right:0;
}

.question-tip{
    position: absolute;
    top: 6px;
    text-align: center;
    width: 16px;
    height: 16px;
    font-size: 14px;
    line-height: 26px;
    cursor: pointer;
    background:url(../img/question.png) no-repeat;
}

.question-tip:before{
    content:'';
    font-weight: bold;
    color:#fff;
}

.question-tip:hover p{
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

.question-tip p{
    display: none;
    text-align: center;
    background-color: #fffdee;
    padding: 10px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(255, 253,238, 0.9);
    left: -4px;
    color: #333;
    font-size: 13px;
    line-height: 1.4;
    border:1px solid #edd28b;
    top:20px;
    z-index:99999999;
}

.question-tip p:before{
    position: absolute;
    content: '';
    width:11px;
    height: 6px;
    /*border:6px solid transparent;
    border-bottom-color:#edd28b;*/
    left:10px;
    top:-6px;
    background:url(../img/tips.gif) no-repeat;
}

.question-tip p:after{
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    right:0;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
        transform: scale(0.6);
    }

    100% {
        opacity:100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:100%; }
}

@media (max-width: 1024px) {
    #bsaHolder, footer{ display:none;}
}
.cd {
    float: left;
    margin: 0px 15px 0 15px;
    height: 34px;
}
.cd .active {
    border: 2px solid #fc5028;
    padding:4px 27px;
    margin: 0;
}
.cd a {
    display: block;
    height: 30px;
    line-height: 18px;
    text-decoration:none;
    border: 1px solid #ddd;
    position: relative;
    font-size: 12px;
    cursor:pointer;
    color:#666;
    padding:5px 28px;
}
.cd a:hover{
    border: 2px solid #fc5028;
    padding:4px 27px;
    margin: 0;
    color:#333!important;
}
.cd .active i {
    display: block;
}
.cd a i {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 4px;
}

.help-tip-order{
    position: absolute;
    top: 6px;
    text-align: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: pointer;
    background:url(../img/qmark02.png) no-repeat;
    background-position:2px 2px;
}

.help-tip-order:before{
    content:'';
    font-weight: bold;
    color:#fff;
}

.help-tip-order:hover p{
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

.help-tip-order p{
    display: none;
    text-align: center;
    background-color: #eaf8fe;
    padding: 10px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(255, 253,238, 0.9);
    color: #5fc8f7;
    font-size: 13px;
    line-height: 1.4;
    border:1px solid #c0ecff;
    top:34px;
    z-index:99999999;
}

.help-tip-order p:before{
    position: absolute;
    content: '';
    width:11px;
    height: 6px;
    /*border:6px solid transparent;
    border-bottom-color:#edd28b;*/
    left:50%;
    margin-left:-8px;
    top:-6px;
    background:url(../img/tipsorder.gif) no-repeat;
}

.help-tip-order p:after{
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    right:0;
}

.text-12c{
    color:#12c19f!important;
}

/*-------------------------
	Inline help tip end
--------------------------*/

.circle{
    display:inline-block;
    width:4px!important;
    min-width:4px!important;
    height:4px!important;
    border-radius:4px;
    background:#8592a5!important;
    margin:5px;}

.circle-log{
    display:inline-block;
    width: 12px!important;
    min-width: 12px!important;
    height: 12px!important;
    border-radius: 12px;
    background:#dfdfdf;
    z-index:999;
    left:0;
    position:absolute;
}
.operationInfo>li:first-child .circle-log{background: #ff9d3e !important}
.operationInfo>li:last-child .line-log	{display: none}

.line-log{
    position: absolute;
    height: 100%;
    display: block;
    width: 2px;
    background: #eee;
    top: 10px;
    left: 5px;
    z-index: 9;
}
.operation-log .line-log{
    position: absolute;
    height: 100%;
    display: block;
    width: 6px;
    background: #fff;
    top: 28px;
    left: 7px;
    z-index: 9;
    border: 1px solid #eee;
    border-top:none;
}
.operation-log .circle-log{
    display:inline-block;
    width: 12px!important;
    min-width: 12px!important;
    height: 12px!important;
    border-radius: 12px;
    background:#dfdfdf;
    z-index:999;
    left:4px;
    position:absolute;
    top:4px;
}
.operation-log .circle-log-box{
    display:inline-block;
    width: 20px!important;
    min-width: 20px!important;
    height: 20px!important;
    border-radius: 20px;
    background:#fff;
    z-index:9;
    left:0;
    position:absolute;
    border: 1px solid #eee;
}


.export_content img{width:100%}

.ckeckbox-width tr td:first-child{
    width: 5%
}

.tab-button li{float: left;padding: 6px 20px;border:1px solid #eee;margin-right: 5px;}
.tab-button li:hover{cursor: pointer;border:1px solid #12c19f;
    color:#12c19f}
.buttonSelect {
    border:1px solid #12c19f!important;
    color:#12c19f!important;
    background:none;
}

.planNum{width: 80px;}
#operationList > li:first-child .circle-log{
    background:#5bc0de;
}
.item-score {
    position: relative;
    padding-left: 70px!important;
}
.score-tips{
    min-width: 22px;
    height: 22px;
    background: #31b5a8;
    border-radius: 100%;
    display: inline-block;
    float: left;
    left: 35px;
    position: absolute;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-top: -1px;
}
/* data import */

.step-reg{
    position:absolute;
    z-index:9;
    left:50%;
    margin-left:-40%;
}
.reg-step{
    height:115px;
}
.reg-step .active i,.reg-step .active a{
    color:#ff6600!important;
}

.import-icon{
    background: url(../img/import-file.png) no-repeat;
}

.import-icon.sp1{
    width:85px;
    height:97px;
    display:block;
    background-position:-32px -20px;
    margin:auto;
}

.import-icon.sp2{
    width:354px;
    height:162px;
    display:block;
    background-position:-50px -160px;
    margin:auto;
}
.import-step{
    height:110px;
    overflow: hidden;
}
.import-step .active i,.import-step .active a{
    color:#1ab394!important;
}
.import-con-foot{
}


.round-icon{
    display:inline-block;
    width:60px;
    height:60px;
    border-radius:60px;
    -moz-box-shadow: 0px 0px 6.84px 0.16px rgba(222, 222, 222, 0.73);
    -webkit-box-shadow: 0px 0px 6.84px 0.16px rgba(222, 222, 222, 0.73);
    box-shadow: 0px 0px 6.84px 0.16px rgba(222, 222, 222, 0.73);
    line-height:60px;
    background:#fff;
}

.bg-reg{
    position:absolute;
    width:70%;
    height:30px;
    background:#f8f8f8;
    border:1px solid #efefef;
    display:block;
    z-index:0;
    top:50%;
    margin-top:-13px;
    left:50%;
    margin-left:-35%;
}
.reg-bg1{
    position:absolute;
    left:0;
    bottom:0;
    z-index:99999;
}

.reg-bg2{
    position:absolute;
    right:0;
    bottom:0;
    z-index:9;
}

.thirdEmpty>li{
    float:left;
}

/*图标样式*/
.bid-step-nav li {
    float:left;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
    padding: 0;
}
.bid-step-nav li .bsn-line {
    background: #31b5a8;
    height: 3px;
}
.bid-step-nav li.active .bsn-line, .bid-step-nav li.active .jc-step-icon {
    background: #f9892e;
}
.jc-step-icon {
    position: absolute;
    top: -25px;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-left: -25px;
    text-align: center;
    line-height: 50px;
}
.bid-step-nav li .jc-step-icon {
    background: #31b5a8;
}
.text-indent{
    text-indent:28px;
}
.tips-tit {
    background: #ebf8fe;
    border: 1px solid #cdedfa;
    padding: 2px 10px;
    color: #73cff7;
    line-height: 35px;
    border-radius: 3px;
}
/*英文 数字 标点符号换行*/
.table>tbody>tr>td>span{
    word-wrap: break-word;
    word-break: break-word;
}
.table>tbody>tr>td .cut-str{
    display: inline-block;
    width: 260px;
    overflow: hidden;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-word;
}
.break-all{
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}
.news-pro {
    display: inline-block;
    height: 54px;
    width: 53px;
    background: url(../img/new-bg.png) no-repeat;
    position: absolute;
    top: -2px;
    left: -1px;
    z-index: 9;
}
.newsCon p{line-height:28px;}

/*===============================================
   K. Ellipsis
================================================= */
.word-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.word-ellipsis-2 { -webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}

/*===============================================
   上传图片名称过长
================================================= */
.jstree-default .jstree-anchor {
    line-height: 24px;
    height: auto;
    min-width: 100px;
    word-break: break-all;
    overflow: hidden;
}

/*===============================================
  企业logo
================================================= */
.logo a img{
    display: inline;
    max-width: 250px;
    max-height: 95px;
}
.isLoginLogo{
    position: fixed;
    top: 2%;
    left:5%;
    z-index: 9999;
}
.isLoginPanel{
    border-left: 1px #f3f3f3 solid;
    float: right;
    height: 100%;
    display:flex ;
    align-items: center;
    opacity: 0;
}
.bg-img-none{
    background-image:none!important;
}
.min-ht-100{
    min-height:100px;
}
.ht-100{
    height:100px;
    box-sizing: content-box;
}
.min-ht-100:hover{
    opacity:0.7;
}
.bg-6cc {
    background-color: #6ccac9 !important; }

.bg-f8d {
    background-color: #f8d347 !important; }

.fixed-bottom {
    position: fixed!important;
    bottom: 0px ! important;
    z-index: 1022!important;
    height: 45px!important;
    background: #fff;
    right: 16px;
    padding: 7px 20px 0 10px;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.3);
    border-radius: 3px;
    /* min-width: 82.6%; */}

.search-input{
    position: relative;}

.search-input>.fa{
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 15px;
    cursor:pointer;
    color: #bbb;
    background: #fafafa;
    padding-left: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;}

.fixed-btn {
    height: 48px;
    line-height: 48px;
    width: 100%;
    text-align: center;
    margin-top:32px;
    z-index:999;
}
.fixed-bottom-btn {
    position: fixed;
    bottom: 0px ! important;
    margin-left: -16px;
    background: #f8f8f8;
}
.table-pd >tbody>tr>td:nth-child(even){
    padding-left: 16px;
}
/* 弹框table样式 */
.table-content>tbody>tr>td:nth-child(even) {
    color: #000;
}
.table-content>tbody>tr>td {
    padding: 0;
    padding-bottom: 24px;
    vertical-align: top;
}
/* .table-content>tbody>tr:first-child>td {
	padding-top: 24px;
} */
.table-content>tbody>tr:last-child>td {
    padding-bottom: 0;
}
.table-content>tbody>tr>td:nth-child(even){
    padding-left:16px;
}
/* .table-content>tbody>tr>td input, .table-content>tbody>tr>td select {
    width: 208px;
} */
.validate-error {
    border: 1px solid #e9311d ! important;
}

.query-menu .form-group>label{
    width:75px!important;
    text-align:right;
    margin-right:16px;
    color: #666; }

.table-content .control-label{
    padding-right:20px;
}

.projectPlanDetail>ul>li div:first-child{
    width:20%!important;
}
.projectPlanDetail>ul>li div:last-child{
    width:80%!important;
}

.freighttemplatelist> tbody > tr:nth-child(even){
    background-color:#fff!important;
}

.cat-content .fild{
    height:auto!important;
    padding:8px 0;
}
.cat-content .fild a{
    width:80px;height:80px;
    display: block;
    border: 1px solid #eee;
}
.cat-content .fild a img{
    max-width:80px;max-height:80px;
}
.jconfirm .jconfirm-box div.content-pane{
    height:auto!important;
    /* padding-bottom:10px; */}


/* fdd callback */
.success-back{
    margin: 0 auto;
    min-height:300px;
    width:1200px;
    text-align: center;
    padding:50px 0;
}
.success-txt{
    color:#333;
    font-size:18px;
    font-family:'微软雅黑';
    margin-top:20px;
}

.success-icon{
    width: 80px;
    height: 80px;
    display: inline-block;
    background: url(../img/success.png) no-repeat;
}
.defeate-icon{
    width: 80px;
    height: 80px;
    display: inline-block;
    background: url(../img/defeate.png) no-repeat;
}

.checkboxList{
    line-height: 38px;
    height:38px;
    padding-left: 20px;
    margin-right: 16px;
}
.radioList{height:38px;}
.clearfix {
    clear:both;
}

/*reset select2 color*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #333!important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    color: #333!important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #333!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #333 transparent transparent transparent!important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    color: #333!important;
}

.table-operate-right{position: relative;
    width: 8%;}
.table-operate-list{position: absolute;
    top: 7px;
    right:36%;z-index: 9999;display: none;
}
.disabled{
    cursor: not-allowed;
}