@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; }

/*滚动条*/
::-webkit-scrollbar {
    width: 8px;
    height:10px;
    background-color: #F5F5F5; }
    
::-webkit-scrollbar-thumb {
    background-color: #999; }
    
::-webkit-scrollbar-track {
    background-color: #F5F5F5; }


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

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

.table tr > th{
    border-bottom:1px solid #eee;
    background:#f7f7f7;
    padding:11px 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; }
    
.table>tbody>tr>td p img{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 STATE ON LARGE RESOLUTIONS */
@media (min-width: 1200px) {
  #content {
      padding: 0px 11px 25px 13px;
} }
    
/*===============================================
  B. Typography 排版
================================================= */
ul, ol {
    list-style: none; 
   }

li {
    margin-bottom: 0px; }
  
.promotion a.promotion-more:hover {
    color: #ff745a!important; }

a {
  color: #333333;
  text-decoration:none!important;
  cursor:pointer; }

  
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: -11px;
    margin-right: -11px; }

.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: 11px;
  padding-right: 11px; }
  
/* ==============================================
   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 */
.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 {
    color: white;
    outline: none;
    line-height: 1.47;
    border-radius: 2px; }

.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: 2px 6px;
  border-radius: 2px; }

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

.btn-lg {
  line-height: 1.33; }

/* 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-color: "";
  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 select {
     width:157px!important;
    cursor: pointer; }
  
/* .panel-menu input.form-control{
    width:157px!important;    
} */
.panel-menu .form-group>label{
    width:6em!important;
    text-align:right;
    margin-right:2px; }

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

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

/* Input Label  */
label {
    font-weight: 500; }

/* Input Design */
.form-control {
    box-shadow: none;
    border-radius: 2px;
    font-size:12px;
    border-color: #DDD; }

/* 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(even) > td {
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee; 
    padding: 11px 8px; }

.table-striped > tbody > tr:nth-child(odd) > td {
    background-color: #FFF;
    border-bottom: 1px solid #eee; 
    padding: 11px 8px; }

/* 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 */
.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:1050; }
    
/* 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; }
    
.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: 34px;
    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; }

/* 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; }

.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; }

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

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

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

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

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

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

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

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

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

.pb15 {
  padding-bottom: 15px !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; }

.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; }

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

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

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

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

.pl50 {
  padding-left: 50px !important; }
  
.pl60 {
  padding-left: 60px !important; }
.pl70 {
  padding-left: 70px !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; }

.mt10 {
    margin-top: 10px !important; }

.mt15 {
    margin-top: 15px !important; }

.mt20 {
    margin-top: 20px !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; }
.mrn {
    margin-right: 0 !important; }

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

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

.mr15 {
    margin-right: 15px !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; }

.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; }

.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; }

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

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

.ml15 {
    margin-left: 15px !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; }

.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; }
/*===============================================
  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%; }
	
.wd15 {
	width: 15%; }
	
.wd20 {
	width: 20%; }
	
.wd25 {
	width: 25%; }
	
.wd30 {
	width: 30%; }
	
.wd30 {
	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%; }
	
.wd65 {
	width: 65%; }
	
.wd70 {
	width: 70%; }
	
.wd75 {
	width: 75%; }
	
.wd80 {
	width: 80%; }
	
.wd85 {
	width: 85%; }
	
.wd90 {
	width: 90%; }
	
.wd100 {
	width: 100% !important; }

/*===============================================
  J. Radio Style
================================================= */
.checkbox-custom{
    position: relative;
    display: inline-block;
}
.radio-custom {
    position: relative;
    display: inline-block;
    line-height:38px;
}
    
.checkbox-custom label,.radio-custom label {
    min-height:22px;
    margin-bottom:0;
    font-weight:400;
    cursor:pointer; 
}
    
.checkbox-custom input[type=checkbox],.radio-custom input[type=radio] {
    cursor: pointer;
    position:absolute;
    margin-top:0;
    margin-bottom:0;
    margin-left:-20px; }
    
.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; }
    
.checkbox-custom label:empty {
    padding-left:0; }
    
.checkbox-custom label::before {
    position:absolute;
    left:0;
    display:inline-block;
    width:20px;
    height:20px;
    margin-left:-20px;
    content:"";
    background-color:#fff;
    border:1px solid #e4eaec;
    border-radius:3px;
    -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:20px;
    height:20px;
    padding-top:1px;
    margin-left:-20px;
    font-size:12px;
    line-height:20px;
    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:16px;
    height:16px;
    margin-left:-16px; }
    
.checkbox-sm label::after {
    font-size:10px;
    line-height:14px; }
    
.checkbox-sm input[type=checkbox],.checkbox-sm input[type=radio] {
    width:16px;
    height:16px; }
    
.checkbox-sm input[type=checkbox]:checked+label::before,.checkbox-sm input[type=radio]:checked+label::before {
    border-width:8px; }
    
.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 {
    padding-left:20px; }
    
.radio-custom label {
    position:relative;
    display:inline-block;
    padding-left:5px;
    vertical-align:middle; }

.radio-custom label:empty {
    padding-left:0; }
    
.radio-custom label::before {
    position:absolute;
    left:0;
    top:9px;
    display:inline-block;
    width:20px;
    height:20px;
    margin-left:-20px;
    content:"";
    background-color:#fff;
    border:1px solid #e4eaec;
    border-radius:50%;
    -webkit-transition:border .3s ease-in-out 0s,color .3s ease-in-out 0s;
    -o-transition:border .3s ease-in-out 0s,color .3s ease-in-out 0s;
    transition:border .3s ease-in-out 0s,color .3s ease-in-out 0s; }
    
.radio-custom label::after {
    position:absolute;
    top:16px;
    left:7px;
    display:inline-block;
    width:6px;
    height:6px;
    margin-left:-20px;
    content:" ";
    background-color:transparent;
    border:2px solid #76838f;
    border-radius:50%;
    -webkit-transform:scale(0,0);
    -ms-transform:scale(0,0);
    -o-transform:scale(0,0);
    transform:scale(0,0);
    transition-transform:.1s cubic-bezier(.8,-.33,.2,1.33); }
    
.radio-custom input[type=radio] {
    z-index:1;
    width:20px;
    height:20px;
    opacity:0; }
    
.radio-custom input[type=radio]:focus+label::before {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline:0;
    outline-offset:-2px; }
    
.radio-custom input[type=radio]:checked+label::before {
    border-color:#e4eaec;
    border-width:10px; }
    
.radio-custom input[type=radio]:checked+label::after {
    -webkit-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1); }
    
.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 {
    border-color:#62a8ea; }
    
.radio-primary input[type=radio]:checked+label::after {
    border-color:#fff; }
    
.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-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. 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: #ff4f3e !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; }

.text-17c {
  color: #17c1a0 !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: #999 !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-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: 20px;
    /* 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;
    box-shadow:none; }

/* panel helper class */
.panel-overflow {
    overflow: hidden; }

.panel-heading {
    position: relative;
    padding: 0;
    min-height: 45px;
    line-height: 45px;
    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: 15px 20px; }

/* 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; }

/*===============================================
  B. Panel Addon - Menu
  -----------------------------------------------
  Typically placed under the panel header 
  and used to hold buttons or menus 
================================================= */
.panel-menu {
  padding: 10px 15px 0px 15px;
  background-color: #fff;
  /* border-bottom: 1px solid #DDD; */ }

.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 {
  background:#fafafa;
  bottom: 0px;
  left: 0; }

.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 20px;
/*   border: 1px solid transparent; */
  border-right: 1px solid #F1F0F4;
  font-size: 14px!important;
  color: #666;
  /* background:#fff;  */ }

.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: #555!important;
  cursor: default;
  background: #ffffff;
  padding: 10px 20px; }

.panel-tabs > li > a :hover {
	background: none!important; }
	
.panel-tabs > li.active:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  height: 2px;
  background: #62a8ea;
  width: 100%; }


.panel-tabs > li > a>i{
  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: 12px;
    height: 12px;
}
.table-container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}
.table-container td, .table-container th {
    white-space: nowrap;
}

.fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

/* .table-scroll {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 300px;
} */

.table-scroll>table>tbody ,.table-scroll-tbody{  
   display:block;  
   max-height:220px;  
   overflow-y:scroll;
   overflow-x:hidden;
} 
   
.table-scroll table thead, .table-scroll tbody tr {  
   display:table;  
   width:100%;
   table-layout:fixed;  
}  
 
.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: 6px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }

.advanced-search {
    display: none; }
    
.advanced {
    display: none; }

.list-inline {
    line-height: 19px;
    padding-top: 7px; }

.icon-empty:before {
    content: ''; }
    
.table-tit>h4 {
    font-weight: normal;
    border-left: 5px solid #3f8ad4;}    

/*
 * 页面加载动画
 */
.page-loading ,.template{
	min-height: 400px;
	width: 100%;
    background-image: url(../img/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+.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;
    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>h4{
	font-weight:normal;
	border-left:5px solid #3f8ad4;
}
.ellipsis { 
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis }
	
.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: -56px -54px;
	width: 60px;
	height: 60px;
}

.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;
}

.help-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;
}
.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-all;
    word-break: break-word;
}
.break-all{
	word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}
@charset "utf-8";
/*
 * Copyright (C) 2016- A project by lucy
 */

body, button, input, select, textarea{
    font: 14px/1.5 '微软雅黑',YaHei,tahoma,arial,"Hiragino Sans GB",\5b8b\4f53!important;
}
button,input,input:focus,button:focus{outline:none!important;}
@media (min-width: 1200px){
  .bid-info .bid-content>dl>dt,.bid-info .bid-content>dl>dd{
	padding:5px 20px;
}
}

@media (min-width: 1024px){
  .col-zdmd-2-5{
	float: left;
	width:20%!important;
   }
   .bid-info .bid-content>dl>dt,.bid-info .bid-content>dl>dd{
	padding:5px 10px!important;
}
}
@media (max-width: 760px){
  .navbar-nav li{
  	width: 100%!important;
  }
  .navbar-nav{
  	margin: 0;
  	padding: 0;
  }
}
.navbar-default{
	background: #fff!important;
	border-radius:0;
}
.navbar-nav li{
	width: 107px;
	margin:0 7px;
	height:106px;
	line-height:106px;
	padding-top: 35px;
	}
.navbar-nav li>a.hover-a{
	text-align: center;
	padding: 0;
	height: 35px;
	color:#000;
    line-height: 35px;
	}
.navbar-nav li>a.hover-a:hover{
	background-color: #ff711c;
    color: #fff!important;
    border-radius: 5px;
	}	
.navbar-nav li>a.active{
	background-color: #ff711c;
    color: #fff;
    border-radius: 5px;
	}	
.bd-lt{ 
	border-left: 2px solid #cfcfcf;
	}
.ht120{
	height: 120px;
}
.ht60{
	height: 60px;
}
.ht48{
	height: 48px;
}
.wd_100{
	width: 100px;
}
.ht106 {
    height: 106px;
}
.lh106 {
    line-height: 106px;
}

.navbar-brand .logo{
	max-height: 60px;
	max-width:300px;
}
.wexin-icon{
	width: 66px;
	float: right;
}
.wexin-icon>p>img{
	width: 66px;
	height: 66px;
}
	
.wexin-icon>p{
	width: 66px;
	text-align: center;
}
.carousel-indicators li{
	width:12px!important;
	height:12px!important;
	margin:0 3px!important;
	background:#aaa;
	border:none;
}	
.carousel-fade .carousel-inner .item{
	 min-height: 330px;
	 height: 330px;
	 opacity:0; 
	 -webkit-transition-property:opacity;-moz-transition-property:opacity ; -
	 ms-transition-property:opacity;
	 -o-transition-property:opacity;
	 transition-property:opacity ;}
.carousel-fade .carousel-inner .active{ 
	opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
	left: 0;
	opacity: 0;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;}
.carousel-indicators .active{
	width: 40px!important;
	background: #e6e3e8!important;
}
.banner{
	overflow: hidden;
	height:330px;
	width:100%;
	}
.banner img{
	height: 100%!important;
}	
.banner .gain-items{
	position: relative;
	display: block;
}	
.banner .gain-items>.gain{
	position: absolute;
	overflow: hidden;
	width: 242px;
	height:313px;
	top:-323px;
	right:0;
	background: #e9e6eb;
	z-index: 9;
	opacity: 0.9;
}
.banner .yy-bigNum{
	height: 22px;
}
.banner .pro-title{
	width: 100%;
	position: relative;
}
.banner .pro-title>.sp1{
	height: 1px;
	background: #d1cfd3;
	width: 100%;
	position: absolute;
	top:1em;
	z-index: -9;
}
.banner .pro-title>p>span{
	background: #e9e6eb;
	width: 5em;
	text-align: center;
	display: inline-block;
}

.banner .pro-content>ul{
	width: 80%;
	margin: auto;
}

.banner .pro-content>ul>li{
	line-height: 35px;
	font-size: 14px;
	position: relative;
}

.purchas-title>.sp101{
 display: inline-block;
 width: 5em;
 font-size: 18px;
 color: #666;
 text-align: center;
 font-weight: bold;
}

.purchas-title .sp-line{
	height: 22px;
	width: 3px;
	display: inline-block;
	background: #FF6600;
	margin-top: 4px;
}

.bidding-over .price-btn{
	line-height: 28px;
	border: 1px solid #f1f1f1;
	padding: 0 15px;
	color: #999;
	background:#f1f1f1;
	font-size: 14px;
	border-radius:4px;
}

.pro-content a>.sp102{
 width:4px;
 height:4px;
 border-radius:4px;
 display: inline-block;
 background: #666;
 position: absolute;
 left: 0;
 top:12px;	
}

.purchas-info .bidding-over .price-btn:hover{
	background: #f1f1f1;
	color: #ff6600!important;
} 

.purchas-info dt>a:hover{
	color: #ff6600!important;
}
.bid-info{
	transition:	all .2s linear;
	cursor:pointer;
	border-radius:3px;
}
.bid-info:hover{
	box-shadow:0 15px 30px rgba(0,0,0,.1);
	transform:translate3d(0,-2px,0);}
	
.bid-info .bid-time{
	height:44px;
	line-height:44px;
	border-bottom:1px solid #f6f6f6;
	background:#fafafa;
}

.bid-info .bid-content>dl>dt,.bid-info .bid-content>dl>dd{
	padding:5px 20px;
}

.w5e{
	width: 5em;
}

.db-bmf5f{
	border-bottom: 1px solid #f5f5f5;
}

.bid-price .bid-btn {
	width: 100%;
	padding: 14px 0;
	display: inline-block;
}
.bid-info:hover .bid-price .bid-btn{
	background: #FF6600;
	color: #fff;
}
.bid-info .bid-price:hover .bid-btn{
	background: #FF6600;
	color: #fff;
}
.cntDigit{
	margin-left: 3px;
}

.bid-price{
	border-top:1px solid #f6f6f6;
}
.cntSeparator{
	line-height: 30px;
	margin-left: 5px;
	color:#fff;
}

.bid-over{
	background: #FF6600!important;
}

.bid-over .cntSeparator{
	color: #fff!important;
}

.bid-over>span{
	color: #fff!important;
}

span.time-over{
	color: #999;
}

.winBid{
	transition:	all .2s linear;
	cursor:pointer;
	border-radius:3px;
} 

.winBid:hover{
	box-shadow:0 15px 30px rgba(0,0,0,.1);
	transform:translate3d(0,-2px,0);
}

.winBid .sp{
	background: url(../images/bid-icon.png) no-repeat;
	width: 28px;
	height: 28px;
	display: inline-block;
}

.winBid .sp110{
	background-position: 0 -4px;
}

.winBid .sp102{
	background-position: 0 -43px;
}

.winBid .sp103{
	background-position: 0 -80px;
}

.winBid ul>li{
	line-height: 35px;
}

.winBid .price-btn:hover{
 background: #FF6600;
 color: #fff!important;	
}

.cur-news{
	background: #fff;
	padding: 20px 15px;
	min-height: 318px;
	transition:	all .2s linear;
	cursor:pointer;
	border-radius:3px;
}

.cur-news:hover{
	box-shadow:0 15px 30px rgba(0,0,0,.1);
	transform:translate3d(0,-2px,0);
}

img.img-news{
	display:block;
	width:100%;
	height:auto;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.min-ht{
	min-height: 318px;
}

ul.news-list>li{
	line-height: 30px;
	font-size: 14px;
	color: #666;
	margin-left: 10px;
}


ul.news-list>li:hover span{
	color: #FF6600;
}

.news-list{
	transition:	all .2s linear;
	cursor:pointer;
	border-radius:3px;
}

.news-list:hover{
	box-shadow:0 15px 30px rgba(0,0,0,.1);
	transform:translate3d(0,-2px,0);
}

.news-list>li{
	position: relative;
}
.news-list .sp102{
	 width:6px;
	 height:6px;
	 display: inline-block;
	 background: #999;
	 position: absolute;
	 left: 0px;
	 top:12px;
}

.news-list>li:hover .sp102{
	 background: #FF6600;
}

.time-news{
	color: #999;
}

/*footer*/
.phw-footer{
	overflow: hidden;
	background: #2c2c2c;
	}
.footer-b{
	padding:20px 0;
	}
.footer-b-l{
	overflow:hidden;
	}
.footer-b-l dl{
	float:left;
	width: 20%;
	text-align: center;
	}
.footer-b-l dl dt{
	line-height:30px;
	color: #fff;
	font-size:16px;
	margin-bottom:5px; 
	padding-bottom: 5px;}
.footer-b-l dl dd{
	height:30px;
	line-height:30px;
}
.footer-b-l dl dd a{
	font-size:14px;
	color:#999;
	}
.footer-b-l dl dd a:hover{
	color:#ff6600;
	}

.footer-b-r{ 
	text-align: right;
	}
.footer-b-r h2{
	font-size:18px;
	line-height:30px;
	}
.footer-b-r h2 em{
	font-size:24px;
	}
.footer-b-r h2 p{
	font-size:14px;
	color:#999;
	}
.footer-b-r ul li{
	float:left;
	width:100%;
	margin-right:5%;
	text-align:center;
	}
.footer-b-r ul li:last-of-type{
	margin-right: 0;
	}
.footer-b-r ul li img{
	max-width:100%;
	}
.footer-b-r ul li p{
	text-align: center;
	color: #999; 
	line-height: 1.8;
	}

@media only screen and (max-width:992px ) {
	.footer-b-r{
		text-align:left;margin-left:5%;
		margin-top:20px;
		}
	.footer-b-r ul{
		display:inline-block;
		}
	.footer-b-r ul li{
		width:104px;
		margin-right:30px;
		}
}

.footer-c{
	line-height:36px;
	background:#1493ce; 
	text-align: center;
	}
.footer-c a{
	color: #fff; 
	font-size: 15px; 
	margin-right: 15px;
	}
.footer-c a:hover{
	color: #ffff00;
	}

dl>dt{
	font-weight: normal!important;
}

.bd-bm666{
	border-bottom: 1px solid #666;
}
.footer-link a{
	font-size: 14px;
}

.navbar-default input{
	box-shadow: none!important;
}

.ml5em{
	margin-left: 5em;;
}

/*inquiryList*/

.inquiryList{
	/* background: #fff; */
	padding: 2px;
}

.inquiryList .query-head{
	background: #fff;
	padding: 20px;
}

.inquiryList .query-head select{
	border: 1px solid #ddd;
	height: 30px;
	color: #999;
	min-width:150px;
	outline: none;
}

.inquiryList .query-head .time-sort{
	border: 1px solid #ddd;
	height: 30px;
	color: #999;
	line-height: 30px;
	background: #fff;
}

.inquiryList .query-head .time-sort .query-desc{
	background: #dee1ed url(../images/acount.png) no-repeat;
	height: 29px;
	width: 30px;
	background-position:6px -48px;
	display: block;
	margin-left: 1px;
}

.inquiryList .query-head .time-sort .query-asc{
	background: #dee1ed url(../images/acount.png) no-repeat;
	height: 29px;
	width: 30px;
	background-position: 6px -71px;
	display: block;
	margin-left: 1px;
}

.inquiryList .query-head .time-sort a.query-desc.active{
	background: #2992d8 url(../images/acount.png) no-repeat;
	background-position:6px -48px;
}

.inquiryList .query-head .time-sort a.query-asc.active{
	background: #FF6600 url(../images/acount.png) no-repeat;
	background-position: 6px -71px;
}

.inquiryList .query-head .time-sort a.query-desc:hover{
	background: #FF6600 url(../images/acount.png) no-repeat;
	background-position:6px -48px;
}

.inquiryList .query-head .time-sort a.query-asc:hover{
	background: #FF6600 url(../images/acount.png) no-repeat;
	background-position: 6px -71px;
}

.form-query{
	border: 1px solid #eee;
	width: 80%;
	height: 36px;
	background: #fff;
	position: relative;
}

.form-query input{
	height: 34px;
	outline: none;
	border: none;
	margin-left: 1em;
}

.form-query .sp1{
	height: 21px;
	width: 20px;
	background: url(../images/query.png) no-repeat;
	position: absolute;
	top:5px;
	right:10px;
}

.tips{
	width: 6px;
	height: 6px;
	background: #FF6600;
	display: inline-block;
}

.info-input{
	border: 1px solid #eee;
	width: 50px;
	height: 33px;
	outline: none;
}

.sp-cata{
	background: url(../images/earth-1.png) no-repeat;
	width: 21px;
	height: 28px;
	display: inline-block;
}

.inquiry-del{
	background: #fff;
	padding: 20px;
}

.wd5em{
	width: 5em;
}
.wd49{
	width: 49px;
}

.min-wd30{
	min-width: 32%;
	display: inline-block;
}

.offer-info{
	background: #f6fbff;
	position: relative;
}

.offer-info input{
	border: 1px solid #eee;
	outline: none;
	height: 30px;
	text-align: center;
	max-width: 80px;
}

.max-wd150{
	max-width: 150px!important;
}

.trag-tips{
	border-bottom:12px solid  #f6fbff;
	border-right:8px solid transparent;
	border-left: 8px solid transparent;
	display: inline-block;
    position: absolute;
    top: -12px;
    right: 15px;
}

.selectPro{
	border-bottom: 2px solid #ff6600;
}

.totalInfo{
	border-top: 1px dashed #eee;
}

.sava-btn{
	border: 1px solid #FF6600;
}

.sava-btn .submit:hover{
	background: rgba(255,102,0,.8)!important;
	color: #fff!important;
}

.bidlist-tit{
	border-bottom: 2px solid #ff6600;
}
.border{
	border: 1px solid #dedede;
	}
/* .bd-bme0e{
	border-bottom: 1px solid #dedede;
} */	
.max-wd100{
	max-width: 100%;
}

.navbar-toggle{
	margin-top: 40px;
}

.bd-dash{
	border-bottom: 1px dashed #dedede;
}
.purchas-title .sp-line-1{
	height: 28px;
	width: 4px;
	display: inline-block;
	background: #ff6600;
	margin-top: 5px;
}

.bd-bm299{
	border-bottom: 2px solid #ff6600;
}

.bid-time-tit{
	width: 149px;
	height: 65px;
	display: inline-block;
	position: absolute;
	background: url(../images/bid-tit-1.png) no-repeat;
	right: 15px;
	top:-8px;
}

.bid-time-over{
	width: 149px;
	height: 65px;
	display: inline-block;
	position: absolute;
	background: url(../images/over-btn.png) no-repeat;
	right: 15px;
	top:-8px;
}

.pos-rel{
	position: relative;
}

.bid-time-tit .bid-offer-btn{
	background: #fff;
	padding: 3px 10px;
	border-radius: 5px;
}

.logo-com>img{
	max-width: 155px;
	max-height: 93px;
}

.adv-com>img{
	width: 100%;
	max-width: 100%;
	display: inline-block;
}

/*information*/
.news-infor{ overflow: hidden; background:#fff;}
.nav-tabs{border-bottom: 0;padding: 0 9px;}
.news-infor h3{margin:0; height:36px; line-height:36px;font-size:18px; color:#333;}
.news-infor ul li{font-size:14px; color:#666; padding: 6px 0;}
.news-infor ul li i{font-size: 12px;margin-right:10px;color: #999;}

.infor-navline{border-bottom: 1px solid #FF6600;}
.nav-tabs>li{
	background: #f3f3f3;
    font-size: 16px;
    margin-right: 3px;margin-bottom:0;
    border-radius:3px 3px 0 0;
	-webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);}
    
.nav-tabs>li>a{border:0;
      margin-right:3px;
      display: inline-block;
     -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);}
  
.nav-tabs>li.active{background: #FF6600;color:#fff;display: block;border-radius:3px 3px 0 0;}
.nav-tabs>li.active a:hover{color:#fff!important}
.nav-tabs>li a:hover{background:0;}
.nav-tabs>li:hover a{color:#666;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background: 0;border:0; color: #fff;}

.infor-con{overflow: hidden;}
.infor-con ul li{ background:#fff;overflow: hidden;width:100%; height: 170px;margin-top:10px;}
.infor-con ul li:first-of-type{margin-top:0;}
.infor-con ul li i {float:left;display: inline-block;width: 20%;}
.infor-con ul li i img{height:170px; max-width: 100%;}
.infor-con ul li dl{padding: 20px 10px;float:left;text-align:left!important;}
.infor-con ul li dl dt{font-size: 18px; color: #000; font-weight: normal;}
.infor-con ul li dl dd{font-size: 14px;color: #777; line-height: 1.8; margin-top: 10px;}


.infor-con.supm-list ul li{
	height: auto;
    overflow: inherit;
    border-bottom: 1px solid #ececec;
}

.infor-con.supm-list ul li i{
	width:10%;
}
.infor-con.supm-list ul li i .supml-days{
	display:inline-block;
	width: 75px;
	height: 45px;
	border: 2px solid #ff6600;
	text-align: center;
	background: url(../images/supml-days.png) center no-repeat;
	color:#ff6600;
	line-height: 45px;
}

.infor-con.supm-list ul li .inf-w1{
	width:90%;
	padding:0px 10px;
}


.inf-w1{width:80%;}
.inf-w2{width:100%;}

.infor-adv{ overflow:hidden;}
.infor-adv img{height:170px; max-width:100%; display:block;}

.infor-adv1{ overflow:hidden;}
.infor-adv1 img{height:130px; max-width:100%; display:block;}
.adv-t{line-height: 2.2;width:100%;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.infor-banner{width:100%;margin: 0 auto; position: relative;}
.infor-banner img{max-width:100%;max-height:auto;width:100%}	

.infor-det-a{width:100%;line-height: 30px;}
.infor-det-a img{max-width: 100%;}
.infor-det-a h3{ text-align: center; font-weight: normal; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;margin: 0;}
.fx{background: url(../images/fx.png) no-repeat;width:22px; height: 22px; padding-left: 26px;}
.p-text{color: #666; font-size: 14px; line-height: 2; text-indent: 2em;}
.p-prc{display: inline-block; text-align: center;width: 100%; margin: 30px 0;}
i,em{ font-style: normal; }
.infor-det-b{background: #f8f8f8; padding: 30px 20px;}
.det-title{ overflow: hidden; color: #333;}
.det-textarea{border: 1px solid #e6e6e6;width:100%; display: inline-block;margin: 10px 0; padding: 10px;}
.btn-back{ background: #e1e1e1;padding: 6px 16px;}
.btn-back:hover{ background: #c2c0c0;}
.btn-set{background: #fa1918; color: #fff; padding: 6px 16px;}
.btn-set:hover{background: #d70a09; color: #fff;}

.dialog-con{padding-bottom: 20px; border-bottom: 1px solid #eee;}    
.dialog-write-limit .dialog-textarea { border: 1px solid #e6e6e6; padding: 10px; width: 100%; height: 100px;color: #323232;resize: none;overflow: auto;}
.dialog-write-limit .dialog-submit{position: relative; padding: 10px 0 20px; height: 40px; background: #fff; color: #a5a5a5;font-size: 14px;}
.gy-mem{height: 60px; width: 60px;overflow: hidden;position: relative; float: left;border-radius: 80px;}
.gy-mem img{height: 60px; width: 60px;}
.gy-detail{line-height: 22px;}
.gy-mem-sm{height: 40px; width: 40px;overflow: hidden;position: relative; float: left;border-radius: 80px;}
.gy-mem-sm img{height: 40px; width: 40px;}
.mem-reply{ background: #f8f9fb;word-break: break-all;padding:20px;margin-left:10%;border-bottom: 1px dashed #e6e6e6;}
.mem-reply ul{margin-bottom:0;}
.reply-Input-box {background: #f8f9fb; word-break: break-all;padding: 20px 20px 40px 20px;margin-left: 10%;}
.reply-Input-box .reply-textarea{border: 1px solid #e6e6e6;padding: 10px;width: 100%;height: 100px;color: #323232;resize: none;overflow: auto;}
.reply-btn{padding: 5px 15px;margin-top: -5px;}
.c-999{color: #999;}
.c-dbd{color:#dbdbdb;}

.form-query .sp2{
	height: 21px;
	width: 20px;
	background: url(../images/query-2.png) no-repeat;
	position: absolute;
	top:5px;
	right:10px;
}

.price-btn:hover{
	color: #fff!important;
	opacity:0.8;
}

.cBox.instagram-bg label:before {
  border:2px solid #FF6600; }
.cBox label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 15px;
  height: 6px;
  background: transparent;
  top: 8px;
  left: 5px;
  border: 3px solid #ff6600;
  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);
  }

a.bid-btn:hover{
	color: #fff!important;
}



.con-process li{
   float:left;
   padding:5px 10px;
}

.con-process li .cp-icon{
	display: inline-block;
	width: 65px;
	height: 65px;
	border: 3px solid #31b5a8;
	border-radius: 100%;
	text-align: center;
	line-height: 55px;
	color:#31b5a8;
}

.purchas-info{
	position:relative;
	transition:	all .2s linear;
	cursor:pointer;
	border-radius:3px;
}
.purchas-info:hover{
	box-shadow:0 15px 30px rgba(0,0,0,.1);
	transform:translate3d(0,-2px,0);}
.purchas-info .bidding-over{
	position:absolute;
	background: url(../images/inq_bnr.png) no-repeat;
	display:inline-block;
	width:287px;
	height:55px;
	line-height:50px;
	right:-5px;
	top:5px;
	background-position:-66px -71px;
}

.purchas-info .bidding-conduct{
	position:absolute;
	background: url(../images/inq_bnr.png) no-repeat;
	display:inline-block;
	width:360px;
	height:55px;
	line-height:50px;
	right:-5px;
	top:5px;
	background-position:0px -12px;
}

.price-btn{
	line-height: 28px;
	border: 1px solid #ff6600;
	padding: 0 15px;
	color: #fff;
	background:#ff6600;
	font-size: 14px;
	border-radius:4px;
}

.bidding-conduct .price-btn{
	line-height: 28px;
	border: 1px solid #fff83a;
	padding: 0 15px;
	color: #413422;
	background:#fff83a;
	font-size: 14px;
	border-radius:4px;
}

.purchas-info .bidding-conduct .price-btn:hover{
	background: #fff83a;
	color: #ff6600!important;
}
.bid-content span.bd-tips { display: block; width: 5px; height: 20px;float: left; background-color: #ffb502; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.05); -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.05); box-shadow: 0px 5px 5px rgba(0,0,0,.05); opacity: 0.65; -moz-opacity: 0.65; -khtml-opacity: 0.65; -webkit-opacity: 0.65; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; }
.purchas-title{margin-left:15px;}
.top02,.top03,.top04{min-height:200px;}
.tit-tips{
	width:5px;
	height:20px;
	background:#ff6600;
	display:inline-block;
	border-radius:3px;
	float:left;
	margin-top:13px;
}


/*帮助中心  */
.help-banner img{
	width:100%;
}
.menu_body a{
	display:block;
	padding:5px 0px;
	padding-left:20px;
	
}

.help-menu-list li{
	padding:5px 0px;
}
.help-menu-list li.active{
	background: #f5f5f5;
}

.help-menu-list li .menu_head{
	margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
    border-left: 5px solid #ff6600;
}
.news-text-ellipsis{
    display: inline-block;
    width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}