/*!
 * ��vs2012 �� Ȼ��ctrl+k+d �Ű��¾�������
 */
.btn-header span.title {
    display: inline-block;
    font-weight: 300;
    line-height: 40px;
    font-size: 15px;
    text-decoration: none !important;
    font-family: Tahoma,Arial,"Microsoft YaHei","STHeiti","Open Sans","Hiragino Sans GB","WenQuanYi Micro Hei",SimSun,sans-serif;
    margin: 10px;
    color: #3e4c5a;
}

#ribbin-sp {
    min-height: 60px;
    padding: 4px 6px; 
    background: #fff;
    margin-top: 5px;
}

    #ribbin-sp .breadcrumb {
        display: inline-block;
        margin: 0;
        background:0 0;
        padding:12px 15px;
        font-size:16px;
        font-weight:600;
        color:#333;
        text-align:center;
    }

body.smart-style-6 .widget-body-toolbar {
    display: block;
    padding: 8px 10px;
    /* margin: -13px -13px 13px; */
    min-height: 42px;
    border-bottom: 1px solid #ccc;
    /* border-top: 1px solid #ccc; */
    background: #fafafa;
}
#extr-page .container-header {
    background: #408EEA;
}
body.menu-on-top {
        background: #e0e0e0 !important;
    }
    body.menu-on-top #header3 {
        z-index: 999;height:120px;max-width:1166px;margin:0 auto;        
        border-bottom: 1px solid #eee !important;
        overflow: hidden;
        padding: 20px 20px 0 0;
        border-width: 0;
        background: #fff !important;
    }
body.smart-style-6 .pagination{display:inline-block;padding-left:0;margin:0;border-radius:2px;}
body.smart-style-6 .page-footer { 
    min-height: 122px;
    background: #fff;
    padding: 15px 13px 0;
    border-top: 1px solid #CECECE;
    z-index:999;
    position: absolute;
    display: block;
    bottom: 0;
    margin-bottom:-120px;
    max-width:1166px;
}
body.smart-style-6 .page-footer2 {    
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;    
    height: 50px;
    margin-left:auto;
    margin-right:auto;  
    background:#fff;
}

#logo {
    display: inline-block;
    /*width: 323px;*/
    /* margin-top: 3px; */
    /*margin-left: 12px;*/
}
       
#extr-page .header-dropdown-list > li > .dropdown-toggle {
            margin: 10px 10px 0 0;
            display: block;
            font-family:Verdana;
            font-size:12px;
        }   
/* margins */
.marginbot-0 {
    margin-bottom: 0 !important;
}
.marginbot-10 {
    margin-bottom: 10px !important;
}
.marginbot-20 {
    margin-bottom: 20px !important;
}
.elec_fixed-select {
    list-style: none;
    margin: 0;
    padding: 0;
}

.margin-20-20-0-20 {
    margin: 20px 20px 0 20px !important;
}
.margin-20-20-0-5 {
    margin: 20px 20px 0 5px !important;
}

body.smart-style-6 .login-info-simple {
    /* height: 130px; */
    background: url("../img/logo_litle.png") no-repeat center center;
    margin-top: -1px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 0;
}
    body.smart-style-6 .login-info-simple > span {
        /*height: 119px;*/
        border: 0;
        padding: 0;
    }
    body.smart-style-6 .login-info-simple a {
        display: block;
        margin: 0;        
    }

.the-price .count {
    width: 100px;
    position: relative;
    margin: 0 auto;
}

.count b.badge {
    position: absolute;
    top: -5px;
    right: 5px;
    cursor: pointer;
    /*background: #0091d9;*/
    display: inline-block;
    font-size: 10px;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    color: #fff;
    font-weight: 500;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 2px 6px 4px;
    text-align: center;
    line-height: normal;
}

.btn-addteacher {
    color: #fff;
    background-color: #408eea;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin:4px 10px;
    padding:4px 15px;
    cursor: pointer;
}

    .btn-addteacher.focus, .btn-addteacher:focus {
        color: #fff;
        background-color: #408eea;
        /*border-color: #314731;*/
    }

    .btn-addteacher.active, .btn-addteacher:active, .btn-addteacher:hover, .open > .dropdown-toggle.btn-addteacher {
        color: #fff;
        background-color: #408eea;
        /*border-color: #4c6e4c;*/
    }

        .btn-addteacher.active.focus, .btn-addteacher.active:focus, .btn-addteacher.active:hover, .btn-addteacher:active.focus, .btn-addteacher:active:focus, .btn-addteacher:active:hover, .open > .dropdown-toggle.btn-addteacher.focus, .open > .dropdown-toggle.btn-addteacher:focus, .open > .dropdown-toggle.btn-addteacher:hover {
            color: #fff;
            background-color: #4c6e4c;
            /*border-color: #314731;*/
        }

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

    .btn-addteacher.disabled.focus, .btn-addteacher.disabled:focus, .btn-addteacher.disabled:hover, .btn-addteacher[disabled].focus, .btn-addteacher[disabled]:focus, .btn-addteacher[disabled]:hover, fieldset[disabled] .btn-addteacher.focus, fieldset[disabled] .btn-addteacher:focus, fieldset[disabled] .btn-addteacher:hover {
        background-color: #739e73;
        /*border-color: #659265;*/
    }

    .btn-addteacher .badge {
        color: #739e73;
        background-color: #fff;
    }
.badge {
        padding:2px;
    }
.padding-5-10 {
    padding: 5px 10px !important;
}

.media-item {
}

    .media-item.gallery-media {
        background: none;
    }

.media-image {
    position: relative;
    overflow: hidden;
    /*border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;*/
}

.media-hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* background: rgba(14,30,51,.4); */
    /* color: #fff; */
    text-align: center;
    /* width: 220px; */
    height: 100%;
}

    .media-hover .media-icons {
        position: relative;
        top: 50%;
        margin-top: -25px;
    }

    .media-hover .media-icon {
        background: #fff;
        width: 120px;
        height: 38px;
        margin: 0 3px;
        color: #000;
        display: inline-block;
        text-align: center;
        /*font-size: 20px;*/
        letter-spacing: 2px;
        /*line-height: 20px;*/
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        padding: 10px 10px;
        cursor: pointer;
    }

body.smart-style-6 .jarviswidget .course-item {
    display: block;
    margin: 0;
    padding: 10px;
    text-align: center;
    background: url("../img/smart/cover.png") no-repeat;
}

.h5h5 {
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    padding: 10px 0 5px 0;
}

.plus {
    background: url("../img/smart/Plus.png") no-repeat;
}

.btn-noborder {
    color: #51d0f4;
    background-color: #fbfbfb;
    border-color: #fbfbfb;
    box-shadow: none !important;
}

    .btn-noborder.focus, .btn-noborder:focus {
        color: #3276b1;
    }

    .btn-noborder.active, .btn-noborder:active, .btn-noborder:hover, .open > .dropdown-toggle.btn-noborder {
        color: #3276b1;
    }

        .btn-noborder.active.focus, .btn-noborder.active:focus, .btn-noborder.active:hover, .btn-noborder:active.focus, .btn-noborder:active:focus, .btn-noborder:active:hover, .open > .dropdown-toggle.btn-noborder.focus, .open > .dropdown-toggle.btn-noborder:focus, .open > .dropdown-toggle.btn-noborder:hover {
            color: #3276b1;
        }

#mobile-profile-img li span.username {
    display: inline-block;
    font-weight: 300;
    line-height: 40px;
    font-size: 15px;
    text-decoration: none !important;
    font-family: Tahoma,Arial,"Microsoft YaHei","STHeiti","Open Sans","Hiragino Sans GB","WenQuanYi Micro Hei",SimSun,sans-serif;
    margin:10px;
    color:#3e4c5a;
}

#user-massage-group span#activity {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: default !important;
    display: inline-block;
    font-weight: 700;
    height: 24px;
    width: 24px;
    padding: 6px;
    color: #3e4c5a;
    font-size: 17px;
    margin: 7px 10px 0 0;
    position: relative;
}

    #user-massage-group span#activity:hover {
        border: 1px solid #bfbfbf;
        transition: all 0s;
        cursor: pointer !important;
        -webkit-box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08);
        box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08);
    }

#user-massage-group * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/*#user-massage-group {
        width: 169px !important;
    }*/

#user-massage-group, .user-massage-group {
    display: inline-block;
    padding: 3px 8px 0 3px;
    position: relative;
}

body.smart-style-6 .contact-info {
    height: 355px;
    margin-top: -1px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 0;
    /*background: url("../img/smart/left_contact.png") no-repeat center center;*/
    padding-bottom: 20px;
}
body.smart-style-6 .contact-info .piccontact {
    padding: 70px 0 0 15px; /*modify by yld*/
}
body.smart-style-6 .contact-info .piccontact a {
    /*padding:70px 0 0 40px;*/
    margin: 0 0 0 22px;
}
body.smart-style-6 .info-ribbon {
    margin-top: -1px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 0;
    background: url("../img/smart/info-ribbon.png") no-repeat;
}

body.smart-style-6 .login-info {
    /*height: 430px;*/
    margin-top: -1px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 0;
}

    body.smart-style-6 .login-info > span.profile {
        /*height: 119px;*/
        border: 0;
        padding: 0 0 10px 0;
    }

    body.smart-style-6 .login-info .userinfo {
        display: block;
        margin: 0;
        padding: 16px 0 10px 0;
        text-align: center;
        background: url("../img/smart/cover.png") no-repeat;
    }

    body.smart-style-6 .login-info a span.title {
        display: block;
        /*background: rgba(0,0,0,.2);*/
        width: 100%;
        max-width: 100%;
        padding: 5px 10px;
        margin-left: -10px;
        color: white;
        font-family: Tahoma,Arial,"Microsoft YaHei","STHeiti","Open Sans","Hiragino Sans GB","WenQuanYi Micro Hei",SimSun,sans-serif;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 1px;
    }

    body.smart-style-6 .login-info a span.time {
        display:inline-block;
        color: #000;
        font-family: Tahoma,Arial,"Microsoft YaHei","STHeiti","Open Sans","Hiragino Sans GB","WenQuanYi Micro Hei",SimSun,sans-serif;
        font-size: 14px;
        letter-spacing: 1px;
    }

    body.smart-style-6 .login-info img {
        border-radius: 50%;
        width: 110px;
	height: 110px;
        /* border: 3px solid rgba(0,0,0,.14); */
        /* box-sizing: content-box; */
    }

body.smart-style-6.minified .login-info {
    height: 55px;
}

    body.smart-style-6.minified .login-info img {
        width: 34px;
    }

    body.smart-style-6.minified .login-info a {
        padding: 10px 0;
    }

        body.smart-style-6.minified .login-info a span {
            display: none;
        }
        body.smart-style-6 #contact-time {
   background: #fff;
   height:40px;
   text-align:center;
   line-height:30px;
   padding-top:5px;
   border-radius:16px;
   margin:10px 8px 10px -35px
}
body.smart-style-6.minified #contact-time {
    display:none;
}
body.smart-style-6.minified .login-info-simple {
    height: 63px;
}
body.smart-style-6.minified .login-info-simple img {
        display: none;
    }

    body.smart-style-6.minified .login-info-simple a {
        display: none;
    }

        body.smart-style-6.minified .login-info-simple a span {
            display: none;
        }
body.smart-style-6 {
    /* background: #edecec; */
    font-family: Tahoma,Arial,"Microsoft YaHei","STHeiti","Open Sans","Hiragino Sans GB","WenQuanYi Micro Hei",SimSun,sans-serif;
    -webkit-font-smoothing: antialiased;
}

    body.smart-style-6 .txt-color-green {
        color: #4CAF50 !important;
    }

    body.smart-style-6 .bg-color-greenDark {
        background: #2E7D32 !important;
    }

    body.smart-style-6 .txt-color-greenDark {
        color: #2E7D32 !important;
    }

    body.smart-style-6 .bg-color-greenLight {
        background: #43A047 !important;
    }

    body.smart-style-6 .txt-color-greenLight {
        color: #43A047 !important;
    }

    body.smart-style-6 .bg-color-purple {
        background: #9C27B0 !important;
    }

    body.smart-style-6 .txt-color-purple {
        color: #9C27B0 !important;
    }
    
    body.smart-style-6 .bg-color-pink {
        background: #E91E63 !important;
    }

    body.smart-style-6 .txt-color-pink {
        color: #E91E63 !important;
    }

    body.smart-style-6 .bg-color-pinkDark {
        background: #AD1457 !important;
    }

    body.smart-style-6 .txt-color-pinkDark {
        color: #AD1457 !important;
    }

    body.smart-style-6 .bg-color-blue, body.smart-style-6 .bootstrap-tagsinput > span, body.smart-style-6 .onoffswitch-inner:before, body.smart-style-6 .open > .dropdown-toggle.btn-primary, body.smart-style-6 .select2-container-multi .select2-choices .select2-search-choice {
        background: #408EEA !important;
    }

    body.smart-style-6 .txt-color-blue {
        color: #408EEA !important;
    }

    body.smart-style-6 .bg-color-blueLight, body.smart-style-6 .label-primary, body.smart-style-6 .noUi-connect, body.smart-style-6 .pagination > .active > a, body.smart-style-6 .pagination > .active > a:focus, body.smart-style-6 .pagination > .active > a:hover, body.smart-style-6 .pagination > .active > span, body.smart-style-6 .pagination > .active > span:focus, body.smart-style-6 .pagination > .active > span:hover, body.smart-style-6 .slider-selection {
        background: #3f8fc9 !important;
    }

    body.smart-style-6 .btn-primary {
        background: #408EEA;
        border-color: #0c7cd5 !important;
    }

        body.smart-style-6 .btn-primary:active, body.smart-style-6 .btn-primary:focus, body.smart-style-6 .btn-primary:hover {
            background: #0c7cd5 !important;
        }

        body.smart-style-6 .btn-primary.active, body.smart-style-6 .btn-primary:active, body.smart-style-6 .btn-primary:hover, body.smart-style-6 .open > .dropdown-toggle.btn-primary {
            border-color: #0c7cd5 !important;
        }

            body.smart-style-6 .btn-primary.active.focus, body.smart-style-6 .btn-primary.active:focus, body.smart-style-6 .btn-primary.active:hover, body.smart-style-6 .btn-primary:active.focus, body.smart-style-6 .btn-primary:active:focus, body.smart-style-6 .btn-primary:active:hover, body.smart-style-6 .open > .dropdown-toggle.btn-primary.focus, body.smart-style-6 .open > .dropdown-toggle.btn-primary:focus, body.smart-style-6 .open > .dropdown-toggle.btn-primary:hover {
                background: #0c7cd5 !important;
                border-color: #0c7cd5 !important;
            }

    body.smart-style-6 .btn-warning {
        background: #FF9800;
        border-color: #cc7a00 !important;
    }

        body.smart-style-6 .btn-warning:active, body.smart-style-6 .btn-warning:focus, body.smart-style-6 .btn-warning:hover {
            background: #cc7a00 !important;
        }

        body.smart-style-6 .btn-warning.active, body.smart-style-6 .btn-warning:active, body.smart-style-6 .btn-warning:hover, body.smart-style-6 .open > .dropdown-toggle.btn-warning {
            border-color: #cc7a00 !important;
        }

            body.smart-style-6 .btn-warning.active.focus, body.smart-style-6 .btn-warning.active:focus, body.smart-style-6 .btn-warning.active:hover, body.smart-style-6 .btn-warning:active.focus, body.smart-style-6 .btn-warning:active:focus, body.smart-style-6 .btn-warning:active:hover, body.smart-style-6 .open > .dropdown-toggle.btn-warning.focus, body.smart-style-6 .open > .dropdown-toggle.btn-warning:focus, body.smart-style-6 .open > .dropdown-toggle.btn-warning:hover {
                background: #cc7a00 !important;
                border-color: #cc7a00 !important;
            }

    body.smart-style-6 .pagination > li > a, body.smart-style-6 .pagination > li > span {
        color: #3f8fc9;
    }

    body.smart-style-6 .pagination > .active > a, body.smart-style-6 .pagination > .active > a:focus, body.smart-style-6 .pagination > .active > a:hover, body.smart-style-6 .pagination > .active > span, body.smart-style-6 .pagination > .active > span:focus, body.smart-style-6 .pagination > .active > span:hover {
        color: #fff;
        border-color: #3f8fc9;
    }

    body.smart-style-6 .btn-danger {
        color: #fff;
        background-color: #F44336;
        border-color: #f32c1e;
    }

        body.smart-style-6 .btn-danger:active, body.smart-style-6 .btn-danger:focus, body.smart-style-6 .btn-danger:hover {
            background-color: #ba160a;
        }

        body.smart-style-6 .btn-danger.active, body.smart-style-6 .btn-danger:active, body.smart-style-6 .btn-danger:hover, body.smart-style-6 .open > .dropdown-toggle.btn-warning {
            border-color: #ea1c0d !important;
        }

            body.smart-style-6 .btn-danger.active.focus, body.smart-style-6 .btn-danger.active:focus, body.smart-style-6 .btn-danger.active:hover, body.smart-style-6 .btn-danger:active.focus, body.smart-style-6 .btn-danger:active:focus, body.smart-style-6 .btn-danger:active:hover, body.smart-style-6 .open > .dropdown-toggle.btn-danger.focus, body.smart-style-6 .open > .dropdown-toggle.btn-danger:focus, body.smart-style-6 .open > .dropdown-toggle.btn-danger:hover {
                background: #ea1c0d !important;
                border-color: #ea1c0d !important;
            }

    body.smart-style-6 .label-danger {
        background-color: #F44336;
    }

    body.smart-style-6 .alert-success, body.smart-style-6 .btn-success {
        border-color: #388E3C;
        color: #FFF;
        background-color: #4CAF50;
    }

    body.smart-style-6 .label-success {
        background-color: #4CAF50;
    }

    body.smart-style-6 .btn-success:active, body.smart-style-6 .btn-success:focus, body.smart-style-6 .btn-success:hover {
        background: #3d8b40;
        border-color: #388E3C;
    }

        body.smart-style-6 .btn-success.active.focus, body.smart-style-6 .btn-success.active:focus, body.smart-style-6 .btn-success.active:hover, body.smart-style-6 .btn-success:active.focus, body.smart-style-6 .btn-success:active:focus, body.smart-style-6 .btn-success:active:hover, body.smart-style-6 .open > .dropdown-toggle.btn-success.focus, body.smart-style-6 .open > .dropdown-toggle.btn-success:focus, body.smart-style-6 .open > .dropdown-toggle.btn-success:hover {
            border-color: #388E3C;
            background: #3d8b40;
        }

    body.smart-style-6 .txt-color-blueLight {
        color: #3f8fc9 !important;
    }

    body.smart-style-6 .bg-color-blueDark {
        background: #1565C0 !important;
    }

    body.smart-style-6 .alert-info, body.smart-style-6 .btn-info {
        /*border-color: #3f8fc9;
        color: #01579B;
        background-color: #B3E5FC;*/
        border-color: #03a9f4;
        color: #01579b;
        background-color: #b3e5fc;
    }

    body.smart-style-6 .label-info {
        background-color: #B3E5FC;
    }

    body.smart-style-6 .btn-info.active, body.smart-style-6 .btn-info:active, body.smart-style-6 .btn-info:focus, body.smart-style-6 .btn-info:hover, body.smart-style-6 .open > .dropdown-toggle.btn-info {
        background: #82d4fa;
        border-color: #3f8fc9;
    }

    body.smart-style-6 .slider-info + .slider-track > .slider-selection {
        background-color: #B3E5FC;
    }

    body.smart-style-6 .txt-color-blueDark {
        color: #1565C0 !important;
    }

    body.smart-style-6 .bg-color-teal {
        background: #009688 !important;
    }

    body.smart-style-6 .txt-color-teal {
        color: #009688 !important;
    }

    body.smart-style-6 .bg-color-yellow, body.smart-style-6 .slider-warning + .slider-track > .slider-selection {
        background: #FFEB3B !important;
    }

    body.smart-style-6 .alert-warning {
        border-color: #F9A825;
        color: #5A4E3F;
        background-color: #FFEB3B;
    }

    body.smart-style-6 .label-warning {
        background-color: #FFEB3B;
        color: #333;
    }

    body.smart-style-6 .txt-color-yellow {
        color: #FFEB3B !important;
    }

    body.smart-style-6 .bg-color-orange {
        background: #FF9800 !important;
    }

    body.smart-style-6 .txt-color-orange {
        color: #FF9800 !important;
    }

    body.smart-style-6 .bg-color-orangeDark {
        background: #E65100 !important;
    }

    body.smart-style-6 .txt-color-orangeDark {
        color: #E65100 !important;
    }

    body.smart-style-6 .alert-danger, body.smart-style-6 .bg-color-red, body.smart-style-6 .slider-danger + .slider-track > .slider-selection {
        background: #F44336 !important;
    }

    body.smart-style-6 .txt-color-red {
        color: #F44336 !important;
    }

    body.smart-style-6 .bg-color-redLight {
        background: #FF5252 !important;
    }

    body.smart-style-6 .alert-danger {
        border-color: #B71C1C;
    }

    body.smart-style-6 .txt-color-redLight {
        color: #FF5252 !important;
    }

    body.smart-style-6 .text-primary {
        color: #3F51B5 !important;
    }

    body.smart-style-6 .text-success {
        color: #00C853 !important;
    }

    body.smart-style-6 .text-danger {
        color: #C62828 !important;
    }

    body.smart-style-6 .text-warning {
        color: #FF5722 !important;
    }

    body.smart-style-6 .text-info {
        color: #607D8B !important;
    }

    body.smart-style-6 .ajax-notifications {
        background: #D8F4FF;
    }

        body.smart-style-6 .ajax-notifications .fa-4x.fa-border {
            color: #408EEA;
            border-color: #408EEA;
        }

    

    body.smart-style-6 .nav-tabs > li.active > a {
        -webkit-box-shadow: 0 2px 0 #E91E63;
        -moz-box-shadow: 0 2px 0 #E91E63;
        box-shadow: 0 2px 0 #E91E63;
        z-index: 10;
    }
    
    body.smart-style-6 #content {
        /*margin-left: 30px;
        margin-right: 30px;*/
        margin-top: 13px;
        padding: 0;
    }

        body.smart-style-6 #content > .row {
            margin-bottom: 13px;
        }

      
    body.smart-style-6 #updating-chart.txt-color-blue {
        color: #4d7686 !important;
    }

    body.smart-style-6 #logo-group span#activity, body.smart-style-6 #user-massage-group span#activity, body.smart-style-6 .btn-header > :first-child > a {
        background: 0 0;
        border: none;
        /*color: #fff;
        border-radius: 50%;*/
    }
    
    body.smart-style-6 .open > .dropdown-menu {
        -webkit-animation-name: none;
        -moz-animation-name: none;
        -o-animation-name: none;
        animation-name: none;
        -webkit-animation-duration: .4s;
        -moz-animation-duration: .4s;
        -o-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-fill-mode: none;
        -moz-animation-fill-mode: none;
        -o-animation-fill-mode: none;
        animation-fill-mode: none;
    }

    body.smart-style-6 .bootstrap-select .dropdown-menu.dropdown-menu-right, body.smart-style-6 .bootstrap-select .dropdown-menu.pull-right, body.smart-style-6 .btn-group .dropdown-menu.dropdown-menu-right, body.smart-style-6 .btn-group .dropdown-menu.pull-right, body.smart-style-6 .date-picker .dropdown-menu.dropdown-menu-right, body.smart-style-6 .date-picker .dropdown-menu.pull-right, body.smart-style-6 .dropdown .dropdown-menu.dropdown-menu-right, body.smart-style-6 .dropdown .dropdown-menu.pull-right, body.smart-style-6 .dropdown-menu.pull-right {
        -webkit-transform-origin: top right !important;
        -moz-transform-origin: top right !important;
        -ms-transform-origin: top right !important;
        transform-origin: top right !important;
    }

    body.smart-style-6 .bootstrap-select .dropdown-menu.dropdown-menu-left, body.smart-style-6 .bootstrap-select .dropdown-menu.pull-left, body.smart-style-6 .btn-group .dropdown-menu.dropdown-menu-left, body.smart-style-6 .btn-group .dropdown-menu.pull-left, body.smart-style-6 .date-picker .dropdown-menu.dropdown-menu-left, body.smart-style-6 .date-picker .dropdown-menu.pull-left, body.smart-style-6 .dropdown .dropdown-menu.dropdown-menu-left, body.smart-style-6 .dropdown .dropdown-menu.pull-left, body.smart-style-6 .dropdown-menu.pull-left, body.smart-style-6 .project-selector + .dropdown-menu {
        -webkit-transform-origin: top left !important;
        -moz-transform-origin: top left !important;
        -ms-transform-origin: top left !important;
        transform-origin: top left !important;
    }

    /*body.smart-style-6 .btn-group .dropdown-menu, body.smart-style-6 .date-picker .dropdown-menu, body.smart-style-6 .dropdown, body.smart-style-6 .dropdown-menu {
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0);
        display: block;
    }*/
    body.smart-style-6 .dropdown-menu>li>a{line-height:2;color:#333;white-space:nowrap}
    body.smart-style-6 .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#000;background-color:#fff}
    
    body.smart-style-6 .project-selector + .dropdown-menu {
        margin-top: -27px;
    }

    body.smart-style-6 .header-dropdown-list .dropdown-menu {
        margin-top: -20px;
    }

    body.smart-style-6 .bootstrap-select.open .dropdown-menu, body.smart-style-6 .btn-group.open .dropdown-menu, body.smart-style-6 .dropdown.open .dropdown-menu, body.smart-style-6 .dropup.open .dropdown-menu, body.smart-style-6 .open > .dropdown-menu {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    body.smart-style-6 .header-search > input[type=text] {
        background: 0 0;
        /*border-right-width: 0;
        border-left-width: 0;
        border-top-width: 0;*/
        border-color: #fff;
        color: #fff;
        padding: 0;
    }

    body.smart-style-6 .header-search > button {
        color: #fff;
    }

    body.smart-style-6 .header-search input[type=text]::-webkit-input-placeholder {
        color: rgba(255,255,255,.7);
    }

    body.smart-style-6 .header-search input[type=text]:-moz-placeholder {
        color: rgba(255,255,255,.7);
    }

    body.smart-style-6 .header-search input[type=text]::-moz-placeholder {
        color: rgba(255,255,255,.7);
    }

    body.smart-style-6 .header-search input[type=text]:-ms-input-placeholder {
        color: rgba(255,255,255,.7);
    }
    

    body.smart-style-6 .login-info a span + i {
        display: none;
    }

    /*#ribbon .breadcrumb body.smart-style-6 > .active, .breadcrumb body.smart-style-6 > li + li:before, body.smart-style-6 #ribbon .breadcrumb, body.smart-style-6 #ribbon .breadcrumb a, body.smart-style-6 #ribbon .breadcrumb li:last-child {
        color: #374850 !important;
        font-family: "Microsoft YaHei","΢���ź�","STHeiti","Open Sans",Tahoma,Arial,"Hiragino Sans GB","WenQuanYi Micro Hei",SimSun,sans-serif;
        font-size: 14px;
        /*font-weight:700;*/
    }*/

    #speech-btn body.smart-style-6 > :first-child body.smart-style-6 > a + .popover, body.smart-style-6 .ajax-dropdown {
        -webkit-box-shadow: 0 0 30px rgba(30,30,100,.75);
        -moz-box-shadow: 0 0 30px rgba(30,30,100,.75);
        box-shadow: 0 0 30px rgba(30,30,100,.75);
    }
        
@keyframes ripple {
    0% {
        transform: scale(0);
    }

    20% {
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

body.smart-style-6 .checkbox label > input[type=checkbox]:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    margin-left: -18px;
    margin-top: -18px;
    background: #3f51b5;
    border-radius: 100%;
    opacity: .6;
    transform: scale(0);
}

@keyframes rippleDuplicate {
    0% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}
.tab-content {
    padding:0 13px;
}
body.smart-style-6 .checkbox label > input[type=checkbox]:focus:after {
    animation: rippleDuplicate .5s ease-out;
}

body.smart-style-6 .checkbox label > input[type=checkbox]:checked {
    animation-name: rippleDuplicate;
}

body.smart-style-6 .checkbox label > input[type=checkbox]:focus:after {
    visibility: visible;
}

body.smart-style-6 .smart-form .checkbox input:focus + i, body.smart-style-6 .smart-form .input input:focus, body.smart-style-6 .smart-form .radio input:focus + i, body.smart-style-6 .smart-form .select select:focus, body.smart-style-6 .smart-form .textarea textarea:focus, body.smart-style-6 .smart-form .toggle input:focus + i {
    border-color: #408EEA;
}

body.smart-style-6 .smart-form .checkbox input + i:after, body.smart-style-6 .smart-form .rating input:checked ~ label {
    color: #408EEA;
}

body.smart-style-6 .fieldset[disabled] .form-control, body.smart-style-6 .form-control[disabled], body.smart-style-6 .form-control[readonly], body.smart-style-6 .smart-form .select select, body.smart-style-6 .smart-form .textarea textarea {
    border-bottom: 1px dashed #E0E0E0;
}

body.smart-style-6 .form-control-feedback {
    width: auto;
    height: auto;
}

body.smart-style-6 .smart-form .checkbox input:checked + i, body.smart-style-6 .smart-form .radio input:checked + i, body.smart-style-6 .smart-form .toggle input:checked + i {
    border-color: transparent;
}

body.smart-style-6 .form-control, body.smart-style-6 .smart-form .icon-append, body.smart-style-6 .smart-form .icon-prepend, body.smart-style-6 .smart-form .select select, body.smart-style-6 .smart-form .textarea textarea {
    /*padding-left: 0;*/
}

    body.smart-style-6 .form-control:not(.ui-autocomplete-loading) {
        background: 0 0;
    }

body.smart-style-6 .icon-addon > input[type=text], body.smart-style-6 .input-icon-left input[type=text].form-control {
    padding-left: 32px;
}

body.smart-style-6 input[type=checkbox], body.smart-style-6 input[type=radio] {
    margin-top: 2px;
    line-height: normal;
}

body.smart-style-6 .dataTables_filter > label:focus .input-group-addon {
    border-bottom-color: #408EEA;
}

body.smart-style-6 .dataTables_filter .input-group-addon + .form-control {
    background: 0 0;
}



body.smart-style-6 .input-group-addon + .form-control[type=text] {
    padding-left: 10px;
    padding-right: 10px;
}

body.smart-style-6 .ui-sortable .jarviswidget-sortable > header {
    box-shadow: none !important;
}

body.smart-style-6 .jarviswidget > header {
    border-bottom: 1px solid #E5E5E5; 
}

body.smart-style-6 .jarviswidget-ctrls .button-icon, body.smart-style-6 .widget-toolbar {
    border: 0;
}

    body.smart-style-6 .widget-toolbar > .color-box {
        outline: 0 !important;
        border-radius: 30%;
        box-shadow: 0 0 1px 1px rgba(56,56,56,.3);
    }

body.smart-style-6 .color-box, body.smart-style-6 .color-select li span {
    border-radius: 30%;
}

body.smart-style-6 .jarviswidget header .nav-tabs > li.active > a, body.smart-style-6 .jarviswidget header .nav-tabs > li.active > a:focus, body.smart-style-6 .jarviswidget header .nav-tabs > li.active > a:hover {
    border: 0 !important;
}

body.smart-style-6 .jarviswidget-sortable.ui-sortable-helper {
    box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);
}

body.smart-style-6 .jarviswidget-placeholder {
    background: linear-gradient(90deg,#00f 50%,transparent 50%),linear-gradient(90deg,#00f 50%,transparent 50%),linear-gradient(0deg,#00f 50%,transparent 50%),linear-gradient(0deg,#00f 50%,transparent 50%);
    background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
    background-size: 10px 2px,10px 2px,2px 10px,2px 10px;
    background-position: 0 0,100% 100%,0 100%,100% 0;
    animation: border-dance 4s infinite linear;
    width: 100%;
    height: 100%;
    padding: 10px;
}

@keyframes border-dance {
    0% {
        background-position: 0 0,300px 116px,0 150px,216px 0;
    }

    100% {
        background-position: 300px 0,0 116px,0 0,216px 150px;
    }
}

body.smart-style-6 .MessageBoxContainer {
    border-radius: 4px;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);
    background: #fff;
    color: #333;
}

body.smart-style-6 .dt-toolbar {
    padding: 14px 20px 11px;
}

body.smart-style-6 ::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

    body.smart-style-6 ::-webkit-scrollbar:hover {
        background-color: rgba(0,0,0,.05);
    }

body.smart-style-6 ::-webkit-scrollbar-thumb:vertical {
    background: rgba(0,0,0,.2);
    border-radius: 100px;
    background-clip: padding-box;
    border: 2px solid transparent;
    min-height: 10px;
}

body.smart-style-6 .inbox-message {
    background: #fff;
}

body.smart-style-6 .note-editor .note-editable {
    background-color: rgba(33,150,243,.15);
}

    body.smart-style-6 .note-editor .note-editable:focus {
        background: #fff;
    }

body.smart-style-6 .inbox-nav-bar {
    height: auto !important;
}

body.smart-style-6 .superbox-show {
    background-color: #37474F;
}

body.smart-style-6 .superbox-list.active:before {
    color: #37474F;
}

body.smart-style-6 .superbox-imageinfo span {
    color: rgba(255,255,255,.5);
}

body.smart-style-6 .page-footer .txt-color-blueLight {
    color: #fff !important;
}
body.smart-style-6 aside, body.smart-style-6 nav ul ul {
        /*background: #fff;*/
    }

    body.smart-style-6 nav ul .active {
         /*background-color: #b7478f;*/ 
         background-image: url("../img/menubg.png.html");
    }

    body.smart-style-6 nav ul li a:hover, ul li body.smart-style-6 nav ul > a:hover {
        background-color: rgba(69,69,69,.05);
    }
    
body.smart-style-6.minified nav > ul > li ul li {
    background: #fff;
}
    body.smart-style-6.minified nav > ul > li > ul {       
        background: #f5f5f5;
    }

    body.smart-style-6.menu-on-top aside#left-panel nav > ul > li:hover {
        background: #fff;
    }
       

@media (min-width:768px) {
   
    .col-xs-12.col-right {
        padding-left: 26px;
    }
}

@media (max-width:767px) {
    body.smart-style-6 #content {
        margin-left: 0;
        margin-right: 0;
    }

    #extr-page #ribbon {
        margin-top: 0;
    }
    /*#extr-page #content {
        margin: 0;
    }*/
    #extr-page #main {
        padding-top: 0;
    }

    .col-xs-12.col-right {
        padding-left: 13px;
    }
}

@media only screen and (max-width:479px) and (min-width:320px) {
   
    .col-xs-12.col-right {
        padding-left: 13px;
    }
}