@font-face {
    font-family: IRANSans;
    font-weight: normal;
    font-style: normal;
    src: url("/Assets/Fonts/IRANSans.ttf");
    src: url("/Assets/Fonts/IRANSans.ttf?#iefix") format("embedded-opentype"), url("/Assets/Fonts/IRANSans.ttf") format("truetype")
}

#footer-p, #footer-p a {
    font-size: 11px !important;
}

*, body, h1, h2, h3, h4, h5, h6 {
    font-family: IRANSans
}

#top .navbar, #wrap {
    background-color: #f8f8f8
}

#menu .nav-header, .head {
    text-shadow: 0 1px 0 rgba(0,0,0,.5)
}

    #footer:after, #top:after, #wrap:after, .box header:after, .head:after, .outer:after {
        clear: both
    }

#menu li > a, .quick-btn, .quick-btn:hover {
    text-decoration: none
}

#menu, #menu ul, .pricing-table li, .stats_box {
    list-style: none
}

#top > .navbar .dropdown-menu > li > a:focus, #top > .navbar .dropdown-menu > li > a:hover {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#EEECEC 0,#E2E2E2 100%) !important
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important
}

#wrap {
    margin: 0 auto
}

#footer {
    height: 48px
}

.label {
    font-size: 11px;
    font-weight: lighter;
    padding: 2px 6px;
    line-height: 14px;
    vertical-align: middle;
    font-family: IRANSans
}

*, body {
    font-size: 11px;
    direction: rtl
}

@media (min-width:768px) {
    *, body {
        font-size: 13px;
        direction: rtl
    }

    body, html {
        height: 100%
    }

    #wrap {
        height: auto !important;
        height: 100%;
        min-height: 100%;
        padding: 0 0 48px;
        margin-bottom: -48px
    }
}

body.padTop53 {
    padding-top: 90px;
    overflow: visible
}

@media (min-width:802px) {
    body.padTop53 {
        padding-top: 90px
    }
}

#footer:after, #footer:before, #top:after, #top:before, #wrap:after, #wrap:before, .head:after, .head:before {
    display: table;
    content: " "
}

#left {
    display: none
}

@media (min-width:768px) {
    #right {
        position: relative;
        float: right;
        width: 100px;
        margin-bottom: -10px
    }

        #right #menu.affix {
            position: fixed;
            top: 0;
            width: 100px;
            overflow-x: hidden;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch
        }

            #right #menu.affix:hover {
                overflow-y: scroll
            }

    body.padTop53 #right #menu.affix {
        top: 53px
    }

    .side-left #right {
        float: left
    }

    #content {
        margin-right: 100px
    }

    .side-left #content {
        margin-left: 100px;
        margin-right: 0
    }
}

@media (min-width:992px) {
    #right, #right #menu.affix {
        width: 220px
    }

    .mini-sidebar #right, .mini-sidebar #right #menu.affix {
        width: 100px
    }

    #content {
        margin-right: 220px
    }

    .side-left #content {
        margin-left: 220px
    }

    .mini-sidebar #content {
        margin-right: 100px
    }

    .mini-sidebar.side-left #content {
        margin-left: 100px;
        margin-right: 0
    }
}

@media (min-width:768px) {
    .hide-sidebar #left, .hide-sidebar #right {
        display: none
    }

    .hide-sidebar #content {
        width: 100% !important;
        margin: 0 !important
    }

    #top .topnav {
        float: right
    }
}

@media (min-width:1200px) {
    body.fixed #footer, body.fixed #top .navbar.navbar-fixed-top, body.fixed #wrap {
        max-width: 1170px;
        margin-right: auto;
        margin-left: auto
    }
}

#top .navbar {
    margin-bottom: 0;
    border: 1px solid #d8d7d7
}

.head, .head .search-bar {
    border-bottom: 1px solid rgba(0,0,0,.3)
}

#top .navbar-brand {
    padding: 0
}

    #top .navbar-brand:hover {
        padding: 0;
        color: #000
    }

#top .topnav {
    margin: 10px 15px 10px auto
}

#top .navbar .site-title {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    margin: 0;
    font-size: 12px;
    font-family: IRANSans
}

.head {
    background: #404040;
    box-shadow: 0 1px 0 rgba(255,255,255,.05) inset
}

    .head .search-bar {
        padding: 10px 15px;
        margin: 0 auto;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.05);
        box-shadow: 0 1px 0 rgba(255,255,255,.05)
    }

        .head .search-bar .main-search {
            margin-right: 40px;
            border-bottom: 1px solid #7c7c7c
        }

            .head .search-bar .main-search input[type=text] {
                color: #ccc;
                background-color: transparent;
                border-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .head .search-bar .main-search button, .head .search-bar .main-search input[type=submit] {
                background: 0 0;
                border: transparent
            }

@media (min-width:768px) {
    .head .search-bar {
        border-right: 1px solid rgba(0,0,0,.3);
        border-bottom-width: 0;
        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.05) inset;
        box-shadow: -1px 0 0 rgba(255,255,255,.05) inset
    }

    .side-right .head .search-bar {
        border-left: 1px solid rgba(0,0,0,.3);
        border-right-width: 0;
        -webkit-box-shadow: 1px 0 0 rgba(255,255,255,.05) inset;
        box-shadow: 1px 0 0 rgba(255,255,255,.05) inset
    }
}

#menu, .user-media {
    border-right: 1px solid #d8d7d7;
    border-left: 1px solid #d8d7d7
}

.head .main-bar {
    padding: 10px
}

    .head .main-bar h3 {
        margin-top: 0;
        margin-bottom: 0;
        color: #bababa
    }

#menu-toggle {
    float: right;
    margin-left: 15px
}

@media (min-width:768px) {
    .head .main-bar h3 {
        margin-top: 5px
    }

    .head .search-bar .main-search {
        margin-right: auto
    }

    .search-bar {
        float: left;
        width: 100px;
        padding: 10px 4px
    }

    .side-right .search-bar {
        float: right
    }

    .search-bar .input-group-btn {
        display: none
    }

    .search-bar .input-small.form-control {
        border-radius: 3px
    }

    .main-bar {
        margin-left: 100px
    }

    .side-right .main-bar {
        margin-right: 100px;
        margin-left: 0
    }
}

@media (min-width:992px) {
    .search-bar {
        width: 220px;
        padding: 10px 15px
    }

        .search-bar .input-group-btn {
            display: table-cell
        }

        .search-bar .input-small.form-control {
            border-radius: 3px 0 0 3px
        }

    .mini-sidebar .search-bar {
        width: 100px;
        padding: 10px 4px
    }

        .mini-sidebar .search-bar .input-group-btn {
            display: none
        }

        .mini-sidebar .search-bar .input-small.form-control {
            border-radius: 3px
        }

    .main-bar {
        margin-left: 220px
    }

    .side-right .main-bar {
        margin-right: 220px
    }

    .mini-sidebar .main-bar {
        margin-left: 100px
    }

    .side-right.mini-sidebar .main-bar {
        margin-left: 0
    }
}

.user-media {
    display: none;
    color: #0029FF
}

@media (min-width:768px) {
    .user-media {
        display: block
    }

        .user-media .media-body {
            display: none
        }

        .user-media .user-link {
            position: relative;
            display: block;
            margin-right: auto;
            margin-left: auto
        }

            .user-media .user-link .user-img {
                margin: 10px auto
            }

            .user-media .user-link .user-label {
                position: absolute;
                top: -6px;
                right: 6px
            }
}

@media (min-width:992px) {
    .user-media .user-link {
        float: right
    }

        .user-media .user-link .user-img {
            margin: 10px
        }

        .user-media .user-link .user-label {
            top: 6px;
            left: 0
        }

    .user-media .media-body {
        display: block;
        float: right;
        margin-right: 12px
    }

        .user-media .media-body h5.media-heading {
            font-size: 13px;
            padding-top: 8px;
            margin-bottom: 11px;
            color: #050505;
            font-weight: bolder
        }
}

#menu {
    position: relative;
    overflow: hidden;
    background-color: #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.05);
    box-shadow: 0 1px 0 rgba(255,255,255,.05)
}

    #menu, #menu ul {
        padding: 0;
        margin: 0
    }

@media (min-width:768px) {
    .mini-sidebar .media-body {
        display: none
    }

    .side-right .user-link .user-label {
        left: auto;
        right: 6px
    }

    #menu.collapse {
        display: inherit !important
    }
}

#menu > li, #menu > li > a {
    display: block;
    position: relative
}

#menu > li {
    margin: 0;
    border-width: 0;
    border-radius: 0
}

    #menu ul, #menu > li > a {
        border-top: 1px solid #d8d7d7
    }

    #menu > li > a {
        padding: 10px 15px;
        color: #2980b9
    }

        #menu > li > a:focus, #menu > li > a:hover {
            color: #fff;
            text-decoration: none;
            background-color: #428bca;
            outline: 0
        }

    #menu > li li > a:focus, #menu > li li > a:hover {
        color: #22313F
    }

    #menu > li > a .label {
        float: left
    }

    #menu > li.active > a {
        color: #fff;
        background-color: #428bca;
        position: relative
    }

    #menu > li li.active > a {
        color: #22313F
    }

        #menu > li li.active > a:after {
            display: none
        }

    #menu > li.panel {
        background-color: transparent
    }

#menu ul {
    padding: 5px 15px 5px 0;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.05) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.05) inset
}

    #menu ul a {
        display: block;
        padding: 10px 0;
        font-size: 11px
    }

@media (min-width:768px) {
    #menu ul a {
        font-size: 12px
    }
}

#menu .nav-header {
    padding: 3px 15px;
    font-size: 12px;
    font-weight: 700;
    color: #777;
    text-transform: uppercase;
    background: #404040;
    border-top: 1px solid rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.05) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.05) inset
}

.btn-grad.btn-danger, .btn-grad.btn-default, .btn-grad.btn-metis-1, .btn-grad.btn-metis-2, .btn-grad.btn-metis-3, .btn-grad.btn-metis-4, .btn-grad.btn-metis-5, .btn-grad.btn-metis-6, .btn-grad.btn-primary, .btn-grad.btn-success, .btn-grad.btn-warning {
    text-shadow: 0 -1px 0 gba(0,0,0,.2)
}

#menu .nav-divider {
    height: 6px;
    margin: 0;
    background: rgba(0,0,0,.2);
    border-top: 1px solid rgba(255,255,255,.01);
    box-shadow: 0 1px 3px rgba(0,0,0,.3) inset
}

#menu > li.panel.active ul > li.active > a:after {
    position: absolute;
    right: 0;
    border-color: transparent #6e6e6e transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: ""
}

.side-right #menu > li > a > .label {
    right: auto;
    left: 6px
}

@media (min-width:768px) {

    #menu > li > a, .mini-sidebar #menu > li > a {
        text-align: center
    }

        #menu > li > a > i, .mini-sidebar #menu > li > a > i {
            display: block;
            font-size: 20px
        }

        #menu > li > a .label, .mini-sidebar #menu > li > a .label {
            position: absolute;
            top: 3px;
            left: 3px
        }

    .mini-sidebar.side-right #menu > li > a .label, .side-right #menu > li > a .label {
        right: auto
    }

    #menu:after, .mini-sidebar #menu:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 0;
        -webkit-box-shadow: 97px 1px 5px 2px rgba(0,0,0,.6);
        box-shadow: 97px 1px 5px 2px rgba(0,0,0,.6)
    }

    .side-right #menu:after, .side-right.mini-sidebar #menu:after {
        -webkit-box-shadow: 3px 1px 5px 2px rgba(0,0,0,.6);
        box-shadow: 3px 1px 5px 2px rgba(0,0,0,.6);
    }

    .inner {
        float: left;
        width: 100%;
    }
}

.box, .inner, .stats_box .stat_text {
    position: relative
}

@media (min-width:992px) {
    #menu > li > a {
        text-align: right
    }

        #menu > li > a > i {
            display: inline;
            font-size: 13px
        }

        #menu > li > a > .label {
            position: relative
        }

    #menu:after {
        -webkit-box-shadow: 217px 1px 5px 2px rgba(0,0,0,.6);
        box-shadow: 217px 1px 5px 2px rgba(0,0,0,.6)
    }

    .mini-sidebar #menu:after {
        -webkit-box-shadow: 97px 1px 5px 2px rgba(0,0,0,.6);
        box-shadow: 97px 1px 5px 2px rgba(0,0,0,.6)
    }
}

#footer p, .tac {
    text-align: center
}

#content {
    -webkit-transition: margin .4s;
    transition: margin .4s
}

.outer {
    padding: 10px;
    background-color: #6e6e6e
}

    .outer:after, .outer:before {
        display: table;
        content: " "
    }

.inner {
    padding-right: 5px;
    padding-left: 5px;
    background: #fff;
    border: 0 solid #e4e4e4;
    min-height: 400px;
}

    .inner .row {
        margin-right: -15px;
        margin-left: -15px
    }

#footer {
    margin: 0 auto;
    color: #1933EC;
    background-color: #f8f8f8;
    border: 1px solid #d8d7d7
}

    #footer p {
        padding: 12px 0 0
    }

.box {
    display: block;
    margin: 10px auto;
    border: 1px solid #efefef
}

    .box header {
        background-repeat: repeat-x;
        border-bottom: 1px solid #d4d4d4;
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
        box-shadow: 0 1px 4px rgba(0,0,0,.065);
        background-image: linear-gradient(to bottom,#fff 0,#f2f2f2 100%)
    }

        .box header:after, .box header:before {
            display: table;
            content: " "
        }

        .box header .icons, .box header .toolbar, .box header h5 {
            position: relative;
            display: block;
            float: right;
            min-height: 1px;
            padding: 0;
            margin: 0
        }

        .box header .icons {
            padding: 10px 15px;
            border-left: 1px solid #ddd;
            -webkit-box-shadow: -1px 0 0 #fff;
            box-shadow: -1px 0 0 #fff
        }

        .box header h5 {
            padding: 12px;
            font-weight: 700
        }

    .box.inverse header {
        color: #f5f5f5;
        background-repeat: repeat-x;
        border-bottom: 1px solid #4d4d4d;
        background-image: linear-gradient(to bottom,#333 0,#222 100%)
    }

    .box.danger header, .box.info header, .box.primary header, .box.success header, .box.warning header {
        color: #fff;
        background-repeat: repeat-x
    }

    .box.inverse header .icons {
        border-left: 1px solid #222;
        -webkit-box-shadow: -1px 0 0 #3c3c3c;
        box-shadow: -1px 0 0 #3c3c3c
    }

    .box.primary header {
        border-bottom: 1px solid #428bca;
        background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%)
    }

        .box.primary header .icons {
            border-left: 1px solid #245682;
            -webkit-box-shadow: -1px 0 0 #6aa3d5;
            box-shadow: -1px 0 0 #6aa3d5
        }

    .box.success header {
        border-bottom: 1px solid #5cb85c;
        background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%)
    }

        .box.success header .icons {
            border-left: 1px solid #357935;
            -webkit-box-shadow: -1px 0 0 #80c780;
            box-shadow: -1px 0 0 #80c780
        }

    .box.warning header {
        border-bottom: 1px solid #f0ad4e;
        background-image: linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%)
    }

        .box.warning header .icons {
            border-left: 1px solid #c77c11;
            -webkit-box-shadow: -1px 0 0 #f4c37d;
            box-shadow: -1px 0 0 #f4c37d
        }

    .box.danger header {
        border-bottom: 1px solid #d9534f;
        background-image: linear-gradient(to bottom,#d9534f 0,#c9302c 100%)
    }

        .box.danger header .icons {
            border-left: 1px solid #a02622;
            -webkit-box-shadow: -1px 0 0 #e27c79;
            box-shadow: -1px 0 0 #e27c79
        }

    .box.info header {
        border-bottom: 1px solid #5bc0de;
        background-image: linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%)
    }

        .box.info header .icons {
            border-left: 1px solid #2390b0;
            -webkit-box-shadow: -1px 0 0 #85d0e7;
            box-shadow: -1px 0 0 #85d0e7
        }

    .box:not(.dark) header .toolbar .nav > li > a {
        color: #1973e1
    }

    .box header .toolbar {
        display: inline-table;
        float: left
    }

        .box header .toolbar .nav > li, .stats_box, .stats_box li {
            display: inline-block
        }

        .box header .toolbar .btn-toolbar {
            margin: 6px 3px
        }

        .box header .toolbar .badge, .box header .toolbar .label {
            display: inline-block;
            margin: 10px
        }

        .box header .toolbar .nav {
            margin: 1px 1px 0 0
        }

            .box header .toolbar .nav > li > a {
                padding-top: 9px
            }

                .box header .toolbar .nav > li > a:focus, .box header .toolbar .nav > li > a:hover {
                    color: #222
                }

        .box header .toolbar > .btn {
            margin-right: 4px
        }

        .box header .toolbar > .btn-group, .box header .toolbar > .btn-sm {
            margin: 4px
        }

        .box header .toolbar > .btn-xs {
            margin: 6px
        }

        .box header .toolbar .input-sm {
            margin: 4px -4px
        }

        .box header .toolbar .progress {
            min-width: 120px;
            margin: 10px 4px
        }

            .box header .toolbar .progress.middle {
                height: 12px;
                margin: 13px 4px
            }

            .box header .toolbar .progress.mini {
                height: 6px;
                margin: 16px 4px
            }

    .box.danger .dropdown-menu > li > a:focus, .box.danger .dropdown-menu > li > a:hover {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom,#d9534f 0,#c9302c 100%)
    }

    .box.info .dropdown-menu > li > a:focus, .box.info .dropdown-menu > li > a:hover {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%)
    }

    .box.success .dropdown-menu > li > a:focus, .box.success .dropdown-menu > li > a:hover {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%)
    }

    .box.warning .dropdown-menu > li > a:focus, .box.warning .dropdown-menu > li > a:hover {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%)
    }

    .box.inverse .dropdown-menu > li > a:focus, .box.inverse .dropdown-menu > li > a:hover {
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom,#333 0,#222 100%)
    }

.btn-metis-1.active, .btn-metis-1:active, .btn-metis-2.active, .btn-metis-2:active, .btn-metis-3.active, .btn-metis-3:active, .btn-metis-4.active, .btn-metis-4:active, .btn-metis-5.active, .btn-metis-5:active, .btn-metis-6.active, .btn-metis-6:active, .open .dropdown-toggle.btn-metis-1, .open .dropdown-toggle.btn-metis-2, .open .dropdown-toggle.btn-metis-3, .open .dropdown-toggle.btn-metis-4, .open .dropdown-toggle.btn-metis-5, .open .dropdown-toggle.btn-metis-6 {
    background-image: none
}

.box .body {
    padding: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .box .body hr {
        margin-right: -10px;
        margin-left: -10px
    }

.body.collapse:not(.in), .box > .block {
    padding: 0
}

.row.ui-sortable .box header {
    cursor: move
}

.btn-metis-1 {
    color: #fff;
    background-color: #ee465a;
    border-color: #c11a39
}

    .btn-metis-1.active, .btn-metis-1:active, .btn-metis-1:focus, .btn-metis-1:hover, .open .dropdown-toggle.btn-metis-1 {
        color: #fff;
        background-color: #eb2139;
        border-color: #8b1329
    }

    .btn-metis-1.disabled, .btn-metis-1.disabled.active, .btn-metis-1.disabled:active, .btn-metis-1.disabled:focus, .btn-metis-1.disabled:hover, .btn-metis-1[disabled], .btn-metis-1[disabled].active, .btn-metis-1[disabled]:active, .btn-metis-1[disabled]:focus, .btn-metis-1[disabled]:hover, fieldset[disabled] .btn-metis-1, fieldset[disabled] .btn-metis-1.active, fieldset[disabled] .btn-metis-1:active, fieldset[disabled] .btn-metis-1:focus, fieldset[disabled] .btn-metis-1:hover {
        background-color: #ee465a;
        border-color: #c11a39
    }

.btn-metis-2 {
    color: #fff;
    background-color: #9fd256;
    border-color: #6fac34
}

    .btn-metis-2.active, .btn-metis-2:active, .btn-metis-2:focus, .btn-metis-2:hover, .open .dropdown-toggle.btn-metis-2 {
        color: #fff;
        background-color: #8dc936;
        border-color: #517d26
    }

    .btn-metis-2.disabled, .btn-metis-2.disabled.active, .btn-metis-2.disabled:active, .btn-metis-2.disabled:focus, .btn-metis-2.disabled:hover, .btn-metis-2[disabled], .btn-metis-2[disabled].active, .btn-metis-2[disabled]:active, .btn-metis-2[disabled]:focus, .btn-metis-2[disabled]:hover, fieldset[disabled] .btn-metis-2, fieldset[disabled] .btn-metis-2.active, fieldset[disabled] .btn-metis-2:active, fieldset[disabled] .btn-metis-2:focus, fieldset[disabled] .btn-metis-2:hover {
        background-color: #9fd256;
        border-color: #6fac34
    }

.btn-metis-3 {
    color: #fff;
    background-color: #fbb450;
    border-color: #f89406
}

    .btn-metis-3.active, .btn-metis-3:active, .btn-metis-3:focus, .btn-metis-3:hover, .open .dropdown-toggle.btn-metis-3 {
        color: #fff;
        background-color: #faa328;
        border-color: #bc7005
    }

    .btn-metis-3.disabled, .btn-metis-3.disabled.active, .btn-metis-3.disabled:active, .btn-metis-3.disabled:focus, .btn-metis-3.disabled:hover, .btn-metis-3[disabled], .btn-metis-3[disabled].active, .btn-metis-3[disabled]:active, .btn-metis-3[disabled]:focus, .btn-metis-3[disabled]:hover, fieldset[disabled] .btn-metis-3, fieldset[disabled] .btn-metis-3.active, fieldset[disabled] .btn-metis-3:active, fieldset[disabled] .btn-metis-3:focus, fieldset[disabled] .btn-metis-3:hover {
        background-color: #fbb450;
        border-color: #f89406
    }

.btn-metis-4 {
    color: #fff;
    background-color: #a264e7;
    border-color: #62309a
}

    .btn-metis-4.active, .btn-metis-4:active, .btn-metis-4:focus, .btn-metis-4:hover, .open .dropdown-toggle.btn-metis-4 {
        color: #fff;
        background-color: #8d41e2;
        border-color: #44216b
    }

    .btn-metis-4.disabled, .btn-metis-4.disabled.active, .btn-metis-4.disabled:active, .btn-metis-4.disabled:focus, .btn-metis-4.disabled:hover, .btn-metis-4[disabled], .btn-metis-4[disabled].active, .btn-metis-4[disabled]:active, .btn-metis-4[disabled]:focus, .btn-metis-4[disabled]:hover, fieldset[disabled] .btn-metis-4, fieldset[disabled] .btn-metis-4.active, fieldset[disabled] .btn-metis-4:active, fieldset[disabled] .btn-metis-4:focus, fieldset[disabled] .btn-metis-4:hover {
        background-color: #a264e7;
        border-color: #62309a
    }

.btn-metis-5 {
    color: #fff;
    background-color: #777;
    border-color: #555
}

    .btn-metis-5.active, .btn-metis-5:active, .btn-metis-5:focus, .btn-metis-5:hover, .open .dropdown-toggle.btn-metis-5 {
        color: #fff;
        background-color: #636363;
        border-color: #363636
    }

    .btn-metis-5.disabled, .btn-metis-5.disabled.active, .btn-metis-5.disabled:active, .btn-metis-5.disabled:focus, .btn-metis-5.disabled:hover, .btn-metis-5[disabled], .btn-metis-5[disabled].active, .btn-metis-5[disabled]:active, .btn-metis-5[disabled]:focus, .btn-metis-5[disabled]:hover, fieldset[disabled] .btn-metis-5, fieldset[disabled] .btn-metis-5.active, fieldset[disabled] .btn-metis-5:active, fieldset[disabled] .btn-metis-5:focus, fieldset[disabled] .btn-metis-5:hover {
        background-color: #777;
        border-color: #555
    }

.btn-metis-6 {
    color: #fff;
    background-color: #00b4f5;
    border-color: #008dc5
}

    .btn-metis-6.active, .btn-metis-6:active, .btn-metis-6:focus, .btn-metis-6:hover, .open .dropdown-toggle.btn-metis-6 {
        color: #fff;
        background-color: #0096cc;
        border-color: #006188
    }

    .btn-metis-6.disabled, .btn-metis-6.disabled.active, .btn-metis-6.disabled:active, .btn-metis-6.disabled:focus, .btn-metis-6.disabled:hover, .btn-metis-6[disabled], .btn-metis-6[disabled].active, .btn-metis-6[disabled]:active, .btn-metis-6[disabled]:focus, .btn-metis-6[disabled]:hover, fieldset[disabled] .btn-metis-6, fieldset[disabled] .btn-metis-6.active, fieldset[disabled] .btn-metis-6:active, fieldset[disabled] .btn-metis-6:focus, fieldset[disabled] .btn-metis-6:hover {
        background-color: #00b4f5;
        border-color: #008dc5
    }

.btn-circle {
    width: 25px;
    height: 25px;
    padding: 5px;
    border-radius: 500px
}

    .btn-circle.btn-lg {
        width: 60px;
        height: 60px;
        padding: 14px 16px
    }

    .btn-circle.btn-sm {
        width: 30px;
        height: 30px;
        padding: 5px 10px
    }

    .btn-circle.btn-xs {
        width: 20px;
        height: 20px;
        padding: 0 5px
    }

.btn-rect {
    border-radius: 0 !important
}

.btn-round.btn, .btn-round.btn-lg, .btn-round.btn-sm, .btn-round.btn-xs {
    border-radius: 28px
}

.btn-line.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-line.btn-default.active, .btn-line.btn-default:active, .btn-line.btn-default:focus, .btn-line.btn-default:hover {
        color: #fff;
        background-color: #262626;
        border-color: #b3b3b3
    }

    .btn-line.btn-default.disabled, .btn-line.btn-default.disabled.active, .btn-line.btn-default.disabled:active, .btn-line.btn-default.disabled:focus, .btn-line.btn-default.disabled:hover, .btn-line.btn-default[disabled], .btn-line.btn-default[disabled].active, .btn-line.btn-default[disabled]:active, .btn-line.btn-default[disabled]:focus, .btn-line.btn-default[disabled]:hover, fieldset[disabled] .btn-line.btn-default, fieldset[disabled] .btn-line.btn-default.active, fieldset[disabled] .btn-line.btn-default:active, fieldset[disabled] .btn-line.btn-default:focus, fieldset[disabled] .btn-line.btn-default:hover {
        background-color: #fff;
        border-color: #ccc
    }

.btn-line.btn-primary {
    color: #428bca;
    background-color: #fff;
    border-color: #357ebd
}

    .btn-line.btn-primary.active, .btn-line.btn-primary:active, .btn-line.btn-primary:focus, .btn-line.btn-primary:hover {
        color: #fff;
        background-color: #357ebd;
        border-color: #2a6496
    }

    .btn-line.btn-primary.disabled, .btn-line.btn-primary.disabled.active, .btn-line.btn-primary.disabled:active, .btn-line.btn-primary.disabled:focus, .btn-line.btn-primary.disabled:hover, .btn-line.btn-primary[disabled], .btn-line.btn-primary[disabled].active, .btn-line.btn-primary[disabled]:active, .btn-line.btn-primary[disabled]:focus, .btn-line.btn-primary[disabled]:hover, fieldset[disabled] .btn-line.btn-primary, fieldset[disabled] .btn-line.btn-primary.active, fieldset[disabled] .btn-line.btn-primary:active, fieldset[disabled] .btn-line.btn-primary:focus, fieldset[disabled] .btn-line.btn-primary:hover {
        background-color: #fff;
        border-color: #357ebd
    }

.btn-line.btn-warning {
    color: #f0ad4e;
    background-color: #fff;
    border-color: #eea236
}

    .btn-line.btn-warning.active, .btn-line.btn-warning:active, .btn-line.btn-warning:focus, .btn-line.btn-warning:hover {
        color: #fff;
        background-color: #eea236;
        border-color: #df8a13
    }

    .btn-line.btn-warning.disabled, .btn-line.btn-warning.disabled.active, .btn-line.btn-warning.disabled:active, .btn-line.btn-warning.disabled:focus, .btn-line.btn-warning.disabled:hover, .btn-line.btn-warning[disabled], .btn-line.btn-warning[disabled].active, .btn-line.btn-warning[disabled]:active, .btn-line.btn-warning[disabled]:focus, .btn-line.btn-warning[disabled]:hover, fieldset[disabled] .btn-line.btn-warning, fieldset[disabled] .btn-line.btn-warning.active, fieldset[disabled] .btn-line.btn-warning:active, fieldset[disabled] .btn-line.btn-warning:focus, fieldset[disabled] .btn-line.btn-warning:hover {
        background-color: #fff;
        border-color: #eea236
    }

.btn-line.btn-danger {
    color: #d9534f;
    background-color: #fff;
    border-color: #d43f3a
}

    .btn-line.btn-danger.active, .btn-line.btn-danger:active, .btn-line.btn-danger:focus, .btn-line.btn-danger:hover {
        color: #fff;
        background-color: #d43f3a;
        border-color: #b52b27
    }

    .btn-line.btn-danger.disabled, .btn-line.btn-danger.disabled.active, .btn-line.btn-danger.disabled:active, .btn-line.btn-danger.disabled:focus, .btn-line.btn-danger.disabled:hover, .btn-line.btn-danger[disabled], .btn-line.btn-danger[disabled].active, .btn-line.btn-danger[disabled]:active, .btn-line.btn-danger[disabled]:focus, .btn-line.btn-danger[disabled]:hover, fieldset[disabled] .btn-line.btn-danger, fieldset[disabled] .btn-line.btn-danger.active, fieldset[disabled] .btn-line.btn-danger:active, fieldset[disabled] .btn-line.btn-danger:focus, fieldset[disabled] .btn-line.btn-danger:hover {
        background-color: #fff;
        border-color: #d43f3a
    }

.btn-line.btn-success {
    color: #5cb85c;
    background-color: #fff;
    border-color: #4cae4c
}

    .btn-line.btn-success.active, .btn-line.btn-success:active, .btn-line.btn-success:focus, .btn-line.btn-success:hover {
        color: #fff;
        background-color: #4cae4c;
        border-color: #3d8b3d
    }

    .btn-line.btn-success.disabled, .btn-line.btn-success.disabled.active, .btn-line.btn-success.disabled:active, .btn-line.btn-success.disabled:focus, .btn-line.btn-success.disabled:hover, .btn-line.btn-success[disabled], .btn-line.btn-success[disabled].active, .btn-line.btn-success[disabled]:active, .btn-line.btn-success[disabled]:focus, .btn-line.btn-success[disabled]:hover, fieldset[disabled] .btn-line.btn-success, fieldset[disabled] .btn-line.btn-success.active, fieldset[disabled] .btn-line.btn-success:active, fieldset[disabled] .btn-line.btn-success:focus, fieldset[disabled] .btn-line.btn-success:hover {
        background-color: #fff;
        border-color: #4cae4c
    }

.btn-line.btn-info {
    color: #5bc0de;
    background-color: #fff;
    border-color: #46b8da
}

    .btn-line.btn-info.active, .btn-line.btn-info:active, .btn-line.btn-info:focus, .btn-line.btn-info:hover {
        color: #fff;
        background-color: #46b8da;
        border-color: #28a1c5
    }

    .btn-line.btn-info.disabled, .btn-line.btn-info.disabled.active, .btn-line.btn-info.disabled:active, .btn-line.btn-info.disabled:focus, .btn-line.btn-info.disabled:hover, .btn-line.btn-info[disabled], .btn-line.btn-info[disabled].active, .btn-line.btn-info[disabled]:active, .btn-line.btn-info[disabled]:focus, .btn-line.btn-info[disabled]:hover, fieldset[disabled] .btn-line.btn-info, fieldset[disabled] .btn-line.btn-info.active, fieldset[disabled] .btn-line.btn-info:active, fieldset[disabled] .btn-line.btn-info:focus, fieldset[disabled] .btn-line.btn-info:hover {
        background-color: #fff;
        border-color: #46b8da
    }

.btn-line.btn-metis-1 {
    color: #ee465a;
    background-color: #fff;
    border-color: #c11a39
}

    .btn-line.btn-metis-1.active, .btn-line.btn-metis-1:active, .btn-line.btn-metis-1:focus, .btn-line.btn-metis-1:hover {
        color: #fff;
        background-color: #ec2f45;
        border-color: #94142c
    }

    .btn-line.btn-metis-1.disabled, .btn-line.btn-metis-1.disabled.active, .btn-line.btn-metis-1.disabled:active, .btn-line.btn-metis-1.disabled:focus, .btn-line.btn-metis-1.disabled:hover, .btn-line.btn-metis-1[disabled], .btn-line.btn-metis-1[disabled].active, .btn-line.btn-metis-1[disabled]:active, .btn-line.btn-metis-1[disabled]:focus, .btn-line.btn-metis-1[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-1, fieldset[disabled] .btn-line.btn-metis-1.active, fieldset[disabled] .btn-line.btn-metis-1:active, fieldset[disabled] .btn-line.btn-metis-1:focus, fieldset[disabled] .btn-line.btn-metis-1:hover {
        background-color: #fff;
        border-color: #c11a39
    }

.btn-line.btn-metis-2 {
    color: #9fd256;
    background-color: #fff;
    border-color: #6fac34
}

    .btn-line.btn-metis-2.active, .btn-line.btn-metis-2:active, .btn-line.btn-metis-2:focus, .btn-line.btn-metis-2:hover {
        color: #fff;
        background-color: #94cd42;
        border-color: #568528
    }

    .btn-line.btn-metis-2.disabled, .btn-line.btn-metis-2.disabled.active, .btn-line.btn-metis-2.disabled:active, .btn-line.btn-metis-2.disabled:focus, .btn-line.btn-metis-2.disabled:hover, .btn-line.btn-metis-2[disabled], .btn-line.btn-metis-2[disabled].active, .btn-line.btn-metis-2[disabled]:active, .btn-line.btn-metis-2[disabled]:focus, .btn-line.btn-metis-2[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-2, fieldset[disabled] .btn-line.btn-metis-2.active, fieldset[disabled] .btn-line.btn-metis-2:active, fieldset[disabled] .btn-line.btn-metis-2:focus, fieldset[disabled] .btn-line.btn-metis-2:hover {
        background-color: #fff;
        border-color: #6fac34
    }

.btn-line.btn-metis-3 {
    color: #fbb450;
    background-color: #fff;
    border-color: #f89406
}

    .btn-line.btn-metis-3.active, .btn-line.btn-metis-3:active, .btn-line.btn-metis-3:focus, .btn-line.btn-metis-3:hover {
        color: #fff;
        background-color: #faa937;
        border-color: #c67605
    }

    .btn-line.btn-metis-3.disabled, .btn-line.btn-metis-3.disabled.active, .btn-line.btn-metis-3.disabled:active, .btn-line.btn-metis-3.disabled:focus, .btn-line.btn-metis-3.disabled:hover, .btn-line.btn-metis-3[disabled], .btn-line.btn-metis-3[disabled].active, .btn-line.btn-metis-3[disabled]:active, .btn-line.btn-metis-3[disabled]:focus, .btn-line.btn-metis-3[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-3, fieldset[disabled] .btn-line.btn-metis-3.active, fieldset[disabled] .btn-line.btn-metis-3:active, fieldset[disabled] .btn-line.btn-metis-3:focus, fieldset[disabled] .btn-line.btn-metis-3:hover {
        background-color: #fff;
        border-color: #f89406
    }

.btn-line.btn-metis-4 {
    color: #a264e7;
    background-color: #fff;
    border-color: #62309a
}

    .btn-line.btn-metis-4.active, .btn-line.btn-metis-4:active, .btn-line.btn-metis-4:focus, .btn-line.btn-metis-4:hover {
        color: #fff;
        background-color: #954ee4;
        border-color: #492473
    }

    .btn-line.btn-metis-4.disabled, .btn-line.btn-metis-4.disabled.active, .btn-line.btn-metis-4.disabled:active, .btn-line.btn-metis-4.disabled:focus, .btn-line.btn-metis-4.disabled:hover, .btn-line.btn-metis-4[disabled], .btn-line.btn-metis-4[disabled].active, .btn-line.btn-metis-4[disabled]:active, .btn-line.btn-metis-4[disabled]:focus, .btn-line.btn-metis-4[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-4, fieldset[disabled] .btn-line.btn-metis-4.active, fieldset[disabled] .btn-line.btn-metis-4:active, fieldset[disabled] .btn-line.btn-metis-4:focus, fieldset[disabled] .btn-line.btn-metis-4:hover {
        background-color: #fff;
        border-color: #62309a
    }

.btn-line.btn-metis-5 {
    color: #777;
    background-color: #fff;
    border-color: #555
}

    .btn-line.btn-metis-5.active, .btn-line.btn-metis-5:active, .btn-line.btn-metis-5:focus, .btn-line.btn-metis-5:hover {
        color: #fff;
        background-color: #6a6a6a;
        border-color: #3b3b3b
    }

    .btn-line.btn-metis-5.disabled, .btn-line.btn-metis-5.disabled.active, .btn-line.btn-metis-5.disabled:active, .btn-line.btn-metis-5.disabled:focus, .btn-line.btn-metis-5.disabled:hover, .btn-line.btn-metis-5[disabled], .btn-line.btn-metis-5[disabled].active, .btn-line.btn-metis-5[disabled]:active, .btn-line.btn-metis-5[disabled]:focus, .btn-line.btn-metis-5[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-5, fieldset[disabled] .btn-line.btn-metis-5.active, fieldset[disabled] .btn-line.btn-metis-5:active, fieldset[disabled] .btn-line.btn-metis-5:focus, fieldset[disabled] .btn-line.btn-metis-5:hover {
        background-color: #fff;
        border-color: #555
    }

.btn-line.btn-metis-6 {
    color: #00b4f5;
    background-color: #fff;
    border-color: #008dc5
}

    .btn-line.btn-metis-6.active, .btn-line.btn-metis-6:active, .btn-line.btn-metis-6:focus, .btn-line.btn-metis-6:hover {
        color: #fff;
        background-color: #00a1dc;
        border-color: #006892
    }

    .btn-line.btn-metis-6.disabled, .btn-line.btn-metis-6.disabled.active, .btn-line.btn-metis-6.disabled:active, .btn-line.btn-metis-6.disabled:focus, .btn-line.btn-metis-6.disabled:hover, .btn-line.btn-metis-6[disabled], .btn-line.btn-metis-6[disabled].active, .btn-line.btn-metis-6[disabled]:active, .btn-line.btn-metis-6[disabled]:focus, .btn-line.btn-metis-6[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-6, fieldset[disabled] .btn-line.btn-metis-6.active, fieldset[disabled] .btn-line.btn-metis-6:active, fieldset[disabled] .btn-line.btn-metis-6:focus, fieldset[disabled] .btn-line.btn-metis-6:hover {
        background-color: #fff;
        border-color: #008dc5
    }

.btn-grad.btn-default {
    background-image: -webkit-linear-gradient(top,#fff,#b3b3b3);
    background-image: linear-gradient(to bottom,#fff,#b3b3b3);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-default.active, .btn-grad.btn-default.disabled, .btn-grad.btn-default.disabled.active, .btn-grad.btn-default.disabled:active, .btn-grad.btn-default.disabled:focus, .btn-grad.btn-default.disabled:hover, .btn-grad.btn-default:active, .btn-grad.btn-default:focus, .btn-grad.btn-default:hover, .btn-grad.btn-default[disabled], .btn-grad.btn-default[disabled].active, .btn-grad.btn-default[disabled]:active, .btn-grad.btn-default[disabled]:focus, .btn-grad.btn-default[disabled]:hover, fieldset[disabled] .btn-grad.btn-default, fieldset[disabled] .btn-grad.btn-default.active, fieldset[disabled] .btn-grad.btn-default:active, fieldset[disabled] .btn-grad.btn-default:focus, fieldset[disabled] .btn-grad.btn-default:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-primary {
    background-image: -webkit-linear-gradient(top,#428bca,#2a6496);
    background-image: linear-gradient(to bottom,#428bca,#2a6496);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-primary.active, .btn-grad.btn-primary.disabled, .btn-grad.btn-primary.disabled.active, .btn-grad.btn-primary.disabled:active, .btn-grad.btn-primary.disabled:focus, .btn-grad.btn-primary.disabled:hover, .btn-grad.btn-primary:active, .btn-grad.btn-primary:focus, .btn-grad.btn-primary:hover, .btn-grad.btn-primary[disabled], .btn-grad.btn-primary[disabled].active, .btn-grad.btn-primary[disabled]:active, .btn-grad.btn-primary[disabled]:focus, .btn-grad.btn-primary[disabled]:hover, fieldset[disabled] .btn-grad.btn-primary, fieldset[disabled] .btn-grad.btn-primary.active, fieldset[disabled] .btn-grad.btn-primary:active, fieldset[disabled] .btn-grad.btn-primary:focus, fieldset[disabled] .btn-grad.btn-primary:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-warning {
    background-image: -webkit-linear-gradient(top,#f0ad4e,#df8a13);
    background-image: linear-gradient(to bottom,#f0ad4e,#df8a13);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-warning.active, .btn-grad.btn-warning.disabled, .btn-grad.btn-warning.disabled.active, .btn-grad.btn-warning.disabled:active, .btn-grad.btn-warning.disabled:focus, .btn-grad.btn-warning.disabled:hover, .btn-grad.btn-warning:active, .btn-grad.btn-warning:focus, .btn-grad.btn-warning:hover, .btn-grad.btn-warning[disabled], .btn-grad.btn-warning[disabled].active, .btn-grad.btn-warning[disabled]:active, .btn-grad.btn-warning[disabled]:focus, .btn-grad.btn-warning[disabled]:hover, fieldset[disabled] .btn-grad.btn-warning, fieldset[disabled] .btn-grad.btn-warning.active, fieldset[disabled] .btn-grad.btn-warning:active, fieldset[disabled] .btn-grad.btn-warning:focus, fieldset[disabled] .btn-grad.btn-warning:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-danger {
    background-image: -webkit-linear-gradient(top,#d9534f,#b52b27);
    background-image: linear-gradient(to bottom,#d9534f,#b52b27);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-danger.active, .btn-grad.btn-danger.disabled, .btn-grad.btn-danger.disabled.active, .btn-grad.btn-danger.disabled:active, .btn-grad.btn-danger.disabled:focus, .btn-grad.btn-danger.disabled:hover, .btn-grad.btn-danger:active, .btn-grad.btn-danger:focus, .btn-grad.btn-danger:hover, .btn-grad.btn-danger[disabled], .btn-grad.btn-danger[disabled].active, .btn-grad.btn-danger[disabled]:active, .btn-grad.btn-danger[disabled]:focus, .btn-grad.btn-danger[disabled]:hover, fieldset[disabled] .btn-grad.btn-danger, fieldset[disabled] .btn-grad.btn-danger.active, fieldset[disabled] .btn-grad.btn-danger:active, fieldset[disabled] .btn-grad.btn-danger:focus, fieldset[disabled] .btn-grad.btn-danger:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-success {
    background-image: -webkit-linear-gradient(top,#5cb85c,#3d8b3d);
    background-image: linear-gradient(to bottom,#5cb85c,#3d8b3d);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-success.active, .btn-grad.btn-success.disabled, .btn-grad.btn-success.disabled.active, .btn-grad.btn-success.disabled:active, .btn-grad.btn-success.disabled:focus, .btn-grad.btn-success.disabled:hover, .btn-grad.btn-success:active, .btn-grad.btn-success:focus, .btn-grad.btn-success:hover, .btn-grad.btn-success[disabled], .btn-grad.btn-success[disabled].active, .btn-grad.btn-success[disabled]:active, .btn-grad.btn-success[disabled]:focus, .btn-grad.btn-success[disabled]:hover, fieldset[disabled] .btn-grad.btn-success, fieldset[disabled] .btn-grad.btn-success.active, fieldset[disabled] .btn-grad.btn-success:active, fieldset[disabled] .btn-grad.btn-success:focus, fieldset[disabled] .btn-grad.btn-success:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-info {
    margin: 1px;
    text-shadow: 0 -1px 0 gba(0,0,0,.2);
    background-image: -webkit-linear-gradient(top,#5bc0de,#28a1c5);
    background-image: linear-gradient(to bottom,#5bc0de,#28a1c5);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-info.active, .btn-grad.btn-info.disabled, .btn-grad.btn-info.disabled.active, .btn-grad.btn-info.disabled:active, .btn-grad.btn-info.disabled:focus, .btn-grad.btn-info.disabled:hover, .btn-grad.btn-info:active, .btn-grad.btn-info:focus, .btn-grad.btn-info:hover, .btn-grad.btn-info[disabled], .btn-grad.btn-info[disabled].active, .btn-grad.btn-info[disabled]:active, .btn-grad.btn-info[disabled]:focus, .btn-grad.btn-info[disabled]:hover, fieldset[disabled] .btn-grad.btn-info, fieldset[disabled] .btn-grad.btn-info.active, fieldset[disabled] .btn-grad.btn-info:active, fieldset[disabled] .btn-grad.btn-info:focus, fieldset[disabled] .btn-grad.btn-info:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-metis-1 {
    background-image: -webkit-linear-gradient(top,#ee465a,#c11a39);
    background-image: linear-gradient(to bottom,#ee465a,#c11a39);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-metis-1.active, .btn-grad.btn-metis-1.disabled, .btn-grad.btn-metis-1.disabled.active, .btn-grad.btn-metis-1.disabled:active, .btn-grad.btn-metis-1.disabled:focus, .btn-grad.btn-metis-1.disabled:hover, .btn-grad.btn-metis-1:active, .btn-grad.btn-metis-1:focus, .btn-grad.btn-metis-1:hover, .btn-grad.btn-metis-1[disabled], .btn-grad.btn-metis-1[disabled].active, .btn-grad.btn-metis-1[disabled]:active, .btn-grad.btn-metis-1[disabled]:focus, .btn-grad.btn-metis-1[disabled]:hover, fieldset[disabled] .btn-grad.btn-metis-1, fieldset[disabled] .btn-grad.btn-metis-1.active, fieldset[disabled] .btn-grad.btn-metis-1:active, fieldset[disabled] .btn-grad.btn-metis-1:focus, fieldset[disabled] .btn-grad.btn-metis-1:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-metis-2 {
    background-image: -webkit-linear-gradient(top,#9fd256,#6fac34);
    background-image: linear-gradient(to bottom,#9fd256,#6fac34);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-metis-2.active, .btn-grad.btn-metis-2.disabled, .btn-grad.btn-metis-2.disabled.active, .btn-grad.btn-metis-2.disabled:active, .btn-grad.btn-metis-2.disabled:focus, .btn-grad.btn-metis-2.disabled:hover, .btn-grad.btn-metis-2:active, .btn-grad.btn-metis-2:focus, .btn-grad.btn-metis-2:hover, .btn-grad.btn-metis-2[disabled], .btn-grad.btn-metis-2[disabled].active, .btn-grad.btn-metis-2[disabled]:active, .btn-grad.btn-metis-2[disabled]:focus, .btn-grad.btn-metis-2[disabled]:hover, fieldset[disabled] .btn-grad.btn-metis-2, fieldset[disabled] .btn-grad.btn-metis-2.active, fieldset[disabled] .btn-grad.btn-metis-2:active, fieldset[disabled] .btn-grad.btn-metis-2:focus, fieldset[disabled] .btn-grad.btn-metis-2:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-metis-3 {
    background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
    background-image: linear-gradient(to bottom,#fbb450,#f89406);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-metis-3.active, .btn-grad.btn-metis-3.disabled, .btn-grad.btn-metis-3.disabled.active, .btn-grad.btn-metis-3.disabled:active, .btn-grad.btn-metis-3.disabled:focus, .btn-grad.btn-metis-3.disabled:hover, .btn-grad.btn-metis-3:active, .btn-grad.btn-metis-3:focus, .btn-grad.btn-metis-3:hover, .btn-grad.btn-metis-3[disabled], .btn-grad.btn-metis-3[disabled].active, .btn-grad.btn-metis-3[disabled]:active, .btn-grad.btn-metis-3[disabled]:focus, .btn-grad.btn-metis-3[disabled]:hover, fieldset[disabled] .btn-grad.btn-metis-3, fieldset[disabled] .btn-grad.btn-metis-3.active, fieldset[disabled] .btn-grad.btn-metis-3:active, fieldset[disabled] .btn-grad.btn-metis-3:focus, fieldset[disabled] .btn-grad.btn-metis-3:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-metis-4 {
    background-image: -webkit-linear-gradient(top,#a264e7,#62309a);
    background-image: linear-gradient(to bottom,#a264e7,#62309a);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-metis-4.active, .btn-grad.btn-metis-4.disabled, .btn-grad.btn-metis-4.disabled.active, .btn-grad.btn-metis-4.disabled:active, .btn-grad.btn-metis-4.disabled:focus, .btn-grad.btn-metis-4.disabled:hover, .btn-grad.btn-metis-4:active, .btn-grad.btn-metis-4:focus, .btn-grad.btn-metis-4:hover, .btn-grad.btn-metis-4[disabled], .btn-grad.btn-metis-4[disabled].active, .btn-grad.btn-metis-4[disabled]:active, .btn-grad.btn-metis-4[disabled]:focus, .btn-grad.btn-metis-4[disabled]:hover, fieldset[disabled] .btn-grad.btn-metis-4, fieldset[disabled] .btn-grad.btn-metis-4.active, fieldset[disabled] .btn-grad.btn-metis-4:active, fieldset[disabled] .btn-grad.btn-metis-4:focus, fieldset[disabled] .btn-grad.btn-metis-4:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-metis-5 {
    background-image: -webkit-linear-gradient(top,#777,#555);
    background-image: linear-gradient(to bottom,#777,#555);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

    .btn-grad.btn-metis-5.active, .btn-grad.btn-metis-5.disabled, .btn-grad.btn-metis-5.disabled.active, .btn-grad.btn-metis-5.disabled:active, .btn-grad.btn-metis-5.disabled:focus, .btn-grad.btn-metis-5.disabled:hover, .btn-grad.btn-metis-5:active, .btn-grad.btn-metis-5:focus, .btn-grad.btn-metis-5:hover, .btn-grad.btn-metis-5[disabled], .btn-grad.btn-metis-5[disabled].active, .btn-grad.btn-metis-5[disabled]:active, .btn-grad.btn-metis-5[disabled]:focus, .btn-grad.btn-metis-5[disabled]:hover, fieldset[disabled] .btn-grad.btn-metis-5, fieldset[disabled] .btn-grad.btn-metis-5.active, fieldset[disabled] .btn-grad.btn-metis-5:active, fieldset[disabled] .btn-grad.btn-metis-5:focus, fieldset[disabled] .btn-grad.btn-metis-5:hover {
        background-image: none;
        border-color: rgba(0,0,0,.2);
        border-top-color: rgba(0,0,0,.4);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
    }

.btn-grad.btn-metis-6 {
    background-image: -webkit-linear-gradient(top,#00b4f5,#008dc5);
    background-image: linear-gradient(to bottom,#00b4f5,#008dc5);
    border-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4)
}

.quick-btn, .stats_box li {
    text-shadow: 0 1px 0 rgba(255,255,255,.6)
}

.btn-grad.btn-metis-6.active, .btn-grad.btn-metis-6.disabled, .btn-grad.btn-metis-6.disabled.active, .btn-grad.btn-metis-6.disabled:active, .btn-grad.btn-metis-6.disabled:focus, .btn-grad.btn-metis-6.disabled:hover, .btn-grad.btn-metis-6:active, .btn-grad.btn-metis-6:focus, .btn-grad.btn-metis-6:hover, .btn-grad.btn-metis-6[disabled], .btn-grad.btn-metis-6[disabled].active, .btn-grad.btn-metis-6[disabled]:active, .btn-grad.btn-metis-6[disabled]:focus, .btn-grad.btn-metis-6[disabled]:hover, fieldset[disabled] .btn-grad.btn-metis-6, fieldset[disabled] .btn-grad.btn-metis-6.active, fieldset[disabled] .btn-grad.btn-metis-6:active, fieldset[disabled] .btn-grad.btn-metis-6:focus, fieldset[disabled] .btn-grad.btn-metis-6:hover {
    background-image: none;
    border-color: rgba(0,0,0,.2);
    border-top-color: rgba(0,0,0,.4);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.2)
}

.btn-flat {
    border-width: 0 !important
}

.progress.lg {
    height: 28px
}

.progress.md {
    height: 12px
}

.progress.xs {
    height: 6px
}

.inner hr {
    margin-top: 10px;
    border-top-color: #ccc
}

.well.dark {
    padding-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    background-color: #000;
    border: none
}

    .well.dark .alert {
        margin-bottom: 0
    }

.stats_box {
    margin-top: 20px;
    margin-left: 0
}

    .stats_box li {
        padding: 0 10px;
        margin: 0 10px 10px;
        line-height: 18px;
        background: #EEE;
        -webkit-box-shadow: 0 0 0 1px #F8F8F8 inset,0 0 0 1px #CCC;
        box-shadow: 0 0 0 1px #F8F8F8 inset,0 0 0 1px #CCC
    }

    .stats_box :hover {
        color: #0053ff;
        font-weight: 400
    }

    .stats_box .sparkline {
        float: left;
        width: 50px;
        padding: 10px 14px 0 4px;
        margin-right: 12px;
        line-height: 52px;
        border-right: 1px solid #DCDCDC;
        -webkit-box-shadow: 1px 0 0 0 #fff;
        box-shadow: 1px 0 0 0 #fff
    }

    .stats_box .stat_text {
        float: left;
        width: 150px;
        padding: 9px 10px 7px 0;
        font-size: 12px;
        text-align: right
    }

        .stats_box .stat_text strong {
            display: block;
            font-size: 16px
        }

        .stats_box .stat_text .percent {
            position: absolute;
            top: 17px;
            right: 0;
            float: right;
            font-size: 20px;
            font-weight: 700;
            color: #444
        }

            .stats_box .stat_text .percent.up {
                color: #46a546
            }

            .stats_box .stat_text .percent.down {
                color: #C52F61
            }

.quick-btn {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 80px;
    padding-top: 16px;
    margin: 10px;
    color: #444;
    text-align: center;
    -webkit-box-shadow: 0 0 0 1px #F8F8F8 inset,0 0 0 1px #CCC;
    box-shadow: 0 0 0 1px #F8F8F8 inset,0 0 0 1px #CCC
}

    .quick-btn span {
        display: block
    }

    .quick-btn .label {
        position: absolute;
        top: -5px;
        left: -5px
    }

    .quick-btn:hover {
        color: #0053ff
    }

    .quick-btn.small {
        width: 40px;
        height: 30px;
        padding-top: 6px
    }

.simpleTable tr td:first-child, .simpleTable tr th:first-child {
    width: 27px;
    text-align: center
}

.sortableTable th {
    cursor: pointer;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#fff 0,#f2f2f2 100%)
}

    .sortableTable th i {
        display: none;
        float: right
    }

    .sortableTable th:hover {
        color: #888
    }

    .sortableTable th.tablesorter-header i.icon-sort {
        display: inline-block
    }

    .sortableTable th.tablesorter-header.tablesorter-headerDesc i.icon-sort {
        display: none
    }

    .sortableTable th.tablesorter-header.tablesorter-headerDesc i.icon-sort-up {
        display: inline-block
    }

    .sortableTable th.tablesorter-header.tablesorter-headerAsc i.icon-sort {
        display: none
    }

    .sortableTable th.tablesorter-header.tablesorter-headerAsc i.icon-sort-down {
        display: inline-block
    }

@media only screen and (max-width:767px) {
    .responsive-table {
        position: relative;
        display: block;
        width: 100%
    }

        .responsive-table thead {
            display: block;
            float: left
        }

            .responsive-table thead tr {
                display: block
            }

        .responsive-table tbody {
            position: relative;
            display: block;
            width: auto;
            overflow-x: auto;
            white-space: nowrap
        }

            .responsive-table tbody tr {
                display: inline-block;
                vertical-align: top
            }

        .responsive-table th {
            display: block
        }

        .responsive-table td {
            display: block;
            min-height: 1.25em
        }
}

.google-maps {
    width: 100%;
    height: 333px
}

.progress.vertical .bar.six-sec-ease-in-out {
    -webkit-transition: height 6s ease-in-out;
    -moz-transition: height 6s ease-in-out;
    -ms-transition: height 6s ease-in-out;
    -o-transition: height 6s ease-in-out;
    transition: height 6s ease-in-out
}

.progress.wide {
    width: 60px
}

.vertical-progressbar-span {
    height: 100px
}

.nav.nav-tabs {
    margin-bottom: 0;
    border: none
}

.tab-content {
    padding: 20px;
    margin: 0;
    border: 1px solid #DDD;
    border-radius: 5px
}

.comments .popover {
    position: relative;
    display: block;
    width: 90%;
    margin: 0 10px
}

    .comments .popover .arrow {
        top: 33%
    }

.anim-checkbox label {
    position: relative
}

    .anim-checkbox label:after, .anim-checkbox label:before {
        position: absolute;
        left: -22px;
        font-family: FontAwesome
    }

    .anim-checkbox label:before {
        content: '\f096'
    }

    .anim-checkbox label:after {
        max-width: 0;
        overflow: hidden;
        content: '\f046';
        opacity: .5;
        transition: all .35s
    }

.anim-checkbox input[type=checkbox] {
    display: none
}

    .anim-checkbox input[type=checkbox]:checked + label:after {
        max-width: 25px;
        opacity: 1
    }

.anim-checkbox .primary:checked + label:after, .anim-checkbox .primary:checked + label:before {
    color: #428bca
}

.anim-checkbox .success:checked + label:after, .anim-checkbox .success:checked + label:before {
    color: #5cb85c
}

.anim-checkbox .warning:checked + label:after, .anim-checkbox .warning:checked + label:before {
    color: #f0ad4e
}

.anim-checkbox .danger:checked + label:after, .anim-checkbox .danger:checked + label:before {
    color: #d9534f
}

.anim-checkbox .info:checked + label:after, .anim-checkbox .info:checked + label:before {
    color: #5bc0de
}

.pricing-table {
    padding: 0;
    margin: 30px 0;
    line-height: 150%;
    text-align: center
}

    .pricing-table > li {
        color: #444;
        background-repeat: repeat-x;
        -webkit-transition: all .2s;
        transition: all .2s;
        background-image: linear-gradient(to bottom,#ebeef5 0,#fff 100%)
    }

    .pricing-table.dark > li {
        color: #fff;
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom,#666 0,#444 100%)
    }

    .pricing-table > li.active {
        z-index: 1;
        color: #fff;
        -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.5);
        box-shadow: 0 0 15px 1px rgba(0,0,0,.5)
    }

@media (min-width:768px) {
    .pricing-table > li.active {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03)
    }
}

.pricing-table > li.active.primary {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#357ebd 0,#428bca 100%)
}

.pricing-table > li.active.success {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#4cae4c 0,#5cb85c 100%)
}

.pricing-table > li.active.warning {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#eea236 0,#f0ad4e 100%)
}

.pricing-table > li.active.danger {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#d43f3a 0,#d9534f 100%)
}

.pricing-table > li.active.info {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#46b8da 0,#5bc0de 100%)
}

.pricing-table .footer {
    padding: 15px;
    margin: 15px -15px 0;
    background: #eee
}

.pricing-table.dark .footer {
    background: #333
}

.pricing-table h3 {
    padding: 15px 0;
    text-transform: uppercase
}

.pricing-table .price-body {
    display: table;
    width: 125px;
    height: 125px;
    margin: 0 auto 15px;
    border: 2px solid #444;
    border-radius: 100%
}

.pricing-table.dark .price-body, .pricing-table > li.active.danger .price-body, .pricing-table > li.active.info .price-body, .pricing-table > li.active.primary .price-body, .pricing-table > li.active.success .price-body, .pricing-table > li.active.warning .price-body {
    border-color: #fff
}

.pricing-table .price {
    display: table-cell;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle
}

    .pricing-table .price .price-figure {
        display: block
    }

    .pricing-table .price .price-term {
        font-size: 11px;
        font-weight: 400
    }

.pricing-table .features ul {
    padding: 0;
    margin: 0
}

    .pricing-table .features ul li {
        padding: 5px 0
    }