/*------------------------------------------ Template Name: AdminEx Dashboard Author: ThemeBucket -------------------------------------------*/
@import url('bootstrap.min.css');
@import url('bootstrap-reset.css');
@import url('jquery-ui.css');
@import url('../fonts/css/font-awesome.min.css');

html *{
    font-family: "Microsoft YaHei",myYaHei !important;
}
@font-face
{
    font-family: myYaHei;
    src: url('http://cdn.121media.cn/msyh.ttf')

}
body {
    background: #fff;
    color: #7a7676;
    overflow-x: hidden;
    font-size: 0.875rem;
    position: relative;
}
html {
    font-size: 1rem;
}
input, select, textarea {
    font-family: 'Open Sans', sans-serif;
    color: #767676;
}
.form-control:focus, #focusedInput {
    border: 1px solid #66afe9;
}
a:hover,a:visited,a:link,a:active {
    text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
}
a:focus, a:active, a:hover {
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #1482FF;
}
h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}
.mtop10 {
    margin-top: 0.625rem;
}
hr {
    border-color: #ddd;
}
.top {
    position: absolute;
    width: 100%;
    height: 10.37735%;
}
/*------------------------------- LOGIN STYLES -------------------------------*/
.banner {
    position: relative;
    /*height: 4rem;*/
    height: 70px;
    width: 1200px;
    margin: auto;
}
.container {
    position: relative;
    background: url("../images/logout-banner.jpg") no-repeat center center;
    width: 100%;
    height: 573px;
}
.banner_menu {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    right: 30%;
    margin-left: auto;
}
.banner_softad {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    right: 20%;
    margin-left: auto;
}
.banner_recharge {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    right: 14%;
    margin-left: auto;
}
.banner_menu1 {
     display: inline-block;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform:translateY(-50%);
     -moz-transform:translateY(-50%);
     -o-transform:translateY(-50%);
     -ms-transform:translateY(-50%);
     right: 1%;
     margin-left: auto;
 }
.banner_menu li {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    color: #596173;
    margin-right: 1.5rem;
    letter-spacing: 0;
}
.banner_menu li:last-child {
    margin-right: 0;
}
.banner_menu li a {
    font-size: 16px;
    color: #3C3C3C;
    letter-spacing: 0;
}
.banner_menu li.cur::after {
    content: '';
    position: absolute;
    /*width: 1.875rem;
    height: 0.25rem;*/
    width: 28px;
    height: 2px;
    left: 0;
    right: 0;
    /*bottom: -1.225rem;*/
    top: 44px;
    margin: auto;
    background: #EF5919;
}
.banner_menu li.cur a {
    color: #EF5919;
}
ul.menu-user{
    display: inline-block;
    position: absolute;
    top: 36%;
    right: 0;
}
ul.menu-user li{
    position: relative;
    display: inline-block;
    font-size: 1rem;
    color: #596173;
    letter-spacing: 0;
}
#register-btn{
    padding: 9px 22px;
    background-color: #FF6742;
    color: #fff;
    margin-left: 30px;
}
ul.menu-user li a {
    font-size: 16px;
    color: #3C3C3C;
    letter-spacing: 0;
}
img.search-icon{
    width: 30px;
    height: 30px;
}
/* 登录后用户信息展示start */
div#div-user{
    padding: 16px 8px;
}
img.img-user{
    vertical-align: middle;
}
span.span-user{
    vertical-align: middle;
    font-size: 14px;
    color: #626262;
}
.dropdown {
    position: relative;
    display: inline-block;
    left: 87.8%;
    z-index: 10000;
}
.dropdown-content {
    cursor: pointer;
    position: absolute;
    background-color: #f9f9f9;
    text-align: center;
    margin-top:0.95%;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#av_on2{display:none;}
span.span-edit{
    font-size: 14px;
    color: #626262;
    line-height: 19px;
}
span.span-logout{
    font-size: 14px;
    /*color: #FB3434;*/
    letter-spacing: 0;
    line-height: 14px;
}
a#a-logout{
    border-top: 1px solid #F0F0F0;
}
/* 下拉菜单的链接 */
.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
}
a#a-edit{
    padding: 7px 5px;
}
a#a-logout{
    /*padding: 10px 12px;*/
    padding: 14px 12px;
}

/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {background-color: #f1f1f1}

/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {
    display: block;
}

/* 当下拉内容显示后修改下拉按钮的背景颜色 */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
/* 登录后用户信息展示end */
.login-logo {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    margin: auto;
}
.login-logo img {
    display: inline-block;
    width: 10.5625rem;
    height: 2.6875rem;
}
.login-logo span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.625rem;
    margin-left: 1.25rem;
    font-size: 1.5rem;
    color: #737F9A;
    letter-spacing: 0;
}
.footer {
    padding: 5rem 0;
    text-align: center;
    background: #F7F8FC;
    color: #666;
    font-size: 0.75rem;
}
.footer .ft_center {
    padding: 1.875rem 0;
}
.footer .ft_center p {
    padding-left: 4.8rem;
}
span.spm{
    padding: 0 5rem;
}

.footer .ft_center p:last-child {
    display: inline-block;
    margin-right: 0;
}
.footer ul li {
    display: inline-block;
    font-size: 0.875rem;
    color: #666666;
    letter-spacing: 0;
}
.footer ul li a {
    color: #7a7676
}
.footer ul{
    margin-left: -2.5rem !important;
}
li.lim{
    padding: 0 2.5rem;
}
.welcome {
    position: absolute;
    right: 20vh;
    top: -2.8125rem;
    font-size: 1.125rem;
    color: #737F9A;
    letter-spacing: 0;
}
.form-signin {
    position: absolute;
    width: 420px;
    height: 400px;
    right: 360px;
    top: 34.3px;
    margin: auto;
    background: #fff;
}
div#special-register{
    position: absolute;
    bottom: 55px;
    width: 420px;
    height: 50px;
    right: 360px;
    background: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 21px;
    padding-top: 12px;
}
a#special-link{
    color: #1482FF;
}
.img_code {
    width: 4.625rem;
    height: 2.5rem;
    padding: 0 0.625rem;
}
#code {
    display: inline-block;
    width: 9.875rem;
}
.t_change {
    font-size: 0.875rem;
    color: #1482FF;
    letter-spacing: 0;
}

ul#level1-ul{
    position: absolute;
    width: 800px;
    top: 53px;
    left: 525px;
}
li.level1-li2{
    margin: 30px 0;
}
img.level1-icon-img{
    margin-top: -60px;
    margin-right: 20px;
}
div.level1-div{
    display: inline-block;
}
div.level3-div{
    position: absolute;
    top: 78px;
    left: 600px;
    width: 559px;
}
p#level3-p1{
    font-size: 26px;
    color: #666666;
    letter-spacing: 0.81px;
}
p#level3-p2{
    font-size: 20px;
    color: #666666;
    text-align: left;
    line-height: 36px;
}
span.level1-sp1{
    font-size: 24px;
    color: #323232;
    letter-spacing: 0.75px;
    text-align: left;
}
span.level1-sp2{
    font-size: 16px;
    color: #B3BBCB;
    letter-spacing: 0.23px;
    line-height: 22px;
}

div#channel-desc{
    position: absolute;
    width: 600px;
}
div#channel-c1{
    margin-bottom: 30px;
}
div#channel-c2{
    margin-top: 30px;
}
ul#channel-img{
    list-style:none;
    padding: 0;
}
ul#channel-img li{
    display: inline-block;
    margin-right: 12px;
}
p.p-channel1{
    font-size: 26px;
    color: #666666;
    letter-spacing: 0.81px;
}
p.p-channel2{
    font-size: 20px;
    color: #666666;
    text-align: left;
    line-height: 26px;
}
.form-signin .form-signin-heading {
    margin: 0;
    padding: 21px 62px;
    text-align: center;
    color: #fff;
    position: relative;
}
.w_1200 {
    width: 1200px;
    margin: auto;
}
.dsp_case {
    background: #F9F9F9;
    height: 700px;
}
.dsp_case .mobile {
    width: 22.8125rem;
    height: 30.125rem;
}
.dsp_channel {
    padding: 4.375rem 0;
    background: #F7F8FC;
}
.dsp_channel .pbox {
    margin-bottom: 2.875rem;
}
.dsp_channel .pbox h3 {
    font-family: PingFangSC-Medium;
    font-size: 1.625rem;
    color: #323232;
    margin-bottom: 0.625rem;
}
.dsp_channel .pbox p {
    font-size: 1.25rem;
    color: #666666;
    line-height: 2.25rem;
}
.dsp_advisory {
    padding: 4.375rem 0;
    background: #F7F8FC;
}
.dsp_advisory form {
    display: inline-block;
    text-align: center;
}
.dsp_advisory .btn-advisory {
    width: 24.375rem;
    height: 2.75rem;
    background: #1584F9;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    color: #FFFFFF;
    letter-spacing: 0;
}
.dsp_advisory input {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #D8DCEA;
    border-radius: 0.25rem;
    width: 30rem;
    height: 2.75rem;
    margin-bottom: 1.875rem;
}
.dsp_advisory input:nth-child(1),.dsp_advisory input:nth-child(3) {
    margin-right: 5rem;
}
.dsp_advisory input::-webkit-input-placeholder {
    font-size: 0.875rem;
    color: #737F9A;
    letter-spacing: 0;
}
.dsp_advisory input:-moz-placeholder {
    font-size: 0.875rem;
    color: #737F9A;
    letter-spacing: 0;
}
.dsp_advisory input::-moz-placeholder {
    font-size: 0.875rem;
    color: #737F9A;
    letter-spacing: 0;
}
.dsp_advisory input:-ms-input-placeholder {
    font-size: 0.875rem;
    color: #737F9A;
    letter-spacing: 0;
}
.plate {
    margin-bottom: 10px;
    margin-left: -20px;
}
.plate li {
    display: inline-block;
    font-size: 1.375rem;
    color: #555C6A;
    letter-spacing: 0;
    margin-right: 32px;
    margin-bottom: 26px;
}
.plate li a {
    color: #555C6A;
    padding: 6px 12px 9px;
}
.plate li.cur a {
    background: #FB3434;
    border-radius: 2px;
}
.plate li.cur span.plat-span{
    color: #fff;
}

.plate li:last-child {
    margin-right: 0;
}
.cities {
    position: relative;
    padding: 16px 0 15px 20px;
    margin: 36px 0 13px;
    background: #F7F8FC;
}
.cities li {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px !important;
}
img.li-no-sel{
    margin-right: 15px;
}
.cities li.sel {
    position: absolute;
    right: 3.125rem;
    background: url('../images/more.png') no-repeat right center;
    padding-right: 0.9375rem;
}
.cities li a {
    color: #666;
}
.cities li.bold {
    font-size: 22px !important;
    color: #FF6742;
    line-height: 29px;
    padding-right: 290px;
}
.cities li.cur{
    color: #FF6742 !important;
}
span.sel-span{
    line-height: 17px;
    font-size: 12px;
}
img.sel-img{
    width: 14px;
    height: 14px;
    border-radius: 2px;
    margin-top: -2px;
    margin-right: 5px;
}
select.area-sel{
    /*清除select聚焦时候的边框颜色*/
    outline: none;
    /*将select的宽高等于div的宽高*/
    width: 50px;
    height: 28px;
    border-radius: 2px;
    border: 1px solid #EAEAEA;
    /*隐藏select的下拉图标*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 6px;
    line-height: 17px;
    background: url(../images/sel-arrow.png) no-repeat right 6px center transparent;
}
button#search-btn{
    margin: 0;
    padding: 0;
    border: 1px solid transparent;  /*自定义边框*/
    border-radius: 2px;
    width: 50px;
    height: 26px;
    color: #fff;
    outline: none;    /*消除默认点击蓝色边框效果*/
}
a.search-cancel{
    color: #1482FF !important;
}
button.search-btn{
    background: #FF6742;
;
}
/*列表选项*/
div#choice-options{
    height: 190px;
    background-color: #FFF;
    border: 1px solid #F5F5F5;
    padding: 24px 0 31px 20px;
    margin-bottom: 30px;
}
ul.ul-opt{display:inline-block;}
ul.ul-opt li{display:inline-block;}
ul.ul-opt li a{color:#656C79;padding: 6px 10px;font-size: 14px;line-height: 19px;}
span.opt-name{font-size: 14px;line-height: 20px;color:#FF6742;}
span.opt-last-name{font-size: 14px;line-height: 20px;color:#FF6742;}
span.opt-vision{letter-spacing: 5px;}
span.opt-outdoor{letter-spacing: 43px;}
ul.ul-opt li.cur a {
    background: #FF6742;
    border-radius: 2px;
}
ul.ul-opt li.cur span.span-opt{
    color: #fff;
}

/*.w_box {
     width: 23.75rem;
     height: 13.75rem;
     padding: 1.25rem 0.9375rem;
     color: #737F9A;
     background: #FFFFFF;
     border: 1px solid #F0F6FF;
     border-radius: 0.125rem;
     margin-bottom: 1.25rem;
 }
.wno_box {
    width: 100%;
    height: 13.75rem;
    padding: 1.25rem 0.9375rem;
    color: #737F9A;
    background: #FFFFFF;
    border: 1px solid #F0F6FF;
    border-radius: 0.125rem;
    margin-bottom: 1.25rem;
}
.w_box:hover {
    box-shadow: 0 0.1875rem 0.5rem 0.125rem rgba(195,219,255,0.30);
}
.w_box h4 {
    font-family: Microsoft YaHei;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1rem;
    margin: 0;
    margin-bottom: 1.875rem;
}
.w_box p {
    margin: 0;
}
.w_box .lft img {
    width: 11.25rem;
    height: 11.25rem;
}
.fans_count {
    font-family: Microsoft YaHei;
    font-size: 1rem;
    color: #FB3434;
    letter-spacing: 0;
    line-height: 1.1875rem;
}
.foot {
    width: 10.625rem;
    margin-top: 25px;
}
.w_box p.desc {
    margin: 1.25rem 0;
}
.w_box a {
    color: #fff;
    background: #1482FF;
    border-radius: 0.125rem;
    padding: 8px 10px;
}
.w_box .lft,.w_box .rht {
    display: inline-block;
    vertical-align: middle;
}
.w_box .rht {
    width: 10rem;
    padding: 0 0.625rem;
    vertical-align: top;
}
.wechat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.viewmore {
    font-family: Microsoft YaHei;
    font-size: 0.875rem;
    color: #1482FF;
    letter-spacing: 0;
}*/
/**新平台列表布局样式**/
#header .swiper-container{
    width:100%;
    /*height: 600px;*/
}

#top-banner img{
    width: 100%;
    height: auto;
}
.banner-swiper-pagination {
    z-index: 100 !important;
    position: absolute !important;
    left: 47% !important;
}
.wechat {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-between;
    height: 618px;
}
/*.new_w_box:hover {
    box-shadow: 0 0.1875rem 0.5rem 0.125rem rgba(195,219,255,0.30);
}*/
img.item-img{
    width: 60px;
    height: 60px;
}
.new_w_box {
    width: 277.5px;
    height: 294px;
    /*padding: 1.25rem 0.9375rem;*/
    padding: 20px 18px 30px;
    color: #737F9A;
    background: #FFFFFF;
    border: 1px solid #F0F6FF;
    border-radius: 2px;
    margin-bottom: 30px;
    /*box-shadow: 0 0.1875rem 0.5rem 0.125rem #F5F7FA;*/
    box-shadow: 0 3px 8px 2px #f5f5f5;
}
ul.box-ul{
    text-align: center;
}
li.li-img{margin-bottom: 20px;}
li.li-name{margin-bottom: 10px;}
span.item-name{font-size: 16px;color: #3E464C;line-height: 16px;}
li.li-desc{margin-bottom: 20px;font-size: 12px;line-height: 24px;}
span.desc{color:#999999;}
li.li-fans{margin-bottom: 30px;}
span.fans{color: #FF6742;font-size: 20px;line-height: 28px;}
span.unit{color:#999999;}
button.btn-item-detail{background-color: #FF6742;width:100px;height:36px;margin:0;padding:0;outline:none;border: 0 solid transparent; }
li.li-detail a{color: #FFFBFA;}
div.more-list{text-align: center;margin-top: 40px;}

.dsp_content {
    position: relative;
}
.dsp_content .market {
    padding: 4.375rem 0;
}
.dsp_content .service {
    position: absolute;
    width: 11.25rem;
    height: 20.8125rem;
    top: 50%;
    right: -18.75rem;
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    text-align: center;
}
.dsp_content .service .serbox {
    border: 1px solid #1482FF;
    margin-bottom: 2.5rem;
}
.dsp_content .service .serbox:nth-child(2) {
    margin-bottom: 3.1875rem;
}
.dsp_content .service .item {
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: left;
    padding: 0 0.9375rem;
}
.dsp_content .service .item img {
    margin-right: 0.625rem;
}
.dsp_content .service .item {
    font-size: 1rem;
    color: #FFFFFF;
    letter-spacing: 0;
    background: #1482FF;
}
.dsp_content .service .item:nth-child(2) {
    font-size: 1rem;
    color: #1482FF;
    letter-spacing: 0;
    background: #fff;
}
.dsp_content .viewmore {
    float: right;
}
.dsp_case_name{
    margin-bottom: 75px;
}
.dsp_case .viewmore {
    position: absolute;
    left: 38.4375rem;
    bottom: 0;
}
.swiper {
    position: relative;
    /*height: 29.8125rem;
    padding: 0 12.5rem;*/
}
.swiper-item {
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    -moz-opacity: 0;
}
.swiper-item.cur {
    opacity: 1;
    f-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -moz-opacity: 1;
}
.swiper-item .func {
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    -moz-opacity: 0.9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.swiper-item.cur .func {
    opacity: 1;
    f-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -moz-opacity: 1;
}
.swiper-item .func span {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    font-size: 1.125rem;
    color: #555C6A;
    letter-spacing: 0;
}
.swiper .prev,.swiper .next {
    width: 3rem;
    height: 3.75rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
.swiper .prev {
    background: url('../images/arr_lft.png') no-repeat center center;
    left: 0;
}
.swiper .next {
    background: url('../images/arr_rht.png') no-repeat center center;
    right: 0;
}
.swiper .rht {
    width: 24.0625rem;
    display: inline-block;
    vertical-align: top;
    margin-top: 3.125rem;
    margin-left: 2.5rem;
}
.swiper .rht .title.blue {
    font-size: 1.125rem;
    color: #1482FF;
    letter-spacing: 0;
    padding-bottom: 2.1875rem;
}
.swiper .rht .col {
    padding-bottom: 2.1875rem;
}
p {
    margin: 0;
}
.swiper .rht .col img {
    margin-right: 0.625rem;
}
.swiper .rht .col p {
    margin-left: 1.875rem;
    font-size: 0.75rem;
    color: #7B8497;
    letter-spacing: 0;
}
.swiper .col span {
    font-size: 0.875rem;
    color: #555C6A;
    letter-spacing: 0;
}
.swiper .dot {
    position: absolute;
    display: inline-block;
    height: 1rem;
    bottom: 2.5rem;
    right: 23.125rem;
}
.swiper .dot span {
    padding: 0.5rem;
    border-radius: 50%;
    background: #ddd;
    display: inline-block;
    margin-right: 1.5rem;
    cursor: pointer;
}
.swiper .dot span.cur {
    background: #1482FF;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #7B7B7B !important;
    opacity: 1 !important;
}
span.swiper-pagination-bullet-active{
    opacity: 0.8;
    background-color: #FF5D35 !important;
}

/*案例内容 Start*/
div.file-slide{
    position: relative;
    width: 500px;
    /*height:401px;
    border: 17px solid #FFF;*/
    /*box-shadow: 0 8px 20px 0;*/
    /*box-shadow: 0 0rem 1rem 0.125rem rgba(195,219,255,0.30);*/
    left: 57px;
    z-index: 1000;
    float: left;
}
div.case-content{
    width: 507px;
    float: right;
    vertical-align: top;
    margin-top: 70px;
    margin-right: 76px;
}
.case-more{
    margin-top:7px;
}
.case-more a{
    color: #FF5D35;
    font-size:14px;
    line-height:19px;
}
h4.case-title{
    line-height: 37px;
    letter-spacing: 0.88px;
    font-size: 28px;
    color: #323232;
}
div.case-desc{
    margin-top: 18px;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0.2px;
    line-height: 22px;
}
.swiper-pagination-bullet{
    padding: 5.5px !important;
}
/*案例内容 End*/

/*案例滑动分页器 Start*/
div.swiper-pagination-bullets{
    width: auto !important;
}
div.swiper-pagination{
    top: 334px;
    left: 618px !important;
}
span.swiper-pagination-bullet{
    padding: 0.5rem;
    margin-right: 1.5rem;
    cursor: pointer;
}
#case-swiper {
    height: 267px !important;
}
/*案例滑动分页器 End*/

/*案例前进后退按钮 Start*/
div.swiper-button-prev{
    background: url('../images/case-gray-prev.png') no-repeat !important;
    left: 0 !important;
    margin-top: 0 !important;
}
div.swiper-button-next{
    background: url('../images/case-gray-next.png') no-repeat !important;
    right: 0 !important;
    margin-top: 0 !important;
}
/*案例前进后退按钮 End*/

.swiper-container {
    width: 100%;
    height: 100%;
    overflow: visible !important;
}
div.swiper-slide {
    visibility: hidden;
}
div.swiper-slide-active{
    visibility: visible;
}

.dsp_client {
    padding: 4rem 0;
}
.tc {
    letter-spacing: 0;
    font-size: 1.375rem;
    color: #FB3434;
}
.dsp_business {
    padding: 3.75rem 0;
}
.dsp_business .plbox {
    /*display: flex;*/
    /*justify-content: space-between;*/
    padding-left: 20px;
    /*flex-wrap: wrap;
    width: 33.625rem;*/
}
.dsp_business .plbox > img {
    width: 10.375rem;
    height: 4.25rem;
    margin-right: 27px;
}

.dsp_business .bs {
    /*display: inline-block;*/
}
.dsp_business .bs.partner {
    /*float: right;*/
}
.dsp_business .bst {
    margin-bottom: 1.875rem;
}
.dsp_business .bst .ps {
    font-size: 1.125rem;
    color: #555C6A;
    letter-spacing: 0;
    margin-left: 0.625rem;
}
.dsp_business .plbox img {
    margin-bottom: 1.25rem;
}
.dsp_business .plbox img:hover {
    background: #FFFFFF;
    box-shadow: 0 0.125rem 0.375rem 0.0625rem rgba(195,219,255,0.30);
    border-radius: 0.5rem;
}
.notice {
    padding: 1.875rem 0 2.5rem 0;
}
.about {
    padding-top: 0;
}
.content_box {
    position: relative;
    margin: 3.75rem 0;
}
.content_box .desc_mk {
    position: absolute;
    display: inline-block;
    top: 50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    font-size: 1.375rem;
    color: #666666;
    line-height: 2.25rem;
}
.content_box .desc_mk p {
    text-indent: 3.125rem;
}
.content_box .img_mk {
    display: inline-block;
}
.content_box.first .desc_mk {
    right: 0;
}
.content_box.second .desc_mk {
    left: 0;
}
.content_box.first .img_mk {
    left: 0;
}
.content_box.second .img_mk {
    float: right;
}
.desc_mk.lft {
    left: 0;
}
.dsp_tv {
    padding: 4.375rem 0;
    background: #F7F8FC;
}
.dsp_people{
    padding: 4.375rem 0;
}
.img_wechat {
    margin-left: 0.625rem;
}
.sign-title {
    font-size: 1.5rem;
    color: #fff;
    position: absolute;
    top: -3.75rem;
    left: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
.form-signin .checkbox {
    margin-bottom: 0.875rem;
    font-size: 0.8125rem;
}
.form-signin .checkbox {
    font-weight: normal;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    bottom: -3.125rem;
    width: 100%;
    left: 0;
}
.form-signin .checkbox a, .form-signin .checkbox a:hover {
    color: #fff;
}
div.item-platform{
    /*background: url('../images/bg_partner.png') no-repeat 100% 170px;*/
    height: 492px;
}
div.wrap-box img{
    width: 80px;
    height: 80px;
    border-radius: 18px;
    box-shadow: 0 3px 8px 2px #f5f5f5;
}
div.item-head {
    text-align: center;
    padding: 70px 0 73px;
}
p.head-big {
    font-size: 30px;
    line-height: 40px;
    color: #3E464C;
}
div.item-content {
    width: 100%;
    overflow: hidden;
}
div.wrap-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-evenly;
    align-self: center;
    margin-bottom: 59px;
}
/*div.wrap-box2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-self: center;
    margin-bottom: 59px;
}*/
div.wrap-box2{
    width:100%;
    height:80px;
    display: flex;
    align-items:center;
}
div.icon{
    flex: 0 0 80px;
    margin-left: calc((100% - 480px)/7);
    width:80px;
    height:80px;
    background:#ffffff;
}
div.wrap-box2 img{
    width: 80px;
    height: 80px;
    border-radius: 18px;
    box-shadow: 0 3px 8px 2px #f5f5f5;
}
.box{
    position: relative;
    height: 500px;
}
div#item-county{
    background-color: #F9F9F9;
    height: 670px;
}
div#box3 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 390px;
    justify-content: space-between;
    align-content: space-between;
}
.hy {
    width: 287px;
    height: 185px;
    /*box-shadow: -2px 4px 12px 9px rgba(226, 228, 231, 0.6);*/
}
.img-bg {
    position: absolute;
    top: -198px;
    width: 287px;
    height: 185px;
    background: #000;
    opacity: 0.6;
}
.txt {
    position: relative;
}
.txt_content {
    position: absolute;
    top: -205px;
    width: 286px;
    height: 197px;
    text-align: center;
    padding-top: 63px;
}
.txt_content p{
    font-size: 16px;
    line-height: 20px;
    color: #EBE8E5;
}
.txt_content div{
    border: 1px solid #EBE8E5;
    width: 18px;
    margin: 12px auto;
}
.txt_content h1 {
    color: #EBE8E5;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 1px;
    margin: 0 20px;
}
div#item-brand {
    position: relative;
    /*background: url('../images/bg_brand.png') no-repeat;*/
    height: 536px;
}
p.brand-head,p.brand-desc{color:#3C454D;}
img.brand-img {
    width: 120px;
    height: 48px;
}
div.wrap-brand-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-evenly;
    align-self: center;
    margin-bottom: 15px;
}
div#more-brand {
    text-align: center;
    margin-top: 59px;
}
div.more-page {
    text-align: center;
    margin-top: 160px;
}
span#span-more {
    color: #E45633;
    border: 1px solid #E45633;
    padding: 9px 29px;
    font-size: 14px;
    line-height: 19px;
}
i.down{
    display: inline-block;
    vertical-align: middle;
    border-top: 4px solid #dd0000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: -3px;
    margin-left: 12px;
}
i.up {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 4px solid #dd0000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: -3px;
    margin-left: 12px;
}
span.show-more{
    color: #E45633;
    border: 1px solid #E45633;
    padding: 9px 25px;
    font-size: 14px;
    line-height: 19px;
}
p.head-desc{
    margin: 26px 0;
}
/*首页商业运营模式*/
div#item-business{
    height: 840px;
}
#item-business .fade-box{
    margin: 0 auto;
    padding-top: 70px;
}
.index-title{
    font-size: 16px;
    text-align: center;
    padding-bottom: 70px;
}
.index-title .title_xh{
    font-size: 30px;
    color: #3E464C;
    line-height: 40px;
    padding-bottom: 20px;
}
.index-title p{
    font-size: 14px;
    color: #999999;
    line-height: 19px;
}

.cloud-product-wrapper {
    margin: 0 auto;
    width: 1200px;
}
.cloud-product {
    position: relative;
    z-index: 9;
    padding: 80px 0 40px;
}
.cloud-product-ul {
     width: 100%;
 }
.clearfix {
    display: block;
}
ul.clearfix li{
    float: left!important;
    display: inline;
}
.cloud-product-ul li {
    box-shadow: 1px 1px 12px rgba(0,0,0,.08);
    transition: all 0.25s ease 0s;
}
.cloud-product-ul li:first-child {
    margin-left: 0;
}
.cloud-product-ul li {
    position: relative;
    margin-left: 12px;
    width: 288px;
    height: 400px;
    float: left;
    background: #fff;
    margin-bottom: 20px;
}
.product-title{
    padding: 25px 0;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    border-bottom: 1px solid #CCCCCC;
    width: 80%;
    color: #323232;
    margin: 0 auto;
}
.product-item{
    padding-top: 54px;
    text-align: center;
}
img.commercialize-icon{
    width: 18px;
}
.product-item-list{
    padding-bottom: 40px;
}
.product-item-list img{
    padding-bottom: 7px;
}
.product-item-list p{
    font-size: 14px;
    color: #323232;
    line-height: 19px;
}
.cloud-product-ul li.active .normal-inner {
    display: none;
    opacity: 0;
}
.cloud-product-ul li.active .active-inner {
    display: block;
    opacity: 1;
}
.product-introduce-title{
    padding: 28px 0 28px 40px;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #FF6122;
    line-height: 24px;
}
.product-inner-item-content-title{
    padding: 35px 0 0 20px;
}
.product-inner-item-content-title span{
    font-size: 14px;
    color: #323232;
    line-height: 19px;
    margin-left: 12px;
    vertical-align: middle;
}
.product-inner-item-content{
    padding-top: 10px;
    padding-left: 50px;
}
.item-content-one-title{
    font-size: 14px;
    color: #FF5E1E;
    line-height: 19px;
}
.item-content-two-img{
    padding-top: 20px;
    padding-left: 50px;
}
.item-content-two-img img{
    width: 245px;
    height: 130px;
}
.item-content-two-img p{
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    color: #999999;
    line-height: 19px;
}
.two-left-img{
    display:inline-block;
    width: 245px;
    font-size: 0;
    margin-right: 10px;
}
.two-right-img{
    display:inline-block;
    width: 245px;
    font-size: 0;
}
.item-content-one-img{
    padding-top: 20px;
    padding-left: 50px;
}
.box-w{
    font-size: 0;
    width: 500px;
}
.item-content-one-img img{
    width: 500px;
    height: 129px;
}
.item-content-one-img p{
    font-size: 14px;
    color: #999999;
    text-align: center;
    line-height: 19px;
    padding-top: 12px;
}

.active-inner {
    position: relative;
    display: none;
    height: 100%;
    opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.item-content-icon-img{
    padding-top: 5px;
    padding-left: 50px;
}
.item-content-icon-img div{
    width: 476px;
    font-size: 0;
}
.item-content-icon-img img{
    padding:0;
    margin-bottom: 10px;
    margin-left: 32px;
    width: 40px;
    height: 40px;
}
.item-content-single-img{
    padding-left: 50px;
    padding-top: 9px;
}
.item-content-single-img p{
    font-size: 14px;
    color: #FF5E1E;
    line-height: 19px;
    padding-bottom: 20px;
}
.item-content-icon-img img:first-child{
    margin-left: 0;
}
.cloud-product-ul li.active {
    z-index: 9;
    width: 600px;
    height: 558px;
    margin-top: -80px;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 20px rgba(0,0,0,.2);
    box-shadow: 0 4px 20px rgba(0,0,0,.2);
    margin-bottom: 0;
}
/*融媒体战略*/
p.business-head-title{
    font-size: 30px;
    line-height: 40px;
    color: #3E464C;
    letter-spacing: 0;
    /*text-align: center;*/
}
div#item-model{
    height: 658px;
}
div#item-strategist{
    height: 1035px;
}
div#img-model{
    margin: 0 auto;
    width: 1200px;
}
div#img-model img{
    width: 100%;
}
div#img-bus{
    text-align: center;
}
div#img-bus img{
    width: 1200px;
    /*height: 553px;*/
}
/**注册**/
div#register{
    height: 160px;
    /*background: url('../images/bg_reg.png') no-repeat;*/
}
div#reg-welcome{
    padding-top: 32px;
    margin-bottom: 30px;
    text-align: center;
    color: #FFFEFE;
    font-size: 26px;
    line-height: 28px;
}
div#reg-line{
    text-align: center;
}
button#reg-btn{
    background-color: rgba(0,0,0,0.02);
    color: #FEF6F4;
    border: 1px solid #FFFFFF;
    width: 109px;
    height: 37px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 19px;
}
button{
    outline: none;
    border: 1px solid transparent;
}

.form-signin .form-control {
    position: relative;
    font-size: 1rem;
    height: auto;
    padding: 0.625rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus {
    z-index: 2;
    border-color: #CDCDCD !important;
}
.form-signin input[type="text"], .form-signin input[type="password"] {
    margin-bottom: 0.9375rem;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #E6E8F3;
    background: #ffffff;
    box-shadow: none;
    font-size: 14px;
    width: 296px;
    height: 48px;
    line-height: 19px;
}
.has-error .form-control:focus{
    border-color: #FB3434 !important;
}
.form-signin .btn-login {
    display: inline-block;
    font-size: 1rem;
    color: #FFFFFF;
    letter-spacing: 0;
    background: #1482FF;
    border-radius: 0.125rem;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0.625rem 0.3125rem 0 0;
    padding: 0.8125rem 1.5625rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    float: left;
}
span#forget-help{
    color: #1482FF;
    float: right;
}
span#forget-help:hover{
    cursor: pointer;
}
span.ui-login-span{
    position: absolute;
    top: 15px;
    left: 70px;
    z-index: 9;
    color: #666666;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
}
input#indexloginform-phone{
    padding-left: 60px !important;
}

span.ui-login-span2{
    position: absolute;
    top: 77px;
    left: 70px;
    z-index: 9;
    color: #666666;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
}
input#indexloginform-password{
    padding-left: 60px !important;
}
span.ui-login-span3{
    position: absolute;
    top: 141px;
    left: 70px;
    z-index: 9;
    color: #666666;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
}
input#indexloginform-code{
    padding-left: 60px !important;
    max-width: 200px;
}
img#indexloginform-code-image{
    position: absolute;
    width: 54px;
    height: 47px;
    top: 126px;
    left: 266px;
    cursor: pointer;
}
span.fake_button{
    position: absolute;
    width: 54px;
    height: 47px;
    top: 139px;
    left: 322px;
}

div.field-indexloginform-rememberme{
    float: left;
}
a.ui-find-a{
    float: right;
    color: #1482FF !important;
}
button.ui-login-submit{
    display: inline-block;
    font-size: 1rem;
    color: #FFFFFF;
    background: #1482FF;
    border-radius: 0.125rem;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: -15px;
    padding: 0.8125rem 2.5625rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    float: left;
    border: 0;
}
a.ui-login-a{
    display: inline-block;
    font-size: 1rem;
    color: #FFFFFF !important;
    background: #FB3434;
    border-radius: 0.125rem;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: -15px;
    padding: 0.8125rem 1.5625rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    float: right;
    outline: none;
    text-decoration: none !important;
}
img.tips-img1{
    position: absolute;
    top: -44px;
    display:none;
}

img.tips-img2{
    position: absolute;
    top: 82px;
    left: 62px;
    z-index: 99;
    display: none;
}
span#tips-sp1{
    position: absolute;
    top: -41px;
    font-size: 14px;
    color: #FB3434;
    letter-spacing: 0;
    left: 68px;
    display: block;
    z-index: 999;
}

span#tips-sp{
    position: absolute;
    top: -41px;
    font-size: 14px;
    color: #FB3434;
    letter-spacing: 0;
    left: 68px;
    display: block;
    z-index: 999;
}

span#tips-sp2{
    position: absolute;
    top: 85px;
    font-size: 14px;
    color: #FB3434;
    letter-spacing: 0;
    left: 68px;
    display: block;
    z-index: 999;
}

.fa{
    border-radius: 2px;
}
.form-signin .btn-login.red {
    background: #FB3434;
    float: right;
}
.form-signin .btn-login:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.wx-login-remind{
    font-size: 0.875rem;
    color: #737F9A;
    letter-spacing: 0;
}
input[type="checkbox"] + label {
    cursor: pointer;
    font-size: 0.875rem;
}
[id^="checkbox-"] + label {
    background: #FFFFFF;
    border: 1px solid #DDDFEE;
    border-radius: 0.125rem;
    box-shadow: 0 0.0625rem 0.125rem rgba(0,0,0,0.05), inset 0rem -0.9375rem 0.625rem -0.75rem rgba(0, 0, 0, 0.05);
    padding: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    /*background-image: url('../images/noselect.png');*/
    background-size: 1.125rem 1.125rem;
}
[id^="checkbox-"] + label:active {
    box-shadow: 0 0.0625rem 0.125rem rgba(0,0,0,0.05), inset 0rem 0.0625rem 0.1875rem rgba(0,0,0,0.1);
}
[id="checkbox-1"]:checked + label {
    background-color: #FFFFFF;
    border: 1px solid #DDDFEE;
    background: url('../images/select.png') no-repeat center center;
}
.form-signin p {
    text-align: left;
    color: #b6b6b6;
    font-size: 1rem;
    font-weight: normal;
}
.form-signin a, .form-signin a:hover {
    color: #6bc5a4;
}
.form-signin a:hover {
    text-decoration: underline;
}
.login-wrap {
    padding: 0 62px 30px 62px;
    position: relative;
}
.registration {
    color: #c7c7c7;
    text-align: center;
    margin-top: 0.9375rem;
}
/*--------------------------------- LEFT SIDE ----------------------------------*/
.left-side {
    width: 15rem;
    position: absolute;
    top: 0;
    left: 0;
}
.sticky-left-side {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 100;
}
.sticky-left-side .custom-nav {
    margin-top: 3.125rem;
}
.left-side-collapsed .sticky-left-side {
    overflow-y: visible;
}
.logo {
    padding-top: 0.3125rem;
    height: 3.125rem;
}
.logo a {
    font-size: 1.75rem;
    color: #fff;
    margin: 0 0 0 1.25rem;
    text-decoration: none;
    display: inline-block;
}
.logo-icon {
    display: none;
}
.left-side-collapsed .logo-icon {
    height: 2.8125rem;
    margin-top: -3rem;
    display: block !important;
}
.left-side-inner {
    padding: 0rem;
    margin-bottom: 3.125rem;
}
.left-side .searchform {
    display: none;
}
.left-side .searchform::after {
    content: '';
    display: block;
    clear: both;
}
.left-side .searchform input {
    padding: 0.625rem;
    width: 90%;
    margin: 0 0 1.25rem 0.75rem;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    border: none;
}
.left-side .logged-user {
    padding: 0 0 0.9375rem 0.75rem;
    margin: 0 0 0.9375rem 0;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
    display: none;
}
.left-side .logged-user .media-object {
    width: 2.8125rem;
    -moz-border-radius: 0.1875rem;
    -webkit-border-radius: 0.1875rem;
    border-radius: 0.1875rem;
    float: left;
}
.left-side .logged-user .media-body {
    margin-left: 3.75rem;
    color: #d7d7d7;
}
.left-side .logged-user .media-body h4 {
    font-size: 0.9375rem;
    margin: 0.3125rem 0 0 0;
}
.left-side .logged-user .media-body h4 a {
    color: #fff;
}
.left-side .logged-user .media-body span {
    font-style: italic;
    font-size: 0.6875rem;
    opacity: 0.5;
}
.custom-nav {
    margin-bottom: 0.625rem;
}
.custom-nav > li > a {
    color: #fff;
    padding: 0.75rem 1.25rem;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.custom-nav > li > a:hover, .custom-nav > li > a:active {
    background-color: #353f4f;
    color: #65cea7;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.custom-nav > li.menu-list > a {
    /*background: transparent url(../images/plus-white.png) no-repeat 93% center;*/
}
.custom-nav > li.menu-list > a:hover {
    background-color: #353f4f;
    /*background-image: url(../images/plus.png);*/
}
.custom-nav > li.nav-active > a {
    background-color: #353f4f;
    /*background-image: url(../images/minus.png);*/
    color: #65cea7;
}
.custom-nav > li.nav-active > ul{
    display: block;
}
.custom-nav > li.nav-active > a:hover {
    /*background-image: url(../images/minus.png);*/
}
.custom-nav > li.active > a, .custom-nav > li.active > a:hover, .custom-nav > li.active > a:focus {
    background-color: #353f4f;
    color: #65cea7;
}
.custom-nav > li.menu-list.active > a {
    /*background-image: url(../images/plus.png);*/
}
.custom-nav > li.nav-active.active > a {
    /*background-image: url(../images/minus.png);*/
}
.custom-nav > li.nav-active.active > a:hover {
    /*background-image: url(../images/minus.png);*/
}
.custom-nav li .fa {
    font-size: 1rem;
    vertical-align: middle;
    margin-right: 0.625rem;
    width: 1rem;
    text-align: center;
}
.custom-nav .sub-menu-list {
    list-style: none;
    display: none;
    margin: 0;
    padding: 0;
    background: #353f4f;
}
.custom-nav .sub-menu-list > li > a {
    color: #fff;
    font-size: 0.8125rem;
    display: block;
    padding: 0.625rem 0.3125rem 0.625rem 3.125rem;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.custom-nav .sub-menu-list > li > a:hover, .custom-nav .sub-menu-list > li > a:active, .custom-nav .sub-menu-list > li > a:focus {
    text-decoration: none;
    color: #65cea7;
    background: #2a323f;
}
.custom-nav .sub-menu-list > li .fa {
    font-size: 0.75rem;
    opacity: 0.5;
    margin-right: 0.3125rem;
    text-align: left;
    width: auto;
    vertical-align: baseline;
}
.custom-nav .sub-menu-list > li.active > a {
    color: #65CEA7;
    background-color: #2A323F;
}
.custom-nav .sub-menu-list ul {
    margin-left: 0.75rem;
    border: 0;
}
.custom-nav .menu-list.active ul {
    display: block;
}
/*------------------------------------------ LEFT SIDE COLLAPSE -------------------------------------------*/
.left-side-collapsed .logo {
    display: none;
}
.left-side-collapsed .header-section {
    margin-left: 0rem;
}
.left-side-collapsed .left-side {
    width: 3.25rem;
    top: 3.25rem;
}
.left-side-collapsed .left-side-inner {
    padding: 0;
}
h5.left-nav-title {
    margin-left: 0.625rem;
    color: #fff;
}
.left-side-collapsed .custom-nav {
    margin: 0.125rem 0 1.25rem 0;
}
.left-side-collapsed .custom-nav li a {
    text-align: center;
    padding: 0.625rem;
    position: relative;
}
.left-side-collapsed .custom-nav > li.menu-list > a {
    background-image: none;
}
.left-side-collapsed .custom-nav li a span {
    position: absolute;
    background: #65CEA7;
    padding: 0.625rem;
    left: 3.25rem;
    top: 0;
    min-width: 10.8125rem;
    text-align: left;
    z-index: 100;
    display: none;
}
.left-side-collapsed .custom-nav li a span:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #65CEA7;
    border-width: 0.375rem;
    margin-top: -0.375rem;
}
.left-side-collapsed .custom-nav li.active a span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.left-side-collapsed .custom-nav ul, .left-side-collapsed .custom-nav .menu-list.nav-active ul {
    display: none;
}
.left-side-collapsed .custom-nav .menu-list.nav-hover ul {
    display: block;
}
.left-side-collapsed .custom-nav > li.nav-hover > a, .left-side-collapsed .custom-nav > li.nav-hover.active > a {
    background: #fff;
    color: #424F63;
}
.left-side-collapsed .custom-nav li.nav-hover a span {
    display: block;
    color: #fff;
}
.left-side-collapsed .custom-nav li.nav-hover.active a span {
    background: #65CEA7;
    color: #fff;
}
.left-side-collapsed .custom-nav li.nav-hover ul {
    display: block;
    position: absolute;
    top: 2.5rem;
    left: 3.3125rem;
    margin: 0;
    min-width: 10.75rem;
    background: #353F4F;
    z-index: 100;
    -moz-border-radius: 0 0 0.125rem 0;
    -webkit-border-radius: 0 0 0.125rem 0;
    border-radius: 0 0 0.125rem 0;
}
.left-side-collapsed .custom-nav ul a {
    text-align: left;
    padding: 0.375rem 0.625rem;
    padding-left: 0.625rem;
}
.left-side-collapsed .custom-nav ul a:hover {
    background: #2A323F;
}
.left-side-collapsed .custom-nav li a i {
    margin-right: 0;
}
.left-side-collapsed .main-content {
    margin-left: 3.25rem;
}
.left-side-collapsed .left-side{
    overflow: visible !important;
}
/*---------------------------- HEADER SECTION -----------------------------*/
.header-section {
    background: #fff;
    border-bottom: 0.0625rem solid #eff0f4;
}
.header-section::after {
    clear: both;
    display: block;
    content: '';
}
.toggle-btn {
    width: 3.25rem;
    height: 3.125rem;
    font-size: 1.25rem;
    padding: 0.9375rem;
    cursor: pointer;
    float: left;
    color: #212121;
    border-right: 0.0625rem solid #e7e7e7;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.toggle-btn:hover {
    background: #65CEA7;
    color: #fff;
    border-right-color: #65CEA7;
}
.searchform input {
    box-shadow: none;
    float: left;
    font-size: 0.875rem;
    height: 2.1875rem;
    margin: 0.4375rem 0 0 0.625rem;
    padding: 0.625rem;
    width: 13.75rem;
}
.searchform input:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
}
.menu-right {
    float: right;
    margin-right: 0.9375rem;
}
.notification-menu {
    list-style: none;
}
.notification-menu > li {
    display: inline-block;
    float: left;
    position: relative;
}
.notification-menu > li > a > i {
    margin-top: 0.375rem;
}
.notification-menu .dropdown-toggle {
    padding: 0.75rem 0.625rem;
    border-color: #fff;
    background: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}
.notification-menu .dropdown-toggle:hover, .notification-menu .dropdown-toggle:focus, .notification-menu .dropdown-toggle:active, .notification-menu .dropdown-toggle.active, .notification-menu .open .dropdown-toggle.dropdown-toggle {
    background: #424f63;
    color: #65cea7;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.notification-menu .dropdown-toggle img {
    vertical-align: middle;
    margin-right: 0.3125rem;
    width: 1.625rem;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
}
.notification-menu .dropdown-toggle .caret {
    margin-left: 0.3125rem;
}
.notification-menu .dropdown-menu {
    border: 0;
    margin-top: 0rem;
    -moz-border-radius: 0.125rem 0 0.125rem 0.125rem;
    -webkit-border-radius: 0.125rem 0 0.125rem 0.125rem;
    border-radius: 0.125rem 0 0.125rem 0.125rem;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0.3125rem;
}
.notification-menu .dropdown-menu:after {
    border-bottom: 0.375rem solid #65cea7;
    border-left: 0.375rem solid transparent;
    border-right: 0.375rem solid transparent;
    content: "";
    display: inline-block;
    right: 0.625rem;
    position: absolute;
    top: -0.375rem;
}
.notification-menu .dropdown-menu li {
    display: block;
    margin: 0;
    float: none;
    background: none;
    padding: 0.9375rem;
}
.notification-menu .dropdown-menu-usermenu li {
    padding: 0;
}
.notification-menu .dropdown-menu li a {
    color: #fff;
    font-size: 0.8125rem;
    padding: 0.4375rem 0.625rem;
    -moz-border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.notification-menu .dropdown-menu li a:hover {
    background: #2a323f;
    color: #fff;
}
.notification-menu .dropdown-menu li i {
    font-size: 0.6875rem;
    margin-right: 0.3125rem;
}
.notification-menu .dropdown-menu-head {
    padding: 0;
    min-width: 18.75rem;
}
.notification-menu .info-number {
    padding: 0.75rem 0.9375rem;
    height: 3.125rem;
    font-size: 1rem;
    background: #fff;
    color: #333;
    border-color: #fff;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.notification-menu .dropdown-menu-usermenu {
    background: #65cea7;
    min-width: 12.5rem;
}
.notification-menu .dropdown-menu-head ul {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 0;
}
.notification-menu .dropdown-menu-head li a {
    color: #333;
    padding: 0;
    opacity: 1;
}
.notification-menu .dropdown-menu-head li a:hover {
    background: none;
    color: #65cea7 !important;
    text-decoration: none;
}
.notification-menu .btn-group {
    margin-bottom: 0;
}
.dropdown-list li {
    padding: 0.9375rem;
    overflow: hidden;
    border-bottom: 0.0625rem solid #eee;
}
.dropdown-list li:last-child {
    border-bottom: 0;
}
.dropdown-list .thumb {
    width: 2.25rem;
    float: left;
}
.dropdown-list .thumb img {
    width: 100%;
    display: block;
    vertical-align: middle;
}
.dropdown-list .desc {
    margin-left: 2.8125rem;
    display: block;
}
.dropdown-list .desc h5 {
    font-size: 0.8125rem;
    margin-top: 0.4375rem;
}
.dropdown-list li:last-child {
    padding: 0.625rem 0.9375rem;
}
.dropdown-list li .badge {
    float: right;
}
.user-list {
    width: 18.75rem;
}
.user-list .progress {
    margin-bottom: 0;
}
.normal-list li a .label i {
    margin-right: 0;
}
.normal-list li a span.label {
    float: left;
    margin-right: 0.625rem;
    padding: 0.3125rem;
    width: 1.25rem;
}
.normal-list li a:hover {
    color: #65CEA7 !important;
    text-decoration: none;
}
.normal-list li .name {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
}
.normal-list li .msg {
    font-size: 0.75rem;
    line-height: normal;
    color: #999;
    display: block;
}
.info-number .badge {
    background: #FF6C60;
    border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    font-size: 0.625rem;
    font-weight: normal;
    line-height: 0.8125rem;
    padding: 0.125rem 0.3125rem;
    position: absolute;
    right: 0.25rem;
    top: 0.625rem;
}
/* ------------------------------ STICKY HEADER ---------------------------------*/
.sticky-header .logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 15rem;
    z-index: 100;
    background: #424f63;
}
.sticky-header .left-side {
    /*top: 3.125rem;
     */
}
.sticky-header .header-section {
    position: fixed;
    top: 0;
    left: 15rem;
    width: 100%;
    z-index: 100;
}
.sticky-header .main-content {
    padding-top: 3.125rem;
}
.sticky-header .menu-right {
    margin-right: 15.9375rem;
}
.sticky-header.left-side-collapsed .header-section {
    left: 3.25rem;
}
.sticky-header.left-side-collapsed .menu-right {
    margin-right: 4.1875rem;
}
/* ----------------------- DROPDOWN --------------------------*/
.dropdown-menu-head {
    background: #fff
}
.dropdown-menu-head .title {
    background: #65cea7;
    color: #fff;
    padding: 0.9375rem;
    text-transform: uppercase;
    font-size: 0.75rem;
    margin: 0;
}
/*----------------------------- MAIN CONTENT ------------------------------*/
.main-content {
    margin-left: 15rem;
    background: #eff0f4;
    min-height: 62.5rem;
}
.page-heading {
    padding: 0.9375rem;
    position: relative;
}
.page-heading h3 {
    color: #49586e;
    font-size: 1.5625rem;
    font-weight: normal;
    margin: 0.625rem 0;
}
.page-heading .breadcrumb {
    padding: 0;
    margin: 0;
    background: none;
}
.page-heading .breadcrumb a {
    color: #999999;
}
.page-heading .breadcrumb li.active {
    color: #65CEA7;
}
.wrapper {
    padding: 0.9375rem;
}
.wrapper::after {
    clear: both;
    display: block;
    content: '';
    margin-bottom: 1.875rem;
}
/*------------------------- BOXED VIEW -------------------------*/
.boxed-view {
    background: #b6b7ba;
}
.boxed-view .container {
    position: relative;
    background: #424f63;
    padding: 0;
}
/*----------------------------------- HORIZONTAL PAGE VIEW -------------------------------------*/
.horizontal-menu-page {
    background: #EFF0F4;
}
.horizontal-menu-page .navbar {
    margin-bottom: 0;
}
.horizontal-menu-page .navbar-brand {
    padding: 0.3125rem 0.9375rem;
    min-height: 3.125rem;
}
.horizontal-menu-page .navbar-default {
    background: #424F63;
    border: none;
    border-radius: 0;
}
.horizontal-menu-page .navbar-default .navbar-nav > .active > a, .horizontal-menu-page .navbar-default .navbar-nav > .active > a:hover, .horizontal-menu-page .navbar-default .navbar-nav > .active > a:focus, .horizontal-menu-page .navbar-default .navbar-nav > .open > a, .horizontal-menu-page .navbar-default .navbar-nav > .open > a:hover, .horizontal-menu-page .navbar-default .navbar-nav > .open > a:focus, .horizontal-menu-page .navbar-default .navbar-nav > li > a:hover, .horizontal-menu-page .navbar-default .navbar-nav > li > a:focus {
    background-color: #353F4F;
    color: #FFFFFF;
}
.horizontal-menu-page .navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    font-size: 0.8125rem;
}
.horizontal-menu-page .form-control {
    box-shadow: none;
    float: left;
}
.horizontal-menu-page .dropdown-menu {
    background-color: #353F4F;
    color: #fff;
    box-shadow: none;
    border: none;
}
.horizontal-menu-page .dropdown-menu > li > a {
    color: #fff;
    padding: 0.625rem 1.25rem;
    font-size: 0.75rem;
}
.horizontal-menu-page .dropdown-menu > li > a:hover, .horizontal-menu-page .dropdown-menu > li > a:focus, .horizontal-menu-page .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #2A323F;
    color: #65CEA7;
    text-decoration: none;
}
.horizontal-menu-page .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
.horizontal-menu-page .navbar-default .navbar-toggle {
    border-color: #2A323F;
}
.horizontal-menu-page .navbar-default .navbar-toggle .icon-bar {
    background-color: #2A323F;
}
.horizontal-menu-page .navbar-default .navbar-toggle:hover, .horizontal-menu-page .navbar-default .navbar-toggle:focus {
    background-color: #FFFFFF;
    border-color: #FFFFFF !important;
}
.horizontal-menu-page .navbar-default .navbar-collapse, .horizontal-menu-page .navbar-default .navbar-form {
    border-color: #2A323F;
}
.horizontal-menu-page .dropdown-toggle img {
    border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    margin-right: 0.3125rem;
    vertical-align: middle;
    width: 1.125rem;
}
/*------------------- TOOLS --------------------*/
.tools {
    margin: -0.4375rem -0.3125rem;
}
.tools a {
    background: #E3E4E8;
    border-radius: 0.1875rem;
    -webkit-border-radius: 0.1875rem;
    color: #858582;
    float: left;
    margin-left: 0.1875rem;
    padding: 0.625rem;
    text-decoration: none;
}
.tools a:hover {
    background: #65cea7;
    color: #fff;
}
/*-------------------------------- FOOTER CONTENT STYLES ---------------------------------*/
footer {
    background: #fff;
    padding: 0.9375rem;
    color: #7A7676;
    font-size: 0.75rem;
    position: static;
    bottom: 0;
    width: 100%;
    border-top: 0.0625rem solid #eff0f4;
}
footer.sticky-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}
.container footer {
    width: 79.5%;
    position: absolute;
    bottom: 0;
}
/*----------------------------------- HEADER STATISTICS STYLES -------------------------------------*/
.state-info {
    position: absolute;
    right: 0.9375rem;
    top: 1.25rem;
}
.state-info .panel {
    float: right;
    margin-left: 0.9375rem;
}
.state-info .panel .summary {
    float: left;
    margin-right: 1.25rem;
}
.state-info .panel .summary span {
    color: #49586e;
    font-size: 0.8125rem;
    font-weight: normal;
    text-transform: uppercase;
}
.state-info .panel .summary h3 {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.25rem;
    margin: 0;
}
.state-info .panel .summary h3.green-txt {
    color: #65cea7;
}
.state-info .panel .summary h3.red-txt {
    color: #fc8675;
}
.chart-bar {
    float: right;
    margin-top: 0.3125rem;
}
/*----------------------------------- GENERAL STATISTICS STYLES -------------------------------------*/
.state-overview {
    color: #fff;
}
.state-overview .panel {
    padding: 2.1875rem 1.25rem;
}
.state-overview .purple {
    background: #6a8abe;
    box-shadow: 0 0.3125rem 0 #5f7cab;
}
.state-overview .red {
    background: #fc8675;
    box-shadow: 0 0.3125rem 0 #e27869;
}
.state-overview .blue {
    background: #5ab6df;
    box-shadow: 0 0.3125rem 0 #51a3c8;
}
.state-overview .green {
    background: #4acacb;
    box-shadow: 0 0.3125rem 0 #42b5b6;
}
.state-overview .symbol, .state-overview .state-value {
    display: inline-block;
}
.state-overview .symbol {
    width: 35%;
}
.state-overview .symbol i {
    font-size: 2.5rem;
}
.state-overview .state-value {
    width: 62%;
}
.state-overview .state-value .value {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0.3125rem;
}
.state-overview .state-value .title {
    font-size: 0.875rem;
}
/*----------------------------------- MORE STATISTICS BOX -------------------------------------*/
.panel.deep-purple-box {
    background: #49586e;
    box-shadow: 0 0.3125rem 0 #424f63;
    color: #fff;
}
ul.bar-legend {
    list-style-type: none;
    margin-top: 3.4375rem;
    padding-left: 0rem;
}
ul.bar-legend li {
    display: block;
    margin-bottom: 0.625rem;
}
ul.bar-legend li span {
    float: left;
    margin-right: 0.625rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.1875rem;
    -webkit-border-radius: 0.1875rem;
}
ul.bar-legend li span.blue {
    background: #5ab6df;
}
ul.bar-legend li span.green {
    background: #4bcacc;
}
ul.bar-legend li span.purple {
    background: #6a8bbe;
}
ul.bar-legend li span.red {
    background: #fb8575;
}
/*----------------------------------- REVENUE STATES STYLES -------------------------------------*/
.revenue-states h4 {
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #49586e;
}
.revenue-states .icheck .single-row {
    float: left;
    width: auto;
}
.revenue-states .icheck .checkbox {
    padding-left: 0;
    margin-top: 0;
}
.revenue-states .icheck .checkbox label {
    font-size: 0.75rem;
}
ul.revenue-nav {
    list-style-type: none;
    float: right;
    margin-top: 1.25rem;
    padding: 0;
}
ul.revenue-nav li {
    display: inline-block;
    margin-left: 0.3125rem;
}
ul.revenue-nav li a {
    background: #4a596f;
    color: #fff;
    padding: 0.3125rem 0.625rem;
    text-decoration: none;
    border-radius: 0.1875rem;
    text-transform: uppercase;
    font-size: 0.75rem;
}
ul.revenue-nav li a:hover, ul.revenue-nav li a:focus, ul.revenue-nav li.active a {
    background: #65cea7;
    color: #fff;
}
.revenue-chart {
    width: 100%;
    height: 18.75rem;
    text-align: center;
    margin: 0.75rem auto;
}
ul.revenue-short-info {
    list-style-type: none;
    padding: 0;
}
ul.revenue-short-info li {
    float: left;
    width: 25%;
}
ul.revenue-short-info li h1 {
    font-size: 1.125rem;
    font-weight: lighter;
    margin-bottom: 0;
}
ul.revenue-short-info li p {
    font-size: 0.75rem;
    color: #bdbdbd;
}
ul.revenue-short-info .red {
    color: #fb8575;
}
ul.revenue-short-info .blue {
    color: #3bcddd;
}
ul.revenue-short-info .green {
    color: #65cea7;
}
ul.revenue-short-info .purple {
    color: #7ea8e1;
}
/*----------------------------------- GOAL PROGRESS STYLES -------------------------------------*/
ul.goal-progress {
    list-style-type: none;
    padding: 0;
}
ul.goal-progress li {
    display: inline-block;
    width: 100%;
    border-bottom: 0.0625rem dashed #dcdcdc;
    margin-bottom: 0.9375rem;
    padding-bottom: 0.9375rem;
}
ul.goal-progress li .prog-avatar {
    width: 2.5rem;
    height: 2.5rem;
    float: left;
    margin-right: 1.5625rem;
}
ul.goal-progress li .prog-avatar img {
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
ul.goal-progress li .details {
}
ul.goal-progress li .title {
    margin-bottom: 0.625rem;
}
ul.goal-progress li .title a {
    color: #6a8abe;
}
ul.goal-progress li .title a:hover {
    color: #65cea7;
}
ul.goal-progress li .progress {
    margin-bottom: 0rem;
}
/*----------------------------------- PROSPECTIVE LEADS - CHARTS -------------------------------------*/
.pros-title {
    font-size: 0.875rem;
    color: #535351;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 1.25rem 0;
}
.pros-title span {
    color: #dddddd;
}
ul.pros-chart {
    list-style-type: none;
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-top: 0.9375rem;
}
ul.pros-chart li {
    float: left;
    margin-right: 14%;
}
ul.pros-chart li:last-child {
    margin-right: 0;
}
.p-chart-title {
    font-size: 0.75rem;
    margin: 0.3125rem 0 0 0;
}
.v-title {
    font-size: 0.75rem;
}
.v-value {
    font-size: 1.125rem;
    color: #343434;
    margin-bottom: 0.3125rem;
}
.v-info {
    font-size: 0.75rem;
    margin-top: 0.3125rem;
}
/*------------------------------------------- GREEN BOX [EASY PIE CHART] STYLES -------------------------------------------*/
.green-box {
    background: none repeat scroll 0 0 #65cea7;
    box-shadow: 0 0.3125rem 0 #5bb996;
    color: #fff;
}
.knob {
    text-align: center;
}
.percent {
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    font-size: 1.5625rem;
    z-index: 2;
    position: absolute;
    width: 5.625rem;
    padding-top: 2.1875rem;
}
.percent .sm {
    font-size: 0.6875rem;
    display: block;
    padding-top: 2rem;
}
.extra-pad {
    padding: 1.5625rem 0.9375rem;
}
/*------------------------------------ BLUE BOX [TWITTER FEED] STYLES -------------------------------------*/
.panel.blue-box {
    background: none repeat scroll 0 0 #5ab5de;
    box-shadow: 0 0.3125rem 0 #51a3c7;
    color: #fff;
}
.twt-info h3 {
    font-size: 1rem;
    font-weight: bold;
    margin: 0.625rem 0 1.875rem 0;
    text-align: center;
}
.twt-info p {
    font-size: 1.125rem;
    line-height: 1.5625rem;
    font-style: italic;
    margin: 0 0 1.25rem 0;
    text-align: center;
}
.twt-info p a {
    color: #98fdf4;
}
.custom-trq-footer {
    background: none repeat scroll 0 0 #4eb6b7;
    box-shadow: 0 0.3125rem 0 #46a3a4;
    color: #fff;
    border-top: none;
}
ul.user-states {
    list-style-type: none;
    padding: 1.25rem 0;
}
ul.user-states li {
    text-align: center;
    float: left;
    width: 33%;
    font-size: 1.125rem;
}
.usr-info .thumb {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.media.usr-info > .pull-left {
    margin-right: 1.25rem;
    margin-top: 0.625rem;
}
.usr-info h4 {
    color: #658585;
    margin-bottom: 0;
}
.usr-info .media-body span {
    color: #ea755c;
    font-size: 0.75rem;
    margin-bottom: 1.25rem;
    display: inline-block;
}
.usr-info .media-body p {
    color: #b6bcbc;
}
/*------------------------------ TODOLIST STYLES ------------------------------*/
.todo-title {
    margin-right:1.5625rem;
    padding-top: 0.3125rem;
}
.to-do-list {
    padding-left: 0;
    margin-top: -0.625rem;
    font-size: 0.75rem;
}
.to-do-list li {
    padding: 1.0625rem 0;
    -webkit-border-radius:0.1875rem;
    -moz-border-radius:0.1875rem;
    border-radius:0.1875rem;
    position:relative;
    cursor:move;
    list-style: none;
    font-size: 0.75rem;
    background: #fff;
    border-bottom: 0.0625rem dotted rgba(0, 0, 0, 0.2);
}
.to-do-list li p {
    margin-bottom:0rem;
}
.todo-actionlist {
    position: absolute;
    right: -0.3125rem;
    top: 1.375rem;
}
.todo-actionlist a {
    height:1.5rem;
    width:1.5rem;
    display:inline-block;
    float:left;
}
.todo-actionlist a i {
    height:1.5rem;
    width:1.5rem;
    display:inline-block;
    text-align:center;
    line-height:1.5rem;
    color:#ccc;
}
.todo-actionlist a:hover i {
    color:#666;
}
.todo-done i {
    font-size:0.875rem;
}
.todo-remove i {
    font-size:0.625rem;
}
.line-through {
    text-decoration:line-through;
}
.todo-action-bar {
    margin-top:1.25rem;
}
.drag-marker {
    height:1.0625rem;
    display:block;
    float:left;
    width:0.4375rem;
    position:relative;
    top:0.375rem;
}
.drag-marker i {
    height:0.125rem;
    width:0.125rem;
    display:block;
    background:#ccc;
    box-shadow:0.3125rem 0 0 0rem #ccc,0rem 0.3125rem 0 0rem #ccc,0.3125rem 0.3125rem 0 0rem #ccc,0rem 0.625rem 0 0rem #ccc,0.3125rem 0.625rem 0 0rem #ccc,0rem 0.9375rem 0 0rem #ccc,0.3125rem 0.9375rem 0 0rem #ccc;
    -webkit-box-shadow:0.3125rem 0 0 0rem #ccc,0rem 0.3125rem 0 0rem #ccc,0.3125rem 0.3125rem 0 0rem #ccc,0rem 0.625rem 0 0rem #ccc,0.3125rem 0.625rem 0 0rem #ccc,0rem 0.9375rem 0 0rem #ccc,0.3125rem 0.9375rem 0 0rem #ccc;
    -moz-box-shadow: 0.3125rem 0 0 0rem #ccc,0rem 0.3125rem 0 0rem #ccc,0.3125rem 0.3125rem 0 0rem #ccc,0rem 0.625rem 0 0rem #ccc,0.3125rem 0.625rem 0 0rem #ccc,0rem 0.9375rem 0 0rem #ccc,0.3125rem 0.9375rem 0 0rem #ccc;
}
/* To-Do Check*/
.to-do-list li .todo-check input[type=checkbox] {
    visibility:hidden;
}
.todo-check {
    width:1.25rem;
    position:relative;
    margin-right:0.625rem;
    margin-left:0.625rem;
    margin-top: 0.3125rem;
}
.todo-check label {
    cursor:pointer;
    position:absolute;
    width:1.25rem;
    height:1.25rem;
    top:0;
    left:0rem;
    -webkit-border-radius:0.125rem;
    border-radius:0.125rem;
    border:#ccc 1px solid;
}
.todo-check label:after {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    content:'';
    position:absolute;
    width:0.8125rem;
    height:0.5rem;
    background:transparent;
    top:0.1875rem;
    left:0.1875rem;
    border:3px solid #cfcfcf;
    border-top:none;
    border-right:none;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.todo-checklabel:hover::after {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter:alpha(opacity=30);
    opacity:0.3;
}
.todo-check input[type=checkbox]:checked+label:after {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    opacity:1;
}
.todo-entry {
    float: left;
    width: 85%;
}
/*------------------- BADGE STYLES --------------------*/
.badge.badge-primary {
    background: #8075c4;
}
.badge.badge-success {
    background: #a9d86e;
}
.badge.badge-warning {
    background: #FCB322;
}
.badge.badge-important {
    background: #ff6c60;
}
.badge.badge-info {
    background: #41cac0;
}
.badge.badge-inverse {
    background: #2A3542;
}
/*-------------------------------- CAROUSEL STYLES ---------------------------------*/
.carousel-indicators li {
    background: rgba(0, 0, 0, 0.2);
    border: none;
    transition: background-color 0.25s ease 0s;
    -moz-transition: background-color 0.25s ease 0s;
    -webkit-transition: background-color 0.25s ease 0s;
}
.carousel-indicators .active {
    background: #333;
    height: 0.625rem;
    margin: 0.0625rem;
    width: 0.625rem;
}
.carousel-indicators.out {
    bottom: -0.3125rem;
}
.carousel-indicators.out {
    bottom: -0.3125rem;
}
.carousel-control {
    color: #999999;
    text-shadow: none;
    width: 2.8125rem;
}
.carousel-control i {
    display: inline-block;
    height: 1.5625rem;
    left: 50%;
    margin-left: -0.625rem;
    margin-top: -0.625rem;
    position: absolute;
    top: 50%;
    width: 1.25rem;
    z-index: 5;
}
.carousel-control.left, .carousel-control.right {
    background: none;
    filter: none;
}
.carousel-control:hover, .carousel-control:focus {
    color: #CCCCCC;
    opacity: 0.9;
    text-decoration: none;
}
.carousel-inner h3 {
    font-weight: 300;
    font-size: 1rem;
    margin: 0;
}
.carousel-inner {
    margin-bottom: 0.9375rem;
}
/* -------------------------------- CODE HIGHLIGHT STYLE -----------------------------------*/
.highlight pre code {
    color: #333333;
    font-size: inherit;
}
.nt {
    color: #2F6F9F;
}
.na {
    color: #4F9FCF;
}
.s {
    color: #D44950;
}
.c {
    color: #999999;
}
/*------------------------- BUTTON STYLES ---------------------------*/
.btn-block {
    padding: 0.8125rem 2.1875rem;
    width: auto;
}
.btn-gap .btn {
    float: left;
    margin-right: 0.3125rem;
}
/*---------------------- STAR RATINGS STYLES -----------------------*/
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 1.875rem;
}
.rating span.star, .rating span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}
.rating span.star:hover, .rating span.star:hover {
    cursor: pointer;
}
.rating span.star:before, .rating span.star:before {
    content: "\f006";
    padding-right: 0.3125rem;
    color: #BEC3C7;
}
.rating span.star:hover:before, .rating span.star:hover:before, .rating span.star:hover ~ span.star:before, .rating span.star:hover ~ span.star:before {
    content: "\f005";
    color: #65CEA7;
}
/*---------------------------- SLIDER STYLE ----------------------------*/
.slider-table tr td {
    padding: 1.875rem 0 !important;
    border: none !important;
}
/*---------------------------------- TABS & ACCORDIONS STYLE -------------------------------------*/
.panel-heading .nav {
    border: medium none;
    font-size: 0.8125rem;
    margin: -0.9375rem -0.9375rem -0.9375rem;
}
.panel-heading.custom-tab {
    padding: 0.5rem 0.9375rem;
}
.custom-tab ul > li > a {
    display: block;
    padding: 1.25rem 0.9375rem !important;
}
.custom-tab {
    background: #e0e1e7 !important;
    border-radius: 0.3125rem 0.3125rem 0 0;
    -webkit-border-radius: 0.3125rem 0.3125rem 0 0;
    border-bottom: none;
}
.custom-tab.dark-tab {
    background: #424F63 !important;
}
.custom-tab.turquoise-tab {
    background: #65CEA7 !important;
}
.custom-tab.blue-tab {
    background: #5BC0DE !important;
}
.custom-tab.yellow-tab {
    background: #F0AD4E !important;
}
.custom-tab.dark-tab li a, .custom-tab.turquoise-tab li a, .custom-tab.blue-tab li a, .custom-tab.yellow-tab li a {
    color: #fff !important;
}
.custom-tab.dark-tab li.active a, .custom-tab.dark-tab li a:hover {
    color: #424F63 !important;
}
.custom-tab.turquoise-tab li a:hover, .custom-tab.turquoise-tab li.active a {
    color: #65CEA7 !important;
}
.custom-tab.blue-tab li a:hover, .custom-tab.blue-tab li.active a {
    color: #5BC0DE !important;
}
.custom-tab.yellow-tab li a:hover, .custom-tab.yellow-tab li.active a {
    color: #F0AD4E !important;
}
.custom-tab li a:hover, .custom-tab li.active a {
    border-radius: 0 !important;
    background: #fff !important;
    color: #65CEA7 !important;
}
.panel-heading .nav > li > a, .panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus {
    border-width: 0;
    border-radius: 0;
}
.panel-heading .nav > li > a {
    color: #898989;
}
.panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover {
    color: #65CEA7;
    background: #fff;
}
.panel-heading .nav > li:first-child.active > a, .panel-heading .nav > li:first-child > a:hover {
    border-radius: 0.25rem 0 0 0 !important;
    -webkit-border-radius: 0.25rem 0 0 0 !important;
}
.tab-right {
    height: 2.8125rem;
}
.panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.panel-heading.tab-right .nav > li:last-child.active > a, .tab-right.panel-heading .nav > li:last-child > a:hover {
    border-radius: 0 0.25rem 0 0 !important;
    -webkit-border-radius: 0 0.25rem 0 0 !important;
}
.panel-heading.tab-right .nav-tabs > li > a {
    margin-left: 0.0625rem;
    margin-right: 0rem;
}
.panel-heading.dark {
    background: #353F4F;
    color: #fff;
}
.panel-heading.dark a:hover, .panel-heading.dark a:focus {
    color: #fff;
}
/*------------------------------ CALENDAR STYLES -------------------------------*/
.has-toolbar.fc {
    margin-top: 3.125rem;
}
.fc-header-title {
    display: inline-block;
    margin-top: -2.8125rem;
    vertical-align: top;
}
.fc-header-center {
    text-align: left;
}
.fc-header-left {
    text-align: left;
    width: 18%;
}
.fc-view {
    margin-top: -3.125rem;
    overflow: hidden;
    width: 100%;
}
.fc-state-default, .fc-state-default .fc-button-inner {
    background: #fff !important;
    border-color: #DDDDDD;
    border-style: none solid;
    color: #646464;
}
.fc-state-active, .fc-state-active .fc-button-inner, .fc-state-active, .fc-button-today .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
    background: #65CEA7 !important;
    color: #fff !important;
}
.fc-event-skin {
    background-color: #5d708c !important;
    border-color: #5d708c !important;
    color: #FFFFFF !important;
}
.fc-grid th {
    height: 2.8125rem;
    line-height: 2.8125rem;
    text-align: center;
    background: #65CEA7 !important;
    color: #fff;
    text-transform: uppercase;
}
.fc-widget-header {
    border-color: #62c6a0;
}
.fc-widget-content {
    border-color: #ebebeb;
    background: #fff;
}
.fc-header-title h2 {
    font-size: 1.125rem !important;
    color: #474752;
    font-weight: 300;
    padding: 0 0.625rem;
}
.external-event {
    cursor: move;
    display: inline-block !important;
    margin-bottom: 0.375rem !important;
    margin-right: 0.375rem !important;
    padding: 0.5rem;
}
#external-events p input[type="checkbox"] {
    margin: 0;
}
#external-events .external-event {
    font-size: 0.6875rem;
    font-family: 'Arial';
    font-weight: normal;
}
.drg-event-title {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0.9375rem;
    border-bottom: 0.0625rem solid #ddd;
    padding-bottom: 0.625rem;
}
.fc-content .fc-event {
    border-radius: 0.25rem;
    webkit-border-radius: 0.25rem;
    padding: 0.25rem 0.375rem;
}
.drp-rmv {
    padding-top: 0.625rem;
    margin-top: 0.625rem;
}
/*--------------------------- FONTAWESOME STYLES ----------------------------*/
.fontawesome-icon-list {
    margin-top: -1.25rem;
}
.fontawesome-icon-list, .fontawesome-icon-list a {
    color: #7a7676;
}
.fontawesome-icon-list a:hover {
    color: #49586E;
}
.fontawesome-icon-list a {
    margin-bottom: 0.625rem;
    display: block;
}
.fontawesome-icon-list a i {
    padding-right: 0.625rem;
}
.fontawesome-icon-list .page-header {
    margin: 0.9375rem 0 1.25rem 0;
    font-size: 1.375rem;
    color: #49586E;
}
/*---------------------------- BASIC TABLE STYLE -----------------------------*/
.general-table a {
    color: #49586E;
}
/*-------------------------------- DYNAMIC TABLE STYLE ----------------------------------*/
.table-advance tr td {
    vertical-align: middle !important;
}
.no-border {
    border-bottom: none;
}
.dataTables_length, .dataTables_filter {
    padding: 0.9375rem 0;
}
.dataTables_info {
    padding: 0.9375rem 0 0 !important;
}
.dataTables_filter {
    float: right;
}
.dataTables_length select {
    width: 4.0625rem;
    padding: 0.3125rem 0.5rem;
}
.dataTables_length label, .dataTables_filter label {
    font-weight: 300;
}
.dataTables_filter label {
    width: 100%;
}
.dataTables_filter label input {
    width: 78%;
}
.border-top {
    border-top: 0.0625rem solid #ddd;
}
.dataTables_paginate.paging_bootstrap.pagination li {
    float: left;
    margin: 0 0.0625rem;
    border: 1px solid #ddd;
    list-style: none;
}
.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
    color: #c7c7c7;
}
.dataTables_paginate.paging_bootstrap.pagination li a {
    color: #797979;
    padding: 0.3125rem 0.625rem;
    display: inline-block;
}
.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a {
    color: #fff;
    background: #65cea7;
    text-decoration: none;
}
.dataTables_paginate.paging_bootstrap.pagination li:hover, .dataTables_paginate.paging_bootstrap.pagination li.active {
    border-color: #65cea7;
}
.dataTables_paginate.paging_bootstrap.pagination li.disabled:hover, .dataTables_paginate.paging_bootstrap.pagination li.disabled:hover a {
    color: #C7C7C7;
    background: #fff;
    border-color: #DDDDDD;
    cursor: no-drop;
}
.dataTables_paginate.paging_bootstrap.pagination {
    float: right;
    margin-bottom: 0.9375rem;
}
.dataTable tr:last-child {
    border-bottom: 0.0625rem solid #ddd;
}
.general-table .progress {
    margin-bottom: 0;
}
.adv-table table tr td {
    padding: 0.625rem;
}
.adv-table table.display thead th {
    border-bottom: 0.0625rem solid #DDDDDD;
    padding: 0.625rem;
}
.dataTable tr.odd.gradeA td.sorting_1, .dataTable tr.odd td.sorting_1, .dataTable tr.even.gradeA td.sorting_1 {
    background: none;
}
.dataTable td.details {
    background-color: #424F63;
    color: #fff;
}
.dataTable td.details table tr td, .dataTable tr:last-child {
    border: none;
}
.adv-table table.display tr.odd.gradeA {
    background-color: #F9F9F9;
}
.adv-table table.display tr.even.gradeA {
    background-color: #FFFFFF;
}
.adv-table .dataTables_filter label input {
    float: right;
    margin-left: 0.625rem;
    width: 78%;
}
.adv-table .dataTables_filter label {
    line-height: 2.0625rem;
    width: 100%;
}
.adv-table .dataTables_length select {
    display: inline-block;
    margin: 0 0.625rem 0 0;
    padding: 0.3125rem 0.5rem;
    width: 4.0625rem;
}
.adv-table .dataTables_info, .dataTables_paginate {
    padding: 0.9375rem 0;
}
.adv-table .dataTables_length, .adv-table .dataTables_filter {
    padding: 0.9375rem 0;
}
.cke_chrome {
    border: none !important;
}
.editable-table .dataTables_filter {
    width: 80%;
}
.dataTable tr.odd.gradeX td.sorting_1, .dataTable tr.even.gradeX td.sorting_1, table.display tr.even.gradeX, table.display tr.gradeX, tr.even.gradeU td.sorting_1, tr.even td.sorting_1, table.display tr.even.gradeC, table.display tr.gradeC, tr.odd.gradeC td.sorting_1, table.display tr.even.gradeU, table.display tr.gradeU, tr.odd.gradeU td.sorting_1 {
    background: none !important;
}
/*---------------------------- EDITABLE TABLE STYLE -----------------------------*/
.editable-table table input {
    width: 95% !important;
}
.editable-table table td a {
    color: #49586E;
}
.editable-table table td a:hover {
    color: #65CEA7;
}
/*-------------------------- Media Gallery ----------------------------*/
.media-filter {
    float: left;
    margin: 0.625rem 0;
    padding-left: 0;
}
.media-filter li {
    float: left;
    margin-right: 0.125rem;
    list-style: none;
}
.media-filter li a {
    background: #65CEA7;
    border-color: #65CEA7;
    color: #fff;
    padding: 0.3125rem 0.625rem;
    border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    text-decoration: none;
    font-size: 0.75rem;
}
.media-filter li a:hover, .media-filter li a:focus {
    background: #4c9b7e;
    border-color: #4c9b7e;
    color: #fff;
}
.media-gal {
    float: left;
    width: 100%;
    margin-top: 1.25rem;
}
.media-gal .item {
    float: left;
}
.media-gal .item {
    margin-bottom: 1%;
    margin-right: 1%;
    width: 14.5625rem;
    background: #EFF0F4;
    color: #7A7676;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.media-gal .item:hover {
    background: #65CEA7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
}
.media-gal .item:hover img {
    opacity: .3;
}
.media-gal .item p {
    margin-bottom: 0.625rem;
    margin-top: 0.625rem;
    text-align: center;
}
.media-gal .item img {
    height: 12.5rem;
    width: 100%;
}
.img-modal img {
    width: 100%;
    margin-bottom: 0.625rem;
}
/*----------------------------------- Start: Recommended Isotope styles -------------------------------------*/
/* Isotope Filtering */
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/*Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/*disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
/*------------------------------------*/
/*FORM STYLES*/
/*------------------------------------*/
.sm-input {
    width: 10.625rem !important;
}
.form-horizontal.adminex-form .form-group {
    border-bottom: 0.0625rem solid #eff2f7;
    padding-bottom: 0.9375rem;
    margin-bottom: 0.9375rem;
}
.form-horizontal.adminex-form .form-group:last-child {
    border-bottom: none;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}
.form-horizontal.adminex-form .form-group .help-block {
    margin-bottom: 0;
}
.round-input {
    border-radius: 31.25rem;
    -webkit-border-radius: 31.25rem;
}
.m-bot15 {
    margin-bottom: 0.9375rem;
}
.form-horizontal.adminex-form .checkbox-inline > input {
    margin-top: 0.0625rem;
    border: none;
}
.iconic-input {
    position: relative;
}
.iconic-input i {
    color: #CCCCCC;
    display: block;
    font-size: 1rem;
    height: 1rem;
    margin: 0.5rem 0.3125rem 0.5rem 0.625rem;
    position: absolute;
    text-align: center;
    width: 1rem;
}
.iconic-input input {
    padding-left: 1.875rem !important;
}
.iconic-input.right input {
    padding-left: 0.625rem !important;
    padding-right: 1.875rem !important;
}
.iconic-input.right i {
    float: right;
    right: 0.3125rem;
}
input.spinner[type="text"], input.spinner[type="password"], input.spinner[type="datetime"], input.spinner[type="datetime-local"], input.spinner[type="date"], input.spinner[type="month"], input.spinner[type="time"], input.spinner[type="week"], input.spinner[type="number"], input.spinner[type="email"], input.spinner[type="url"], input.spinner[type="search"], input.spinner[type="tel"], input.spinner[type="color"] {
    /*background: url("../images/input-spinner.gif") right no-repeat !important;*/
}
/*-------------------- CK EDITORS ---------------------*/
.cke_chrome {
    box-shadow: 0 0 0.0625rem #c5c6ca !important;
}
.cke_top, .cke_bottom {
    background: #EFF0F4 !important;
    box-shadow: none !important;
    border-top: none !important;
    border-bottom: none !important;
}
/*-------------------------- FORM VALIDATION ---------------------------*/
.cmxform .form-group label.error {
    display: inline;
    margin: 0.3125rem 0;
    color: #FF6C60;
    font-weight: 400;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .cmxform .form-group input.error, .cmxform .form-group textarea.error {
    border-color: #FF6C60 !important;
}
#signupForm label.error {
    display: inline;
    margin: 0.3125rem 0rem;
    width: auto;
    color: #FF6C60;
}
.checkbox, .checkbox:hover, .checkbox:focus {
    border: none;
}
/*-------------------------- FORM WIZARD STYLES ---------------------------*/
.widget-container .stepy-tab ul, .block-tabby ul.stepy-titles {
    border-bottom: none;
    padding: 0;
}
.fw-title {
    color: #424F63;
    margin-bottom: 1.875rem;
}
.block-tabby ul.stepy-titles {
    margin-bottom: 0.625rem;
}
.widget-container .stepy-tab ul li.current-step, .block-tabby ul li.current-step{
    border:none ;
    background: #65CEA7!important;
    color: #fff;
}
.widget-container .stepy-titles li, .stepy-titles li {
    background: #fff;
    margin-right: 0.9375rem;
    margin-bottom: 0.9375rem;
    border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
}
.widget-container .stepy-titles li span {
    font-size: 0.75rem;
}
.widget-container .step {
    margin-bottom: 3.125rem;
    border-bottom: 0.0625rem solid #ddd;
    padding-bottom: 3.125rem;
}
.widget-container .step legend {
    color: #65CEA7;
    font-size: 1rem;
    border-bottom:0.0625rem dotted #ddd;
    padding-bottom: 0.625rem;
}
.widget-container input.form-control {
    padding: 0 0.625rem;
}
.stepy-error {
    position: absolute;
    bottom: 6.5625rem;
}
.stepy-error label.error {
    font-size: 0.75rem;
    font-weight: normal;
}
.step input, .step textarea, .step select, .widget-content label.checkbox, .widget-content label.radio {
    margin-left: 0 !important;
    padding-left: 0;
}
.widget-content label.checkbox input, .widget-content label.radio input {
    margin-right: 0.625rem;
}
/*---------------------------------------------- CUSTOM CHECKBOX & RADIO BUTTONS STYLES ----------------------------------------------*/
.icheck div, .icheck .disabled {
    float: left;
}
.icheck div {
    margin-right: 0.625rem;
}
.icheck label {
    font-weight: normal;
}
.icheck .checkbox, .icheck .radio {
    margin-bottom: 0.625rem;
}
.icheck .single-row {
    display: inline-block;
    width: 100%;
}
/*------------------------- MULTI SELECT STYLE --------------------------*/
.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    background-color: #65CEA7;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
.ms-container .ms-list, .ms-container .ms-list.ms-focus {
    box-shadow: none !important;
}
.ms-container .ms-list.ms-focus {
    border: 1px solid #65CEA7;
}
.ms-selectable .search-input, .ms-selection .search-input {
    margin-bottom: 0.625rem;
}
/*--------------------------------- SPINNER STYLE ----------------------------------*/
.spinner-buttons.input-group-btn {
    width: 20%;
}
.spinner-buttons.input-group-btn .btn-xs {
    line-height: 1.16;
}
.spinner-buttons.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-radius: 0 0 0.25rem 0;
    -webkit-border-radius: 0 0 0.25rem 0;
}
.spinner-buttons.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-radius: 0 0.25rem 0 0;
    -webkit-border-radius: 0 0.25rem 0 0;
}
/*---------------------------- FILE UPLOAD STYLES ----------------------------*/
.fileupload .btn {
    margin-left: 0;
}
/*---------------------------- TAGS INPUT STYLE -----------------------------*/
div.tagsinput span.tag {
    background: #65CEA7 !important;
    border-color: #65CEA7;
    color: #fff;
    border-radius: 0.9375rem;
    -webkit-border-radius: 0.9375rem;
    padding: 0.125rem 0.625rem;
}
div.tagsinput span.tag a {
    color: #43886e;
}
/*--------------------------- SLIDE TOGGLE STYLES ----------------------------*/
.slide-toggle div {
    float: left;
    margin-right: 1.25rem;
}
/*-------------------------- PICKERS STYLES ---------------------------*/
.add-on {
    float: right;
    margin-top: -2.3125rem;
    padding: 0.1875rem;
    text-align: center;
}
.add-on .btn {
    padding: 0.5625rem;
}
.colorpicker.dropdown-menu {
    min-width: 8.125rem;
    padding: 0.3125rem;
}
.datepicker.dropdown-menu {
    z-index: 1060;
    padding: 0.3125rem;
}
.custom-date-range .input-group-addon {
    border-left: 0.0625rem solid #EEEEEE;
    border-right: 0.0625rem solid #EEEEEE;
}
/*------------------------------------- GOOGLE MAPS & VECTOR MAPS STYLE -------------------------------------*/
.gmaps {
    height: 21.875rem;
    width: 100%;
}
.vmaps {
    width: 100%;
    height: 25rem;
}
/*-------------------------- LOCK SCREEN STYLE --------------------------*/
.lock-screen {
    /*background: #6fc4a5 url("../images/lockscreen-bg.jpg") no-repeat fixed;*/
    background-size: cover;
    width: 100%;
    height: 100%;
}
.lock-wrapper {
    margin: 18% auto;
    max-width: 25rem;
}
.lock-box {
    padding: 1.25rem;
    position: relative;
    width: 100%;
    display: inline-block;
}
.lock-wrapper img {
    position: absolute;
    left: 36%;
    top: -5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 6px solid #fff;
}
.lock-wrapper h1 {
    text-align: center;
    color: #6bc5a4;
    font-size: 1.125rem;
    text-transform: uppercase;
    padding: 0.625rem 0 0.625rem;
}
.lock-wrapper .locked {
    position: absolute;
    width: 3.125rem;
    height: 3.125rem;
    line-height: 2.25rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    color: #fff;
    text-align: center;
    background: #6bc5a4;
    top: -1.5625rem;
    right: 7.8125rem;
    border: 4px solid #fff;
    font-size: 1.375rem;
}
.lock-wrapper input, .lock-wrapper input:focus {
    background: #eaeaec;
    border-color: #eaeaec;
    width: 86% !important;
    height: 2.5rem;
    float: left;
}
.btn-lock {
    background: #6bc5a4;
    color: #fff;
    height: 2.5rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-lock:hover {
    background: #688ac2;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/*-------------------------------- PRICING TABLE ---------------------------------*/
.price-head {
    padding: 0.625rem 0 3.125rem;
}
.price-head h1 {
    font-size: 2rem;
    font-weight: normal;
    color: #49586e;
}
.pricing-table {
    background: #fff;
    text-align: center;
    padding: 0 0 1.5625rem 0;
    border-radius: 0.3125rem;
    -moz-border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
    box-shadow: 0 0.3125rem 0 #e5e5e5;
    width: 110%;
    margin-left: -0.625rem;
}
.pricing-table.most-popular {
    position: relative;
}
.most-popular {
    background: #6bc5a4;
    color: #fff;
    box-shadow: 0 0.3125rem 0 #60b193;
}
.most-popular .pricing-head {
    position: relative;
    height: 10.625rem;
}
.most-popular .pricing-head h1 {
    color: #fff;
}
.most-popular .pricing-quote, .most-popular ul li i {
    color: #6bc5a4;
}
.most-popular ul li {
}
.most-popular .price-actions .btn {
    background: #60b193 !important;
    cursor: pointer;
    color: #fff !important;
}
.most-popular .pricing-quote {
    background: #fff;
}
.pricing-table .price-actions .btn {
    border-radius: 0.3125rem;
    -moz-border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
    background: #eff0f4;
    color: #a4a4a4;
    border: none;
    box-shadow: none;
    text-shadow: none;
    padding: 0.625rem 1.25rem;
    cursor: pointer;
    text-transform: uppercase;
}
.pricing-table .price-actions .btn:hover, .most-popular.pricing-table .price-actions .btn:hover {
    background: #49586e !important;
    color: #fff;
}
.pricing-head {
    position: relative;
    height: 10.625rem;
    color: #2a323f;
}
.pricing-head h1 {
    font-size: 1.5rem;
    font-weight: 300;
    padding-top: 1.875rem;
    color: #2a323f;
    text-transform: uppercase;
}
.pricing-quote {
    background: #eff0f4;
    padding: 3.125rem 0;
    color: #49586e;
    font-size: 2.8125rem;
    font-weight: bold;
    width: 9.375rem;
    height: 9.375rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: -5.3125rem auto;
    position: relative;
}
.pricing-table ul {
    margin: 7.5rem 0 3.125rem;
    padding: 0;
}
.pricing-table ul li {
    margin: 0 2em;
    padding: 1em 0;
    text-align: center;
    font-weight: 300;
}
.pricing-quote span.note {
    display: inline;
    font-size: 1.125rem;
    line-height: 0.8em;
    position: relative;
    top: -1.125rem;
}
.pricing-quote p {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #a4a4a4;
    padding-top: 0.625rem;
    font-weight: normal;
}
.pricing-quotation, .team-info {
    background: #EEEEEE;
    padding: 1.25rem 1.25rem 2.1875rem 1.25rem;
    margin-bottom: 6.25rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 0.3125rem;
    -moz-border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
}
.pricing-quotation h3, .team-info h3 {
    font-weight: 300;
}
.pricing-quotation p, .team-info p {
    margin-bottom: 0rem;
}
.pricing-plan, .team-info-wrap {
    position: relative;
}
/*------------------------------- INVOICE STYLE --------------------------------*/
.invoice-title {
    color: #6bc5a4;
    font-size: 3rem;
    text-transform: uppercase;
    margin-top: 1.875rem;
}
.invoice {
    color: #a4a4a4;
}
.inv-logo {
    margin-bottom: 0.625rem;
}
.invoice-address {
    background: #f7f7f9;
    padding: 1.25rem;
    margin-top: 0.625rem;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}
.inv-col {
    margin-bottom: 0.3125rem;
}
.inv-col span {
    color: #6bc5a4;
}
.t-due, .inv-label {
    font-size: 1.375rem;
    color: #6bc5a4;
}
.inv-label {
    font-style: italic;
}
.amnt-value {
    color: #a4a4a4;
    font-size: 1.5rem;
    margin-top: 0.625rem;
    font-weight: bold;
}
.inv-to {
    text-transform: uppercase;
    font-size: 0.875rem;
}
.corporate-id {
    font-weight: bold;
    font-size: 1rem;
    color: #2a323f;
    margin-top: 0.3125rem;
    text-transform: uppercase;
}
.table-invoice {
    border-top: none !important;
    margin-top: -0.9375rem;
}
.table-invoice thead {
    background: #2a323f;
    color: #fff;
}
.table-invoice th {
    border-bottom: none !important;
    padding: 1.25rem 0.625rem !important;
    border-color: #2a323f !important;
}
.table-invoice th:first-child, .table-invoice td:first-child {
    text-align: center;
}
.table-invoice td {
    vertical-align: middle !important;
}
.table-invoice h4 {
    color: #2a323f;
    font-size: 0.875rem;
    font-weight: bold;
    margin: 0 0 0.3125rem 0;
}
.table-invoice strong {
    color: #2a323f;
}
.payment-method p {
    margin-bottom: 0;
}
.print-body {
    background: #eff0f4;
}
/*--------------------------- ERROR PAGE STYLES ----------------------------*/
.error-page {
    background: #6bc5a4;
}
.error-wrapper {
    margin-top: 15%;
}
.error-wrapper h2 {
    font-size: 4rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.error-wrapper h3 {
    font-size: 2rem;
    color: #474747;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.875rem;
    margin-top: 0;
}
.error-wrapper .nrml-txt {
    font-size: 1.125rem;
    color: #474747;
    font-weight: normal;
    line-height: 1.875rem;
}
.error-wrapper .nrml-txt a {
    color: #a7ffdf;
}
.error-wrapper .back-btn {
    color: #fff;
    border: 1px solid #fff;
    padding: 0.9375rem 1.875rem;
    border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 1.25rem;
    margin-top: 3.125rem;
}
.error-wrapper .back-btn:hover {
    background: #fff;
    color: #6bc5a4;
    border-color: #fff;
}
/*--------------------------------- TIMELINE STYELS ----------------------------------*/
.timeline {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 3.125rem;
}
.timeline .time-show {
    margin-right: -4.6875rem;
    margin-top: 1.875rem;
    position: relative;
    margin-bottom: 1.875rem;
}
.time-show .btn {
    width: 9.375rem;
}
.timeline .time-show a {
    color: #fff;
}
.timeline:before {
    background-color: #d8d9df;
    bottom: 0rem;
    content: "";
    left: 50%;
    position: absolute;
    top: 1.875rem;
    width: 0.0625rem;
    z-index: 0;
}
h3.timeline-title {
    margin: 0;
    color: #C8CCD7;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0 0 0.3125rem;
    text-transform: uppercase;
}
.t-info {
    color: #C8CCD7;
}
.timeline-item:before, .timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}
.timeline-item {
    display: table-row;
}
.timeline-desk {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
.timeline-desk h1 {
    font-size: 1rem;
    font-weight: 300;
    margin: 0 0 0.3125rem;
}
.timeline-desk .panel {
    display: block;
    margin-left: 2.8125rem;
    position: relative;
    text-align: left;
    background: #fff;
}
.timeline-item .timeline-desk .arrow {
    border-bottom: 0.5rem solid transparent;
    border-top: 0.5rem solid transparent;
    display: block;
    height: 0;
    left: -0.4375rem;
    position: absolute;
    top: 50%;
    margin-top: -0.625rem;
    width: 0;
}
.timeline-item .timeline-desk .arrow {
    border-right: 0.5rem solid #fff !important;
}
.timeline-item.alt .timeline-desk .arrow-alt {
    border-bottom: 0.5rem solid transparent;
    border-top: 0.5rem solid transparent;
    display: block;
    height: 0;
    right: -0.4375rem;
    position: absolute;
    top: 50%;
    margin-top: -0.625rem;
    width: 0;
    left: auto;
}
.timeline-item.alt .timeline-desk .arrow-alt {
    border-left: 0.5rem solid #fff !important;
}
.timeline .timeline-icon {
    left: -3.375rem;
    position: absolute;
    top: 50%;
    margin-top: -0.625rem;
}
.timeline .timeline-icon {
    background: #fff;
    border: 1px solid #D8D9DF
}
.timeline-desk span a {
    text-transform: uppercase;
}
.timeline-desk h1.red, .timeline-desk span a.red {
    color: #EF6F66;
}
.timeline-desk h1.green, .timeline-desk span a.green {
    color: #39B6AE;
}
.timeline-desk h1.blue, .timeline-desk span a.blue {
    color: #56C9F5;
}
.timeline-desk h1.purple, .timeline-desk span a.purple {
    color: #8074C6;
}
.timeline-desk h1.light-green, .timeline-desk span a.light-green {
    color: #A8D76F;
}
.timeline-desk h1.yellow, .timeline-desk span a.yellow {
    color: #fed65a;
}
.timeline .timeline-icon {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    height: 1.25rem;
    width: 1.25rem;
    text-align: center;
    color: #fff;
}
.timeline .timeline-icon i {
    margin-top: 0.5625rem;
}
.timeline-item.alt .timeline-icon {
    left: auto;
    right: -3.5rem;
}
.timeline .time-icon:before {
    font-size: 1rem;
    margin-top: 0.3125rem;
}
.timeline .timeline-date {
    left: -15.3125rem;
    position: absolute;
    text-align: right;
    top: 0.75rem;
    width: 9.375rem;
    display: none;
}
.timeline-item.alt .timeline-date {
    left: auto;
    right: -15.3125rem;
    text-align: left;
    display: none;
}
.timeline-desk h5 span {
    color: #999999;
    display: block;
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}
.timeline-item.alt:before {
    display: none;
}
.timeline-item:before, .timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}
.timeline-desk p {
    font-size: 0.875rem;
    margin-bottom: 0;
    color: #999;
}
.timeline-desk a {
    color: #1fb5ad;
}
.timeline-desk .panel {
    margin-bottom: 0.3125rem;
}
.timeline-desk .album {
    margin-top: 1.25rem;
}
.timeline-item.alt .timeline-desk .album {
    margin-top: 1.25rem;
    float: right;
}
.timeline-desk .album a {
    margin-right: 0.3125rem;
    float: left;
}
.timeline-item.alt .timeline-desk .album a {
    margin-left: 0.3125rem;
    float: right;
}
.timeline-desk .notification {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 1.25rem;
    padding: 0.5rem;
}
.timeline-item.alt .panel {
    margin-left: 0;
    margin-right: 2.8125rem;
}
.mbot30 {
    margin-bottom: 1.875rem;
}
.timeline-item.alt h1, .timeline-item.alt p {
    text-align: right;
}
/*-------------------------------- PROFILE STYLE ---------------------------------*/
.profile-pic img {
    border: 5px solid #F1F2F7;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 9.375rem;
    margin: 0.625rem 0;
    width: 9.375rem;
}
.profile-desk h1 {
    color: #49586e;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 0.3125rem 0;
    text-transform: uppercase;
}
.profile-desk .designation{
    color: #49586e;
    font-size: 0.875rem;
    text-transform: uppercase;
    margin-bottom: 1.875rem;
    display: inline-block;
}
.profile-desk p {
    line-height: 1.5625rem;
    margin-bottom: 2.5rem;
}
.p-follow-btn {
    background: #eff0f4;
    color:#a4a4a4
}
.p-follow-btn:hover, .btn-post {
    background: #6bc5a4;
    color:#fff
}
.btn-post:hover {
    background: #2a323f;
    color:#fff
}
ul.p-social-link {
    list-style-type: none;
}
ul.p-social-link li {
    display: inline-block;
}
ul.p-social-link li a {
    background: #eff0f4;
    color: #bfbfc1;
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    text-align: center;
}
ul.p-social-link li a:hover, ul.p-social-link li.active a {
    color: #6bc5a4;
}
.p-text-area, .p-text-area:focus {
    border: medium none;
    box-shadow: none;
    color: #C3C3C3;
    font-size: 1rem;
    font-weight: 300;
}
.p-option li a {
    color: #adadad;
    font-size: 0.9375rem;
}
.p-option li a:hover {
    background: #6bc5a4;
    color: #fff;
}
ul.p-info {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}
ul.p-info li {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.625rem;
}
ul.p-info li:last-child {
    margin-bottom: 0;
}
ul.p-info .title, ul.p-info .desk {
    float: left;
}
ul.p-info .title {
    width: 40%;
}
ul.p-info .desk {
    width: 60%;
    color: #65cea7;
}
.p-states h4{
    color: #535351;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.p-states h4 span{
    color: #bfbfbf;
}
.p-states h3{
    color: #2a323f;
    font-size: 1.5625rem;
    margin: 0.625rem 0 0 0;
}
.p-states .chart-bar{
    margin-top: 1.25rem;
}
.p-states.green-box {
    background: #6bc5a4;
    color: #fff;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
}
.p-states.green-box h4, .p-states.green-box h4 span, .p-states.green-box h3 {
    color: #fff;
}
ul.activity-list {
    list-style-type: none;
    padding: 0;
}
ul.activity-list li {
    display: inline-block;
    width: 100%;
    margin-bottom: 1.875rem;
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem solid #eff0f4;
}
ul.activity-list .avatar img {
    float: left;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
ul.activity-list .activity-desk {
    margin-left: 4.375rem;
}
ul.activity-list .activity-desk h5 {
    color: #2a323f;
}
ul.activity-list .activity-desk h5 a {
    font-weight: bold;
}
.activity-desk .album a {
    float: left;
    margin-right: 0.625rem;
    width: 10.625rem;
    height: 6.875rem;
    overflow: hidden;
    margin-bottom: 0.625rem;
}
.activity-desk .album a img {
    width: 100%;
}
#map-canvas {
    height: 12.5rem;
    width: 100%;
}
.revenue-graph{
    height:13.75rem;
}
/*-------------------------------------------- Dashboard Event Calendar, charts --------------------------------------------*/
.event-calendar {
    background:#1fb5ac;
    -webkit-border-radius:0.375rem;
    -moz-border-radius:0.375rem;
    border-radius:0.375rem;
    min-height:29.625rem;
}
.calendar-block {
    float:right !important;
    -webkit-border-radius:0 0.3125rem 0.3125rem 0rem;
    -moz-border-radius:0 0.3125rem 0.3125rem 0rem;
    border-radius:0 0.3125rem 0.3125rem 0rem;
    background:#fff;
    z-index: 1000;
}
.event-list-block {
    -webkit-border-radius:0.3125rem 0rem 0rem 0.3125rem;
    -moz-border-radius:0.3125rem 0rem 0rem 0.3125rem;
    border-radius:0.3125rem 0rem 0rem 0.3125rem;
}
.calendar-block .day-contents {
    width:1.875rem;
    margin:auto;
}
.today .day-contents {
    width:1.875rem;
    background:#1fb0ab;
    cursor:pointer;
    color:#fff;
    -webkit-border-radius:0.1875rem;
    -moz-border-radius:0.1875rem;
    border-radius:0.1875rem;
}
.calendar-block .day-contents:hover {
    width:1.875rem;
    background:#1fb0ab;
    cursor:pointer;
    color:#fff;
    -webkit-border-radius:0.1875rem;
    -moz-border-radius:0.1875rem;
    border-radius:0.1875rem;
}
.cal1 .clndr .clndr-controls {
    -webkit-border-radius:0.3125rem 0.3125rem 0rem 0rem;
    -moz-border-radius:0.3125rem 0.3125rem 0rem 0rem;
    border-radius:0.3125rem 0.3125rem 0rem 0rem;
    display: block !important;
    position: relative;
    margin-bottom: 0.625rem;
    text-align: center;
    background: #51d4cc;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: -0.9375rem;
    padding: 3.5rem 1.25rem;
    width: auto !important;
    color: #fff;
}
.cal1 .clndr .clndr-controls .month span{
    display: block;
    font-size: 1.875rem;
    padding: 0rem 0.625rem;
    margin-bottom: 0.625rem;
}
.cal1 .clndr .clndr-controls .month {
    color: #fff;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button,.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button{
    color: #fff;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover,.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
    background: #f4f4f4;
    padding:0.3125rem 0.625rem;
    color: #1fb0ab;
}
.clndr-previous-button{
    position: relative;
    top: -1.875rem;
}
.clndr-next-button{
    position: relative;
    top: -1.875rem;
}
#flotTip{
    background: rgba(000,000,000,.7);
    padding: 0.3125rem 0.625rem;
    color: #fff;
    -webkit-border-radius: 0.1875rem;
    -moz-border-radius: 0.1875rem;
    border-radius: 0.1875rem;
}
#main-chart-legend{
    padding: 0.125rem 0rem;
}
#main-chart-legend td{
    padding-right: 0.625rem;
}
.main-chart {
    width: 100%;
    height:18.75rem;
    text-align: center;
    margin:0 auto;
}
/*------------------------- MAIL INBOX --------------------------*/
.mail-box {
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}
.mail-box > aside, .mail-box > section {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top;
}
.mail-nav {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top;
    width: 15rem;
}
.mail-nav-bg-color {
    background: #d1d5e1;
}
.mail-box-info {
    background: #fff;
    padding: 0.9375rem;
}
.mail-nav h4 {
    margin: 0;
    padding: 0.9375rem;
    background: #5c6e8a;
    color: #fff;
}
.mail-nav-body {
    padding: 0.9375rem;
}
.mail-nav footer {
    background: #b8bbc5;
    border-top: none;
    margin-top: 1.25rem;
}
.mail-nav footer .btn {
    border: none;
}
a.btn-compose {
    background: #65CEA7;
    color: #fff;
    width: 100%;
    margin: 0.625rem 0;
}
a:hover.btn-compose {
    background: #52a888;
    color: #fff;
}
.mail-navigation {
    margin-top: 0.9375rem;
}
.mail-navigation li a i {
    padding-right: 0.625rem;
}
.mail-navigation li a {
    color: #5c6e8a;
}
.mail-navigation li a:hover {
    color: #fff;
}
.mail-navigation > li.active > a, .mail-navigation > li.active > a:hover, .mail-navigation > li.active > a:focus {
    background: #5c6e8a;
    color: #fff;
}
ul.labels-info li h5 {
    color: #fff;
    background: #839dc5;
    font-size: 0.9375rem;
    margin: 0.625rem -0.9375rem;
    padding: 0.9375rem;
    text-transform: uppercase;
}
ul.labels-info li a {
    border-radius: 0;
    color: #707278;
    padding-left: 0;
    padding-right: 0;
}
ul.labels-info li a i {
    padding-right: 0.625rem;
}
.nav.nav-pills.nav-stacked.labels-info p {
    color: #85888f;
    font-size: 0.6875rem;
    margin-bottom: 0;
    padding: 0 1.375rem;
}
ul.labels-info li a:hover, ul.labels-info li a:focus {
    background:rgba(0, 0, 0, 0);
    color: #5c6e8a;
}
.mail-box-info {
    position: relative;
}
.mail-box-info .header {
    background: #D1D5E1;
    margin: -0.9375rem;
    padding:0.625rem 0.9375rem;
    color: #fff;
}
.mail-box-info .mail-list {
    margin-top: 1.875rem;
}
.mail-box-info .mail-list li a {
    font-size: 0.8125rem;
    color: #535351;
    text-decoration: none;
}
.mail-box-info .mail-list li a:hover {
    color: #1b2128;
}
.mail-box-info .mail-list li a.thumb {
    width: 1.375rem;
    margin-right: 0.625rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.mail-box-info .mail-list li a.thumb img {
    height: auto;
    max-width: 100%;
}
.mail-box-info .mail-list li .chk {
    margin-right: 0.9375rem;
}
.mail-list {
    overflow-x: hidden;
    overflow-y: auto;
    height: 41.0625rem;
}
.mail-list .list-group-item {
    border-radius: 0;
    -webkit-border-radius: 0;
}
.mail-box-info header h4 {
    margin: 0.3125rem 0;
    color: #5C6E8A;
}
.compose-mail {
    width: 100%;
    display: inline-block;
    position: relative;
}
.compose-mail .compose-options {
    color: #979797;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875rem;
    position: absolute;
    right: 0.625rem;
    top: 0.4375rem;
}
.compose-options a {
    color: #5C6E8A;
}
.compose-mail input, .compose-mail input:focus {
    border:none;
    padding: 0;
    width: 80%;
    float: left;
}
.compose-mail .form-group {
    border:1px solid #eaebee;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}
.compose-mail .form-group label {
    line-height: 2.125rem;
    width: 10%;
    float: left;
    padding-left: 0.625rem;
    margin-bottom: 0;
    background: #eaebee;
    margin-right: 0.625rem;
}
.compose-editor input {
    margin-top: 0.9375rem;
}
.compose-editor {
    margin-top: 2.1875rem;
    margin-bottom: 0.9375rem;
    display: inline-block;
    width: 100%;
}
.compose-btn {
    float: left;
}
.compose-editor textarea {
    border-color: #eaebee;
}
.mail-sender, .attachment-mail {
    width: 100%;
    display: inline-block;
    margin:0 0 1.25rem 0;
    border-bottom:0.0625rem solid #EFF2F7 ;
    padding: 0.625rem 0;
}
.attachment-mail ul li .links a {
    font-size: 0.6875rem;
}
.mail-sender img {
    width: 1.875rem;
    border-radius: 0.1875rem;
    -webkit-border-radius: 0.1875rem;
}
.mail-sender .date {
    line-height: 1.875rem;
    margin-bottom: 0;
    text-align: right;
}
.view-mail a, .attachment-mail a:hover {
    color: #65CEA7;
}
.attachment-mail a{
    color: #5C6E8A;
}
.attachment-mail ul li {
    float: left;
    width: 6.25rem;
    margin-right: 0.9375rem;
    margin-top: 0.9375rem;
    list-style: none;
}
.attachment-mail ul li a.atch-thumb img {
    width: 6.25rem;
    height: auto;
    margin-bottom: 0.625rem;
}
.attachment-mail ul li a.name span {
    float: right;
    color: #5C6E8A;
    font-size: 0.6875rem;
}
/*------------------------------------ Blog styles -------------------------------------*/
.blog h1 {
    font-size: 1.125rem;
    text-transform: uppercase;
    color: #424242;
    font-weight: 400;
    margin: 0rem 0 0.625rem 0;
    line-height: 1.875rem;
}
.blog h1 a {
    color: #424242;
}
.blog h1 a:hover, .blog h1 a:focus, .auth-row a:hover, .auth-row a:hover {
    color: #65CEA7;
}
.blog .auth-row {
    color: #c8c8c8;
    font-weight: 300;
    padding-bottom: 1.25rem;
    font-size: 0.875rem;
}
.auth-row a {
    color: #C8C8C8;
}
.blog .blog-img-wide img{
    width: 100%;
    height: 21.875rem;
    padding-bottom: 1.5625rem;
}
.blog-img-sm img {
    width: 100%;
    padding-bottom: 0;
}
.blog p {
    padding-bottom: 0.9375rem;
    font-size: 0.875rem;
}
.blog a.more {
    margin-bottom: 0.625rem;
    display: inline-block;
}
.blog .fa-quote-left {
    font-size: 1.25rem;
    padding: 2.5rem 0;
    color: #d3d3d3;
}
.blog-search, .blog-search:focus {
    float: left;
    margin-right: 0.625rem;
    background: #f1f1f1;
    border: none;
    height: 2.1875rem;
    box-shadow: none;
}
.btn-search, .btn-search:hover, .btn-search:focus {
    background: #65CEA7;
    color: #fff;
}
.blog-post h3 {
    font-size: 1rem;
    text-transform: uppercase;
    color: #424242;
    font-weight: bold;
    padding-top: 0rem;
    margin-top: 0;
}
.blog-post h5 a {
    color: #424242;
    text-transform: uppercase;
}
.blog-post h5 a:hover, .blog-post h5 a:focus, .blog-post ul li a:hover, .blog-post ul li a:focus {
    color: #65CEA7;
}
.blog-post p {
    padding-bottom: 0;
}
.blog-post ul{
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.blog-post ul li{
    line-height: 2.1875rem;
    color: #837f7e;
}
.blog-post ul li a{
    line-height: 2.1875rem;
    color: #837f7e;
}
.blog-post ul li i {
    padding-right: 0.625rem;
}
.carousel-indicators li {
    /*background: rgba(255, 255, 255, 0.5);
     */
    border: none;
}
.carousel-indicators {
    margin-bottom: 0.625rem;
}
blockquote {
    margin-left: 3.125rem;
    color: #a1a1a1;
    font-style: italic;
}
blockquote p {
    line-height: 1.875rem;
    padding-bottom: 0 !important;
}
.blog-tags {
    border-top: 0.0625rem solid #f1f1f1;
    margin:1.875rem 0 0 0;
    padding-top: 1.875rem;
    display: inline-block;
    width: 100%;
}
.blog-tags a {
    background: #f1f1f1;
    color: #808086;
    padding: 0.3125rem 0.625rem;
    margin-left: 0.5rem;
    border-radius: 0.1875rem;
    -webkit-border-radius: 0.1875rem;
}
.tag-social ul {
    background: #f1f1f1;
    height: 2.1875rem;
    padding-left: 0;
    margin-top: -0.3125rem;
    border-radius: 0.1875rem;
    position: relative;
    padding: 0 0.625rem;
    list-style-type: none;
}
.tag-social ul:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(241, 241, 241, 0);
    border-left-color: #f1f1f1;
    border-width: 0.3125rem;
    margin-top: -0.3125rem;
}
.tag-social ul li {
    float: left;
}
.tag-social ul li a {
    margin-top: 0.1875rem;
    display: inline-block;
    margin-left: 0;
}
.tag-social ul li a:hover, .blog-cmnt .media-heading a:hover, .blog-tags a:hover {
    color: #65CEA7;
}
.blog-tags a.btn-share {
    background: #65CEA7 ;
    margin-top: -0.625rem;
    padding: 0.625rem ;
    color: #fff;
    text-transform: uppercase ;
}
ol.comment-list {
    list-style: none;
    padding-left: 0;
}
.blog-cmnt.media > .pull-left {
    margin-right: 1.875rem;
}
.blog-cmnt .media-heading, .blog-cmnt .media-heading a {
    color: #414147;
    font-size: 0.875rem;
    text-transform: uppercase;
}
.blog-cmnt .media-object {
    width: 6.5625rem;
    height: 6.375rem;
    border-radius: 0.1875rem;
    -webkit-border-radius: 0.1875rem;
}
.blog-cmnt .media-object-child {
    width: 4.75rem;
    height: 4.5rem;
    border-radius: 0.1875rem;
    -webkit-border-radius: 0.1875rem;
}
.blog .blog-cmnt p {
    font-size: 0.9375rem;
    line-height: 1.5625rem;
    padding-top: 0.3125rem;
}
.mp-less {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.blog-cmnt .media-body span {
    color: #808086;
    padding-bottom: 1.25rem;
    display: inline-block;
}
.bl-status {
    float: left;
    width: 100%;
}
.bl-status .reply {
    background: #f1f1f1;
    color: #808086;
    padding: 0.3125rem 0.625rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    margin-top: -0.3125rem;
}
.bl-status .reply:hover {
    background: #65CEA7;
    color: #fff;
}
.media, .media .media {
    margin-top: 1.5625rem;
}
.cmnt-head {
    font-size: 1.5rem !important;
}
.fade-txt {
    color: #adadad;
    font-size: 0.875rem;
}
.leave-cmnt {
    width: 70%;
    margin: 1.25rem auto;
}
.leave-cmnt input, .leave-cmnt textarea, .leave-cmnt input:focus, .leave-cmnt textarea:focus {
    background: #f2f2f2;
    border: none;
    box-shadow: none;
}
.btn-post-cmnt {
    background:#65CEA7;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.75rem;
    padding: 0.75rem 1.5625rem;
}
.btn-post-cmnt:hover {
    background:#414147;
    color: #fff;
}
.blog-pagination li a{
    background: #fff;
}
.blog .carousel-indicators.out {
    bottom: 0.9375rem;
}
/*panel*/
.panel-title-m {
    margin-top: 0rem;
}
/*-------------------------------- Directory Styles --------------------------------*/
.directory-list, .directory-info-row .social-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.directory-list li {
    border-left: 0.0625rem solid #EFF0F4;
    display: table-cell;
    width: 1%;
}
.directory-list li a {
    display: block;
    padding: 0.5rem 0;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    color: #7A7676;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    text-decoration: none;
}
.directory-list li a:hover, .directory-info-row .social-links li a:hover {
    background:#65CEA7;
    color: #fff;
}
.directory-info-row {
    display: inline-block;
    width: 100%;
    margin-top: 1.25rem;
}
.directory-info-row .social-links {
    display: inline-block;
    margin-top: 0.625rem;
}
.directory-info-row .social-links li{
    display: inline-block;
}
.directory-info-row .social-links li a{
    background: #EFF0F4;
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #7A7676;
}
.directory-info-row h4, .directory-info-row a {
    color: #424F63;
}
.directory-info-row .thumb {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 1.25rem;
}
/*------------------------------- chat styles -------------------------------*/
.chats {
    margin:0;
    padding: 0;
    margin-top: -0.9375rem;
    margin-right: 0.625rem;
}
.chats li {
    list-style: none;
    padding: 0.5rem 0 0.3125rem;
    margin: 0.4375rem auto;
    font-size: 0.75rem;
}
.chats li img.avatar {
    height: 2.8125rem;
    width: 2.8125rem;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}
.chats li.in img.avatar {
    float: left;
    margin-right: 0.625rem;
    margin-top: 0rem;
}
.chats li .name {
    font-size: 0.8125rem;
    font-weight: 400;
}
.chats li .datetime {
    color:#adadad;
    font-size: 0.8125rem;
    font-weight: 400;
}
.chats li.out img.avatar {
    float: right;
    margin-left: 0.625rem;
    margin-top: 0rem;
}
.chats li .message {
    display: block;
    padding: 0.3125rem;
    position: relative;
}
.chats li.in .message {
    text-align: left;
    margin-left: 4.0625rem;
}
.chats li.in .message .arrow {
    display: block;
    position: absolute;
    top: 0.9375rem;
    left: -0.5rem;
    width: 0;
    height: 0;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
}
.chats li.out .message .arrow {
    display: block;
    position: absolute;
    top: 0.9375rem;
    right: -0.5rem;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    border-left: 0.5rem solid #EFF0F4;
}
.chats li.out .message {
    border-right: 0.125rem solid #EFF0F4;
    margin-right: 4.0625rem;
    text-align: right;
}
.chats li.out .name, .chats li.out .datetime {
    text-align: right;
}
.chats li .message .body {
    display: block;
}
.chat-form {
    margin-top: 0.9375rem;
    padding: 0.625rem;
    background-color: #EFF0F4;
    clear: both;
}
.chat-form .input-cont {
    margin-right: 3.4375rem;
}
.chat-form .input-cont input {
    margin-bottom: 0rem;
}
.chat-form .input-cont input{
    border: 1px solid #ddd;
    width: 94%;
    margin-top:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.chat-form .input-cont input {
    background-color: #fff !important;
}
.normal-chat .message {
    border: 1px solid #EFF0F4;
    border-left: 0.0625rem solid #EFF0F4 !important;
    border-right: 0.0625rem solid #EFF0F4 !important;
    padding: 0.625rem !important;
    border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
}
.normal-chat li img.avatar {
    height: 2.8125rem;
    width: 2.8125rem;
}
.normal-chat li.in img.avatar, .normal-chat li.out img.avatar {
    margin-top: 0rem;
}
.normal-chat li.in .message .arrow {
    border-right: 0.5rem solid #EFF0F4 !important;
}
.normal-chat li.in .message .arrow {
    border-bottom: 0.5rem solid transparent;
    border-top: 0.5rem solid transparent;
    display: block;
    height: 0;
    left: -0.5rem;
    position: absolute;
    top: 0.9375rem;
    width: 0;
}
.normal-chat li.out .message .arrow {
    border-left: 0.5rem solid #EFF0F4 !important;
}
.normal-chat li.out .message .arrow {
    border-bottom: 0.5rem solid transparent;
    border-top: 0.5rem solid transparent;
    display: block;
    position: absolute;
    right: -0.5rem;
    top: 0.9375rem;
}
.normal-chat li.in .name {
    color: #65CEA7 !important;
}
.normal-chat li.out .name {
    color: #424F63 !important;
}
.normal-chat li .datetime {
    color: #ADADAD;
    font-size: 0.6875rem !important;
    font-weight: 400;
}
.chat-form .form-group {
    width: 83%;
    margin-right: 2%;
    float: left;
}
.chats li.out .name {
    color: #333;
}
.cool-chat li.in .message {
    background: #65CEA7;
    color: #fff;
    border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
}
.cool-chat li.in .message .arrow {
    border-right: 0.5rem solid #65CEA7;
}
.cool-chat li.in .message a.name {
    font-weight: bold;
}
.cool-chat li.in .message .datetime {
    opacity: .7;
}
.cool-chat li.in .message a.name, .cool-chat li.in .message .datetime {
    color: #fff;
}
.cool-chat li.out .message .arrow {
    border-left: 0.5rem solid #EFF0F4;
}
.cool-chat li.out .message {
    background: #EFF0F4;
    border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
}
.wx-login-top-info{
    font-size: 1.25rem;
    color: #FB3434;
    letter-spacing: 0;
    width: 49%;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: left;
    margin-top: 0.9375rem;
}
.wx-login-top-info.active{
    color:#FB3434;
}
/*@media (max-width: 1600px) {*/
    /*.w_box p.desc {*/
        /*margin: 0.25rem 0;*/
    /*}*/
    /*.w_box h4 {*/
        /*margin-bottom: 0.875rem;*/
    /*}*/
    /*.tc {*/
        /*font-size: 18px;*/
    /*}*/
    /*.plate li {*/
        /*font-size: 18px;*/
    /*}*/
/*}*/
/*新闻列表*/
div.news-title{
    padding: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    background: url('http://img.121media.cn/new_05.jpg') left center no-repeat;
    margin-top: 40px;
}
div.news-list{
    position: relative;
    padding: 30px 0;
    overflow: hidden;
    line-height: 28px;
    border-bottom: 1px solid #e5e5e5;
}
div.news-list .news-img{
    float: left;
    width: 251px;
    margin-right: 30px;
    height: 160px;
}
div.news-list .news-img img {
    width: 251px;
    height: 160px;
}
div.news-list h3 a {
    font-size: 20px;
    color: #323232;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 10px;
}
.news-list p{
    font-size: 14px;
    color: #323232;
    padding: 8px 0;
    line-height: 19px;
}
.news-list h4{
    font-size: 14px;
    line-height: 19px;
    color: #999999;
}
.news-date{
    position: absolute;
    top: 175px;
    left: 282px;
}
.news-author{
    position: absolute;
    top: 175px;
    left: 392px;
}
div#div-list{
    margin-bottom: 20px;
}
.child-div{
    margin-left: 20px;
}
.child-form {
    padding: 10px 20px 10px 20px;
}
.child-div label {
    width: 181px;
    height: 25px;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    margin: 10px 0 10px 0;
}
.child-input{
    margin-left: 40px;
    font-family: 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: #000000;
    text-align: left;
}
.child-input input {
    width: 442px;
    height: 30px;
}
.recharge-button {
    border-width: 0px;
    width: 140px;
    height: 40px;
    background: inherit;
    background-color: rgba(22, 155, 213, 1);
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'PingFangSC-Regular', 'PingFang SC';
    font-weight: 400;
    font-style: normal;color:#fff !important;
}
.recharge-child-div {
    background: #fff;
    border-top: 1px solid #eee;
    padding: 30px;margin-bottom: 70px;
}
.recharge-section{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 75%;
}
.recharge-div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    color: #495060;
    background: #fff;
    padding: 0 30px;
    font-size: 22px;
    font-weight: 700;
}
.contact-service {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    margin: 5px 0 15px 0;
}
.rect-gray {
    border-width: 0px;
    width: 655px;
    height: 139px;
    background: inherit;
    background-color: rgba(215, 215, 215, 1);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 28px;
    margin-left: 235px;
}
.banner_recharge li{
    display:inline-block;
}