html{position: relative;min-height: 100%;height: auto;}
body{background:#f2f2f2;height: 100%;}
/*页头*/
.header-w{width:100%; min-width:1000px; height:45px; background:#2c2c2c;}
.header-w a,.footer-w a{color:#959595;}
.header-w a:hover,.footer-w a:hover{color:#f5f5f5;text-decoration:none;}
.header-lot{width:1000px; margin:0 auto;}
.backgroundsize .header-lot .logo{background-image:url(../images/logo0630_deboule.png); background-size:100px auto;}
.header-lot .logo{float:left; width:100px; height:27px; margin-top:9px; display:block; background:url(../images/logo0630.png) no-repeat; }
.header-w .nav{float:left; margin-left:45px;}
.header-w .nav li{float:left; width:75px; height:45px; line-height:45px; text-align:center;}
.header-w .nav li.current a{color:#f5f5f5;}
.header-w .user{float:right;}
.user-lt{z-index: 100;float:left; height:45px; line-height:45px;}
.user-lt a{padding:0px 10px; display:inline-block; height:45px;}
.user-lt a.user-od{padding-left:20px; }
.user-lt a.user-cd{font-size:16px; }
/*页尾*/
#wrap{margin-bottom: 50px;*margin-bottom: 0px}
#footer{width:100%; min-width:520px; height:50px; background:#2c2c2c; line-height:50px; font-size:12px;position: absolute;*position:static;left:0;bottom:0;}
.footer-w{width:520px;margin:0 auto;}
.footer-w span{padding-left:10px;}
.user-d{float:right; font-size:14px; padding-right:8px;padding-left:22px;}
.footer-w .tel-d{float: right;color:#bfbfbf;}
.tel-d em{color: #cdcdcd; font-size: 14px; font-weight: bold;margin-left: 3px;}
/*body背景图*/
.search-bg-l{width:1000px; margin:0 auto; background:url(../images/bg-body-small.png) no-repeat left -16px;}
.backgroundsize .search-bg-l{background-image:url(../images/bg-body-double.png); background-size:298px auto;}
.search-bg-r{width:1000px; padding:20px 0 40px; background:url(../images/bg-body-small.png) no-repeat right -65px; }
.backgroundsize .search-bg-r{background-image:url(../images/bg-body-double.png); background-size:298px auto;}
/*header-showMenu*/
.user-od-dd,.user-d-dd{width:125px; background:#fff; display:none;}
.user-od-dd a,.user-d-dd a{display:block; padding:0; border-bottom:1px solid #fafafa;}
.user-od-dd a:hover,.user-d-dd a:hover{background:#f2f2f2;  color: #4d4d4d;}

.user-cd-dd{width:159px; height:245px; padding:0 18px; text-align:center; background:#fff url(../images/qrcode-web.png) no-repeat 45px 20px; display:none;  zoom:1; }
.user-cd-dd p{}
.user-cd-dd-i0{padding-top:130px; line-height:24px; font-size:12px; color:#000;}
.user-cd-dd-i1{padding-top:8px;  line-height:24px;font-size:14px; color:#666;}
.user-cd-dd-i2{line-height:16px;font-size:12px; color:#999;}

/*
下拉样式
 */
.dropdown{position:relative; z-index:1001;}
.dropdown-menu li a{height:40px; line-height:40px;}
.dropdown-menu{position:absolute; overflow:hidden; box-shadow:0px 0px 2px #e2e2e2;border:1px solid #f3f3f3; border-bottom-left-radius:3px; border-bottom-right-radius:3px; z-index: 1001}
.dropdown-menu-lt40{height:40px; line-height:40px; text-align:center;}

/*旧版本的public.css样式-start*/
body .headlayout{
    width: 1000px;
}
body .wraplayout {
    width: 980px;
}
.headlayout,.wraplayout {
    margin: 0 auto;
}
/*导航*/
#navbar{position: relative; z-index: 1000; }
.wgt-navbar {
    height: 40px;
    min-width: 900px;
    overflow: hidden;
    position: relative;
    z-index: 1000;
    clear:both;
}
.wgt-navbar .navbar-bg {
    height: 180px;
    position: absolute;
    width: 100%;
}
.wgt-navbar .navbar-bg .navbar-bg-top {
  background-color: #ff8903;
  height: 40px;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content {
    position: relative;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl {
    float: left;
    position: relative;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl dt {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 0 none;
    border-image: none;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-top: 0 none;
    border-bottom:3px solid #ff8903;
    cursor: pointer;
    font-size: 16px;
    height: 37px;
    line-height: 37px;
    text-align: center;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl dd {
    height: 116px;
    padding: 24px 0 0;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl dd div {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl dd div a {
    color: #666;
    padding-bottom: 3px;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl dd div a.curpage,
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl dd div a.curpage:active,
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl dd div a.curpage:hover{
    font-weight: bold;
    color: #333;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl dd div a:active {
    color: #e66b00;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl dd div a:hover {
    color: #ffa845;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl.on dt a {
    border-bottom: 2px solid #fff;
    padding-bottom: 3px;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl:hover dt {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 3px solid #e66b00;
    height:37px;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl:hover dd {
    background: #f5f5f5;
    border-color: #184f8b;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl:hover dd a:active{
    color: #e66b00;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl:hover + dl dd {
    border-color: transparent !important;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl:hover a{
    text-decoration: none;
}
.wgt-navbar .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl{
    width:124px;
}
.wgt-navbar a, .wgt-navbar a:link, .wgt-navbar a:visited, .wgt-navbar a:hover, .wgt-navbar a:active {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.wgt-navbar-hover {
    overflow: visible;
}
.wgt-navbar-hover .navbar-bg {
    background: #fff;
    background:rgba(255,255,255,.96);
    box-shadow: 10px 0 10px #e1e1e1;
}
.wgt-navbar-hover .navbar-bg .navbar-bg-top .navbar-content .navbar-content-box dl dd {
    opacity: 1;
    filter:alpha(opacity=100);
}

a.form-button-s1,a.form-button-s1:link,a.form-button-s1:visited{
  display: inline-block;
  height: 38px;
  line-height: 38px;
  background-color:#fff;
  padding:0 22px;
  border:1px solid #c4c4c4;
  text-decoration: none;
  text-align: center;
  font-size:14px;
  color:#747474;
  border-radius: 3px;
}
a.form-button-s1:hover{
  background-color:#f0f0f0;
}


a.form-button-s1 span,a.form-button-s1:hover span{
  width:18px;
  height:18px;
  float:left;
  margin-top:10px;
  margin-right:6px;
  background: url(../images/sprite.png) no-repeat 0 0;
}

.backgroundsize a.form-button-s1 span, .backgroundsize a.form-button-s1:hover span{
  background-image: url(../images/sprite-double.png);
  background-size: 55px 146px;
}

a.form-button-s1:active span{

}

a.form-button-s1 .icon_01,a.form-button-s1:hover .icon_01{
  background-position: 0 -28px;
}
a.form-button-s1 .icon_02,a.form-button-s1:hover .icon_02{
  background-position: -37px -28px;
}
a.form-button-s1:active .icon_02{
  background-position: 0 -128px;
}
a.form-button-s1 .icon_03,
a.form-button-s1:link .icon_03,
a.form-button-s1:hover .icon_03{
  background-position: -18px -28px!important;
}
a.form-button-s1:active .icon_03{
  background-position: 0 -110px;
}


a.form-button-s2,a.form-button-s2:link,a.form-button-s2:visited,a.form-button-s2:hover{
  display: inline-block;
  height: 28px;
  line-height: 28px;
  background-color: #fff;
  padding:0 12px;
  border:1px solid #e5e5e5;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size:12px;
  color:#565a5c;
}
a.form-button-s3,a.form-button-s3:link,a.form-button-s3:visited,a.form-button-s3:hover{
  display: inline-block;
  height: 28px;
  line-height: 28px;
  background-color: #fff;
  padding:0 12px;
  border:1px solid #e5e5e5;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size:12px;
  color:#565a5c;
}

.func-pages{
  float:right;
  _display:inline;
}

.func-pages .num{
  /*margin-right:10px;*/
  font-size:14px;
  color:#323739;
}

/*.func-pages .links a{
  margin-right:6px;
}*/
.func-pages .links a{
  margin-left:6px;
}

.func-pages .links a:hover{
  background-color: #f0f0f0;
}

.func-pages .links a:active{
  background-color: #eee;
}

.func-pages-goto{
  width: 170px;
  height: 58px;
  line-height: 58px;
  border: 1px solid #c4c4c4;
  background: #fff;
  position: absolute;
  font-size: 14px;
  color: #666;
  padding: 0 14px;
}

.func-pages-goto input{
  margin: 0 5px;
  width: 30px;
  height: 24px;
  border: 1px solid #c4c4c4;
  line-height: 24px;
  font-size: 14px;
  color: #666;
  text-align: center;
}

.func-pages-goto input:focus{
  outline: none;
  border-color: #ffa033;
}

.func-pages-goto a,.func-pages-goto a:link{
  width: 46px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #c4c4c4;
  display: inline-block;
  margin-left: 5px;
  text-align: center;
  background: #e2e2e2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border0-radius: 2px;
  background: -webkit-linear-gradient(top, #fff, #e2e2e2);
  background: -moz-linear-gradient(top, #fff, #e2e2e2);
  background: linear-gradient(top, #fff, #e2e2e2);
}

.func-pages-goto a:hover{
  text-decoration: none;
  background: #d2d2d2;
  background: -webkit-linear-gradient(top, #d2d2d2, #fff);
  background: -moz-linear-gradient(top, #d2d2d2, #fff);
  background: linear-gradient(top, #d2d2d2, #fff);
}

/*小流量版 导航样式修改*/
.wgt-navbar .navbar-bg-smallflow{background:none; box-shadow:none}
.wgt-navbar .navbar-managecenter-box{position:absolute; width:130px; right:0; top:0; left: auto;}
.wgt-navbar .navbar-managecenter-box dt{height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center;}
.wgt-navbar .navbar-managecenter-box dt a{display:block;}
.wgt-navbar .navbar-managecenter-box dt a.hover{background:#f07800;}
.wgt-navbar .navbar-managecenter-box dd{background:#fff; box-shadow: 0 3px 3px #e1e1e1; border:1px solid #e1e1e1; border-top:none; }
.wgt-navbar .navbar-managecenter-box dd a{display:block; height:46px; line-height:46px; text-align:center; font-size:14px; color:#878787; }
.wgt-navbar .navbar-managecenter-box dd a:hover,.wgt-navbar .navbar-managecenter-box dd a:active{background:#f6f6f6;}

.navbar-bg-top .navbar-content-list li{float:left; width:110px; line-height:40px; font-size: 16px; text-align: center;}
.navbar-bg-top .navbar-content-list li a{display:block;}
.navbar-bg-top .navbar-content-list li.current a,.navbar-bg-top .navbar-content-list li a:hover,.navbar-bg-top .navbar-content-list li a:active{background:#f07800;}

/*二维码 */
.wgt-navbar .navbar-managecenter-box dd{display:none;}

.qrcode{position:relative;}
.qrcode-detail{position:absolute; left:25px; top:33px;  z-index:1024; display:none;}
.qrcode-detail .hd{width: 100%; height:10px; clear:both; text-align:right; position:relative;}
.qrcode-detail .hd .cor{position:absolute;top:1px;left:10px;width:0; height:0; border-style:solid; border-color:transparent transparent #fff transparent; border-width:0 10px 10px 10px;}
.qrcode-detail .bd{border:1px solid #f7f7f7; height:130px; width:270px; padding:15px; background:#fff; box-shadow:0px 0px 3px #e1e1e1;}
.qrcode-detail .qrcode-detail-pic{width:106px; overflow:hidden; float:left;}
.navbar-bg-top .navbar-content-list li a.qrcode-img{float:left;background:url(../images/qrcode.png) no-repeat; display:block; width:106px; height:106px;}
.qrcode-detail .qrcode-detail-pic span{float:left; font-size:12px;color:#aaa; line-height:28px; display: block; width: 100%; text-align: center;}
.qrcode-detail-info{float:left; margin-left:15px;  font-size:14px;}
.qrcode-detail-info p{}
.navbar-bg-top .navbar-content-list li .qrcode-detail-info a{color:#f18903; text-align:left; background:url(../images/device-icons.png) no-repeat 0 11px; padding-left:25px; height: 38px; line-height: 38px;}
.navbar-bg-top .navbar-content-list li .qrcode-detail-info a:hover{color:#ffbd66; text-decoration: underline;}
.navbar-bg-top .navbar-content-list li .qrcode-detail-info a:active{color:#ec7d00; text-decoration: underline;}
.navbar-bg-top .navbar-content-list li .qrcode-detail-info a.ios{}
.navbar-bg-top .navbar-content-list li .qrcode-detail-info a.android{ background-position:0 -32px;}

.headerwrap .headinfo a.qrcode-small{display:block; width:25px; height:25px; background:url(../images/qrcode-small.png) no-repeat; margin-top:4px;}
.headerwrap .headinfo a.qrcode-small:hover{background-position: 0 -25px;}

.backgroundsize .headerwrap .headinfo a.qrcode-small{background-image:url(../images/qrcode-small-double.png); background-size:25px auto;}

.headerwrap .headinfo a.qrcode-img{float:left;background:url(../images/qrcode-web.png) no-repeat; display:block; width:106px; height:106px;}
.qrcode-detail-left{right:0; left:auto;}
.qrcode-detail-left .hd .cor{right:10px; left:auto;}
.headerwrap .info-i  .qrcode-detail-left .qrcode-detail-info{width:140px; text-align: left; line-height:24px;}
.qrcode-detail-info span{display:inline; font-size: 12px; color: #aaa; line-height: 18px;}
.userinfo-box{ position: absolute; z-index: 1024;top: 32px; left: -48px; display:none;}
.userinfo-box .hd{width: 100%; height: 10px; clear: both;text-align: right;}
.userinfo-box .hd .cor{position: relative; top: -24px; right:70px; margin-right: 10px; width: 0;  height: 0;  border-style: solid;  border-color:transparent transparent #fff transparent; border-width: 0 10px 10px 10px;
}
.userinfo-box .bd{ background: #fff; border: 1px solid #cbcbcb; border-radius:3px;}
.userinfo-pop{width:130px; height:50px; padding:15px 0; line-height:24px; background: url(../images/none-user1.png) no-repeat 10px 15px; text-align:left; padding-left: 70px}
.userinfo-pop p{color:#333;}
.userinfo-pop span{font-size:12px; color:#878787;}

.usermain li:hover{background-color:#fafafa;}
.headerwrap .info-subnav ul.usermain li a:hover{text-decoration: none; color: #666;}

/*==dialog==*/
.mask {
  background-color: #000000;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  /* https://css-tricks.com/snippets/css/cross-browser-opacity/ */
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
  z-index: 102;
}
.dialog-container {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 103;
}
.modal-open {
  overflow:hidden;
}
.dialog-container .dialog {
  position: absolute;
  width: 300px;
  left: 50%;
  top: 50%;
  border-radius: 3px;
  background-color: #ffffff;
}
.modal-header {
  height:50px;
  line-height: 50px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 0 20px;
  background-color: #fafafa;
}
.modal-body {
  padding:20px 20px;
}
.modal-footer{
  border-top:1px solid #f2f2f2;
  padding:8px 20px;
  text-align: right;
}
.modal-footer .btn:last-child{
  margin-right:0;
}
.form-group label {
  display: block;
}
.form-group input {
    width: 100%;
    height: 38px;
  line-height: 38px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0 15px;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-group span {
    display: block;
    overflow: hidden;
}
.input-group .btn {
  float: right;
  margin-left: 5px;
}
.has-error input{
  border-color:#ff0000;
}
.has-error .help-block{
  color:#ff0000;
}

/*==button==*/
.btn {
  display: inline-block;
  padding: 6px 27px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn-submit{
  background-color: #f0c646;
  color:#ffffff;
}
.btn-default{
  background-color: #ffffff;
  border-color: #e6e6e6;
  color:#333333;
}

/*==text==*/
.text-success{
  color:#3c763d;
}
.text-warning{
  color:#8a6d3b;
}

.faq-map {text-align: left; width: 100%;}
.faq-user,.faq-car {background: url("../images/faq-user.png") no-repeat 5px 3px; background-size:20px;}
.faq-car {background-image: url("../images/faq-car.png");}
.faq-map h2 {clear: both; border-bottom: 2px solid #e6e6e6; color:#343434; font-size: 16px; text-indent: 30px; padding-bottom: 5px;}
.faq-map ul {margin:5px 0 30px 0;}
.faq-map li {float: left; width:49%; font-size: 14px; line-height: 26px; background: url("../images/faq-list.png") no-repeat 5px center; background-size:6.5px;}
.faq-map li:hover {background-image: url("../images/faq-list-hover.png");}
.faq-map a {color:#666; padding-left: 20px;}
.faq-map a:hover {font-weight:900; color: #000; text-decoration: none; color: #333;}

.menulist ul {display:none;}
.menutitle {font-size:16px !important; text-indent: 30px; padding-bottom:10px; border-bottom:1px solid #e6e6e6; margin-top: 10px; cursor: pointer;}
.menulist li {line-height: 32px; border-left:2px solid #fff; text-indent: 30px;}
.menulist li.current {background: #f3f3f3; display:block; border-color: #f0c646;}
#faq-menu {float:left; width:260px;padding:0;}
#faq-content {float:left; width:595px; margin-left:35px; padding:30px 55px; margin-bottom:100px;}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px; 
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-base .tooltipster-content {
    overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0; 
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important; 
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important; 
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important; 
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important; 
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.tooltipster-light {
    border-radius: 5px; 
    border: 1px solid #cccccc;
    background: #ededed;
    color: #666666;
    position: absolute;
}
.tooltipster-light .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
}
.dropdown-menu{z-index: 9999999;}