/*       右边下角       */
/**************************/
.sidebar1{width:90px;position:fixed;bottom:120px;right:20px;z-index:5;}
.sidebar1 a{display:block;padding-top:10px;padding-bottom:10px;margin-bottom:1px;background-color:#666;color:#fff;text-align:center;font-size:12px;position:relative;text-decoration: none;}
.sidebar1 a i{margin-left:auto;margin-right:auto;}
.sidebar1 a:hover{background-color:#39a1ff;}
.sidebar1 a .sbr-qr{border-radius:4px;padding:19px;background:#fff;border:1px solid #e6e6e6;display:block;visibility:hidden;position:absolute;top:0;left:-202px;filter:Alpha(opacity=0);opacity:0;}
.sidebar1 a:hover .sbr-qr{left:-177px;display:block;visibility:visible;filter:Alpha(opacity=100);opacity:1;}
.sidebar1 a .sbr-qr .r-arr-w{position:absolute;top:8px;right:-6px;}
.sidebar1 a .sbr-400{padding:0 12px;color:#fff;background:#39a1ff;height:56.5px;line-height:56px;display:block;position:absolute;top:0px;left:-160px;font-size:14px;filter:Alpha(opacity=0);opacity:0;visibility:hidden;}
.sidebar1 a:hover .sbr-400{left:-130px;filter:Alpha(opacity=100);opacity:1;visibility:visible;}
.sidebar1 a .sbr-400 .r-arr-b{position:absolute;top:9px;right:-6px;display:none;}
/*      右边sidebar     */
/**********************/
.rtico{background:url("../images/rtools.png");display:block;}
.rtico1{background-position:108px 20px;width:22px;height:19px;}
.rtico2{background-position:85px 20px;width:17px;height:19px;}
.rtico3{background-position:65px 19px;width:22px;height:17px;}
.rtico4{background-position:40px 20px;width:19px;height:20px;}
.rtico5{background-position:19px 19px;width:19px;height:18px;}
.tra{transition: .3s;}
    





.vertical-center{ position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

.main-container {
    position: static;
    padding: 0
}

.main-container:after {
    background-color: #FFF;
    bottom: 0;
    content: "";
    display: block;
    max-width: inherit;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -2
}

@media(min-width:768px) {
    .container.main-container:after {
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.1)
    }
}

.main-container>.main-container-inner {
    position: relative
}

.container.main-container .sidebar.sidebar-fixed,.container.main-container .sidebar.sidebar-fixed:before {
    left: auto
}

.main-content {
    margin-left: 220px;
    margin-right: 0;
    margin-top: 0;
    min-height: 100%;
    padding: 0;
    background-color: #f8f8f8;
    min-height: 900px;
}

.page-content {
    margin: 0;
    padding: 8px 20px 24px;
    min-height:750px;
}

.page-header {
    margin: 0 0 12px;
    border-bottom: 1px dotted #e2e2e2;
    padding-bottom: 16px;
    padding-top: 7px
}

.page-header h1 {
    padding: 0;
    margin: 0 8px;
    font-size:16px;
    font-weight: lighter;
    color: #319db5;
}

.page-header h1 small {
    margin: 0 6px;
    font-size: 14px;
    font-weight: normal;
    color: #8089a0
}
.copyright{    padding: 10px;
    background: #f7f7f7;position:fixed;bottom:0;width:100%;}


.list-unstyled,.list-inline {
    margin-left: 0
}

.list-unstyled>li>[class*="icon-"]:first-child,.list-inline>li>[class*="icon-"]:first-child {
    width: 18px;
    text-align: center
}

.spaced>li {
    margin-top: 9px;
    margin-bottom: 9px
}

.spaced2>li {
    margin-top: 15px;
    margin-bottom: 15px
}

li.divider {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 0;
    font-size: 0
}

.spaced>li.divider {
    margin-top: 5px;
    margin-bottom: 5px
}

.spaced2>li.divider {
    margin-top: 8px;
    margin-bottom: 8px
}

li.divider:before {
    content: "";
    display: inline-block
}

blockquote,blockquote.pull-right {
    border-color: #e5eaf1
}


.alert {
    font-size: 14px;
    border-radius: 0
}

.alert .close {
    font-size: 16px
}

.alert-block p+p {
    margin-top: 10px
}

/*翻页*/
.pagination>li>a,.pager>li>a,.pagination>li>span,.pager>li>span {
    border-width: 1px;
    border-radius: 0!important
}

.pagination>li>a,.pager>li>a {
    color: #319db5;;
    background-color: #fafafa;
    margin: 0 -1px 0 0;
    border-color: #e0e8eb
}

.pagination>li>a:hover,.pager>li>a:hover {
    background-color: #eaeff2
}

.pagination>li>a:focus,.pager>li>a:focus {
    background-color: #eaeef2
}

.pagination>li.disabled>a,.pagination>li.disabled>a:hover,.pager>li.disabled>a,.pager>li.disabled>a:hover {
    background-color: #f9f9f9;
    border-color: #d9d9d9
}

.pagination>li.active>a,.pagination>li.active>a:hover {
    background-color: #319db5;
    border-color: #319db5;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}


.space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0
}



.header>[class*="icon-"] {
    margin-right: 2px
}

.no-radius {
    border-radius: 0!important
}

/*导航*/
.navbar {
    margin-bottom: 0
}

.navbar {
    margin-left: 0;
    margin-right: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    min-height: 60px;
    position: relative;
    background: #333;
}

.navbar>.container {
    padding-left: 0;
    padding-right: 0
}

.navbar .navbar-text,.navbar .navbar-link {
    color: #fff
}

.navbar .navbar-brand {
    color: #fff;
    font-size: 21px;
    text-shadow: none;
    padding-top: 15px;
    padding-bottom: 10px;
    line-height:30px;
}

.navbar .navbar-brand:hover,.navbar .navbar-brand:focus {
    color: #fff
}

.navbar .navbar-header {
    margin: 0!important
}

.navbar .navbar-nav>li>a,.navbar .navbar-nav>li>a:hover,.navbar .navbar-nav>li>a:focus {
    font-size: 13px;
    text-shadow: none;
    color: #fff
}

.navbar-fixed-top,.navbar-fixed-bottom {
    position: fixed
}

.navbar-container {
    padding-left: 10px;
    padding-right: 20px
}

.navbar-container.container {
    padding-left: 0;
    padding-right: 0
}

.ace-nav {
    height: 100%;
    margin: 0!important
}

.ace-nav>li {
    line-height: 60px;
    height: 60px;
    border-left: 1px solid #DDD;
    padding: 0;
    position: relative;
    float: left;
}

.ace-nav>li:first-child {
    border-left: none
}

.ace-nav>li>a {
    background-color: #2e6589;
    color: #FFF;
    display: block;
    line-height: inherit;
    text-align: center;
    height: 100%;
    width: auto;
    min-width: 50px;
    padding: 0 20px;
    position: relative
}

.ace-nav>li>a>[class*="icon-"] {
    font-size: 16px;
    color: #FFF;
    display: inline-block;
    width: 20px;
    text-align: center
}

.ace-nav>li>a>.badge {
    position: relative;
    top: -4px;
    left: 2px;
    padding-right: 5px;
    padding-left: 5px
}

.ace-nav>li>a:hover,.ace-nav>li>a:focus {
    background-color: #2c5976
}

.ace-nav>li.open>a {
    background-color: #2c5976!important
}

.ace-nav>li.open>a {
    color: #FFF!important
}



.ace-nav>li.light-blue>a {
    background-color: #333333;
}

.ace-nav>li.light-blue>a:hover,.ace-nav>li.light-blue>a:focus {
    background-color:#333333;
}

.ace-nav>li.open.light-blue>a {
    background-color: #353638!important
}



.ace-nav>li.no-border {
    border: none!important
}

.ace-nav>li .dropdown-menu {
    z-index: 1031
}

.ace-nav .nav-user-photo {
    margin: -4px 8px 0 0;
    border-radius: 100%;
    border: 2px solid #FFF;
    max-width: 30px
}

.ace-nav li:last-child a [class^="icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center
}

.top-navbar{position: fixed;width:100%;}

@media only screen and (max-width:767px) {
    .navbar-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:767px) {
    .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right {
        right: -80px
    }

    .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:before,.ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:after {
        right: 100px
    }

    .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right {
        right: -40px
    }

    .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:before,.ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:after {
        right: 60px
    }

    .user-menu.dropdown-close.pull-right {
        right: 0!important
    }
}

@media only screen and (max-width:480px) {
    .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right {
        right: -120px
    }

    .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:before,.ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:after {
        right: 140px
    }

    .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right {
        right: -80px
    }

    .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:before,.ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:after {
        right: 100px
    }

    .ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right {
        right: -50px
    }

    .ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right:before,.ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right:after {
        right: 70px
    }
}

@media only screen and (max-width:460px) {
    .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right {
        left: -5px;
        right: auto
    }

    .ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:before,.ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:after {
        right: auto;
        left: 25px
    }

    .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right {
        left: -60px;
        right: auto
    }

    .ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:before,.ace-nav>li:nth-last-child(3)>.dropdown-menu.pull-right:after {
        left: 80px;
        right: auto
    }

    .ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right {
        left: -110px;
        right: auto
    }

    .ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right:before,.ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right:after {
        left: 130px;
        right: auto
    }
}

@media only screen and (max-width:460px) {
    .navbar .navbar-header.pull-left {
        display: block;
        float: none;
    }

    .navbar .navbar-header.pull-right {
        display: block;
        float: none;
    }

    .ace-nav {
        display: block;
        float: none;
        text-align: center;
        background-color: #2b2e33;
        border-width: 1px 0;
        letter-spacing: -3px
    }

    .ace-nav>li {
        display: inline-block;
        float: none;
        text-align: left;
        letter-spacing: normal
    }

    .ace-nav>li:first-child {

    }

    .ace-nav>li:last-child {

    }
}

@media only screen and (max-width:320px) {
    .ace-nav>li>a {
        padding: 0 5px!important
    }
}

.user-menu>li>a {
    padding: 4px 12px
}

.user-menu>li>a>[class*="icon-"] {
    margin-right: 6px;
}

.user-info {
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
    line-height: 47px;
    position: relative;
    top: 6px
}

.user-info small {
    display: block
}

@media(min-width:461px) and (max-width:480px),(max-width:360px) {
    .ace-nav .nav-user-photo {
        margin-right: 0
    }

    .user-info>small {
        display: inline;
        opacity: 1
    }

}

.breadcrumbs {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    min-height: 50px;
    line-height: 50px;
    padding: 0 12px 0 0;
    display: block;
    padding-top:60px;
}

.breadcrumbs.fixed,.breadcrumbs.breadcrumbs-fixed {
    position: fixed;
    right: 0;
    left: 190px;
    top: 45px;
    z-index: 1028
}

.breadcrumb {
    background-color: transparent;
    display: inline-block;
    line-height: 24px;
    margin: 0 22px 0 12px;
    padding: 0;
    font-size: 13px;
    color: #333;
    border-radius: 0
}

.breadcrumb>li,.breadcrumb>li.active {
    color: #555
}

.breadcrumb>li>a {
    display: inline-block;
    padding: 0 4px;
    color: #319db5;
}

.breadcrumb>li+li:before {
    font-family: FontAwesome;
    font-size: 14px;
    content: "\f105";
    color: #b2b6bf;
    margin-right: 2px;
    padding: 0 5px 0 2px;
    position: relative;
    top: 1px
}

.breadcrumb .home-icon {
    margin-left: 4px;
    margin-right: 2px;
    font-size: 20px;
    position: relative;
    top: 2px
}

@media only screen and (max-width:991px) {

    .breadcrumbs.fixed,.breadcrumbs.breadcrumbs-fixed {
        position: relative!important;
        left: auto!important;
        right: auto!important;
        top: auto!important;
        z-index: auto!important
    }

    body.breadcrumbs-fixed .ace-settings-container {
        top: 50px
    }
}

@media only screen and (max-width:480px) {
    .breadcrumb>li>a {
        padding: 0 1px
    }
}

@media only screen and (max-width:320px) {
    .breadcrumb {
    }
}

.container.main-container .breadcrumbs.breadcrumbs-fixed {
    left: auto!important;
    right: auto!important
}

@media(min-width:768px) {
    .container.main-container .breadcrumbs.breadcrumbs-fixed {
        width: 554px
    }

    .container.main-container .menu-min+.main-content .breadcrumbs.breadcrumbs-fixed {
        width: 701px
    }
}

@media(min-width:992px) {
    .container.main-container .breadcrumbs.breadcrumbs-fixed {
        width: 774px
    }

    .container.main-container .menu-min+.main-content .breadcrumbs.breadcrumbs-fixed {
        width: 921px
    }
}

@media(min-width:1200px) {
    .container.main-container .breadcrumbs.breadcrumbs-fixed {
        width: 974px
    }

    .container.main-container .menu-min+.main-content .breadcrumbs.breadcrumbs-fixed {
        width: 1121px
    }
}

.nav-search {
    position: absolute;
    top: 6px;
    right: 22px;
    line-height: 24px
}

.nav-search .form-search {
    margin-bottom: 0
}

.nav-search .nav-search-input {
    border: 1px solid #586c79;
    width: 152px;
    height: 28px!important;
    border-radius: 4px!important;
    font-size: 13px;
    color: #666!important;
    z-index: 11;
    -webkit-transition: width ease .15s;
    transition: width ease .15s
}

.nav-search .nav-search-input+.dropdown-menu {
    min-width: 0;
    left: 0;
    right: 0
}

.nav-search .nav-search-input:focus,.nav-search .nav-search-input:hover {
    border-color: #636363;
}

.nav-search .nav-search-icon {
    color: #bfbfbf!important;
    font-size: 14px!important;
    line-height: 24px!important
}

.nav-search.minimized .nav-search-input {
    width: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    max-width: 0
}

.nav-search.minimized:hover .nav-search-input,.nav-search.minimized .nav-search-btn:active+.nav-search-input,.nav-search.minimized .nav-search-input:focus,.nav-search.minimized .nav-search-input:hover,.nav-search.minimized .nav-search-input:active {
    opacity: 1;
    filter: alpha(opacity=100);
    width: 152px;
    max-width: 152px
}

.nav-search.minimized .nav-search-icon {
    border: 1px solid;
    border-radius: 100%;
    background-color: #FFF;
    padding: 0 5px!important
}

.nav-search.minimized:hover .nav-search-icon,.nav-search.minimized .nav-search-input:focus ~ .nav-search-icon,.nav-search.minimized .nav-search-input:hover ~ .nav-search-icon,.nav-search.minimized .nav-search-input:active ~ .nav-search-icon {
    border: 0;
    border-radius: 0;
    padding: 0 3px!important
}

.nav-search-icon {
    border: 0;
    border-radius: 0;
    padding: 0 3px!important
}

.sidebar>.nav-search {
    position: static;
    background-color: #fafafa;
    border-bottom: 1px solid #DDD;
    text-align: center;
    height: 35px;
    padding-top: 6px
}



@media only screen and (max-width:480px) {
    .nav-search .nav-search-input {
        width: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        max-width: 0
    }

    .nav-search:hover .nav-search-input,.nav-search .nav-search-btn:active+.nav-search-input,.nav-search .nav-search-input:focus,.nav-search .nav-search-input:hover,.nav-search .nav-search-input:active {
        opacity: 1;
        filter: alpha(opacity=100);
        width: 152px;
        max-width: 152px
    }

    .nav-search .nav-search-icon {
        border: 1px solid;
        border-radius: 100%;
        background-color: #FFF;
        padding: 0 5px!important
    }

    .nav-search:hover .nav-search-icon,.nav-search .nav-search-input:focus ~ .nav-search-icon,.nav-search .nav-search-input:hover ~ .nav-search-icon,.nav-search .nav-search-input:active ~ .nav-search-icon {
        border: 0;
        border-radius: 0;
        padding: 0 3px!important
    }
}

.sidebar {
    width: 220px;
    float: left;
    position:fixed;
    border-width: 0 1px 0 0;
    background-color: #f2f2f2;
    z-index: 200;
    margin-top:60px;
}

.sidebar:before {
    content: "";
    display: block;
    width: 220px;
    position: fixed;
    bottom: 0;
    top: 0;
    z-index: -1;
    background-color: #2b2e33;
    border-width: 0 1px 0 0
}

.sidebar.fixed,.sidebar.sidebar-fixed {
    position: fixed;
    z-index: 1029;
    top: 45px;
    left: 0
}

.sidebar.fixed:before,.sidebar.sidebar-fixed:before {
    left: 0;
    right: auto
}

li [class^="icon-"],li [class*=" icon-"],.nav-list li [class^="icon-"],.nav-list li [class*=" icon-"] {
    width: auto
}

.nav-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-list .open>a,.nav-list .open>a:hover,.nav-list .open>a:focus {
    background-color: #2b2e33;
}

.nav-list>li>a,.nav-list .nav-header {
    margin: 0
}

.nav-list>li {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #36393d;
    position: relative
}

.nav-list>li:first-child {
    border-top: 0
}

.nav-list li>a:focus {
    outline: 0
}

.nav-list>li>a {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 16px 0 7px;
    background-color: #2b2e33;
    color: #fff;
    text-shadow: none!important;
    font-size: 13px;
    text-decoration: none
}

.nav-list>li>a>[class*="icon-"]:first-child {
    display: inline-block;
    min-width: 25px;
    text-align: center; 
    font-weight: normal;
    margin-left:8px;
}

.nav-list>li>a:focus {
    background-color: #2b2e33;
    color: #fff;
}

.nav-list>li>a:hover {
    background-color: #2b2e33;
    color: #ffffff;
}

.nav-list>li>a:hover:before {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: #319db5;
}

.nav-list>li a>.arrow {
    display: inline-block;
    width: 14px!important;
    height: 14px;
    line-height: 14px;
    text-shadow: none;
    font-size: 18px;
    position: absolute;
    right: 11px;
    top: 27px;
    padding: 0;
    color: #666
}
.nav-list>li>ul>li a .arrow{
    display: inline-block;
    width: 14px!important;
    height: 14px;
    line-height: 14px;
    text-shadow: none;
    font-size: 18px;
    position: absolute;
    right: 11px;
    top: 27px;
    padding: 0;
    color: #666
}

.nav-list>li a:hover>.arrow,.nav-list>li.active>a>.arrow,.nav-list>li.open>a>.arrow {
    color: #fff;
}

.nav-list>li.separator {
    height: 3px;
    background-color: transparent;
    position: static;
    margin: 1px 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.nav-list>li.open>a {
    background-color:#2b2e33;
    color: #fff;
}

.nav-list>li.active {
    background-color: #fff
}

/*.nav-list>li.active>a,.nav-list>li.active>a:hover,.nav-list>li.active>a:focus,.nav-list>li.active>a:active {
    background-color: #319db5;
    color: #fff;
    font-weight: bold;
    font-size: 13px
}*/

.nav-list>li.active>a>[class*="icon-"] {
    font-weight: normal
}

.nav-list>li.active>a:hover:before {
    display: none
}

.nav-list>li.open {
}

.nav-list>li.active .submenu {
    display: block
}

.nav-list>li .submenu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #181a1d;
}

.nav-list>li .submenu>li {
    margin-left: 0;
    position: relative
}

.nav-list>li .submenu>li>a {
    display: block;
    position: relative;
    color:#aeafb1;
    padding: 15px 55px;
    margin: 0;
    border-top: 1px dotted #2b2e33;
}

.nav-list>li .submenu>li>a:focus {
    text-decoration: none
}

.nav-list>li .submenu>li>a:hover {
    text-decoration: none;
    color: #fff;
}

.nav-list>li .submenu>li.active>a {
    color: #fff;
}

.nav-list>li .submenu>li a>[class*="icon-"]:first-child {
    display: none;
    font-size: 12px;
    font-weight: normal;
    width: 18px;
    height: auto;
    line-height: 12px;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 11px;
    z-index: 1;
    background-color: #181A1D;
}


.nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child,.nav-list>li .submenu>li:hover>a>[class*="icon-"]:first-child {
    display: inline-block
}

.nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child {
    color: #fff;
}


.nav-list>li>.submenu>li:first-child>a {
    border-top: 1px solid #181a1d;
}


.nav-list>li.active>.submenu>li:before {
    border-top-color: #2b2e33;
}

.nav-list>li.active>.submenu:before {
    border-left-color: #2b2e33;
}

.nav-list li .submenu {
    overflow: hidden
}

.nav-list li.active>a:after {
    display: none;
    content: "";
    position: absolute!important;
    right: 0;
    top: 22px;
    border: 8px solid transparent;
    border-width: 8px 8px;
    border-right-color: #fff;
}
.nav-list li >.submenu li.active>a:after{
    display: block;
    content: "";
    position: absolute!important;
    right: 0;
    top: 9px;
    border: 8px solid transparent;
    border-width: 8px 8px;
    border-right-color: #fff;
}


.nav-list li.open>a:after {
    display: none
}

.nav-list li.active.open>.submenu>li.active.open>a.dropdown-toggle:after {
    display: none
}

.nav-list li.active>.submenu>li.active>a:after {
    display: none
}

.nav-list li.active.open>.submenu>li.active>a:after {
    display: block
}

.nav-list li.active.no-active-child>a:after {
    display: inline-block!important
}

.nav-list a .badge,.nav-list a .label {
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
    position: absolute;
    top: 9px;
    right: 11px;
    opacity: .88
}

.nav-list a .badge [class*="icon-"],.nav-list a .label [class*="icon-"] {
    vertical-align: middle;
    margin: 0
}

.nav-list a.dropdown-toggle .badge,.nav-list a.dropdown-toggle .label {
    right: 28px
}

.nav-list a:hover .badge,.nav-list a:hover .label {
    opacity: 1
}

.nav-list .submenu .submenu a .badge,.nav-list .submenu .submenu a .label {
    top: 6px
}

.sidebar-collapse {
    background-color: transparent;
    text-align: center;
    padding: 16px 0;
    position: relative;
    background:#2b2e33;
}

.sidebar-collapse>[class*="icon-"] {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    color: #6b6b6b;
    border: 1px solid #2b2e33;
    padding: 0 5px;
    line-height: 18px;
    border-radius: 16px;
    background-color: #35383d;
    position: relative;
}

.sidebar-collapse:before {
    content: "";
    display: inline-block;
    height: 0;
    border-top: 1px solid #35383d;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 25px
}

.sidebar-shortcuts {
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
    text-align: center;
    line-height: 39px;
    max-height: 41px;
    margin-bottom: 0
}

.sidebar-shortcuts-large {
    padding-bottom: 4px
}

.sidebar-shortcuts-large>.btn {
    width: 41px;
    line-height: 24px;
    margin-top: -2px;
    padding: 0;
    border-width: 4px;
    text-align: center
}

.sidebar-shortcuts-large>.btn>[class*="icon-"] {
    margin: 0
}

.sidebar-shortcuts-mini {
    display: none;
    font-size: 0;
    width: 42px;
    line-height: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #fff
}

.sidebar-shortcuts-mini>.btn {
    border-width: 0!important;
    font-size: 0;
    line-height: 0;
    padding: 8px!important;
    margin: 0 1px;
    border-radius: 0!important;
    opacity: .85;
    filter: alpha(opacity=85)
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::safari-only,.sidebar-shortcuts-mini>.btn {
        margin: 0
    }
}

.nav-list>li>.submenu li>.submenu {
    border-top: 0;
    background-color: transparent;
    display: none
}

.nav-list>li>.submenu li.active>.submenu {
    display: block
}

.nav-list>li>.submenu a>.arrow {
    right: 11px;
    top: 15px;
    font-size: 16px;
    color: #656665;
}

.nav-list>li>.submenu .open>a,.nav-list>li>.submenu .open>a:hover,.nav-list>li>.submenu .open>a:focus {
    background-color: transparent;
    border-color: #2b2e33;
}

.nav-list>li>.submenu li>.submenu>li>a>.arrow {
    right: 12px;
    top: 14px
}

.nav-list>li>.submenu li>.submenu>li {
    line-height: 16px
}

.nav-list>li>.submenu li>.submenu>li:before {
    display: none
}

.nav-list>li>.submenu li>.submenu>li>a {
    margin-left: 20px;
    padding-left: 33px;
    padding-right:25px;
}

.nav-list>li>.submenu li>.submenu>li>.submenu>li>a {
    margin-left: 20px;
    padding-left: 48px;
    padding-right:25px;
}
.nav-list>li>.submenu li>.submenu>li>.submenu>li>.submenu>li a {
    margin-left: 20px;
    padding-left: 66px;
    padding-right:28px;
}
.nav-list>li>.submenu li>.submenu>li a>[class*="icon-"]:first-child {
    display: none;
    color: inherit;
    font-size: 14px;
    position: absolute;
    background-color: transparent;
    margin-right: 1px;
    top:10px;
}

.nav-list>li>.submenu li>.submenu>li a {
    font-size: 13px;
    color: #aeafb1;
}

.nav-list>li>.submenu li>.submenu>li a:hover {
    color: #fff;
    text-decoration: none;
}

.nav-list>li>.submenu li>.submenu>li a:hover [class*="icon-"] {
    text-decoration: none;
    display:inline-block;
   /* color: #fff;*/
}

.nav-list>li>.submenu li.open>a {
    color: #fff;
}

.nav-list>li>.submenu li.open>a>[class*="icon-"]:first-child {
    display: inline-block
}

.nav-list>li>.submenu li.open>a .arrow {
    color: #646662;
}

.nav-list>li>.submenu li>.submenu li.open>a {
    color: #fff;
}

.nav-list>li>.submenu li>.submenu li.open>a>[class*="icon-"]:first-child {
    display: inline-block;
    color: #fff;
    position:absolute;top:10px;
}

.nav-list>li>.submenu li>.submenu li.open>a .arrow {
    color: #656565;
}

.nav-list>li>.submenu li>.submenu li.active>a {
    color: #fff;
}

.nav-list>li>.submenu li>.submenu li.active>a>[class*="icon-"]:first-child {
    display: inline-block;
    color: #fff;
}

.nav-list>li.active.open li.active>a:after {
    top: 10px;
    border-width: 8px 8px
}

.nav-list>li.active.open li.active.open li.active>a:after {
    top: 6px;
}


@media only screen and (max-width:991px) {
    .sidebar:before {
        /*display: none*/
    }

    .sidebar {
        display: none;
        float: none;
        position: absolute;
        z-index: 999;
        left: 0;
        bottom: auto;
        top: auto!important;
        margin-top: 50px;
        border-left-width: 0;
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.2)
    }

    .sidebar.display {
        display: block
    }

    .menu-toggler {
        display: inline-block;
        position: absolute;
        left: 0;
        z-index: 998;
        width: 58px;
        height: 49px;
        margin-right: 2px;
        line-height: normal;

        padding-bottom: 1px;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        color: #f3f3f3;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .menu-toggler:hover {
        text-decoration: none
    }

    .menu-toggler:before {
        -moz-transform-origin: 50% 50%;
        -moz-transform: translate3d(0, -5px, 0);
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: translate3d(0, -5px, 0);
        transform-origin: 50% 50%;
        transform: translate3d(0, -5px, 0);
        background: #fff;
        content: '';
        height: 2px;
        left: 14px;
        position: absolute;
        top: 26px;
        width: 30px;
        -webkit-transition: transform 0.3s linear;
        -moz-transition: transform 0.3s linear;
        -o-transition: transform 0.3s linear;
        -ms-transition: transform 0.3s linear;
        transition: transform 0.3s linear;
    }

    .menu-toggler:after {
        -moz-transform-origin: 50% 50%;
        -moz-transform: translate3d(0, 5px, 0);
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: translate3d(0, 5px, 0);
        background: #fff;
        content: '';
        height: 2px;
        left: 14px;
        position: absolute;
        top: 26px;
        transform-origin: 50% 50%;
        transform: translate3d(0, 5px, 0);
        width:30px;
        -webkit-transition: transform 0.3s linear;
        -moz-transition: transform 0.3s linear;
        -o-transition: transform 0.3s linear;
        -ms-transition: transform 0.3s linear;
        transition: transform 0.3s linear;
    }
    .menu-toggler span{
        height: 2px;
        left: 14px;
        overflow: hidden;
        position: absolute;
        text-indent: 200%;
        top: 26px;
        -webkit-transition: opacity 0.25s linear;
        -moz-transition: opacity 0.25s linear;
        -o-transition: opacity 0.25s linear;
        -ms-transition: opacity 0.25s linear;
        transition: opacity 0.25s linear;
        width: 30px;
        background: #fff;}
    .navbar .navbar-brand{margin-left:60px;display: none;}
    .menu-toggler.display:before {
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        background: #ffffff;
        transform: rotate3d(0, 0, 1, 45deg);
    }
    .menu-toggler.display:after {
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        background: #ffffff;
        transform: rotate3d(0, 0, 1, -45deg);
    }
    .menu-toggler.display span{display:none;}

    .menu-toggler>.menu-text {
        display: block;
        position: absolute;
        bottom: -18px;
        left: 0;
        border: 1px solid transparent;
        border-width: 9px 35px;
        /*border-top-color: #319db5;*/
    }

    .menu-toggler>.menu-text:after {
        display: block;
        color: #FFF;
        position: absolute;
        left: -8px;
        top: -41px
    }

    .nav-list>li.active:after {
        display: none
    }

    .nav-list li.active>a:after {
        display: none
    }

    .nav-list li.active.open>.submenu>li.active>a:after {
        display: none
    }

    .menu-min .nav-list>li.active:after {
        display: block
    }

    .menu-min .nav-list>li.active>a:after {
        display: none;
    }



}

@media only screen and (max-width:320px) {
    .menu-toggler {
        width: 0
    }

    .menu-toggler.display:before,.menu-toggler.display:after {
        height: 2px;
        border-width: 1px
    }
}



.panel{-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.05);
    box-shadow: 0 0px 0px rgba(0,0,0,0.05);}

o-border:hover,.btn-default.no-border:hover {
    border-color: #8b9aa3
}


.label {
    border-radius: 0;
    text-shadow: none;
    font-weight: normal;
    display: inline-block;
    background-color: #abbac3!important
}

.label[class*="col-"][class*="arrow"] {
    min-height: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::safari-only,.label:empty {
        display: inline-block
    }

    ::safari-only,.badge:empty {
        display: inline-block
    }
}

.badge {
    text-shadow: none;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 3px;
    font-weight: normal;
    line-height: 15px;
    background-color: #abbac3!important
}




.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:focus>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class*=" icon-"] {
    background-image: none
}

.dropdown-hover:hover>.dropdown-menu {
    display: block
}

.form-line {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EEE
}

.form-actions {
    display: block;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 19px 20px 20px
}

.help-button {
    display: inline-block;
    height: 22px;
    width: 22px;
    line-height: 22px;
    text-align: center;
    padding: 0;
    background-color: #65bcda;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    cursor: default;
    margin-left: 4px;
    border-radius: 100%;
    border-color: #FFF;
    border: 2px solid #FFF;
    -webkit-box-shadow: 0 1px 0 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 1px rgba(0,0,0,0.2)
}

.help-button:hover {
    background-color: #65bcda;
    text-shadow: none
}

label {
    font-weight: normal;
    font-size: 14px
}

.form-group>label[class*="col-"] {
    padding-top: 4px;
    margin-bottom: 4px
}

label,.lbl {
    vertical-align: middle
}

td>label,th>label,label.inline {
    margin-bottom: 0;
    line-height: inherit
}



textarea.form-control {
    padding: 5px 9px
}

select {
    padding: 3px 4px;
    height: 30px
}

select.form-control {
    padding: 4px 6px;
    height: 32px
}

select[multiple],select.form-control[multiple] {
    height: auto
}

input.block {
    display: block;
    margin-bottom: 9px
}

textarea.autosize-transition {
    -webkit-transition-duration: "height 0.2s";
    transition-duration: "height 0.2s"
}



.ace-file-input {
    position: relative;
    height: 38px;
    line-height: 38px;
    margin-bottom: 9px
}

.ace-file-input input[type=file] {
    position: fixed;
    z-index: -2;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ace-file-input .file-label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .15s;
    transition: all .15s
}

.ace-file-input .file-label:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #f59942
}

.ace-file-input .file-label:before {
    display: inline-block;
    content: attr(data-title);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 8px;
    line-height: 24px;
    text-align: center;
    background-color: #6fb3e0;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    border: 2px solid #FFF;
    border-left-width: 4px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ace-file-input .file-label .file-name {
    display: inline-block;
    height: 28px;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    line-height: 28px;
    color: #888;
    font-size: 13px;
    vertical-align: top;
    position: static;
    padding-left: 30px
}

.ace-file-input .file-label .file-name:after {
    display: inline-block;
    content: attr(data-title)
}

.ace-file-input .file-label.selected {
    right: 16px
}

.ace-file-input .file-label.selected .file-name {
    color: #666
}

.ace-file-input .file-label [class*="icon-"] {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    line-height: 24px;
    width: 26px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 13px;
    border: 2px solid #FFF;
    color: #FFF;
    -webkit-transition: all .1s;
    transition: all .1s;
    background-color: #d1d1d1
}


.ace-file-input a:hover {
    text-decoration: none
}

.ace-file-input .remove {
    position: absolute;
    right: -8px;
    top: 6px;
    display: none;
    width: 17px;
    text-align: center;
    height: 17px;
    line-height: 15px;
    font-size: 11px;
    font-weight: normal;
    background-color: #fb7142;
    border-radius: 100%;
    color: #FFF;
    text-decoration: none
}


@media only screen and (max-width:767px) {
    .help-inline,.input-icon+.help-inline {
        padding-left: 0;
        display: block!important
    }
}


.pricing-box-small .price .label:before,.pricing-box-small .price .label:after {
    margin-top: -2px;
    opacity: .9;
    filter: alpha(opacity=90)
}

.pricing-box-small:hover {
    box-shadow: 0 0 4px 2px rgba(0,0,0,0.15);
    z-index: 11;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.pricing-box-small:hover .price>.label {
    -webkit-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96)
}

.pricing-span {
    margin: 0;
    width: 19%;
    max-width: 150px!important;
    min-width: 110px!important;
    float: left!important
}

.pricing-span-header {
    padding-right: 0
}

@media only screen and (min-width:481px) {
    .pricing-span-body {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:480px) {
    .pricing-span-header,.pricing-span-body {
        width: 100%;
        padding-right: 12px
    }
}

.login-container {
    width: 375px;
    margin: 0 auto
}

.login-layout {
    background-color: #1d2024
}

.login-layout .main-container:after {
    display: none
}

.login-layout .main-content {
    margin-left: 0;
    min-height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.login-layout label {
    margin-bottom: 11px
}

.login-layout .widget-box {
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    width: 100%;
    border-bottom: 0;
    box-shadow: none;
    padding: 6px;
    background-color: #394557;
    -moz-transform: scale(0,1) translate(-150px);
    -webkit-transform: scale(0,1) translate(-150px);
    -o-transform: scale(0,1) translate(-150px);
    -ms-transform: scale(0,1) translate(-150px);
    transform: scale(0,1) translate(-150px)
}

.login-layout .widget-box.visible {
    visibility: visible;
    -moz-transform: scale(1,1) translate(0);
    -webkit-transform: scale(1,1) translate(0);
    -o-transform: scale(1,1) translate(0);
    -ms-transform: scale(1,1) translate(0);
    transform: scale(1,1) translate(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -o-transition: none;
    -webkit-transition: none
}

.login-layout .widget-box .widget-main {
    padding: 16px 36px 36px;
    background: #f7f7f7
}

.login-layout .widget-box .widget-main form {
    margin: 0
}

.login-layout .widget-box .widget-body .toolbar>div>a {
    font-size: 15px;
    font-weight: 400;
    text-shadow: 1px 0 1px rgba(0,0,0,0.25)
}

.login-box .forgot-password-link {
    color: #FE9
}

.login-box .user-signup-link {
    color: #CF7
}

.login-box .toolbar {
    background: #5090c1;
    border-top: 2px solid #597597
}

.login-box .toolbar>div {
    width: 50%;
    display: inline-block;
    padding: 9px 0 11px
}

.login-box .toolbar>div:first-child {
    float: left;
    text-align: left
}

.login-box .toolbar>div:first-child>a {
    margin-left: 11px
}

.login-box .toolbar>div:first-child+div {
    float: right;
    text-align: right
}

.login-box .toolbar>div:first-child+div>a {
    margin-right: 11px
}

.forgot-box .toolbar {
    background: #c16050;
    border-top: 2px solid #976559;
    padding: 9px 18px
}

.signup-box .toolbar {
    background: #76b774;
    border-top: 2px solid #759759;
    padding: 9px 18px
}

.forgot-box .back-to-login-link,.signup-box .back-to-login-link {
    color: #FE9;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 0 1px rgba(0,0,0,0.25)
}

.login-layout .login-box .widget-main {
    padding-bottom: 16px
}

.login-box .social-or-login {
    margin-top: 4px;
    position: relative;
    z-index: 1
}

.login-box .social-or-login :first-child {
    display: inline-block;
    background: #f7f7f7;
    padding: 0 8px;
    color: #5090c1;
    font-size: 13px
}

.login-box .social-or-login:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px dotted #a6c4db
}

.login-box .social-login {
    margin-top: 12px
}

.login-box .social-login a {
    border-radius: 100%;
    width: 42px;
    height: 42px;
    line-height: 46px;
    padding: 0;
    margin: 0 1px;
    border: 0
}

.login-box .social-login a>[class*="icon-"] {
    font-size: 24px;
    margin: 0
}

@media only screen and (max-width:480px) {
    .login-layout .widget-box .widget-main {
        padding: 16px
    }
}

@media only screen and (max-width:480px) {
    .login-container {
        width: 98%
    }

    .login-layout .widget-box {
        padding: 0
    }

    .login-box .toolbar>div {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .login-layout .widget-box.visible {
        -webkit-transition: none;
        transition: none
    }
}

.invoice-info {
    line-height: 24px!important;
    color: #444;
    vertical-align: bottom;
    margin-left: 9px;
    margin-right: 9px
}

.invoice-info-label {
    display: inline-block;
    max-width: 100px;
    text-align: right;
    font-size: 14px
}

.invoice-box .label-large[class*="arrowed"] {
    margin-left: 11px!important;
    max-width: 95%
}


@media only screen and (max-width:480px) {
    .profile-info-name {
        width: 80px
    }

    .profile-info-value {
        margin-left: 90px
    }

    .profile-user-info-striped .profile-info-name {
        position: static;
        width: auto;
        text-align: left;
        padding: 6px 0 6px 10px
    }

    .profile-user-info-striped .profile-info-value {
        margin-left: 10px
    }
}

@media only screen and (max-width:480px) {
    .user-profile .memberdiv {
        width: 50%;
        margin-left: 0;
        margin-right: 0
    }
}


@media only screen and (max-width:475px) {
    .inbox-tabs>.li-new-mail {
        display: block;
        text-align: right;
        margin-bottom: 8px!important;
        float: none!important
    }

    .inbox-tabs>.li-new-mail>.btn-new-mail {
        display: inline-block;
        width: auto
    }
}


.badge.mail-tag {
    border-radius: 2px
}

@media only screen and (max-width:979px) {
    .message-item .summary {
        min-width: 0
    }

    .message-item .sender {
        width: 100px
    }
}

@media only screen and (max-width:550px) {
    .message-item .summary {
        margin: 8px 0 0 32px;
        max-width: 95%;
        min-width: 0;
        display: block
    }

    .message-item .sender {
        width: auto;
        max-width: 150px
    }

    .message-item .summary .text {
        max-width: 95%
    }
}

.btn-message,.btn-message:hover,.btn-message:focus,.btn-message:active,.open .btn-message.dropdown-toggle {
    background-color: #FFF!important;
    border: 1px solid #94b9ce!important;
    color: #7ca3ba!important;
    text-shadow: none!important
}



@media only screen and (max-width:767px) {
    .wizard-steps li .step {
        width: 30px;
        height: 30px;
        line-height: 24px;
        border-width: 3px
    }

    .wizard-steps li:before,.wizard-steps li:after {
        border-width: 3px
    }

    .wizard-steps li.complete .step:before {
        line-height: 24px;
        font-size: 13px
    }

    .wizard-steps li:before {
        top: 16px
    }

    .step-content .step-pane {
        padding: 4px 4px 6px
    }
}


@media only screen and (max-width:767px) {
    .gritter-center {
        left: 16%;
        right: 16%;
        top: 30%
    }
}

@media only screen and (max-width:480px) {
    .gritter-center {
        left: 30px;
        right: 30px
    }
}

@media only screen and (max-width:320px) {
    .gritter-center {
        left: 10px;
        right: 10px
    }
}


.editableform-loading [class*="icon-"],.editableform-loading .progress {
    position: relative;
    top: 35%
}

.ui-slider {
    background-color: #CCC
}

.ui-slider-horizontal {
    height: 9px
}

.ui-slider-vertical {
    width: 9px
}

.ui-slider .ui-slider-handle {
    border-radius: 0;
    width: 1.45em;
    height: 1.45em;
    background-color: #f5f5f5;
    border: 1px solid
}

.ui-slider .ui-slider-handle:before {
    display: inline-block;
    content: "|||";
    font-size: 8px;
    font-family: Helvetica,Arial,sans-serif;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 15px
}



.ace-settings-container {
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 12
}

.breadcrumbs-fixed .ace-settings-container {
    top: 9px
}

.btn.ace-settings-btn {
    float: left;
    display: inline-block;
    width: 42px!important;
    text-align: center;
    border-radius: 6px 0 0 6px!important;
    opacity: .55;
    filter: alpha(opacity=55.00000000000001);
    vertical-align: top;
    margin: 0
}


.tags .tag .close:hover {
    background-color: rgba(0,0,0,0.2)
}

.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    float: left
}

.col-xs-reset {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    float: none
}

@media(min-width:768px) {
    .col-sm-reset {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        float: none
    }
}

@media(min-width:992px) {
    .col-md-reset {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        float: none
    }
}

@media(min-width:1200px) {
    .col-lg-reset {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        float: none
    }
}

.jqstooltip,.legendColorBox div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.legendLabel {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 20px;
    font-size: 10px
}

@media only screen and (max-width:480px) {
    .hidden-480 {
        display: none!important
    }
}

@media only screen and (max-width:320px) {
    .hidden-320 {
        display: none!important
    }
}

@media only screen and (max-width:480px) {
    [	class*="vspace-xs"] {
        display: block
    }
}

@media only screen and (max-width:767px) {
    [	class*="vspace-sm"] {
        display: block
    }
}

@media only screen and (max-width:991px) {
    [	class*="vspace-md"] {
        display: block
    }
}

@media only screen and (max-width:1199px) {
    [	class*="vspace-lg"] {
        display: block
    }
}

@media only screen and (max-width:991px) {
    .main-content {
        margin-left: 0!important
    }
}

@media only screen and (max-width:767px) {
    .page-content {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media(max-width:991px) {
    body.breadcrumbs-fixed {
        padding-top: 45px
    }

    .navbar-fixed-top {
        margin-bottom: 0
    }

    .sidebar.fixed,.sidebar.sidebar-fixed {
        position: absolute
    }
}

@media(max-width:460px) {
    body.navbar-fixed {
        padding-top: 90px
    }
}

@media only screen and (max-width:767px) {
    .error-container {
        margin: 12px
    }
}

@media only screen and (max-width:480px) {
    .error-container {
        margin: 6px
    }
}

@media only screen and (max-width:360px) {
    .grid2,.grid3,.grid4 {
        float: none;
        display: block;
        width: 96%;
        border-left: none;
        position: relative;
        margin-bottom: 11px;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 4px
    }

    .grid2>[class*="pull-"],.grid3>[class*="pull-"],.grid4>[class*="pull-"] {
        float: none!important;
        display: inline-block;
        position: absolute;
        right: 11px;
        top: 0;
        margin-top: 0
    }

    .grid2:last-child,.grid3:last-child,.grid4:last-child {
        border-bottom: 0
    }
}

@media only screen and (max-width:480px) {
    .ace-settings-container,body.breadcrumbs-fixed .ace-settings-container {
        top: 65px
    }
}